trotl-table 1.0.57 → 1.0.59

package/README.md

@@ -72,6 +72,11 @@ export default function Demo() {
     console.log("view", row);
   };
 
+  const downloadCallback = (row) => {
+    console.log("download", row);
+    // perform download logic here
+  };
+
   // handle cell edits (e.g. checkbox column)
   const onCellChange = (row, accessor, value) => {
     console.log('cell changed', row.id, accessor, value);
@@ -94,7 +99,8 @@ export default function Demo() {
       deleteCallback={deleteCallback}
       editCallback={editCallback}
       viewCallback={viewCallback}
-      buttons={["view", "edit", "delete"]}
+      downloadCallback={downloadCallback}
+      buttons={["view", "edit", "delete", "download"]}
     />
   );
 }
@@ -129,8 +135,9 @@ export default function Demo() {
 - `editCallback`: callback when editing a row
 - `viewCallback`: callback when viewing a row
 - `deleteCallback`: async callback for deleting a row
+- `downloadCallback`: callback invoked when the user clicks the **download** action (row passed as argument)
 - Note: earlier versions required the delete button for multi‑select; now `enableMultiSelect` works even when `buttons` is empty
-- `buttons`: array of action buttons to show
+- `buttons`: array of action buttons to show (supports `"view"`, `"edit"`, `"delete"`, `"share"`, `"duplicate"` and `"download"`)
 - `onCellChange`: callback invoked when a cell value changes (signature: `(row, accessor, newValue)`).
   - Supported editable column `type` values: `checkbox`, `switch` (renders a `Switch` component), `input` (renders a text input).
 

package/dist/Table.cjs.js

@@ -9653,6 +9653,8 @@ function TableInner({
   deleteCallback = null,
   shareCallback = () => {},
   duplicateCallback = () => {},
+  // new download callback
+  downloadCallback = () => {},
   // callback for cell edits: (row, accessor, newValue)
   onCellChange = () => {},
   // when true, skip the integrated confirmation modal and delete immediately
@@ -9692,6 +9694,7 @@ function TableInner({
         delete: "Delete",
         share: "Share",
         duplicate: "Duplicate",
+        download: "Download",
         confirmDelete: "Confirm Delete",
         yesDelete: "Yes, Delete",
         areYouSureYouWantToDelete: "Are you sure you want to delete",
@@ -9709,6 +9712,7 @@ function TableInner({
   const deleteCallbackRef = React.useRef(deleteCallback);
   const shareCallbackRef = React.useRef(shareCallback);
   const duplicateCallbackRef = React.useRef(duplicateCallback);
+  const downloadCallbackRef = React.useRef(downloadCallback);
   const onCellChangeRef = React.useRef(onCellChange);
 
   // Update refs when callbacks change (using useLayoutEffect to update before render)
@@ -9726,6 +9730,9 @@ function TableInner({
   React.useEffect(() => {
     duplicateCallbackRef.current = duplicateCallback;
   }, [duplicateCallback]);
+  React.useEffect(() => {
+    downloadCallbackRef.current = downloadCallback;
+  }, [downloadCallback]);
   const resolvedInitialSelectedRows = React.useMemo(() => {
     const source = Array.isArray(initialSelectedRows) ? initialSelectedRows : Array.isArray(initaialSelectedRows) ? initaialSelectedRows : [];
     return [...new Set(source.map(item => item && typeof item === "object" ? item.id : item).filter(id => id != null))];
@@ -10331,7 +10338,8 @@ function TableInner({
   const showDelete = showView && buttons.includes("delete");
   const showShare = buttons.includes("share");
   const showDuplicate = buttons.includes("duplicate") || buttons.includes("duplicates");
-  const showActions = showView || showEdit || showDelete || showShare || showDuplicate;
+  const showDownload = buttons.includes("download");
+  const showActions = showView || showEdit || showDelete || showShare || showDuplicate || showDownload;
 
   // MOVE ROW (internal + between groups)
   // moveRow: allow toIndex to be null or an object { emptyGroupId } for empty group drop
@@ -10704,7 +10712,16 @@ function TableInner({
       role: "img",
       "aria-hidden": "false",
       title: translate("share")
-    }, "\uD83D\uDD17") : translate("share"))));
+    }, "\uD83D\uDD17") : translate("share")), showDownload && /*#__PURE__*/React.createElement("button", {
+      className: "action-btn-table",
+      onClick: () => downloadCallbackRef.current(row),
+      onDoubleClick: e => e.stopPropagation(),
+      "aria-label": translate("download") || "Download"
+    }, showIcons ? /*#__PURE__*/React.createElement("span", {
+      role: "img",
+      "aria-hidden": "false",
+      title: translate("download") || "Download"
+    }, "\uD83D\uDCE5") : translate("download") || "Download")));
     if (enableDragRow && item.type === "row") {
       return /*#__PURE__*/React.createElement(DraggableRow, {
         key: key,