@schukai/monster 4.15.4 → 4.17.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.17.0] - 2025-06-10
+
+### Add Features
+
+- Add new filtering option for tags in datatable
+
+
+
+## [4.16.0] - 2025-06-08
+
+### Add Features
+
+- Introduce enhanced select component and archive issue 322
+
+
+
 ## [4.15.4] - 2025-06-07
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.1","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.15.4"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.1","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.17.0"}

package/source/components/datatable/filter.mjs

@@ -1232,6 +1232,25 @@ function collectSearchQueries() {
 									.join(",")
 							);
 						},
+						"tags-in-list": (value, key) => {
+							if (isString(value)) {
+								value = value.split(",");
+							}
+
+							if (!isArray(value)) {
+								return "";
+							}
+
+							let query = "";
+							value.forEach((v) => {
+								if (query.length > 0) {
+									query += " OR ";
+								}
+								query += `${encodeURIComponent(key)} IN "${encodeURIComponent(v)}"`;
+							});
+
+							return query;
+						},
 						"array-list": (value, key) => {
 							if (isString(value)) {
 								value = value.split(",");

package/source/components/form/select.mjs

@@ -2438,20 +2438,42 @@ function gatherState() {
         throw new Error("no shadow-root is defined");
     }
 
-    const selection = [];
-    const elements = this.shadowRoot.querySelectorAll(
-        `input[type=${type}]:checked`,
-    );
+    let filteredSelection=[];
+    if (type === "radio") {
+
+        const selection = [];
+        const elements = this.shadowRoot.querySelectorAll(
+            `input[type=${type}]:checked`,
+        );
+
+        for (const e of elements) {
+            selection.push({
+                label: getSelectionLabel.call(this, e.value),
+                value: e.value,
+            });
+        }
+
+        filteredSelection = selection;
+
+    } else {
+
+        const selection = [...this.getOption("selection", [])];
+        const allElements = this.shadowRoot.querySelectorAll(`input[type=${type}]`);
+        const checkedElements = this.shadowRoot.querySelectorAll(`input[type=${type}]:checked`);
+        const currentInputValues = new Set(Array.from(allElements).map(el => el.value));
+        filteredSelection = selection.filter(sel => !currentInputValues.has(sel.value));
+        for (const input of checkedElements) {
+            filteredSelection.push({
+                label: getSelectionLabel.call(this, input.value),
+                value: input.value,
+            });
+        }
 
-    for (const e of elements) {
-        selection.push({
-            label: getSelectionLabel.call(this, e.value),
-            value: e.value,
-        });
     }
 
+
     setSelection
-        .call(this, selection)
+        .call(this, filteredSelection)
         .then(() => {
         })
         .catch((e) => {