trotl-table 1.0.44 → 1.0.46

package/dist/Table.cjs.js

@@ -9700,6 +9700,8 @@ function TableInner({
     };
   }
 
+  // normalize delete modal flag early (handles string 'false' etc)
+  const skipDeleteModal = disableDeleteModal === true;
   // Use refs for callbacks to prevent infinite loops from dependency changes
   const selectedRowsCallbackRef = React.useRef(selectedRowsCallback);
   const refreshTriggerRef = React.useRef(refreshTrigger);
@@ -10075,7 +10077,7 @@ function TableInner({
   const [pendingDelete, setPendingDelete] = React.useState(null);
 
   // perform deletion for a given row (shared by immediate & modal-confirm flows)
-  const doDelete = async row => {
+  const doDelete = React.useCallback(async row => {
     if (!row) return;
 
     // call callback if provided; only abort deletion if it explicitly
@@ -10100,7 +10102,7 @@ function TableInner({
       }
     });
     refreshTriggerRef.current?.();
-  };
+  }, [deleteCallbackRef, isGrouped, refreshTriggerRef]);
   const confirmDelete = async () => {
     if (!pendingDelete) return;
     await doDelete(pendingDelete);
@@ -10242,7 +10244,7 @@ function TableInner({
     }
     // existing highlight logic for other fields
     return highlight(String(v));
-  }, [highlight]);
+  }, [highlight, isGrouped]);
   const showView = buttons.includes("view");
   const showEdit = buttons.includes("edit");
   const showDelete = buttons.includes("delete");
@@ -10340,7 +10342,7 @@ function TableInner({
   }, [tableDataFlat, isGrouped, groupKey]);
 
   // DUPLICATE
-  const doDuplicate = row => {
+  const doDuplicate = React.useCallback(row => {
     if (!row) return;
     // try user callback first; if it returns an object with newRow use that
     let newRow = null;
@@ -10381,7 +10383,7 @@ function TableInner({
       return [...(prev || []), newRow];
     });
     refreshTriggerRef.current?.();
-  };
+  }, [duplicateCallbackRef, isGrouped, groupKey, refreshTriggerRef]);
 
   // ROW RENDERER
   const rowRenderer = React.useCallback(({
@@ -10594,12 +10596,14 @@ function TableInner({
     }, "\u270F\uFE0F") : translate("edit")), showDuplicate && /*#__PURE__*/React.createElement("button", {
       className: "action-btn-table",
       onClick: e => {
-        // e.stopPropagation();
+        e.stopPropagation();
         // always duplicate locally; user callback may also return newRow
         doDuplicate(row);
         try {
           duplicateCallbackRef.current(row);
-        } catch {}
+        } catch (err) {
+          console.error(err);
+        }
       },
       onDoubleClick: e => e.stopPropagation(),
       "aria-label": translate("duplicate")
@@ -10613,9 +10617,10 @@ function TableInner({
     }, "\uD83D\uDDD0") : translate("duplicate")), showDelete && /*#__PURE__*/React.createElement("button", {
       className: "action-btn-table",
       onClick: e => {
-        // e.stopPropagation();
+        // stop propagation so parent row handlers don't interfere
+        e.stopPropagation();
         // If prop set, skip integrated confirmation modal and delete immediately
-        if (disableDeleteModal) {
+        if (skipDeleteModal) {
           doDelete(row);
           return;
         }
@@ -10631,7 +10636,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(),
@@ -10653,7 +10658,7 @@ function TableInner({
       }, content);
     }
     return content;
-  }, [tableDataFlat, columns, selectedRows, toggleRowSelection, groupRowsById, renderCell, showActions, showDelete, showEdit, showKey, showView, translate, enableDragRow, moveRow, enableMultiSelect, rowHeight, tableId, customColumns, doubleClickEnable]);
+  }, [tableDataFlat, columns, selectedRows, toggleRowSelection, groupRowsById, renderCell, showActions, showDelete, showEdit, showKey, showView, translate, enableDragRow, moveRow, enableMultiSelect, rowHeight, tableId, customColumns, doubleClickEnable, doDelete, doDuplicate, keyWidth, showDuplicate, showIcons, showShare, skipDeleteModal]);
   const rowHeightGetter = ({
     index
   }) => tableDataFlat[index]?.type === "group" ? groupHeaderHeight : rowHeight;