trotl-table 1.0.42 → 1.0.44

package/dist/Table.cjs.js

@@ -10077,9 +10077,17 @@ function TableInner({
   // perform deletion for a given row (shared by immediate & modal-confirm flows)
   const doDelete = async row => {
     if (!row) return;
+
+    // call callback if provided; only abort deletion if it explicitly
+    // returns an object with success === false
     if (deleteCallbackRef.current) {
-      const res = await deleteCallbackRef.current(row);
-      if (!res?.success) return;
+      try {
+        const res = await deleteCallbackRef.current(row);
+        if (res && res.success === false) return;
+      } catch (err) {
+        // if callback throws, don't block deletion
+        console.error('deleteCallback threw', err);
+      }
     }
     setLocalData(prev => {
       if (isGrouped) {
@@ -10331,6 +10339,50 @@ function TableInner({
     });
   }, [tableDataFlat, isGrouped, groupKey]);
 
+  // DUPLICATE
+  const doDuplicate = 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?.();
+  };
+
   // ROW RENDERER
   const rowRenderer = React.useCallback(({
     index,
@@ -10542,8 +10594,12 @@ function TableInner({
     }, "\u270F\uFE0F") : translate("edit")), showDuplicate && /*#__PURE__*/React.createElement("button", {
       className: "action-btn-table",
       onClick: e => {
-        e.stopPropagation();
-        duplicateCallbackRef.current(row);
+        // e.stopPropagation();
+        // always duplicate locally; user callback may also return newRow
+        doDuplicate(row);
+        try {
+          duplicateCallbackRef.current(row);
+        } catch {}
       },
       onDoubleClick: e => e.stopPropagation(),
       "aria-label": translate("duplicate")
@@ -10557,7 +10613,7 @@ function TableInner({
     }, "\uD83D\uDDD0") : translate("duplicate")), showDelete && /*#__PURE__*/React.createElement("button", {
       className: "action-btn-table",
       onClick: e => {
-        e.stopPropagation();
+        // e.stopPropagation();
         // If prop set, skip integrated confirmation modal and delete immediately
         if (disableDeleteModal) {
           doDelete(row);
@@ -10575,7 +10631,7 @@ function TableInner({
     }, "\uD83D\uDDD1\uFE0F") : translate("delete")), showShare && /*#__PURE__*/React.createElement("button", {
       className: "action-btn-table",
       onClick: e => {
-        e.stopPropagation();
+        // e.stopPropagation();
         shareCallbackRef.current(row);
       },
       onDoubleClick: e => e.stopPropagation(),