@mirror-physics/fractal-ui 0.2.0-next.67 → 0.2.0-next.69

package/dist/index.d.cts

@@ -258,8 +258,13 @@ interface SortableTableRowAction<T> {
 interface SortableTableSelection<T> {
     /** Returns whether a row is selected. Selection is controlled by the consumer. */
     isSelected: (row: T) => boolean;
-    /** Called when an individual row or the select-all control changes selection. */
+    /** Called when an individual row changes selection. */
     onSelectedChange: (row: T, selected: boolean) => void;
+    /**
+     * Handles the complete selectable row set in one update when the header
+     * checkbox changes. Falls back to `onSelectedChange` for each row when omitted.
+     */
+    onSelectAllChange?: (rows: T[], selected: boolean) => void;
     /** Accessible name for an individual row's checkbox. */
     getRowLabel: (row: T) => string;
     /** Accessible name for the header checkbox. */

package/dist/index.d.ts

@@ -258,8 +258,13 @@ interface SortableTableRowAction<T> {
 interface SortableTableSelection<T> {
     /** Returns whether a row is selected. Selection is controlled by the consumer. */
     isSelected: (row: T) => boolean;
-    /** Called when an individual row or the select-all control changes selection. */
+    /** Called when an individual row changes selection. */
     onSelectedChange: (row: T, selected: boolean) => void;
+    /**
+     * Handles the complete selectable row set in one update when the header
+     * checkbox changes. Falls back to `onSelectedChange` for each row when omitted.
+     */
+    onSelectAllChange?: (rows: T[], selected: boolean) => void;
     /** Accessible name for an individual row's checkbox. */
     getRowLabel: (row: T) => string;
     /** Accessible name for the header checkbox. */

package/dist/index.js

@@ -1420,10 +1420,11 @@ function SortableTable({
     const startIndex = (page - 1) * pageSize;
     return sorted.slice(startIndex, startIndex + pageSize);
   }, [pagination, sorted]);
-  const selectableRows = selection ? data.filter((row) => !isRowDisabled?.(row) && !isRowSelectionDisabled?.(row)) : [];
+  const selectedRows = selection ? sorted.filter(selection.isSelected) : [];
+  const selectableRows = selection ? sorted.filter((row) => !isRowDisabled?.(row) && !isRowSelectionDisabled?.(row)) : [];
   const selectedRowCount = selection ? selectableRows.filter(selection.isSelected).length : 0;
   const allRowsSelected = selectableRows.length > 0 && selectedRowCount === selectableRows.length;
-  const someRowsSelected = selectedRowCount > 0 && !allRowsSelected;
+  const someRowsSelected = selectedRows.length > 0 && !allRowsSelected;
   const handleSortClick = (key) => {
     let nextDirection;
     if (!activeKey || !activeDirection) {
@@ -1460,10 +1461,15 @@ function SortableTable({
               {
                 "aria-label": selection.selectAllLabel ?? "Select all rows",
                 checked: allRowsSelected,
-                disabled: selectableRows.length === 0,
+                disabled: selectableRows.length === 0 && selectedRows.length === 0,
                 indeterminate: someRowsSelected,
                 onCheckedChange: (checked) => {
-                  selectableRows.forEach((row) => {
+                  const rows = checked ? selectableRows : selectedRows;
+                  if (selection.onSelectAllChange) {
+                    selection.onSelectAllChange(rows, checked);
+                    return;
+                  }
+                  rows.forEach((row) => {
                     if (selection.isSelected(row) !== checked) {
                       selection.onSelectedChange(row, checked);
                     }