@schukai/monster 4.70.2 → 4.71.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.71.0] - 2026-01-03
+
+### Add Features
+
+- Simplify filter initialization by removing unnecessary escaping
+
+
+
+## [4.70.3] - 2026-01-03
+
+### Bug Fixes
+
+- Add quoting functionality to TextOperator value retrieval
+
+
+
 ## [4.70.2] - 2026-01-03
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@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.70.2"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@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.71.0"}

package/source/components/datatable/filter/text-operator.mjs

@@ -21,6 +21,7 @@ import { CustomControl } from "../../../dom/customcontrol.mjs";
 import { FilterControlsDefaultsStyleSheet } from "../stylesheet/filter-controls-defaults.mjs";
 import { FilterStyleSheet } from "../stylesheet/filter.mjs";
 import { getLocaleOfDocument } from "../../../dom/locale.mjs";
+import { isString } from "../../../types/is.mjs";
 import "../../form/input-group.mjs";
 
 export { TextOperator };
@@ -75,6 +76,12 @@ class TextOperator extends CustomControl {
 			templates: {
 				main: getTemplate(),
 			},
+			features: {
+				quoteValue: true,
+			},
+			quotes: {
+				char: '"',
+			},
 			labels: getTranslations(),
 		});
 	}
@@ -120,10 +127,13 @@ class TextOperator extends CustomControl {
 	 * @return {*}
 	 */
 	get value() {
-		const query = `${this[inputElementSymbol].value || ""}`.trim();
+		let query = `${this[inputElementSymbol].value || ""}`.trim();
 		if (!query) {
 			return "";
 		}
+		if (this.getOption("features.quoteValue")) {
+			query = quoteValue(query, this.getOption("quotes.char"));
+		}
 		return `${this[operatorElementSymbol].value}${query}`;
 	}
 }
@@ -369,6 +379,20 @@ function parseValue(value) {
 	return { operator: ":", query: value };
 }
 
+/**
+ * @private
+ * @param {string} value
+ * @param {string} quoteChar
+ * @return {string}
+ */
+function quoteValue(value, quoteChar) {
+	const char = isString(quoteChar) && quoteChar.length > 0 ? quoteChar[0] : '"';
+	if (value.startsWith(char) && value.endsWith(char)) {
+		return value;
+	}
+	return `${char}${value}${char}`;
+}
+
 /**
  * @private
  * @return {string}

package/source/components/datatable/filter.mjs

@@ -716,7 +716,7 @@ function initFilter() {
 			}
 
 			if (valuesFromHash?.[element.id]) {
-				const v = escapeAttributeValue(valuesFromHash[element.id]);
+				const v = valuesFromHash[element.id];
 				const searchInput = element.firstElementChild;
 				try {
 					searchInput.value = v;