trotl-table 1.0.89 → 1.0.91

package/dist/Table.cjs.js

@@ -9826,28 +9826,71 @@ function TableInner({
       flex: "1 1 0%"
     };
   }, [columnWidths, getColumnKey]);
-  const getAccessorValue = React.useCallback((row, accessor) => {
+  const getNestedValue = React.useCallback((row, accessor) => {
     if (!row || accessor == null) return undefined;
-
-    // Support fallback accessors: ["preverjen", "Preverjen", ...]
     if (Array.isArray(accessor)) {
       for (const key of accessor) {
-        if (row?.[key] !== undefined) return row[key];
+        const value = getNestedValue(row, key);
+        if (value !== undefined) return value;
       }
       return undefined;
     }
-    return row?.[accessor];
+    const path = String(accessor).split(".").filter(Boolean);
+    if (path.length === 0) return undefined;
+    let current = row;
+    for (const key of path) {
+      if (current == null || typeof current !== "object") return undefined;
+      current = current[key];
+    }
+    return current;
   }, []);
+  const getAccessorValue = React.useCallback((row, accessor) => {
+    return getNestedValue(row, accessor);
+  }, [getNestedValue]);
   const getAccessorKey = React.useCallback((row, accessor) => {
     if (accessor == null) return accessor;
     if (Array.isArray(accessor)) {
       for (const key of accessor) {
-        if (row?.[key] !== undefined) return key;
+        if (getNestedValue(row, key) !== undefined) return key;
       }
       return accessor[0];
     }
     return accessor;
-  }, []);
+  }, [getNestedValue]);
+  const updateRowField = React.useCallback((row, accessor, value) => {
+    if (row == null || typeof row !== "object") return row;
+    if (Array.isArray(accessor)) {
+      for (const key of accessor) {
+        if (getNestedValue(row, key) !== undefined) {
+          return updateRowField(row, key, value);
+        }
+      }
+      return {
+        ...row,
+        [accessor[0]]: value
+      };
+    }
+    const path = String(accessor).split(".").filter(Boolean);
+    if (path.length === 0) return row;
+    if (path.length === 1) return {
+      ...row,
+      [path[0]]: value
+    };
+    const nextRow = {
+      ...row
+    };
+    let current = nextRow;
+    for (let i = 0; i < path.length - 1; i += 1) {
+      const key = path[i];
+      const nextValue = current[key];
+      current[key] = nextValue && typeof nextValue === "object" ? {
+        ...nextValue
+      } : {};
+      current = current[key];
+    }
+    current[path[path.length - 1]] = value;
+    return nextRow;
+  }, [getNestedValue]);
   const normalizeHighlightComparable = React.useCallback((value, compareTo) => {
     if (value instanceof Date || compareTo instanceof Date) {
       const leftTime = value == null ? NaN : new Date(value).getTime();
@@ -10577,16 +10620,10 @@ function TableInner({
             if (isGrouped) {
               return prev.map(g => ({
                 ...g,
-                rows: (g.rows || []).map(r => r.id === row.id ? {
-                  ...r,
-                  [accessor]: next
-                } : r)
+                rows: (g.rows || []).map(r => r.id === row.id ? updateRowField(r, accessor, next) : r)
               }));
             }
-            return (prev || []).map(r => r.id === row.id ? {
-              ...r,
-              [accessor]: next
-            } : r);
+            return (prev || []).map(r => r.id === row.id ? updateRowField(r, accessor, next) : r);
           });
           refreshTriggerRef.current?.();
           try {
@@ -10615,16 +10652,10 @@ function TableInner({
             if (isGrouped) {
               return prev.map(g => ({
                 ...g,
-                rows: (g.rows || []).map(r => r.id === row.id ? {
-                  ...r,
-                  [accessor]: next
-                } : r)
+                rows: (g.rows || []).map(r => r.id === row.id ? updateRowField(r, accessor, next) : r)
               }));
             }
-            return (prev || []).map(r => r.id === row.id ? {
-              ...r,
-              [accessor]: next
-            } : r);
+            return (prev || []).map(r => r.id === row.id ? updateRowField(r, accessor, next) : r);
           });
           refreshTriggerRef.current?.();
           try {
@@ -10679,16 +10710,10 @@ function TableInner({
             if (isGrouped) {
               return prev.map(g => ({
                 ...g,
-                rows: (g.rows || []).map(r => r.id === row.id ? {
-                  ...r,
-                  [accessor]: next
-                } : r)
+                rows: (g.rows || []).map(r => r.id === row.id ? updateRowField(r, accessor, next) : r)
               }));
             }
-            return (prev || []).map(r => r.id === row.id ? {
-              ...r,
-              [accessor]: next
-            } : r);
+            return (prev || []).map(r => r.id === row.id ? updateRowField(r, accessor, next) : r);
           });
           refreshTriggerRef.current?.();
           try {
@@ -10723,16 +10748,10 @@ function TableInner({
             if (isGrouped) {
               return prev.map(g => ({
                 ...g,
-                rows: (g.rows || []).map(r => r.id === row.id ? {
-                  ...r,
-                  [accessor]: next
-                } : r)
+                rows: (g.rows || []).map(r => r.id === row.id ? updateRowField(r, accessor, next) : r)
               }));
             }
-            return (prev || []).map(r => r.id === row.id ? {
-              ...r,
-              [accessor]: next
-            } : r);
+            return (prev || []).map(r => r.id === row.id ? updateRowField(r, accessor, next) : r);
           });
           refreshTriggerRef.current?.();
           try {
@@ -11417,6 +11436,10 @@ function TableInner({
     showCancel: true,
     showConfirm: true
   }, /*#__PURE__*/React.createElement("p", null, translate("areYouSureYouWantToDelete"), " ", /*#__PURE__*/React.createElement("strong", null, pendingDelete ? pendingDelete[deleteLabelKey] ?? pendingDelete.name ?? pendingDelete.id : ""), "?")));
+  const getContextActionLabel = (action, row, index) => {
+    const label = typeof action?.label === "function" ? action.label(row, action) : action?.label;
+    return label || action?.text || `Action ${index + 1}`;
+  };
   const contextMenuMarkup = contextMenu.visible && rightClickActions.length > 0 ? /*#__PURE__*/React.createElement("div", {
     style: {
       position: "fixed",
@@ -11443,7 +11466,7 @@ function TableInner({
     onMouseEnter: () => setHoveredActionIndex(i),
     onMouseLeave: () => setHoveredActionIndex(null),
     onClick: () => performContextMenuAction(action, contextMenu.row)
-  }, action.label || action.text || `Action ${i + 1}`))) : null;
+  }, getContextActionLabel(action, contextMenu.row, i)))) : null;
   const contextMenuModalMarkup = contextMenuModal.visible && contextMenuModal.component ? /*#__PURE__*/React.createElement(Modal.default, {
     isOpen: true,
     title: contextMenuModal.title || "",