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

package/dist/index.d.cts

@@ -298,6 +298,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 +307,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

@@ -298,6 +298,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 +307,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;
@@ -1516,6 +1517,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 +1551,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);
                   }
                 }
               ) }),