@snack-uikit/table 0.37.31 → 0.37.33-preview-d75faeae.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## <small>0.37.32 (2026-02-03)</small>
+
+* feat(PDS-3472): add HideToggler appearance mode for disabled rows ([802be3d](https://github.com/cloud-ru-tech/snack-uikit/commit/802be3d))
+
+
+
+
+
 ## <small>0.37.31 (2026-01-19)</small>
 
 * chore(FF-6693): migrate tests from TestCafe to Playwright ([f32aff8](https://github.com/cloud-ru-tech/snack-uikit/commit/f32aff8))

package/README.md

@@ -96,6 +96,10 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
     enable: true, // false выключает выбор всех строк (состояние disabled)
     // или можно передать функцию для вычисления
     // enable: row => !['Pending', 'Loading'].includes(row.original.status),
+
+
+    // appearance: RowAppearance.Disabled, // по умолчанию: серый фон, скрыты actions
+    // appearance: RowAppearance.HideToggler, // обычный фон, видны actions, скрыт только чекбокс
     onChange: handleRowSelection,
   }}
 />
@@ -165,6 +169,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | name | type | default value | description |
 |------|------|---------------|-------------|
 | filter | `FiltersState` | - |  |
+| ordering | `FieldSort[]` | - |  |
 | search | `string` | - |  |
 | pagination | `PaginationState \| PaginationParams` | - |  |
 | sorting | `SortingState` | - |  |
@@ -217,6 +222,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | infiniteLoading | `boolean` | - | Режим работы "бесконечной" загрузки |
 | suppressPagination | `boolean` | - | Отключение пагинации |
 | manualPagination | `boolean` | - |  |
+| toolbarCheckBoxStrategy | enum ToolbarCheckBoxStrategy: `"pageRows"`, `"allRows"` | - | Определение как должен работать чекбокс в тулбаре (по всем страницам или по текущей) |
 ## Table.getStatusColumnDef
 Вспомогательная функция для создания ячейки со статусом
 ### Props
@@ -283,6 +289,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | suppressPagination | `boolean` | - | Отключение пагинации |
 | manualPagination | `boolean` | true |  |
 | infiniteLoading | `never` | - |  |
+| toolbarCheckBoxStrategy | enum ToolbarCheckBoxStrategy: `"pageRows"`, `"allRows"` | - | Определение как должен работать чекбокс в тулбаре (по всем страницам или по текущей) |
 | items | `TData[]` | - | Данные для отрисовки |
 | total | `number` | 10 | Общее кол-во строк |
 | limit | `number` | 10 | Кол-во строк на страницу |

package/dist/cjs/components/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import { FiltersState } from '@snack-uikit/chips';
 import { TableProps } from '../types';
 /** Компонент таблицы */
-export declare function Table<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, rowPinning, columnDefinitions, keepPinnedRows, copyPinnedRows, enableSelectPinned, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, pageSize, pageCount, loading, infiniteLoading, outline, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, suppressSearch, toolbarAfter, suppressPagination, manualSorting, manualPagination: manualPaginationProp, manualFiltering, autoResetPageIndex, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, savedState, expanding, bulkActions: bulkActionsProp, rowAutoHeight, columnsSettings: columnsSettingsProp, getRowBackgroundColor, ...rest }: TableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, rowPinning, columnDefinitions, keepPinnedRows, copyPinnedRows, enableSelectPinned, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, pageSize, pageCount, loading, infiniteLoading, outline, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, suppressSearch, toolbarAfter, suppressPagination, manualSorting, manualPagination: manualPaginationProp, manualFiltering, autoResetPageIndex, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, savedState, expanding, bulkActions: bulkActionsProp, rowAutoHeight, columnsSettings: columnsSettingsProp, getRowBackgroundColor, toolbarCheckBoxStrategy, ...rest }: TableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;
     var statusAppearances: {

package/dist/cjs/components/Table/Table.js

@@ -32,6 +32,7 @@ const constants_1 = require("../../constants");
 const contexts_1 = require("../../contexts");
 const helperComponents_1 = require("../../helperComponents");
 const utils_2 = require("../../utils");
+const types_1 = require("../types");
 const hooks_1 = require("./hooks");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_3 = require("./utils");
@@ -85,9 +86,10 @@ function Table(_a) {
       bulkActions: bulkActionsProp,
       rowAutoHeight,
       columnsSettings: columnsSettingsProp,
-      getRowBackgroundColor
+      getRowBackgroundColor,
+      toolbarCheckBoxStrategy
     } = _a,
-    rest = __rest(_a, ["data", "rowPinning", "columnDefinitions", "keepPinnedRows", "copyPinnedRows", "enableSelectPinned", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "pageSize", "pageCount", "loading", "infiniteLoading", "outline", "moreActions", "exportSettings", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "suppressSearch", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "scrollRef", "scrollContainerRef", "getRowId", "enableFuzzySearch", "savedState", "expanding", "bulkActions", "rowAutoHeight", "columnsSettings", "getRowBackgroundColor"]);
+    rest = __rest(_a, ["data", "rowPinning", "columnDefinitions", "keepPinnedRows", "copyPinnedRows", "enableSelectPinned", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "pageSize", "pageCount", "loading", "infiniteLoading", "outline", "moreActions", "exportSettings", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "suppressSearch", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "scrollRef", "scrollContainerRef", "getRowId", "enableFuzzySearch", "savedState", "expanding", "bulkActions", "rowAutoHeight", "columnsSettings", "getRowBackgroundColor", "toolbarCheckBoxStrategy"]);
   const [globalFilter, onGlobalFilterChange] = (0, hooks_1.useStateControl)(search, '');
   const [rowSelection, onRowSelectionChange] = (0, hooks_1.useStateControl)(rowSelectionProp, constants_1.DEFAULT_ROW_SELECTION);
   const defaultPaginationState = (0, react_1.useMemo)(() => ({
@@ -265,7 +267,7 @@ function Table(_a) {
   const handleOnToolbarCheck = (0, react_1.useCallback)(() => {
     if (!loading && !enableSelectPinned && table.getTopRows().length) {
       const centerRows = table.getCenterRows();
-      const isSomeRowsSelected = table.getIsSomePageRowsSelected();
+      const isSomeRowsSelected = toolbarCheckBoxStrategy === types_1.ToolbarCheckBoxStrategy.AllRows ? table.getIsSomeRowsSelected() : table.getIsSomePageRowsSelected();
       const isAllCenterRowsSelected = centerRows.every(row => row.getIsSelected());
       if (isAllCenterRowsSelected) {
         table.resetRowSelection();
@@ -275,10 +277,14 @@ function Table(_a) {
       return;
     }
     if (!loading && (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow)) {
-      table.toggleAllPageRowsSelected();
+      if (toolbarCheckBoxStrategy === types_1.ToolbarCheckBoxStrategy.AllRows) {
+        table.toggleAllRowsSelected();
+      } else {
+        table.toggleAllPageRowsSelected();
+      }
       return;
     }
-  }, [loading, rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow, table, enableSelectPinned]);
+  }, [toolbarCheckBoxStrategy, loading, rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow, table, enableSelectPinned]);
   const columnSizeVarsRef = (0, react_1.useRef)();
   const headers = table.getFlatHeaders();
   const columnSizes = (0, react_1.useMemo)(() => {
@@ -380,6 +386,16 @@ function Table(_a) {
   } = (0, contexts_1.useCellAutoResizeController)(table);
   const showToolbar = !suppressToolbar;
   const showPagination = !infiniteLoading && !suppressPagination;
+  const {
+    checked,
+    indeterminate
+  } = toolbarCheckBoxStrategy === types_1.ToolbarCheckBoxStrategy.AllRows ? {
+    checked: table.getIsAllRowsSelected(),
+    indeterminate: table.getIsSomeRowsSelected()
+  } : {
+    checked: table.getIsAllPageRowsSelected(),
+    indeterminate: table.getIsSomePageRowsSelected()
+  };
   return (0, jsx_runtime_1.jsxs)("div", Object.assign({
     className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className),
     "data-with-toolbar": showToolbar || undefined
@@ -417,8 +433,8 @@ function Table(_a) {
         } : undefined,
         bulkActions: bulkActions,
         selectionMode: (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow) ? 'multiple' : 'single',
-        checked: table.getIsAllPageRowsSelected(),
-        indeterminate: table.getIsSomePageRowsSelected(),
+        checked: checked,
+        indeterminate: indeterminate,
         onCheck: enableSelection ? handleOnToolbarCheck : undefined,
         outline: outline,
         after: toolbarAfter || exportSettings || areColumnsSettingsEnabled ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {

package/dist/cjs/components/Table/hooks/useFilters/useFilters.d.ts

@@ -8,7 +8,6 @@ export declare function useFilters<TData extends object, TFilters extends Record
         onChange: (filter: TFilters) => void;
         visibleFilters: string[];
         onVisibleFiltersChange: import("@tanstack/react-table").OnChangeFn<string[]>;
-        className?: string | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -64,6 +63,7 @@ export declare function useFilters<TData extends object, TFilters extends Record
         "aria-valuetext"?: string | undefined | undefined;
         defaultValue?: Partial<TFilters> | undefined;
         filters: import("@snack-uikit/chips").ChipChoiceRowFilter[];
+        className?: string | undefined;
         showClearButton?: boolean | undefined;
         showAddButton?: boolean | undefined;
         open: boolean;

package/dist/cjs/components/types.d.ts

@@ -14,6 +14,10 @@ export declare enum RowAppearance {
     Disabled = "disabled",
     HideToggler = "hide-toggler"
 }
+export declare enum ToolbarCheckBoxStrategy {
+    PageRows = "pageRows",
+    AllRows = "allRows"
+}
 type BaseTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = WithSupportProps<{
     /** Данные для отрисовки */
     data: TData[];
@@ -162,6 +166,7 @@ export type InfiniteTableProps<TData extends object, TFilters extends FiltersSta
     /** Отключение пагинации */
     suppressPagination?: never;
     manualPagination?: never;
+    toolbarCheckBoxStrategy?: never;
 };
 export type ClientTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = BaseTableProps<TData, TFilters> & {
     /** Параметры отвечают за пагинацию в таблице <br>
@@ -187,6 +192,10 @@ export type ClientTableProps<TData extends object, TFilters extends FiltersState
     suppressPagination?: boolean;
     manualPagination?: boolean;
     infiniteLoading?: never;
+    /**
+     * Определение как должен работать чекбокс в тулбаре (по всем страницам или по текущей)
+     */
+    toolbarCheckBoxStrategy?: ToolbarCheckBoxStrategy;
 };
 export type TableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = InfiniteTableProps<TData, TFilters> | ClientTableProps<TData, TFilters>;
 export type ServerTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Omit<ClientTableProps<TData, TFilters>, 'pageSize' | 'pageCount' | 'pagination' | 'search' | 'data'> & {

package/dist/cjs/components/types.js

@@ -3,9 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RowAppearance = void 0;
+exports.ToolbarCheckBoxStrategy = exports.RowAppearance = void 0;
 var RowAppearance;
 (function (RowAppearance) {
   RowAppearance["Disabled"] = "disabled";
   RowAppearance["HideToggler"] = "hide-toggler";
-})(RowAppearance || (exports.RowAppearance = RowAppearance = {}));
+})(RowAppearance || (exports.RowAppearance = RowAppearance = {}));
+var ToolbarCheckBoxStrategy;
+(function (ToolbarCheckBoxStrategy) {
+  ToolbarCheckBoxStrategy["PageRows"] = "pageRows";
+  ToolbarCheckBoxStrategy["AllRows"] = "allRows";
+})(ToolbarCheckBoxStrategy || (exports.ToolbarCheckBoxStrategy = ToolbarCheckBoxStrategy = {}));

package/dist/cjs/helperComponents/Cells/RowActionsCell/RowActionsCell.js

@@ -14,6 +14,7 @@ const react_1 = require("react");
 const button_1 = require("@snack-uikit/button");
 const icons_1 = require("@snack-uikit/icons");
 const list_1 = require("@snack-uikit/list");
+const types_1 = require("../../../components/types");
 const constants_1 = require("../../../constants");
 const contexts_1 = require("../../contexts");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
@@ -24,7 +25,8 @@ function RowActionsCell(_ref) {
   } = _ref;
   const {
     dropListOpened,
-    setDropListOpen
+    setDropListOpen,
+    disabledRowAppearance
   } = (0, contexts_1.useRowContext)();
   const patchItem = (0, react_1.useCallback)((item, cb) => {
     if ((0, list_1.isBaseItemProps)(item)) {
@@ -40,7 +42,8 @@ function RowActionsCell(_ref) {
       items: item.items.map(i => patchItem(i, cb))
     });
   }, []);
-  const disabled = !row.getCanSelect();
+  const canSelect = row.getCanSelect();
+  const shouldShowActions = canSelect || disabledRowAppearance !== types_1.RowAppearance.Disabled;
   const stopPropagationClick = e => {
     e.stopPropagation();
   };
@@ -51,7 +54,7 @@ function RowActionsCell(_ref) {
       onClick: stopPropagationClick,
       className: styles_module_scss_1.default.rowActionsCellWrap,
       "data-open": dropListOpened || undefined,
-      children: !disabled && Boolean(actions.length) && (0, jsx_runtime_1.jsx)(list_1.Droplist, {
+      children: shouldShowActions && Boolean(actions.length) && (0, jsx_runtime_1.jsx)(list_1.Droplist, {
         trigger: 'click',
         open: dropListOpened,
         onOpenChange: setDropListOpen,

package/dist/cjs/helperComponents/Rows/BodyRow.js

@@ -40,7 +40,7 @@ function BodyRow(_ref) {
     getRowBackgroundColor
   } = (0, contexts_1.useTableContext)();
   const handleRowClick = e => {
-    if (disabled) return;
+    if (disabled && disabledRowAppearance === components_1.RowAppearance.Disabled) return;
     onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(e, {
       id: row.id,
       data: row.original,
@@ -53,7 +53,8 @@ function BodyRow(_ref) {
   return (0, jsx_runtime_1.jsx)(contexts_1.RowContext.Provider, {
     value: {
       dropListOpened,
-      setDropListOpen
+      setDropListOpen,
+      disabledRowAppearance
     },
     children: (0, jsx_runtime_1.jsxs)(Row_1.Row, {
       onClick: handleRowClick,

package/dist/cjs/helperComponents/contexts.d.ts

@@ -1,10 +1,12 @@
 import { Table } from '@tanstack/react-table';
 import { Dispatch, SetStateAction } from 'react';
 import { ValueOf } from '@snack-uikit/utils';
+import { RowAppearance } from '../components/types';
 import { TABLE_ROW_COLOR } from '../constants';
 type RowContext = {
     dropListOpened: boolean;
     setDropListOpen: Dispatch<SetStateAction<boolean>>;
+    disabledRowAppearance: RowAppearance;
 };
 export declare const RowContext: import("react").Context<RowContext>;
 export declare const useRowContext: () => RowContext;

package/dist/cjs/helperComponents/contexts.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTableContext = exports.TableContext = exports.useRowContext = exports.RowContext = void 0;
 const react_1 = require("react");
+const types_1 = require("../components/types");
 exports.RowContext = (0, react_1.createContext)({
   dropListOpened: false,
-  setDropListOpen() {}
+  setDropListOpen() {},
+  disabledRowAppearance: types_1.RowAppearance.Disabled
 });
 const useRowContext = () => (0, react_1.useContext)(exports.RowContext);
 exports.useRowContext = useRowContext;

package/dist/esm/components/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import { FiltersState } from '@snack-uikit/chips';
 import { TableProps } from '../types';
 /** Компонент таблицы */
-export declare function Table<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, rowPinning, columnDefinitions, keepPinnedRows, copyPinnedRows, enableSelectPinned, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, pageSize, pageCount, loading, infiniteLoading, outline, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, suppressSearch, toolbarAfter, suppressPagination, manualSorting, manualPagination: manualPaginationProp, manualFiltering, autoResetPageIndex, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, savedState, expanding, bulkActions: bulkActionsProp, rowAutoHeight, columnsSettings: columnsSettingsProp, getRowBackgroundColor, ...rest }: TableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, rowPinning, columnDefinitions, keepPinnedRows, copyPinnedRows, enableSelectPinned, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, pageSize, pageCount, loading, infiniteLoading, outline, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, suppressSearch, toolbarAfter, suppressPagination, manualSorting, manualPagination: manualPaginationProp, manualFiltering, autoResetPageIndex, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, savedState, expanding, bulkActions: bulkActionsProp, rowAutoHeight, columnsSettings: columnsSettingsProp, getRowBackgroundColor, toolbarCheckBoxStrategy, ...rest }: TableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;
     var statusAppearances: {

package/dist/esm/components/Table/Table.js

@@ -24,6 +24,7 @@ import { DEFAULT_EXPANDED, DEFAULT_PAGE_SIZE, DEFAULT_ROW_SELECTION, DEFAULT_SOR
 import { CellAutoResizeContext, useCellAutoResizeController } from '../../contexts';
 import { BodyRow, ColumnsSettings, ExportButton, getColumnId, getRowActionsColumnDef, getStatusColumnDef, HeaderRow, STATUS_APPEARANCE, TableContext, TableEmptyState, TablePagination, useEmptyState, } from '../../helperComponents';
 import { fuzzyFilter } from '../../utils';
+import { ToolbarCheckBoxStrategy } from '../types';
 import { useColumnOrderByDrag, useColumnSettings, useFilters, useLoadingTable, usePageReset, useStateControl, } from './hooks';
 import styles from './styles.module.css';
 import { getColumnStyleVars, getCurrentlyConfiguredHeaderWidth, getInitColumnSizeFromLocalStorage, getPinnedGroups, getTableColumnsDefinitions, saveStateToLocalStorage, } from './utils';
@@ -33,7 +34,7 @@ import { validateFilter, validatePaging, validateSorting } from './utils/saveTab
 export function Table(_a) {
     var { data, rowPinning = {
         top: [],
-    }, columnDefinitions, keepPinnedRows = false, copyPinnedRows = false, enableSelectPinned = false, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, pageSize = DEFAULT_PAGE_SIZE, pageCount, loading = false, infiniteLoading = false, outline = false, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar = false, suppressSearch = false, toolbarAfter, suppressPagination = false, manualSorting = false, manualPagination: manualPaginationProp = false, manualFiltering = false, autoResetPageIndex = false, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, savedState, expanding, bulkActions: bulkActionsProp, rowAutoHeight, columnsSettings: columnsSettingsProp, getRowBackgroundColor } = _a, rest = __rest(_a, ["data", "rowPinning", "columnDefinitions", "keepPinnedRows", "copyPinnedRows", "enableSelectPinned", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "pageSize", "pageCount", "loading", "infiniteLoading", "outline", "moreActions", "exportSettings", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "suppressSearch", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "scrollRef", "scrollContainerRef", "getRowId", "enableFuzzySearch", "savedState", "expanding", "bulkActions", "rowAutoHeight", "columnsSettings", "getRowBackgroundColor"]);
+    }, columnDefinitions, keepPinnedRows = false, copyPinnedRows = false, enableSelectPinned = false, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, pageSize = DEFAULT_PAGE_SIZE, pageCount, loading = false, infiniteLoading = false, outline = false, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar = false, suppressSearch = false, toolbarAfter, suppressPagination = false, manualSorting = false, manualPagination: manualPaginationProp = false, manualFiltering = false, autoResetPageIndex = false, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, savedState, expanding, bulkActions: bulkActionsProp, rowAutoHeight, columnsSettings: columnsSettingsProp, getRowBackgroundColor, toolbarCheckBoxStrategy } = _a, rest = __rest(_a, ["data", "rowPinning", "columnDefinitions", "keepPinnedRows", "copyPinnedRows", "enableSelectPinned", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "pageSize", "pageCount", "loading", "infiniteLoading", "outline", "moreActions", "exportSettings", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "suppressSearch", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "scrollRef", "scrollContainerRef", "getRowId", "enableFuzzySearch", "savedState", "expanding", "bulkActions", "rowAutoHeight", "columnsSettings", "getRowBackgroundColor", "toolbarCheckBoxStrategy"]);
     const [globalFilter, onGlobalFilterChange] = useStateControl(search, '');
     const [rowSelection, onRowSelectionChange] = useStateControl(rowSelectionProp, DEFAULT_ROW_SELECTION);
     const defaultPaginationState = useMemo(() => ({
@@ -181,7 +182,9 @@ export function Table(_a) {
     const handleOnToolbarCheck = useCallback(() => {
         if (!loading && !enableSelectPinned && table.getTopRows().length) {
             const centerRows = table.getCenterRows();
-            const isSomeRowsSelected = table.getIsSomePageRowsSelected();
+            const isSomeRowsSelected = toolbarCheckBoxStrategy === ToolbarCheckBoxStrategy.AllRows
+                ? table.getIsSomeRowsSelected()
+                : table.getIsSomePageRowsSelected();
             const isAllCenterRowsSelected = centerRows.every(row => row.getIsSelected());
             if (isAllCenterRowsSelected) {
                 table.resetRowSelection();
@@ -191,10 +194,15 @@ export function Table(_a) {
             return;
         }
         if (!loading && (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow)) {
-            table.toggleAllPageRowsSelected();
+            if (toolbarCheckBoxStrategy === ToolbarCheckBoxStrategy.AllRows) {
+                table.toggleAllRowsSelected();
+            }
+            else {
+                table.toggleAllPageRowsSelected();
+            }
             return;
         }
-    }, [loading, rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow, table, enableSelectPinned]);
+    }, [toolbarCheckBoxStrategy, loading, rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow, table, enableSelectPinned]);
     const columnSizeVarsRef = useRef();
     const headers = table.getFlatHeaders();
     const columnSizes = useMemo(() => {
@@ -277,6 +285,9 @@ export function Table(_a) {
     const { updateCellMap } = useCellAutoResizeController(table);
     const showToolbar = !suppressToolbar;
     const showPagination = !infiniteLoading && !suppressPagination;
+    const { checked, indeterminate } = toolbarCheckBoxStrategy === ToolbarCheckBoxStrategy.AllRows
+        ? { checked: table.getIsAllRowsSelected(), indeterminate: table.getIsSomeRowsSelected() }
+        : { checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected() };
     return (_jsxs("div", Object.assign({ className: cn(styles.wrapper, className), "data-with-toolbar": showToolbar || undefined }, extractSupportProps(rest), { children: [showToolbar && (_jsx("div", { className: styles.header, children: _jsx(Toolbar, { search: suppressSearch
                         ? undefined
                         : {
@@ -305,7 +316,7 @@ export function Table(_a) {
                                 }
                             },
                         }
-                        : undefined, bulkActions: bulkActions, selectionMode: (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow) ? 'multiple' : 'single', checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected(), onCheck: enableSelection ? handleOnToolbarCheck : undefined, outline: outline, after: toolbarAfter || exportSettings || areColumnsSettingsEnabled ? (_jsxs(_Fragment, { children: [toolbarAfter, exportSettings && (_jsx(ExportButton, { settings: exportSettings, columnDefinitions: columnDefinitions, data: data, topRows: filteredTopRows, centerRows: centerRows })), areColumnsSettingsEnabled && (_jsx(ColumnsSettings, { columnsSettings: columnsSettings, enabledColumns: enabledColumns, setEnabledColumns: setEnabledColumns }))] })) : undefined, moreActions: moreActions, filterRow: patchedFilter, "data-test-id": TEST_IDS.toolbar }) })), _jsxs(Scroll, { size: 's', className: styles.table, ref: scrollContainerRef, "data-outline": outline || undefined, children: [_jsx("div", { className: styles.tableContent, style: columnSizes.vars, children: _jsx(CellAutoResizeContext.Provider, { value: { updateCellMap }, children: _jsx(DndContext, Object.assign({}, dndContextProps, { children: _jsx(TableContext.Provider, { value: { table, getRowBackgroundColor }, children: (!infiniteLoading || !data.length) && loading ? (_jsxs(SkeletonContextProvider, { loading: true, children: [_jsx(HeaderRow, { rowAutoHeight: rowAutoHeight, columnOrder: columnOrder }), loadingTableRows.map(row => (_jsx(BodyRow, { row: row, rowAutoHeight: rowAutoHeight, columnOrder: columnOrder, disabledRowAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance }, row.id)))] })) : (_jsxs(_Fragment, { children: [centerRows.length || filteredTopRows.length ? (_jsx(HeaderRow, { rowAutoHeight: rowAutoHeight, columnOrder: columnOrder, enableColumnsOrderSortByDrag: enableColumnsOrderSortByDrag })) : null, filteredTopRows.length ? (_jsx("div", { className: styles.topRowWrapper, children: filteredTopRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick, rowAutoHeight: rowAutoHeight, columnOrder: columnOrder, enableColumnsOrderSortByDrag: enableColumnsOrderSortByDrag, disabledRowAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance }, row.id))) })) : null, centerRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick, rowAutoHeight: rowAutoHeight, columnOrder: columnOrder, enableColumnsOrderSortByDrag: enableColumnsOrderSortByDrag, disabledRowAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance }, row.id))), data.length > 0 && infiniteLoading && loading && !dataError && (_jsx(SkeletonContextProvider, { loading: true, children: loadingTableRows.slice(0, 3).map(row => (_jsx(BodyRow, { row: row, columnOrder: columnOrder, enableColumnsOrderSortByDrag: enableColumnsOrderSortByDrag, disabledRowAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance }, row.id))) })), _jsx(TableEmptyState, { emptyStates: emptyStates, dataError: dataError, dataFiltered: dataFiltered || Boolean(table.getState().globalFilter), tableRowsLength: tableRows.length + filteredTopRows.length })] })) }) })) }) }), _jsx("div", { className: styles.scrollStub, ref: scrollRef })] }), showPagination && (_jsx(TablePagination, { table: table, options: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.options, optionsLabel: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.optionsLabel, pageCount: pageCount, optionsRender: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.optionsRender }))] })));
+                        : undefined, bulkActions: bulkActions, selectionMode: (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow) ? 'multiple' : 'single', checked: checked, indeterminate: indeterminate, onCheck: enableSelection ? handleOnToolbarCheck : undefined, outline: outline, after: toolbarAfter || exportSettings || areColumnsSettingsEnabled ? (_jsxs(_Fragment, { children: [toolbarAfter, exportSettings && (_jsx(ExportButton, { settings: exportSettings, columnDefinitions: columnDefinitions, data: data, topRows: filteredTopRows, centerRows: centerRows })), areColumnsSettingsEnabled && (_jsx(ColumnsSettings, { columnsSettings: columnsSettings, enabledColumns: enabledColumns, setEnabledColumns: setEnabledColumns }))] })) : undefined, moreActions: moreActions, filterRow: patchedFilter, "data-test-id": TEST_IDS.toolbar }) })), _jsxs(Scroll, { size: 's', className: styles.table, ref: scrollContainerRef, "data-outline": outline || undefined, children: [_jsx("div", { className: styles.tableContent, style: columnSizes.vars, children: _jsx(CellAutoResizeContext.Provider, { value: { updateCellMap }, children: _jsx(DndContext, Object.assign({}, dndContextProps, { children: _jsx(TableContext.Provider, { value: { table, getRowBackgroundColor }, children: (!infiniteLoading || !data.length) && loading ? (_jsxs(SkeletonContextProvider, { loading: true, children: [_jsx(HeaderRow, { rowAutoHeight: rowAutoHeight, columnOrder: columnOrder }), loadingTableRows.map(row => (_jsx(BodyRow, { row: row, rowAutoHeight: rowAutoHeight, columnOrder: columnOrder, disabledRowAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance }, row.id)))] })) : (_jsxs(_Fragment, { children: [centerRows.length || filteredTopRows.length ? (_jsx(HeaderRow, { rowAutoHeight: rowAutoHeight, columnOrder: columnOrder, enableColumnsOrderSortByDrag: enableColumnsOrderSortByDrag })) : null, filteredTopRows.length ? (_jsx("div", { className: styles.topRowWrapper, children: filteredTopRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick, rowAutoHeight: rowAutoHeight, columnOrder: columnOrder, enableColumnsOrderSortByDrag: enableColumnsOrderSortByDrag, disabledRowAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance }, row.id))) })) : null, centerRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick, rowAutoHeight: rowAutoHeight, columnOrder: columnOrder, enableColumnsOrderSortByDrag: enableColumnsOrderSortByDrag, disabledRowAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance }, row.id))), data.length > 0 && infiniteLoading && loading && !dataError && (_jsx(SkeletonContextProvider, { loading: true, children: loadingTableRows.slice(0, 3).map(row => (_jsx(BodyRow, { row: row, columnOrder: columnOrder, enableColumnsOrderSortByDrag: enableColumnsOrderSortByDrag, disabledRowAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance }, row.id))) })), _jsx(TableEmptyState, { emptyStates: emptyStates, dataError: dataError, dataFiltered: dataFiltered || Boolean(table.getState().globalFilter), tableRowsLength: tableRows.length + filteredTopRows.length })] })) }) })) }) }), _jsx("div", { className: styles.scrollStub, ref: scrollRef })] }), showPagination && (_jsx(TablePagination, { table: table, options: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.options, optionsLabel: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.optionsLabel, pageCount: pageCount, optionsRender: paginationProp === null || paginationProp === void 0 ? void 0 : paginationProp.optionsRender }))] })));
 }
 Table.getStatusColumnDef = getStatusColumnDef;
 Table.statusAppearances = STATUS_APPEARANCE;

package/dist/esm/components/Table/hooks/useFilters/useFilters.d.ts

@@ -8,7 +8,6 @@ export declare function useFilters<TData extends object, TFilters extends Record
         onChange: (filter: TFilters) => void;
         visibleFilters: string[];
         onVisibleFiltersChange: import("@tanstack/react-table").OnChangeFn<string[]>;
-        className?: string | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -64,6 +63,7 @@ export declare function useFilters<TData extends object, TFilters extends Record
         "aria-valuetext"?: string | undefined | undefined;
         defaultValue?: Partial<TFilters> | undefined;
         filters: import("@snack-uikit/chips").ChipChoiceRowFilter[];
+        className?: string | undefined;
         showClearButton?: boolean | undefined;
         showAddButton?: boolean | undefined;
         open: boolean;

package/dist/esm/components/types.d.ts

@@ -14,6 +14,10 @@ export declare enum RowAppearance {
     Disabled = "disabled",
     HideToggler = "hide-toggler"
 }
+export declare enum ToolbarCheckBoxStrategy {
+    PageRows = "pageRows",
+    AllRows = "allRows"
+}
 type BaseTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = WithSupportProps<{
     /** Данные для отрисовки */
     data: TData[];
@@ -162,6 +166,7 @@ export type InfiniteTableProps<TData extends object, TFilters extends FiltersSta
     /** Отключение пагинации */
     suppressPagination?: never;
     manualPagination?: never;
+    toolbarCheckBoxStrategy?: never;
 };
 export type ClientTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = BaseTableProps<TData, TFilters> & {
     /** Параметры отвечают за пагинацию в таблице <br>
@@ -187,6 +192,10 @@ export type ClientTableProps<TData extends object, TFilters extends FiltersState
     suppressPagination?: boolean;
     manualPagination?: boolean;
     infiniteLoading?: never;
+    /**
+     * Определение как должен работать чекбокс в тулбаре (по всем страницам или по текущей)
+     */
+    toolbarCheckBoxStrategy?: ToolbarCheckBoxStrategy;
 };
 export type TableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = InfiniteTableProps<TData, TFilters> | ClientTableProps<TData, TFilters>;
 export type ServerTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Omit<ClientTableProps<TData, TFilters>, 'pageSize' | 'pageCount' | 'pagination' | 'search' | 'data'> & {

package/dist/esm/components/types.js

@@ -3,3 +3,8 @@ export var RowAppearance;
     RowAppearance["Disabled"] = "disabled";
     RowAppearance["HideToggler"] = "hide-toggler";
 })(RowAppearance || (RowAppearance = {}));
+export var ToolbarCheckBoxStrategy;
+(function (ToolbarCheckBoxStrategy) {
+    ToolbarCheckBoxStrategy["PageRows"] = "pageRows";
+    ToolbarCheckBoxStrategy["AllRows"] = "allRows";
+})(ToolbarCheckBoxStrategy || (ToolbarCheckBoxStrategy = {}));

package/dist/esm/helperComponents/Cells/RowActionsCell/RowActionsCell.js

@@ -3,11 +3,12 @@ import { useCallback, useMemo } from 'react';
 import { ButtonFunction } from '@snack-uikit/button';
 import { MoreSVG } from '@snack-uikit/icons';
 import { Droplist, isBaseItemProps } from '@snack-uikit/list';
+import { RowAppearance } from '../../../components/types';
 import { COLUMN_PIN_POSITION, DefaultColumns, TEST_IDS } from '../../../constants';
 import { useRowContext } from '../../contexts';
 import styles from './styles.module.css';
 function RowActionsCell({ row, actions }) {
-    const { dropListOpened, setDropListOpen } = useRowContext();
+    const { dropListOpened, setDropListOpen, disabledRowAppearance } = useRowContext();
     const patchItem = useCallback((item, cb) => {
         if (isBaseItemProps(item)) {
             return Object.assign(Object.assign({}, item), { onClick(e) {
@@ -18,14 +19,15 @@ function RowActionsCell({ row, actions }) {
         }
         return Object.assign(Object.assign({}, item), { items: item.items.map(i => patchItem(i, cb)) });
     }, []);
-    const disabled = !row.getCanSelect();
+    const canSelect = row.getCanSelect();
+    const shouldShowActions = canSelect || disabledRowAppearance !== RowAppearance.Disabled;
     const stopPropagationClick = (e) => {
         e.stopPropagation();
     };
     const patchedItems = useMemo(() => actions.map(item => patchItem(item, () => setDropListOpen(false))), [actions, patchItem, setDropListOpen]);
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    _jsx("div", { onClick: stopPropagationClick, className: styles.rowActionsCellWrap, "data-open": dropListOpened || undefined, children: !disabled && Boolean(actions.length) && (_jsx(Droplist, { trigger: 'click', open: dropListOpened, onOpenChange: setDropListOpen, placement: 'bottom-end', size: 'm', "data-test-id": TEST_IDS.rowActions.droplist, items: patchedItems, children: _jsx(ButtonFunction, { icon: _jsx(MoreSVG, { size: 24 }), "data-test-id": TEST_IDS.rowActions.droplistTrigger }) })) }));
+    _jsx("div", { onClick: stopPropagationClick, className: styles.rowActionsCellWrap, "data-open": dropListOpened || undefined, children: shouldShowActions && Boolean(actions.length) && (_jsx(Droplist, { trigger: 'click', open: dropListOpened, onOpenChange: setDropListOpen, placement: 'bottom-end', size: 'm', "data-test-id": TEST_IDS.rowActions.droplist, items: patchedItems, children: _jsx(ButtonFunction, { icon: _jsx(MoreSVG, { size: 24 }), "data-test-id": TEST_IDS.rowActions.droplistTrigger }) })) }));
 }
 /** Вспомогательная функция для создания ячейки с дополнительными действиями у строки */
 export function getRowActionsColumnDef({ actionsGenerator, pinned, }) {

package/dist/esm/helperComponents/Rows/BodyRow.js

@@ -15,7 +15,7 @@ export function BodyRow({ row, onRowClick, rowAutoHeight, columnOrder, enableCol
     const disabled = !row.getCanSelect();
     const { getRowBackgroundColor } = useTableContext();
     const handleRowClick = (e) => {
-        if (disabled)
+        if (disabled && disabledRowAppearance === RowAppearance.Disabled)
             return;
         onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(e, {
             id: row.id,
@@ -26,5 +26,5 @@ export function BodyRow({ row, onRowClick, rowAutoHeight, columnOrder, enableCol
     };
     const isSelected = row.getIsSelected() || (row.getIsSomeSelected() && !row.getCanMultiSelect() && !row.getIsExpanded());
     const rowBackgroundColor = getRowBackgroundColor === null || getRowBackgroundColor === void 0 ? void 0 : getRowBackgroundColor(row.original);
-    return (_jsx(RowContext.Provider, { value: { dropListOpened, setDropListOpen }, children: _jsxs(Row, { onClick: handleRowClick, "data-clickable": Boolean(onRowClick) || undefined, "data-disabled": disabled || undefined, "data-row-appearance": disabled ? disabledRowAppearance : undefined, "data-selected": isSelected || undefined, "data-actions-opened": dropListOpened || undefined, "data-test-id": TEST_IDS.bodyRow, "data-row-id": row.id, "data-row-bg-appearance": rowBackgroundColor && !disabled && !isSelected ? rowBackgroundColor : undefined, className: styles.bodyRow, rowAutoHeight: rowAutoHeight, children: [leftPinned && (_jsx(PinnedCells, { position: COLUMN_PIN_POSITION.Left, children: leftPinned.map(cell => (_jsx(BodyCell, { cell: cell, rowAutoHeight: rowAutoHeight }, cell.id))) })), unpinned.map(cell => (_jsx(SortableContext, { items: columnOrder, strategy: horizontalListSortingStrategy, children: _jsx(BodyCell, { cell: cell, rowAutoHeight: rowAutoHeight, isDraggable: enableColumnsOrderSortByDrag }, cell.id) }, cell.id))), rightPinned && (_jsx(PinnedCells, { position: COLUMN_PIN_POSITION.Right, children: rightPinned.map(cell => (_jsx(BodyCell, { cell: cell, rowAutoHeight: rowAutoHeight, isDraggable: enableColumnsOrderSortByDrag }, cell.id))) }))] }) }));
+    return (_jsx(RowContext.Provider, { value: { dropListOpened, setDropListOpen, disabledRowAppearance }, children: _jsxs(Row, { onClick: handleRowClick, "data-clickable": Boolean(onRowClick) || undefined, "data-disabled": disabled || undefined, "data-row-appearance": disabled ? disabledRowAppearance : undefined, "data-selected": isSelected || undefined, "data-actions-opened": dropListOpened || undefined, "data-test-id": TEST_IDS.bodyRow, "data-row-id": row.id, "data-row-bg-appearance": rowBackgroundColor && !disabled && !isSelected ? rowBackgroundColor : undefined, className: styles.bodyRow, rowAutoHeight: rowAutoHeight, children: [leftPinned && (_jsx(PinnedCells, { position: COLUMN_PIN_POSITION.Left, children: leftPinned.map(cell => (_jsx(BodyCell, { cell: cell, rowAutoHeight: rowAutoHeight }, cell.id))) })), unpinned.map(cell => (_jsx(SortableContext, { items: columnOrder, strategy: horizontalListSortingStrategy, children: _jsx(BodyCell, { cell: cell, rowAutoHeight: rowAutoHeight, isDraggable: enableColumnsOrderSortByDrag }, cell.id) }, cell.id))), rightPinned && (_jsx(PinnedCells, { position: COLUMN_PIN_POSITION.Right, children: rightPinned.map(cell => (_jsx(BodyCell, { cell: cell, rowAutoHeight: rowAutoHeight, isDraggable: enableColumnsOrderSortByDrag }, cell.id))) }))] }) }));
 }

package/dist/esm/helperComponents/contexts.d.ts

@@ -1,10 +1,12 @@
 import { Table } from '@tanstack/react-table';
 import { Dispatch, SetStateAction } from 'react';
 import { ValueOf } from '@snack-uikit/utils';
+import { RowAppearance } from '../components/types';
 import { TABLE_ROW_COLOR } from '../constants';
 type RowContext = {
     dropListOpened: boolean;
     setDropListOpen: Dispatch<SetStateAction<boolean>>;
+    disabledRowAppearance: RowAppearance;
 };
 export declare const RowContext: import("react").Context<RowContext>;
 export declare const useRowContext: () => RowContext;

package/dist/esm/helperComponents/contexts.js

@@ -1,7 +1,9 @@
 import { createContext, useContext } from 'react';
+import { RowAppearance } from '../components/types';
 export const RowContext = createContext({
     dropListOpened: false,
     setDropListOpen() { },
+    disabledRowAppearance: RowAppearance.Disabled,
 });
 export const useRowContext = () => useContext(RowContext);
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.37.31",
+  "version": "0.37.33-preview-d75faeae.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -65,5 +65,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "84371bbf91915f650a852df849cd71d416c5b7b2"
+  "gitHead": "013bf859d7032b7ca88f3425f359b8c03c75dec5"
 }

package/src/components/Table/Table.tsx

@@ -50,7 +50,7 @@ import {
 } from '../../helperComponents';
 import { ColumnDefinition } from '../../types';
 import { fuzzyFilter } from '../../utils';
-import { TableProps } from '../types';
+import { TableProps, ToolbarCheckBoxStrategy } from '../types';
 import {
   useColumnOrderByDrag,
   useColumnSettings,
@@ -124,6 +124,7 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
   rowAutoHeight,
   columnsSettings: columnsSettingsProp,
   getRowBackgroundColor,
+  toolbarCheckBoxStrategy,
   ...rest
 }: TableProps<TData, TFilters>) {
   const [globalFilter, onGlobalFilterChange] = useStateControl<string>(search, '');
@@ -331,7 +332,10 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
   const handleOnToolbarCheck = useCallback(() => {
     if (!loading && !enableSelectPinned && table.getTopRows().length) {
       const centerRows = table.getCenterRows();
-      const isSomeRowsSelected = table.getIsSomePageRowsSelected();
+      const isSomeRowsSelected =
+        toolbarCheckBoxStrategy === ToolbarCheckBoxStrategy.AllRows
+          ? table.getIsSomeRowsSelected()
+          : table.getIsSomePageRowsSelected();
       const isAllCenterRowsSelected = centerRows.every(row => row.getIsSelected());
 
       if (isAllCenterRowsSelected) {
@@ -344,10 +348,14 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
     }
 
     if (!loading && rowSelectionProp?.multiRow) {
-      table.toggleAllPageRowsSelected();
+      if (toolbarCheckBoxStrategy === ToolbarCheckBoxStrategy.AllRows) {
+        table.toggleAllRowsSelected();
+      } else {
+        table.toggleAllPageRowsSelected();
+      }
       return;
     }
-  }, [loading, rowSelectionProp?.multiRow, table, enableSelectPinned]);
+  }, [toolbarCheckBoxStrategy, loading, rowSelectionProp?.multiRow, table, enableSelectPinned]);
 
   const columnSizeVarsRef = useRef<Record<string, string>>();
   const headers = table.getFlatHeaders();
@@ -450,6 +458,11 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
   const showToolbar = !suppressToolbar;
   const showPagination = !infiniteLoading && !suppressPagination;
 
+  const { checked, indeterminate } =
+    toolbarCheckBoxStrategy === ToolbarCheckBoxStrategy.AllRows
+      ? { checked: table.getIsAllRowsSelected(), indeterminate: table.getIsSomeRowsSelected() }
+      : { checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected() };
+
   return (
     <div
       className={cn(styles.wrapper, className)}
@@ -497,8 +510,8 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
             }
             bulkActions={bulkActions}
             selectionMode={rowSelectionProp?.multiRow ? 'multiple' : 'single'}
-            checked={table.getIsAllPageRowsSelected()}
-            indeterminate={table.getIsSomePageRowsSelected()}
+            checked={checked}
+            indeterminate={indeterminate}
             onCheck={enableSelection ? handleOnToolbarCheck : undefined}
             outline={outline}
             after={

package/src/components/types.ts

@@ -27,6 +27,11 @@ export enum RowAppearance {
   HideToggler = 'hide-toggler',
 }
 
+export enum ToolbarCheckBoxStrategy {
+  PageRows = 'pageRows',
+  AllRows = 'allRows',
+}
+
 type BaseTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = WithSupportProps<{
   /** Данные для отрисовки */
   data: TData[];
@@ -202,6 +207,8 @@ export type InfiniteTableProps<
   suppressPagination?: never;
 
   manualPagination?: never;
+
+  toolbarCheckBoxStrategy?: never;
 };
 
 export type ClientTableProps<
@@ -236,6 +243,11 @@ export type ClientTableProps<
   manualPagination?: boolean;
 
   infiniteLoading?: never;
+
+  /**
+   * Определение как должен работать чекбокс в тулбаре (по всем страницам или по текущей)
+   */
+  toolbarCheckBoxStrategy?: ToolbarCheckBoxStrategy;
 };
 
 export type TableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> =

package/src/helperComponents/Cells/RowActionsCell/RowActionsCell.tsx

@@ -5,6 +5,7 @@ import { ButtonFunction } from '@snack-uikit/button';
 import { MoreSVG } from '@snack-uikit/icons';
 import { Droplist, DroplistProps, isBaseItemProps, ItemProps } from '@snack-uikit/list';
 
+import { RowAppearance } from '../../../components/types';
 import { COLUMN_PIN_POSITION, DefaultColumns, TEST_IDS } from '../../../constants';
 import { ColumnDefinition } from '../../../types';
 import { useRowContext } from '../../contexts';
@@ -16,7 +17,7 @@ type RowActionsCellProps<TData> = {
 };
 
 function RowActionsCell<TData>({ row, actions }: RowActionsCellProps<TData>) {
-  const { dropListOpened, setDropListOpen } = useRowContext();
+  const { dropListOpened, setDropListOpen, disabledRowAppearance } = useRowContext();
 
   const patchItem = useCallback((item: ItemProps, cb: MouseEventHandler): ItemProps => {
     if (isBaseItemProps(item)) {
@@ -32,7 +33,8 @@ function RowActionsCell<TData>({ row, actions }: RowActionsCellProps<TData>) {
     return { ...item, items: item.items.map(i => patchItem(i, cb)) };
   }, []);
 
-  const disabled = !row.getCanSelect();
+  const canSelect = row.getCanSelect();
+  const shouldShowActions = canSelect || disabledRowAppearance !== RowAppearance.Disabled;
 
   const stopPropagationClick = (e: MouseEvent<HTMLDivElement>) => {
     e.stopPropagation();
@@ -46,7 +48,7 @@ function RowActionsCell<TData>({ row, actions }: RowActionsCellProps<TData>) {
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     <div onClick={stopPropagationClick} className={styles.rowActionsCellWrap} data-open={dropListOpened || undefined}>
-      {!disabled && Boolean(actions.length) && (
+      {shouldShowActions && Boolean(actions.length) && (
         <Droplist
           trigger='click'
           open={dropListOpened}

package/src/helperComponents/Rows/BodyRow.tsx

@@ -46,7 +46,7 @@ export function BodyRow<TData>({
   const { getRowBackgroundColor } = useTableContext();
 
   const handleRowClick = (e: MouseEvent<HTMLDivElement>) => {
-    if (disabled) return;
+    if (disabled && disabledRowAppearance === RowAppearance.Disabled) return;
 
     onRowClick?.(e, {
       id: row.id,
@@ -62,7 +62,7 @@ export function BodyRow<TData>({
   const rowBackgroundColor = getRowBackgroundColor?.(row.original);
 
   return (
-    <RowContext.Provider value={{ dropListOpened, setDropListOpen }}>
+    <RowContext.Provider value={{ dropListOpened, setDropListOpen, disabledRowAppearance }}>
       <Row
         onClick={handleRowClick}
         data-clickable={Boolean(onRowClick) || undefined}

package/src/helperComponents/contexts.ts

@@ -3,16 +3,19 @@ import { createContext, Dispatch, SetStateAction, useContext } from 'react';
 
 import { ValueOf } from '@snack-uikit/utils';
 
+import { RowAppearance } from '../components/types';
 import { TABLE_ROW_COLOR } from '../constants';
 
 type RowContext = {
   dropListOpened: boolean;
   setDropListOpen: Dispatch<SetStateAction<boolean>>;
+  disabledRowAppearance: RowAppearance;
 };
 
 export const RowContext = createContext<RowContext>({
   dropListOpened: false,
   setDropListOpen() {},
+  disabledRowAppearance: RowAppearance.Disabled,
 });
 
 export const useRowContext = () => useContext(RowContext);