twico-ui 1.41.1 → 1.42.1

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 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.42.1](https://github.com/EncryptionL/twico-ui/compare/v1.42.0...v1.42.1) (2026-09-24)
+
+
+### Bug Fixes
+
+* **datatable:** limit the batch-picker escape hatch to server mode ([804d7cb](https://github.com/EncryptionL/twico-ui/commit/804d7cbd39b50190469a31b44477ee9755f07560)), closes [#428](https://github.com/EncryptionL/twico-ui/issues/428) [#433](https://github.com/EncryptionL/twico-ui/issues/433) [#432](https://github.com/EncryptionL/twico-ui/issues/432) [#244](https://github.com/EncryptionL/twico-ui/issues/244)
+* **datatable:** offer per-row editable columns when the selection is on an unloaded page ([33c8cc4](https://github.com/EncryptionL/twico-ui/commit/33c8cc4174bcc07410740b923b7221b26a887d4c)), closes [#428](https://github.com/EncryptionL/twico-ui/issues/428) [#428](https://github.com/EncryptionL/twico-ui/issues/428)
+
+# [1.42.0](https://github.com/EncryptionL/twico-ui/compare/v1.41.1...v1.42.0) (2026-09-24)
+
+
+### Bug Fixes
+
+* **datatable:** gate row-tree sub-rows in the batch write + document the 4-arg onBatchUpdate ([1cfb163](https://github.com/EncryptionL/twico-ui/commit/1cfb1638aca476b3234800fb547cbcd78662807d)), closes [#432](https://github.com/EncryptionL/twico-ui/issues/432) [#359](https://github.com/EncryptionL/twico-ui/issues/359) [#428](https://github.com/EncryptionL/twico-ui/issues/428) [#428](https://github.com/EncryptionL/twico-ui/issues/428)
+
+
+### Features
+
+* **datatable:** report rowPatches + skippedKeys from onBatchUpdate ([f15be7f](https://github.com/EncryptionL/twico-ui/commit/f15be7f6c9611d099f50df850acc47c3bb769bfa))
+
 ## [1.41.1](https://github.com/EncryptionL/twico-ui/compare/v1.41.0...v1.41.1) (2026-09-24)
 
 

package/dist/index.cjs

@@ -8691,6 +8691,7 @@ var safeHref6 = (url) => {
 var dtNaturalAlign = (c) => c.type === "number" || c.type === "actions" ? "right" : "left";
 var DT_CELL_WIDGET_SEL = 'button:not(:disabled), a[href], [role="button"], [role="switch"], [role="checkbox"], [role="link"]';
 var dtCellWidgets = (td) => td ? Array.from(td.querySelectorAll(DT_CELL_WIDGET_SEL)).filter((el) => el.getAttribute("aria-hidden") !== "true" && el.getAttribute("aria-disabled") !== "true") : [];
+var EMPTY_BATCH_SEL = Object.freeze({ testable: Object.freeze([]), hasUntestable: false });
 var DT_CSS = `
 .twc-dt { display: flex; flex-direction: column; font-family: var(--font-sans); color: var(--color-text);
   border: var(--border-thin) solid var(--color-border); border-radius: var(--radius-lg);
@@ -11508,9 +11509,30 @@ function Datatable({
     [cols, editMode, batchEditKey]
     // eslint-disable-line react-hooks/exhaustive-deps
   );
+  const batchSel = React53__namespace.default.useMemo(() => {
+    if (!selected.size) return EMPTY_BATCH_SEL;
+    const testable = [], resolved = /* @__PURE__ */ new Set();
+    const take = (r2, i) => {
+      const k = keyOf(r2, i);
+      if (selected.has(k) && !resolved.has(k)) {
+        resolved.add(k);
+        testable.push(r2);
+      }
+    };
+    for (let i = 0; i < rows.length && resolved.size < selected.size; i++) take(rows[i], i);
+    for (let i = 0; i < leafRows.length && resolved.size < selected.size; i++) take(leafRows[i], i);
+    let hasUntestable = false;
+    if (serverMode) {
+      for (const k of selected) if (!resolved.has(k)) {
+        hasUntestable = true;
+        break;
+      }
+    }
+    return { testable, hasUntestable };
+  }, [rows, leafRows, selected, serverMode]);
   const batchEditableColsSel = React53__namespace.default.useMemo(
-    () => batchEditableCols.filter((c) => typeof c.editable !== "function" || selectedRows.some((r2) => c.editable(r2, { field: c.field }))),
-    [batchEditableCols, selectedRows]
+    () => batchEditableCols.filter((c) => typeof c.editable !== "function" || batchSel.hasUntestable || batchSel.testable.some((r2) => c.editable(r2, { field: c.field }))),
+    [batchEditableCols, batchSel]
   );
   const hasBatchEditor = showBatchEdit && batchEditableCols.length > 0;
   const [batchEdit, setBatchEdit] = React53__namespace.default.useState(null);
@@ -11565,6 +11587,8 @@ function Datatable({
     const loadedSel = /* @__PURE__ */ new Set();
     const changedRows = [];
     const safeKeys = [];
+    const rowPatches = [];
+    const skippedKeys = [];
     const nextAll = rows.map((r2, i) => {
       const k = keyOf(r2, i);
       if (!selKeys2.has(k)) return r2;
@@ -11576,13 +11600,32 @@ function Datatable({
         else allEditable = false;
       }
       if (allEditable) safeKeys.push(k);
-      if (!Object.keys(rowPatch).length) return r2;
+      if (!Object.keys(rowPatch).length) {
+        skippedKeys.push(k);
+        return r2;
+      }
       const updated = { ...r2, ...rowPatch };
       changedRows.push(updated);
+      rowPatches.push({ key: k, patch: rowPatch });
       return updated;
     });
-    for (const k of selKeys2) if (!loadedSel.has(k)) safeKeys.push(k);
-    onBatchUpdate?.(changedRows, patch, safeKeys);
+    for (const k of selKeys2) {
+      if (loadedSel.has(k)) continue;
+      const li = keyIndex.get(k);
+      const sub = li == null ? null : leafRows[li];
+      if (!sub) {
+        if (serverMode) safeKeys.push(k);
+        continue;
+      }
+      let allEditable = true, anyEditable = false;
+      for (const c of active) {
+        if (typeof c.editable !== "function" || c.editable(sub, { field: c.field })) anyEditable = true;
+        else allEditable = false;
+      }
+      if (allEditable) safeKeys.push(k);
+      if (!anyEditable) skippedKeys.push(k);
+    }
+    onBatchUpdate?.(changedRows, patch, safeKeys, { rowPatches, skippedKeys });
     onRowsChange?.(nextAll);
     setBatchEdit(null);
     closeBatchEdit();