@mirror-physics/fractal-ui 0.2.0-next.66 → 0.2.0-next.68

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. */
@@ -298,6 +303,8 @@ interface SortableTableProps<T> {
     selection?: SortableTableSelection<T>;
     /** Disabled rows remain visible but cannot be selected or activated. */
     isRowDisabled?: (row: T) => boolean;
+    /** Disables only a row's selection control while preserving row activation. */
+    isRowSelectionDisabled?: (row: T) => boolean;
     /** Invoked when a row is selected. Enables pointer and keyboard row activation. */
     onRowClick?: (row: T, index: number) => void;
     /** Invoked when a row is double-clicked. */
@@ -305,7 +312,7 @@ interface SortableTableProps<T> {
     /** Directional affordance displayed over the right edge of an interactive row. */
     rowAction?: SortableTableRowAction<T>;
 }
-declare function SortableTable<T>({ columns, data, 'aria-label': ariaLabel, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, selection, isRowDisabled, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
+declare function SortableTable<T>({ columns, data, 'aria-label': ariaLabel, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, selection, isRowDisabled, isRowSelectionDisabled, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
 
 interface TabItem {
     id: string;

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. */
@@ -298,6 +303,8 @@ interface SortableTableProps<T> {
     selection?: SortableTableSelection<T>;
     /** Disabled rows remain visible but cannot be selected or activated. */
     isRowDisabled?: (row: T) => boolean;
+    /** Disables only a row's selection control while preserving row activation. */
+    isRowSelectionDisabled?: (row: T) => boolean;
     /** Invoked when a row is selected. Enables pointer and keyboard row activation. */
     onRowClick?: (row: T, index: number) => void;
     /** Invoked when a row is double-clicked. */
@@ -305,7 +312,7 @@ interface SortableTableProps<T> {
     /** Directional affordance displayed over the right edge of an interactive row. */
     rowAction?: SortableTableRowAction<T>;
 }
-declare function SortableTable<T>({ columns, data, 'aria-label': ariaLabel, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, selection, isRowDisabled, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
+declare function SortableTable<T>({ columns, data, 'aria-label': ariaLabel, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, selection, isRowDisabled, isRowSelectionDisabled, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
 
 interface TabItem {
     id: string;

package/dist/index.js

@@ -1372,6 +1372,7 @@ function SortableTable({
   highlightRow,
   selection,
   isRowDisabled,
+  isRowSelectionDisabled,
   onRowClick,
   onRowDoubleClick,
   rowAction
@@ -1419,7 +1420,7 @@ function SortableTable({
     const startIndex = (page - 1) * pageSize;
     return sorted.slice(startIndex, startIndex + pageSize);
   }, [pagination, sorted]);
-  const selectableRows = selection ? data.filter((row) => !isRowDisabled?.(row)) : [];
+  const selectableRows = selection ? data.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;
@@ -1462,6 +1463,10 @@ function SortableTable({
                 disabled: selectableRows.length === 0,
                 indeterminate: someRowsSelected,
                 onCheckedChange: (checked) => {
+                  if (selection.onSelectAllChange) {
+                    selection.onSelectAllChange(selectableRows, checked);
+                    return;
+                  }
                   selectableRows.forEach((row) => {
                     if (selection.isSelected(row) !== checked) {
                       selection.onSelectedChange(row, checked);
@@ -1516,6 +1521,7 @@ function SortableTable({
       /* @__PURE__ */ jsx19("tbody", { children: visibleRows.map((row, rowIndex) => {
         const highlighted = highlightRow?.(row, rowIndex) ?? false;
         const disabled = isRowDisabled?.(row) ?? false;
+        const selectionDisabled = disabled || (isRowSelectionDisabled?.(row) ?? false);
         const interactive = !disabled && Boolean(onRowClick || onRowDoubleClick);
         const action = !disabled && rowAction ? {
           label: rowAction.label(row, rowIndex),
@@ -1549,11 +1555,11 @@ function SortableTable({
                 Checkbox,
                 {
                   "aria-label": selection.getRowLabel(row),
-                  checked: !disabled && selection.isSelected(row),
-                  disabled,
+                  checked: !selectionDisabled && selection.isSelected(row),
+                  disabled: selectionDisabled,
                   onClick: (event) => event.stopPropagation(),
                   onCheckedChange: (checked) => {
-                    if (!disabled) selection.onSelectedChange(row, checked);
+                    if (!selectionDisabled) selection.onSelectedChange(row, checked);
                   }
                 }
               ) }),