twico-ui 1.27.0 → 1.28.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to Twico UI are documented here (newest first). This file is generated automatically on each release by [semantic-release](https://semantic-release.gitbook.io/) from [Conventional Commits](https://www.conventionalcommits.org/) — do not edit it by hand. The same notes appear on each [GitHub Release](https://github.com/EncryptionL/twico-ui/releases).
 
+# [1.28.0](https://github.com/EncryptionL/twico-ui/compare/v1.27.0...v1.28.0) (2026-08-03)
+
+
+### Features
+
+* **datatable:** selection-aware batch actions (predicate disabled/hidden) + onRowSelectionChange ([#322](https://github.com/EncryptionL/twico-ui/issues/322)) ([33a1c36](https://github.com/EncryptionL/twico-ui/commit/33a1c36340e36cf0c9cc763cda7ed5d26fd46baa))
+
 # [1.27.0](https://github.com/EncryptionL/twico-ui/compare/v1.26.0...v1.27.0) (2026-08-03)
 
 

package/dist/index.cjs

@@ -9158,6 +9158,7 @@ function Datatable({
   onServerChange,
   onColumnVisibilityChange,
   batchActions = [],
+  onRowSelectionChange,
   showExport = false,
   showDensity = false,
   showPivot = false,
@@ -10410,6 +10411,18 @@ function Datatable({
     setFocus((f) => ({ r: Math.min(f.r, Math.max(0, leafRows.length - 1)), c: Math.min(f.c, Math.max(0, ordered.length - 1)) }));
   }, [leafRows.length, ordered.length, pageVal]);
   const selectedRows = React51__namespace.default.useMemo(() => rows.filter((r2, i) => selected.has(keyOf(r2, i))), [rows, selected]);
+  const selKeys = React51__namespace.default.useMemo(() => [...selected], [selected]);
+  const onRowSelRef = React51__namespace.default.useRef(onRowSelectionChange);
+  onRowSelRef.current = onRowSelectionChange;
+  const prevRowSelSigRef = React51__namespace.default.useRef("");
+  React51__namespace.default.useEffect(() => {
+    const cb = onRowSelRef.current;
+    if (!cb) return;
+    const sig = selKeys.join(",");
+    if (sig === prevRowSelSigRef.current) return;
+    prevRowSelSigRef.current = sig;
+    cb(selKeys, selectedRows);
+  }, [selKeys, selectedRows]);
   function clearSelection() {
     setSelected(/* @__PURE__ */ new Set());
   }
@@ -10506,11 +10519,11 @@ function Datatable({
       }
       patch[c.field] = v;
     });
-    const selKeys = new Set(selected);
+    const selKeys2 = new Set(selected);
     const changedRows = [];
     const nextAll = rows.map((r2, i) => {
       const k = keyOf(r2, i);
-      if (!selKeys.has(k)) return r2;
+      if (!selKeys2.has(k)) return r2;
       const updated = { ...r2, ...patch };
       changedRows.push(updated);
       return updated;
@@ -11400,21 +11413,26 @@ function Datatable({
             /* @__PURE__ */ jsxRuntime.jsx(Svg, { d: I.pencil }),
             "Edit"
           ] }) : null,
-          batchActions.map((a, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              type: "button",
-              className: "twc-dt__batch-btn",
-              "data-danger": a.danger || void 0,
-              disabled: a.disabled,
-              onClick: (e) => a.onClick?.([...selected], selectedRows, clearSelection, { anchorEl: e.currentTarget }),
-              children: [
-                a.icon,
-                a.label
-              ]
-            },
-            i
-          ))
+          batchActions.map((a, i) => {
+            const isHidden = typeof a.hidden === "function" ? a.hidden(selKeys, selectedRows) : !!a.hidden;
+            if (isHidden) return null;
+            const isDisabled = typeof a.disabled === "function" ? a.disabled(selKeys, selectedRows) : !!a.disabled;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: "twc-dt__batch-btn",
+                "data-danger": a.danger || void 0,
+                disabled: isDisabled,
+                onClick: (e) => a.onClick?.(selKeys, selectedRows, clearSelection, { anchorEl: e.currentTarget }),
+                children: [
+                  a.icon,
+                  a.label
+                ]
+              },
+              i
+            );
+          })
         ] })
       ] }) : null,
       isDiff && diff.showSummary !== false ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "twc-dt__diff-summary", "aria-label": "Diff summary", children: [