@schukai/monster 4.104.0 → 4.106.0

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 
 
+## [4.106.0] - 2026-01-22
+
+### Add Features
+
+- Add new password change functionality for issue [#377](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/377)
+
+
+
+## [4.105.0] - 2026-01-22
+
+### Add Features
+
+- Shorten tab labels for better readability
+- Add write-back sanitizer for cleaner dataset diffs
+### Bug Fixes
+
+- tabs labels
+- update
+
+
+
 ## [4.104.0] - 2026-01-19
 
 ### Add Features

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.104.0"}
+{"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.106.0"}

package/source/components/datatable/dataset.mjs

@@ -26,7 +26,7 @@ import {
 	getDocument,
 	getWindow,
 } from "../../dom/util.mjs";
-import { isString } from "../../types/is.mjs";
+import { isArray, isObject, isString } from "../../types/is.mjs";
 import { Observer } from "../../types/observer.mjs";
 import {
 	ATTRIBUTE_DATASOURCE_SELECTOR,
@@ -40,6 +40,8 @@ import {
 } from "./util.mjs";
 import { FormStyleSheet } from "../stylesheet/form.mjs";
 import { addErrorAttribute } from "../../dom/error.mjs";
+import { Pipe } from "../../data/pipe.mjs";
+import { clone } from "../../util/clone.mjs";
 
 export { DataSet };
 
@@ -135,6 +137,11 @@ class DataSet extends CustomElement {
 					"input, select, textarea, monster-select, monster-toggle-switch",
 			},
 
+			writeBack: {
+				transformer: null,
+				callbacks: null,
+			},
+
 			data: {},
 		});
 
@@ -204,6 +211,17 @@ class DataSet extends CustomElement {
 					pathWithIndex = String(index);
 				}
 
+				let sanitizedData;
+				try {
+					sanitizedData = applyWriteBackTransform.call(
+						this,
+						clone(internalData),
+					);
+				} catch (e) {
+					reject(e);
+					return;
+				}
+
 				if (this.getOption("features.skipNoopWrite") === true) {
 					const currentData = this[datasourceLinkedElementSymbol]?.data;
 					let currentValue;
@@ -214,7 +232,7 @@ class DataSet extends CustomElement {
 							currentValue = undefined;
 						}
 					}
-					if (diff(currentValue, internalData).length === 0) {
+					if (diff(currentValue, sanitizedData).length === 0) {
 						resolve();
 						return;
 					}
@@ -223,7 +241,7 @@ class DataSet extends CustomElement {
 				if (this.getOption("logLevel") === "debug") {
 					console.log("monster-dataset: write", {
 						path: pathWithIndex,
-						data: internalData,
+						data: sanitizedData,
 					});
 				}
 
@@ -236,7 +254,7 @@ class DataSet extends CustomElement {
 				const unref = JSON.stringify(data);
 				const ref = JSON.parse(unref);
 
-				new Pathfinder(ref).setVia(pathWithIndex, internalData);
+				new Pathfinder(ref).setVia(pathWithIndex, sanitizedData);
 
 				this[datasourceLinkedElementSymbol].data = ref;
 
@@ -447,4 +465,45 @@ function getTemplate() {
     `;
 }
 
+/**
+ * @private
+ * @param {Object|Array} data
+ * @return {Object|Array}
+ */
+function applyWriteBackTransform(data) {
+	const transformer = this.getOption("writeBack.transformer");
+	if (transformer === undefined || transformer === null || transformer === "") {
+		return clone(data);
+	}
+
+	const pipe = new Pipe(transformer);
+	const callbacks = this.getOption("writeBack.callbacks");
+
+	if (isArray(callbacks)) {
+		for (const callback of callbacks) {
+			if (typeof callback === "function") {
+				pipe.setCallback(callback);
+			}
+		}
+	}
+
+	if (isObject(callbacks)) {
+		for (const key in callbacks) {
+			if (
+				Object.prototype.hasOwnProperty.call(callbacks, key) &&
+				typeof callbacks[key] === "function"
+			) {
+				pipe.setCallback(key, callbacks[key]);
+			}
+		}
+	}
+
+	const result = pipe.run(data);
+	if (typeof result === "undefined") {
+		return clone(data);
+	}
+
+	return clone(result);
+}
+
 registerCustomElement(DataSet);