mirror of
https://github.com/discourse/discourse.git
synced 2024-12-11 20:13:43 +08:00
231dc10bbd
Add the ability to modify a selectKit's content with `replaceContent` Eg. ``` api.modifySelectKit("combo-box").replaceContent(() => { return { id: "foo", name: "Foo", }; }); ``` will override existing content to only include the passed object
106 lines
3.2 KiB
JavaScript
106 lines
3.2 KiB
JavaScript
import Mixin from "@ember/object/mixin";
|
|
import { isNone } from "@ember/utils";
|
|
import { makeArray } from "discourse-common/lib/helpers";
|
|
|
|
let _appendContentCallbacks = {};
|
|
function appendContent(pluginApiIdentifiers, contentFunction) {
|
|
if (isNone(_appendContentCallbacks[pluginApiIdentifiers])) {
|
|
_appendContentCallbacks[pluginApiIdentifiers] = [];
|
|
}
|
|
|
|
_appendContentCallbacks[pluginApiIdentifiers].push(contentFunction);
|
|
}
|
|
|
|
let _prependContentCallbacks = {};
|
|
function prependContent(targetedIdentifier, contentFunction) {
|
|
if (isNone(_prependContentCallbacks[targetedIdentifier])) {
|
|
_prependContentCallbacks[targetedIdentifier] = [];
|
|
}
|
|
|
|
_prependContentCallbacks[targetedIdentifier].push(contentFunction);
|
|
}
|
|
|
|
let _onChangeCallbacks = {};
|
|
function onChange(pluginApiIdentifiers, mutationFunction) {
|
|
if (isNone(_onChangeCallbacks[pluginApiIdentifiers])) {
|
|
_onChangeCallbacks[pluginApiIdentifiers] = [];
|
|
}
|
|
|
|
_onChangeCallbacks[pluginApiIdentifiers].push(mutationFunction);
|
|
}
|
|
|
|
let _replaceContentCallbacks = {};
|
|
function replaceContent(pluginApiIdentifiers, contentFunction) {
|
|
if (isNone(_replaceContentCallbacks[pluginApiIdentifiers])) {
|
|
_replaceContentCallbacks[pluginApiIdentifiers] = [];
|
|
}
|
|
|
|
_replaceContentCallbacks[pluginApiIdentifiers].push(contentFunction);
|
|
}
|
|
|
|
export function applyContentPluginApiCallbacks(content, component) {
|
|
makeArray(component.pluginApiIdentifiers).forEach((key) => {
|
|
(_prependContentCallbacks[key] || []).forEach((c) => {
|
|
const prependedContent = c(component, content);
|
|
if (prependedContent) {
|
|
content = makeArray(prependedContent).concat(content);
|
|
}
|
|
});
|
|
(_appendContentCallbacks[key] || []).forEach((c) => {
|
|
const appendedContent = c(component, content);
|
|
if (appendedContent) {
|
|
content = content.concat(makeArray(appendedContent));
|
|
}
|
|
});
|
|
|
|
(_replaceContentCallbacks[key] || []).forEach((c) => {
|
|
const replacementContent = c(component, content);
|
|
if (replacementContent) {
|
|
content = makeArray(replacementContent);
|
|
}
|
|
});
|
|
});
|
|
|
|
return content;
|
|
}
|
|
|
|
export function applyOnChangePluginApiCallbacks(value, items, component) {
|
|
makeArray(component.pluginApiIdentifiers).forEach((key) => {
|
|
(_onChangeCallbacks[key] || []).forEach((c) => c(component, value, items));
|
|
});
|
|
}
|
|
|
|
export function modifySelectKit(targetedIdentifier) {
|
|
return {
|
|
appendContent: (callback) => {
|
|
appendContent(targetedIdentifier, callback);
|
|
return modifySelectKit(targetedIdentifier);
|
|
},
|
|
prependContent: (callback) => {
|
|
prependContent(targetedIdentifier, callback);
|
|
return modifySelectKit(targetedIdentifier);
|
|
},
|
|
onChange: (callback) => {
|
|
onChange(targetedIdentifier, callback);
|
|
return modifySelectKit(targetedIdentifier);
|
|
},
|
|
replaceContent: (callback) => {
|
|
replaceContent(targetedIdentifier, callback);
|
|
return modifySelectKit(targetedIdentifier);
|
|
},
|
|
};
|
|
}
|
|
|
|
export function clearCallbacks() {
|
|
_appendContentCallbacks = {};
|
|
_prependContentCallbacks = {};
|
|
_onChangeCallbacks = {};
|
|
_replaceContentCallbacks = {};
|
|
}
|
|
|
|
const EMPTY_ARRAY = Object.freeze([]);
|
|
export default Mixin.create({
|
|
concatenatedProperties: ["pluginApiIdentifiers"],
|
|
pluginApiIdentifiers: EMPTY_ARRAY,
|
|
});
|