fix(selectionColumn): exclude disabled rows from selection (#151)

### Description
Changes in `selectionColumn` to handle non-selectable table rows (`!row.getCanSelect()`):
* **Bulk selection fix**: Rows that should not be selectable are now skipped during bulk selection (Ctrl + Click).
* **Header checkbox fix**: The "Select All" checkbox in the header no longer gets stuck in the `indeterminate` state if any row is not allow to select.

#### Commits

* fix(selectionColumn): exclude disabled rows from selection
* fix(getToggleAllEnabledRowsSelectedHandler): rid of indeterminate argument

---------

Co-authored-by: Shaidulint <shaidulint@yandex-team.ru>

Author: Shaidulint

src/constants/selectionColumn.tsx

@@ -1,14 +1,15 @@
 import {RangedSelectionCheckbox, SelectionCheckbox} from '../components';
 import type {ColumnDef} from '../types/base';
+import {getToggleAllEnabledRowsSelectedHandler} from '../utils';
 
 export const selectionColumn: ColumnDef<unknown> = {
     id: '_select',
     header: ({table}) => (
         <SelectionCheckbox
             checked={table.getIsAllRowsSelected()}
-            disabled={!table.options.enableRowSelection}
+            disabled={!table.options.enableRowSelection || !table.options.enableMultiRowSelection}
             indeterminate={table.getIsSomeRowsSelected()}
-            onChange={table.getToggleAllRowsSelectedHandler()}
+            onChange={getToggleAllEnabledRowsSelectedHandler(table)}
         />
     ),
     cell: (cellContext) => (

src/hooks/useToggleRangeSelectionHandler.ts

@@ -35,7 +35,10 @@ export const useToggleRangeSelectionHandler = <TData extends RowData, TValue>(
         } else {
             const startIndex = Math.min(clickedRowIndex, lastSelectedRowIndexRef.current);
             const endIndex = Math.max(clickedRowIndex, lastSelectedRowIndexRef.current);
-            const rowsToSelect = table.getRowModel().rows.slice(startIndex, endIndex + 1);
+            const rowsToSelect = table
+                .getRowModel()
+                .rows.slice(startIndex, endIndex + 1)
+                .filter((rowToSelect) => rowToSelect.getCanSelect());
             const currentRowSelectionState = table.getState().rowSelection;
 
             const rangeAlreadySelected = rowsToSelect.every(({id}) => {

src/utils/getToggleAllEnabledRowsSelectedHandler.ts

@@ -0,0 +1,21 @@
+import type {Table} from '@tanstack/table-core';
+
+export function getToggleAllEnabledRowsSelectedHandler<T>(table: Table<T>) {
+    return (event: React.ChangeEvent<HTMLInputElement>) => {
+        const isSomeRowsAreSelected = table.getIsSomeRowsSelected();
+        if (isSomeRowsAreSelected) {
+            const preGroupedFlatRows = table
+                .getPreGroupedRowModel()
+                .flatRows.filter((row) => row.getCanSelect());
+            const tableRowSelection = table.getState().rowSelection;
+
+            const allEnableRowsAreSelected = preGroupedFlatRows.every((row) => {
+                return tableRowSelection[row.id] === true;
+            });
+
+            table.toggleAllRowsSelected(!allEnableRowsAreSelected);
+        } else {
+            table.toggleAllRowsSelected(event.target.checked);
+        }
+    };
+}

src/utils/index.ts

@@ -12,3 +12,4 @@ export * from './getVirtualRowRangeExtractor';
 export * from './shouldRenderFooterCell';
 export * from './shouldRenderFooterRow';
 export * from './shouldRenderHeaderCell';
+export * from './getToggleAllEnabledRowsSelectedHandler';