@schukai/monster 4.17.0 → 4.19.0

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 
 
+## [4.19.0] - 2025-06-10
+
+### Add Features
+
+- Enhance query operation flexibility in filter component
+
+
+
+## [4.18.0] - 2025-06-10
+
+### Add Features
+
+- Enhance filter functionality with new tag queries
+### Bug Fixes
+
+- remove s
+
+
+
 ## [4.17.0] - 2025-06-10
 
 ### Add Features

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.17.0"}
+{"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.19.0"}

package/source/components/datatable/filter.mjs

@@ -1232,7 +1232,7 @@ function collectSearchQueries() {
 									.join(",")
 							);
 						},
-						"tags-in-list": (value, key) => {
+						"list-tag": (value, key) => {
 							if (isString(value)) {
 								value = value.split(",");
 							}
@@ -1241,16 +1241,60 @@ function collectSearchQueries() {
 								return "";
 							}
 
+							return (
+								value
+									.map((v) => {
+										return `"${encodeURIComponent(v)}"`;
+									})
+									.join(",") +
+								" IN " +
+								encodeURIComponent(key)
+							);
+						},
+						"tags-in-list": (value, key, op) => {
+							if (isString(value)) {
+								value = value.split(",");
+							}
+
+							if (!isArray(value)) {
+								return "";
+							}
+
+							if(!op || !isString(op)) op = "OR";
+							op = " "+op.toUpperCase().trim()+" ";
+
 							let query = "";
 							value.forEach((v) => {
 								if (query.length > 0) {
-									query += " OR ";
+									query += op;
 								}
 								query += `${encodeURIComponent(key)} IN "${encodeURIComponent(v)}"`;
 							});
 
 							return query;
 						},
+						"list-in-tags": (value, key, op) => {
+							if (isString(value)) {
+								value = value.split(",");
+							}
+
+							if (!isArray(value)) {
+								return "";
+							}
+
+							if(!op || !isString(op)) op = "OR";
+							op = " "+op.toUpperCase().trim()+" ";
+
+							let query = "";
+							value.forEach((v) => {
+								if (query.length > 0) {
+									query += op;
+								}
+								query += `"${encodeURIComponent(v)}" IN ${encodeURIComponent(key)}`;
+							});
+
+							return query;
+						},
 						"array-list": (value, key) => {
 							if (isString(value)) {
 								value = value.split(",");