@schukai/monster 3.106.1 → 3.108.0

package/source/components/form/tree-select.mjs

@@ -41,6 +41,7 @@ import { ATTRIBUTE_FORM_URL, ATTRIBUTE_INTEND } from "./constants.mjs";
 import { Select } from "./select.mjs";
 import { SelectStyleSheet } from "./stylesheet/select.mjs";
 import { TreeSelectStyleSheet } from "./stylesheet/tree-select.mjs";
+import { addErrorAttribute } from "../../dom/error.mjs";
 
 export { TreeSelect, formatHierarchicalSelection };
 
@@ -92,6 +93,9 @@ class TreeSelect extends Select {
 	 * @property {String} mapping.idTemplate=id
 	 * @property {String} mapping.parentTemplate=parent
 	 * @property {String} mapping.selection
+	 * @property {String} mapping.labelTemplate
+	 * @property {String} mapping.valueTemplate
+	 * @property {String} mapping.filter The filter function to apply to each node, you can use run: syntax to execute a function, or use call:filterValueOfAttribute:data-my-attribute.
 	 * @property {Object} formatter
 	 * @property {String} formatter.separator=" / "
 	 */
@@ -108,6 +112,8 @@ class TreeSelect extends Select {
 					selector: "*",
 					labelTemplate: "",
 					valueTemplate: "",
+
+					filter: null,
 				},
 				formatter: {
 					selection: formatHierarchicalSelection,
@@ -146,15 +152,49 @@ class TreeSelect extends Select {
 	 * @throws {Error} map is not iterable
 	 */
 	importOptions(data) {
+		const self = this;
+
 		this[internalNodesSymbol] = new Map();
 
+		const id = this.getOption("mapping.id", "id");
+		const parentID = this.getOption("mapping.parent", "parent");
+
 		const mappingOptions = this.getOption("mapping", {});
 
-		const filter = mappingOptions?.["filter"];
-		const rootReferences = mappingOptions?.["rootReferences"];
+		let filter = mappingOptions?.["filter"];
+
+		if (isString(filter)) {
+			if (0 === filter.indexOf("run:")) {
+				const code = filter.replace("run:", "");
+				filter = (m, v, k) => {
+					const fkt = new Function("m", "v", "k", "control", code);
+					return fkt(m, v, k, self);
+				};
+			} else if (0 === filter.indexOf("call:")) {
+				const parts = filter.split(":");
+				parts.shift(); // remove prefix
+				const fkt = parts.shift();
+
+				switch (fkt) {
+					case "filterValueOfAttribute":
+						const attribute = parts.shift();
+						const attrValue = self.getAttribute(attribute);
+
+						filter = (m, v, k) => {
+							return m?.[id] != attrValue; // no type check, no !==
+						};
+						break;
+
+					default:
+						addErrorAttribute(
+							this,
+							new Error(`Unknown filter function ${fkt}`),
+						);
+				}
+			}
+		}
 
-		const id = this.getOption("mapping.id", "id");
-		const parentID = this.getOption("mapping.parent", "parent");
+		const rootReferences = mappingOptions?.["rootReferences"];
 
 		const selector = mappingOptions?.["selector"];
 		const options = [];
@@ -196,7 +236,7 @@ class TreeSelect extends Select {
 				options,
 			});
 		} catch (e) {
-			addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e?.message || e);
+			addErrorAttribute(this, e);
 		}
 
 		return this;

package/source/data/buildmap.mjs

@@ -361,7 +361,7 @@ function buildFlatMap(subject, selector, key, parentMap) {
  * @param {*} defaultValue
  * @return {*}
  */
-function build(subject, definition, defaultValue) {
+export function build(subject, definition, defaultValue) {
 	if (definition === undefined) return defaultValue ? defaultValue : subject;
 	validateString(definition);
 

package/source/data/datasource/server/restapi.mjs

@@ -19,7 +19,7 @@ import { Server } from "../server.mjs";
 import { WriteError } from "./restapi/writeerror.mjs";
 import { DataFetchError } from "./restapi/data-fetch-error.mjs";
 import { clone } from "../../../util/clone.mjs";
-import {getInternalLocalizationMessage} from "../../../i18n/internal.mjs";
+import { getInternalLocalizationMessage } from "../../../i18n/internal.mjs";
 
 export { RestAPI };
 
@@ -226,7 +226,7 @@ function fetchData(init, key, callback) {
 			if (acceptedStatus.indexOf(resp.status) === -1) {
 				throw new DataFetchError(
 					getInternalLocalizationMessage(
-					    `i18n{the-response-does-not-contain-an-accepted-status::status=${resp.status}}`
+						`i18n{the-response-does-not-contain-an-accepted-status::status=${resp.status}}`,
 					),
 					response,
 				);
@@ -248,7 +248,7 @@ function fetchData(init, key, callback) {
 
 				throw new DataFetchError(
 					getInternalLocalizationMessage(
-						`i18n{the-response-does-not-contain-a-valid-json::actual=${body}}`
+						`i18n{the-response-does-not-contain-a-valid-json::actual=${body}}`,
 					),
 					response,
 				);

package/source/data/transformer.mjs

@@ -23,6 +23,7 @@ import {
 } from "../i18n/translations.mjs";
 import {
 	validateFunction,
+	validateArray,
 	validateInteger,
 	validateObject,
 	validatePrimitive,
@@ -286,6 +287,30 @@ function transform(value) {
 			validateInteger(n);
 			return n;
 
+		case "to-array":
+		case "toarray":
+			if (isArray(value)) {
+				return value;
+			}
+
+			if (isObject(value)) {
+				return Object.values(value);
+			}
+
+			return [value];
+
+		case "listtoarray":
+		case "list-to-array":
+			validateString(value);
+			const listDel = args.shift() || ",";
+			return value.split(listDel);
+
+		case "arraytolist":
+		case "array-to-list":
+			validateArray(value);
+			const listDel2 = args.shift() || ",";
+			return value.join(listDel2);
+
 		case "to-json":
 		case "tojson":
 			return JSON.stringify(value);
@@ -398,7 +423,10 @@ function transform(value) {
 
 		case "debug":
 			if (isObject(console)) {
-				console.log(value);
+				console.groupCollapsed("Transformer Debug");
+				console.log("Value", value);
+				console.log("Transformer", this);
+				console.groupEnd();
 			}
 
 			return value;
@@ -581,6 +609,11 @@ function transform(value) {
 						defaultValue === "true" ||
 						defaultValue === "true"
 					);
+				case "array":
+					if (defaultValue === "") {
+						return [];
+					}
+					return defaultValue.split(",");
 				case "string":
 					return `${defaultValue}`;
 				case "object":