@schukai/monster 4.51.1 → 4.52.0

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 
 
+## [4.52.0] - 2025-12-28
+
+### Add Features
+
+- Enhance copy functionality for data table cells
+
+
+
+## [4.51.3] - 2025-12-28
+
+### Bug Fixes
+
+- Improve pagination component performance with setTimeout
+
+
+
+## [4.51.2] - 2025-12-28
+
+### Bug Fixes
+
+- Add undefined check for transformed payload in RestAPI
+
+
+
 ## [4.51.1] - 2025-12-25
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","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.51.1"}
+{"author":"schukai GmbH","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.52.0"}

package/source/components/datatable/datatable.mjs

@@ -753,6 +753,18 @@ function updateConfigColumnBar() {
 	}
 }
 
+/**
+ * @private
+ * @param {HTMLElement} cell
+ * @return {string}
+ */
+function getCellValueForCopy(cell) {
+	if (cell.hasAttribute("data-monster-raw-value")) {
+		return cell.getAttribute("data-monster-raw-value");
+	}
+	return cell.textContent.trim();
+}
+
 /**
  * @private
  */
@@ -903,10 +915,11 @@ function initEventHandler() {
 					) {
 						continue;
 					}
-
-					if (col.textContent) {
+					
+					const cellValue = getCellValueForCopy(col);
+					if (cellValue) {
 						colTexts.push(
-							quoteOpenChar + col.textContent.trim() + quoteCloseChar,
+							quoteOpenChar + cellValue + quoteCloseChar,
 						);
 					}
 				}
@@ -920,7 +933,7 @@ function initEventHandler() {
 			) {
 				return;
 			}
-			text = headCell.textContent.trim();
+			text = getCellValueForCopy(headCell);
 		}
 
 		if (getWindow().navigator.clipboard && text) {
@@ -970,9 +983,10 @@ function initEventHandler() {
 						continue;
 					}
 
-					if (col.textContent) {
+					const cellValue = getCellValueForCopy(col);
+					if (cellValue) {
 						currentRow.push(
-							quoteOpenChar + col.textContent.trim() + quoteCloseChar,
+							quoteOpenChar + cellValue + quoteCloseChar,
 						);
 					}
 				}

package/source/components/datatable/pagination.mjs

@@ -240,7 +240,7 @@ class Pagination extends CustomElement {
 			addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e?.message || `${e}`);
 		}
 
-		requestAnimationFrame(() => {
+		setTimeout(() => {
 			const parentParentNode = parentNode?.parentNode || parentNode;
 
 			const parentWidth = parentParentNode.offsetWidth;
@@ -282,8 +282,8 @@ class Pagination extends CustomElement {
 				});
 			});
 
-			this[resizeObserverSymbol].observe(this?.parentNode?.parentNode);
-		});
+			this[resizeObserverSymbol].observe(parentParentNode);
+		}, 0);
 	}
 
 	/**

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

@@ -157,7 +157,11 @@ class RestAPI extends Server {
 		let callback = this.getOption("read.responseCallback");
 		if (!callback) {
 			callback = (obj) => {
-				this.set(this.transformServerPayload.call(this, obj));
+				const transformedPayload = this.transformServerPayload.call(this, obj);
+				if (typeof transformedPayload === "undefined") {
+					return;
+				}
+				this.set(transformedPayload);
 			};
 		}