trotl-table 1.0.91 → 1.0.93

package/dist/Table.esm.js

@@ -9641,8 +9641,6 @@ function TableInner({
   onCellChange = () => {},
   // callback for any cell click
   cellCallback = () => {},
-  // when true, skip the integrated confirmation modal and delete immediately
-  disableDeleteModal = false,
   deleteLabelKey = "name",
   buttons = ["view", "edit", "delete", "share", "duplicate"],
   enableDragRow = false,
@@ -9695,6 +9693,9 @@ function TableInner({
       return translations[key] || key;
     };
   }
+
+  // normalize delete modal flag early (handles string 'false' etc)
+
   // Use refs for callbacks to prevent infinite loops from dependency changes
   const selectedRowsCallbackRef = useRef(selectedRowsCallback);
   const refreshTriggerRef = useRef(refreshTrigger);
@@ -10162,17 +10163,25 @@ function TableInner({
     return a === b;
   }, []);
   const formatArrayValue = useCallback((value, col) => {
-    if (!Array.isArray(value)) return value;
+    if (!Array.isArray(value)) return "";
     const objectKey = col?.objectKey;
     const parts = value.map(item => {
       if (item == null) return "";
+
+      // When objectKey is configured, only use that field. This prevents
+      // objects without a label from displaying their key or JSON value.
+      if (objectKey) {
+        if (typeof item !== "object" || typeof item[objectKey] !== "string") {
+          return "";
+        }
+        return item[objectKey].trim();
+      }
       if (typeof item !== "object") return String(item);
-      if (objectKey && item?.[objectKey] !== undefined) return String(item[objectKey]);
       if (item.label !== undefined) return String(item.label);
       if (item.value !== undefined) return String(item.value);
       return JSON.stringify(item);
-    }).filter(item => item !== "");
-    return parts.join(", ");
+    }).filter(Boolean);
+    return [...new Set(parts)].join(", ");
   }, []);
 
   // console.log(extraSearchTerm)
@@ -10771,10 +10780,8 @@ function TableInner({
       }, formatted);
     }
     if (col && col.type === "array") {
-      const arr = Array.isArray(v) ? v : [];
-      const list = formatArrayValue(arr, col);
-      const count = arr.length;
-      const display = count > 0 ? `${count}: ${list}` : "...";
+      const list = formatArrayValue(v, col);
+      const display = list || "...";
       return /*#__PURE__*/React__default.createElement("span", {
         title: list || translate("noData")
       }, display);
@@ -10840,8 +10847,9 @@ function TableInner({
         }
       }, v ? "✓" : "✗");
     }
-    // existing highlight logic for other fields
-    return highlight(String(v));
+    // Translate only the displayed value; keep the raw value for data operations.
+    const displayValue = col?.translate ? translate(String(v)) : v;
+    return highlight(String(displayValue ?? v));
   }, [highlight, isGrouped, triggerCellCallback, translate, formatArrayValue]);
   const showView = buttons.includes("view");
   const showEdit = buttons.includes("edit");
@@ -10958,50 +10966,6 @@ function TableInner({
     });
   }, [tableDataFlat, isGrouped, groupKey]);
 
-  // DUPLICATE
-  useCallback(row => {
-    if (!row) return;
-    // try user callback first; if it returns an object with newRow use that
-    let newRow = null;
-    if (duplicateCallbackRef.current) {
-      try {
-        const res = duplicateCallbackRef.current(row);
-        if (res && res.newRow) {
-          newRow = res.newRow;
-        }
-      } catch (err) {
-        console.error("duplicateCallback threw", err);
-      }
-    }
-    // fallback simple clone if callback didn't provide newRow
-    if (!newRow) {
-      newRow = {
-        ...row
-      };
-      // give it a distinct id if possible
-      if (newRow.id != null) {
-        newRow.id = `${newRow.id}-dup-${Date.now()}`;
-      }
-    }
-    setLocalData(prev => {
-      if (isGrouped) {
-        return prev.map(g => {
-          const gid = g[groupKey] ?? g.groupId ?? g.groupName;
-          // insert into same group as original row
-          if (row[groupKey] === gid || g.rows.some(r => r.id === row.id)) {
-            return {
-              ...g,
-              rows: [...(g.rows || []), newRow]
-            };
-          }
-          return g;
-        });
-      }
-      return [...(prev || []), newRow];
-    });
-    refreshTriggerRef.current?.();
-  }, [duplicateCallbackRef, isGrouped, groupKey, refreshTriggerRef]);
-
   // ROW RENDERER
   const rowRenderer = useCallback(({
     index,