trotl-table 1.0.65 → 1.0.66

package/dist/Table.cjs.js

@@ -9640,6 +9640,7 @@ function TableInner({
   data = [],
   isGrouped = false,
   groupKey = "groupId",
+  routePath = null,
   extraSearchTerm = "",
   rowHeight = 34,
   groupHeaderHeight = 36,
@@ -9798,7 +9799,12 @@ function TableInner({
       setSearchTerm(extraSearchTerm);
       return;
     }
+    const pagePath = routePath || null;
     const updateSearchFromUrl = () => {
+      // prevent clearing filter when we're navigating away from this table route
+      if (pagePath && window.location.pathname !== pagePath) {
+        return;
+      }
       const params = new URLSearchParams(window.location.search);
       const entrySearch = params.get("entry");
       const urlSearch = params.get("search");
@@ -10315,50 +10321,32 @@ function TableInner({
       }));
     }
 
-    // Input column type (editable text)
-    if (col && col.type === 'input') {
-      const text = isNoData ? "" : v == null ? "" : String(v);
-      return /*#__PURE__*/React.createElement("input", {
-        type: "text",
-        className: "table-cell-input",
-        value: text,
-        placeholder: isNoData ? "..." : undefined,
-        title: isNoData ? translate("noData") : text,
-        onClick: e => {
-          e.stopPropagation();
-          triggerCellCallback(row, col, text);
-        },
-        onChange: e => {
-          const next = e.target.value;
-          setLocalData(prev => {
-            if (isGrouped) {
-              return prev.map(g => ({
-                ...g,
-                rows: (g.rows || []).map(r => r.id === row.id ? {
-                  ...r,
-                  [accessor]: next
-                } : r)
-              }));
-            }
-            return (prev || []).map(r => r.id === row.id ? {
-              ...r,
-              [accessor]: next
-            } : r);
-          });
-          refreshTriggerRef.current?.();
-          try {
-            onCellChangeRef.current?.(row, accessor, next);
-          } catch (err) {
-            console.error('onCellChange error', err);
-          }
-        },
+    // Color column type (display color swatch background)
+    if (col && col.type === 'color') {
+      const colorVal = v || "transparent";
+      const text = String(colorVal) ;
+      return /*#__PURE__*/React.createElement("div", {
         style: {
-          border: "1px solid var(--border-light, #ccc)",
-          padding: "2px 4px"
-        }
-      });
+          width: '100%',
+          height: '100%',
+          minHeight: '20px',
+          backgroundColor: colorVal,
+          color: '#000',
+          border: '1px solid #ccc',
+          boxSizing: 'border-box',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          fontSize: '12px',
+          overflow: 'hidden'
+        },
+        title: isNoData ? translate("noData") : text,
+        onClick: () => triggerCellCallback(row, col, colorVal)
+      }, text);
     }
-    if (isNoData) {
+
+    // Input column type (editable text)
+    if (col && col.type === 'input') {
       return /*#__PURE__*/React.createElement("span", {
         title: translate("noData")
       }, "...");