@snack-uikit/table 0.19.6-preview-cb303567.0 → 0.19.6

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.19.6 (2024-07-09)
+
+### Only dependencies have been changed
+* [@snack-uikit/toolbar@0.7.46](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/toolbar/CHANGELOG.md)
+
+
+
+
+
 ## 0.19.5 (2024-06-27)
 
 ### Only dependencies have been changed

package/README.md

@@ -111,16 +111,14 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 |------|------|---------------|-------------|
 | columnDefinitions* | `ColumnDefinition<TData>[]` | - | Определение внешнего вида и функционала колонок |
 | data* | `TData[]` | - | Данные для отрисовки |
-| keepPinnedRows | `boolean` | - | Параметр отвечает за отображение закрепленных строк на всех страницах таблицы |
-| copyPinnedRows | `boolean` | - | Параметр отвечает за сохранение закрепленных строк в теле таблицы |
-| enableSelectPinned | `boolean` | - | Параметр отвечает за чекбокс выбора закрепленных строк |
+| keepPinnedRows | `boolean` | - | Параметр овтечает за сохранение закрепленных строк на всех страницах таблицы |
+| enableSelectPinned | `boolean` | - | Параметр овтечает за чекбокс выбора закрепленных строк |
 | sorting | `{ initialState?: SortingState; state?: SortingState; onChange?(state: SortingState): void; }` | - | Параметры отвечают за возможность сортировки, их стоит использовать если нужно отслеживать состояние <br> <strong>initialState</strong>: Начальное состояние сортировки <br> <strong>state</strong>: Состояние сортировки, жестко устанавливаемое снаружи <br> <strong>onChange</strong>: Колбэк на изменение сортировки |
 | rowSelection | `{ initialState?: RowSelectionState; state?: RowSelectionState; enable?: boolean \| ((row: Row<TData>) => boolean); multiRow?: boolean; onChange?(state: RowSelectionState): void; }` | - | Параметры отвечают за возможность выбора строк <br> <strong>initialState</strong>: Начальное состояние выбора строк <br> <strong>state</strong>: Состояние выбора строк, жестко устанавливаемое снаружи <br> <strong>enable</strong>: Колбэк определяющий можно ли выбрать строку <br> <strong>multiRow</strong>: Мульти-выбор строк (включен по-умолчанию, когда включается выбор) <br> <strong>onChange</strong>: Колбэк на выбор строк |
 | search | `{ initialState?: string; state?: string; placeholder?: string; loading?: boolean; onChange?(value: string): void; }` | 'Search'<br> <strong>loading</strong>: Состояние загрузки в строке поиска <br> <strong>onChange</strong>: Колбэк на изменение данных в строке поиска | Параметры отвечают за глобальный поиск в таблице <br> <strong>initialState</strong>: Начальное состояние строки поиска <br> <strong>state</strong>: Состояние строки поиска, жестко устанавливаемое снаружи <br> <strong>placeholder</strong>: Placeholder строки поиска |
 | enableFuzzySearch | `boolean` | - | Включить нечеткий поиск |
 | pageSize | `number` | 10 | Максимальное кол-во строк на страницу |
-| pagination | `{ state?: PaginationState; options?: number[]; optionsLabel?: string; onChange?(state: PaginationState): void; optionsRender?(value: string \| number, idx: number): string \| number; }` | 'Rows volume: ' <br> <strong>onChange</strong>: Колбэк на изменение пагинации | Параметры отвечают за пагинацию в таблице <br> <strong>state</strong>: Состояние строки поиска, жестко устанавливаемое снаружи <br> <strong>options</strong>: Варианты в выпадающем селекторе для установки кол-ва строк на страницу <br> <strong>optionsLabel</strong>: Текст для селектора кол-ва строк на страницу |
-| autoResetPageIndex | `boolean` | - | Автоматический сброс пагинации к первой странице при изменении данных или состояния (e.g фильтры, сортировки, и т.д) |
+| pagination | `{ state?: PaginationState; options?: number[]; optionsLabel?: string; onChange?(state: PaginationState): void; }` | 'Rows volume: ' <br> <strong>onChange</strong>: Колбэк на изменение пагинации | Параметры отвечают за пагинацию в таблице <br> <strong>state</strong>: Состояние строки поиска, жестко устанавливаемое снаружи <br> <strong>options</strong>: Варианты в выпадающем селекторе для установки кол-ва строк на страницу <br> <strong>optionsLabel</strong>: Текст для селектора кол-ва строк на страницу |
 | pageCount | `number` | - | Кол-во страниц (используется для внешнего управления) |
 | onRowClick | `RowClickHandler<TData>` | - | Колбэк клика по строке |
 | className | `string` | - | CSS-класс |
@@ -131,7 +129,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | columnFilters | `ReactNode` | - | Фильтры |
 | dataFiltered | `boolean` | - |  |
 | dataError | `boolean` | - |  |
-| exportSettings | `{ fileName: string; format?: Format; filterData?: boolean; }` | - | Настройки экспорта в тулбаре |
+| exportFileName | `string` | - | Название файла при экспорте CSV/XLSX |
 | moreActions | `Action[]` | - | Элементы выпадающего списка кнопки с действиями |
 | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
 | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |
@@ -173,13 +171,11 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | onChangePage* | `(offset: number, limit: number) => void` | - |  |
 | columnDefinitions* | `ColumnDefinition<TData>[]` | - | Определение внешнего вида и функционала колонок |
 | loading | `boolean` | - | Состояние загрузки |
-| keepPinnedRows | `boolean` | false | Параметр отвечает за отображение закрепленных строк на всех страницах таблицы |
-| copyPinnedRows | `boolean` | false | Параметр отвечает за сохранение закрепленных строк в теле таблицы |
-| enableSelectPinned | `boolean` | - | Параметр отвечает за чекбокс выбора закрепленных строк |
+| keepPinnedRows | `boolean` | - | Параметр овтечает за сохранение закрепленных строк на всех страницах таблицы |
+| enableSelectPinned | `boolean` | - | Параметр овтечает за чекбокс выбора закрепленных строк |
 | sorting | `{ initialState?: SortingState; state?: SortingState; onChange?(state: SortingState): void; }` | - | Параметры отвечают за возможность сортировки, их стоит использовать если нужно отслеживать состояние <br> <strong>initialState</strong>: Начальное состояние сортировки <br> <strong>state</strong>: Состояние сортировки, жестко устанавливаемое снаружи <br> <strong>onChange</strong>: Колбэк на изменение сортировки |
 | rowSelection | `{ initialState?: RowSelectionState; state?: RowSelectionState; enable?: boolean \| ((row: Row<TData>) => boolean); multiRow?: boolean; onChange?(state: RowSelectionState): void; }` | - | Параметры отвечают за возможность выбора строк <br> <strong>initialState</strong>: Начальное состояние выбора строк <br> <strong>state</strong>: Состояние выбора строк, жестко устанавливаемое снаружи <br> <strong>enable</strong>: Колбэк определяющий можно ли выбрать строку <br> <strong>multiRow</strong>: Мульти-выбор строк (включен по-умолчанию, когда включается выбор) <br> <strong>onChange</strong>: Колбэк на выбор строк |
 | enableFuzzySearch | `boolean` | - | Включить нечеткий поиск |
-| autoResetPageIndex | `boolean` | - | Автоматический сброс пагинации к первой странице при изменении данных или состояния (e.g фильтры, сортировки, и т.д) |
 | onRowClick | `RowClickHandler<TData>` | - | Колбэк клика по строке |
 | className | `string` | - | CSS-класс |
 | onRefresh | `() => void` | - | Колбек обновления данных |
@@ -188,7 +184,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | columnFilters | `ReactNode` | - | Фильтры |
 | dataFiltered | `boolean` | - |  |
 | dataError | `boolean` | - |  |
-| exportSettings | `{ fileName: string; format?: Format; filterData?: boolean; }` | - | Настройки экспорта в тулбаре |
+| exportFileName | `string` | - | Название файла при экспорте CSV/XLSX |
 | moreActions | `Action[]` | - | Элементы выпадающего списка кнопки с действиями |
 | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
 | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |

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

@@ -1,6 +1,6 @@
 import { TableProps } from '../types';
 /** Компонент таблицы */
-export declare function Table<TData extends object>({ data, rowPinning, columnDefinitions, keepPinnedRows, copyPinnedRows, enableSelectPinned, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize, pageCount, loading, outline, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, toolbarBefore, toolbarAfter, suppressPagination, manualSorting, manualPagination, manualFiltering, autoResetPageIndex, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, ...rest }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData extends object>({ data, rowPinning, columnDefinitions, keepPinnedRows, enableSelectPinned, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize, pageCount, loading, outline, moreActions, exportFileName, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, toolbarBefore, toolbarAfter, suppressPagination, manualSorting, manualPagination, manualFiltering, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, ...rest }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;
     var statusAppearances: {

package/dist/components/Table/Table.js

@@ -30,7 +30,7 @@ import { getColumnStyleVars, getCurrentlyConfiguredHeaderWidth } from './utils';
 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, onDelete, pageSize = DEFAULT_PAGE_SIZE, pageCount, loading = false, outline = false, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar = false, toolbarBefore, toolbarAfter, suppressPagination = false, manualSorting = false, manualPagination = false, manualFiltering = false, autoResetPageIndex = false, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch } = _a, rest = __rest(_a, ["data", "rowPinning", "columnDefinitions", "keepPinnedRows", "copyPinnedRows", "enableSelectPinned", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "onDelete", "pageSize", "pageCount", "loading", "outline", "moreActions", "exportSettings", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "toolbarBefore", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "scrollRef", "scrollContainerRef", "getRowId", "enableFuzzySearch"]);
+    }, columnDefinitions, keepPinnedRows = false, enableSelectPinned = false, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize = DEFAULT_PAGE_SIZE, pageCount, loading = false, outline = false, moreActions, exportFileName, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar = false, toolbarBefore, toolbarAfter, suppressPagination = false, manualSorting = false, manualPagination = false, manualFiltering = false, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch } = _a, rest = __rest(_a, ["data", "rowPinning", "columnDefinitions", "keepPinnedRows", "enableSelectPinned", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "onDelete", "pageSize", "pageCount", "loading", "outline", "moreActions", "exportFileName", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "toolbarBefore", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "scrollRef", "scrollContainerRef", "getRowId", "enableFuzzySearch"]);
     const { state: globalFilter, onStateChange: onGlobalFilterChange } = useStateControl(search, '');
     const { state: rowSelection, onStateChange: onRowSelectionChange } = useStateControl(rowSelectionProp, {});
     const defaultPaginationState = useMemo(() => ({
@@ -93,17 +93,13 @@ export function Table(_a) {
         onSortingChange,
         getSortedRowModel: getSortedRowModel(),
         onPaginationChange,
-        autoResetPageIndex,
+        autoResetPageIndex: false,
         getPaginationRowModel: getPaginationRowModel(),
         getCoreRowModel: getCoreRowModel(),
         columnResizeMode: 'onEnd',
         keepPinnedRows,
     });
-    const { loadingTable } = useLoadingTable({
-        pageSize: Math.min(Math.max(pageSize, 5), DEFAULT_PAGE_SIZE),
-        columnDefinitions: tableColumns,
-        columnPinning,
-    });
+    const { loadingTable } = useLoadingTable({ pageSize, columnDefinitions: tableColumns, columnPinning });
     const handleOnRefresh = useCallback(() => {
         table.resetRowSelection();
         onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
@@ -117,22 +113,15 @@ export function Table(_a) {
         }
     }, [loading, onDelete, table]);
     const handleOnCheck = useCallback(() => {
-        if (!loading && !enableSelectPinned && table.getTopRows().length) {
-            const centerRows = table.getCenterRows();
-            const isSomeRowsSelected = table.getIsSomePageRowsSelected();
-            const isAllCenterRowsSelected = centerRows.every(row => row.getIsSelected());
-            if (isAllCenterRowsSelected) {
-                table.resetRowSelection();
-                return;
-            }
-            centerRows.forEach(row => row.toggleSelected(isSomeRowsSelected ? true : undefined));
-            return;
-        }
         if (!loading && (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow)) {
             table.toggleAllPageRowsSelected();
             return;
         }
-    }, [loading, rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow, table, enableSelectPinned]);
+        if (!loading && table.getIsSomePageRowsSelected()) {
+            table.resetRowSelection();
+            return;
+        }
+    }, [loading, rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow, table]);
     const columnSizeVarsRef = useRef();
     const headers = table.getFlatHeaders();
     const columnSizeVars = useMemo(() => {
@@ -184,19 +173,17 @@ export function Table(_a) {
     const filteredTopRows = table.getState().globalFilter
         ? topRows.filter(tr => tableFilteredRowsIds.includes(tr.id))
         : topRows;
-    const centerRows = copyPinnedRows ? tableRows : tableCenterRows;
     const { t } = useLocale('Table');
     const emptyStates = useEmptyState({ noDataState, noResultsState, errorDataState });
     const cssPageSize = useMemo(() => {
-        const tempPageSize = (!suppressPagination ? tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.pageSize : pageSize) + filteredTopRows.length;
+        const tempPageSize = !suppressPagination ? tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.pageSize : pageSize;
         return !tableRows.length ? Math.min(Math.max(tempPageSize, 5), DEFAULT_PAGE_SIZE) : tempPageSize;
-    }, [filteredTopRows.length, pageSize, suppressPagination, tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.pageSize, tableRows.length]);
+    }, [pageSize, suppressPagination, tablePagination === null || tablePagination === void 0 ? void 0 : tablePagination.pageSize, tableRows.length]);
     usePageReset({
         manualPagination,
         maximumAvailablePage: pageCount || data.length / pagination.pageSize,
         pagination,
         onPaginationChange,
-        autoResetPageIndex,
     });
     return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ style: {
                 '--page-size': cssPageSize,
@@ -205,7 +192,7 @@ export function Table(_a) {
                                 onChange: onGlobalFilterChange,
                                 loading: search === null || search === void 0 ? void 0 : search.loading,
                                 placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || t('searchPlaceholder'),
-                            }, checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected(), className: styles.toolbar, onRefresh: onRefresh ? handleOnRefresh : undefined, onDelete: enableSelection && onDelete ? handleOnDelete : undefined, onCheck: enableSelection ? handleOnCheck : undefined, outline: outline, selectionMode: (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow) ? 'multiple' : 'single', before: toolbarBefore, after: toolbarAfter || exportSettings ? (_jsxs(_Fragment, { children: [toolbarAfter, exportSettings && (_jsx(ExportButton, { settings: exportSettings, columnDefinitions: columnDefinitions, data: data, topRows: filteredTopRows, centerRows: centerRows }))] })) : undefined, moreActions: moreActions }), columnFilters && _jsxs("div", { className: styles.filtersWrapper, children: [" ", columnFilters, " "] })] })), _jsx("div", { className: styles.scrollWrapper, "data-outline": outline || undefined, children: _jsxs(Scroll, { size: 's', className: styles.table, ref: scrollContainerRef, children: [_jsx("div", { className: styles.tableContent, style: columnSizeVars, children: _jsx(TableContext.Provider, { value: { table }, children: loading ? (_jsxs(SkeletonContextProvider, { loading: true, children: [_jsx(HeaderRow, {}), loadingTableRows.map(row => (_jsx(BodyRow, { row: row }, row.id)))] })) : (_jsxs(_Fragment, { children: [centerRows.length || filteredTopRows.length ? _jsx(HeaderRow, {}) : null, filteredTopRows.length ? (_jsx("div", { className: styles.topRowWrapper, children: filteredTopRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick }, row.id))) })) : null, centerRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick }, 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 })] }) }), !suppressPagination && (_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 }))] })) }));
+                            }, checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected(), className: styles.toolbar, onRefresh: onRefresh ? handleOnRefresh : undefined, onDelete: enableSelection && onDelete ? handleOnDelete : undefined, onCheck: enableSelection ? handleOnCheck : undefined, outline: outline, selectionMode: (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow) ? 'multiple' : 'single', before: toolbarBefore, after: toolbarAfter || exportFileName ? (_jsxs(_Fragment, { children: [toolbarAfter, exportFileName && (_jsx(ExportButton, { fileName: exportFileName, columnDefinitions: columnDefinitions, data: data }))] })) : undefined, moreActions: moreActions }), columnFilters && _jsxs("div", { className: styles.filtersWrapper, children: [" ", columnFilters, " "] })] })), _jsx("div", { className: styles.scrollWrapper, "data-outline": outline || undefined, children: _jsxs(Scroll, { size: 's', className: styles.table, ref: scrollContainerRef, children: [_jsx("div", { className: styles.tableContent, style: columnSizeVars, children: _jsx(TableContext.Provider, { value: { table }, children: loading ? (_jsxs(SkeletonContextProvider, { loading: true, children: [_jsx(HeaderRow, {}), loadingTableRows.map(row => (_jsx(BodyRow, { row: row }, row.id)))] })) : (_jsxs(_Fragment, { children: [tableCenterRows.length || filteredTopRows.length ? _jsx(HeaderRow, {}) : null, filteredTopRows.length ? (_jsx("div", { className: styles.topRowWrapper, children: filteredTopRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick }, row.id))) })) : null, tableCenterRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick }, row.id))), _jsx(TableEmptyState, { emptyStates: emptyStates, dataError: dataError, dataFiltered: dataFiltered || Boolean(table.getState().globalFilter), tableRowsLength: tableRows.length })] })) }) }), _jsx("div", { className: styles.scrollStub, ref: scrollRef })] }) }), !suppressPagination && (_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 }))] })) }));
 }
 Table.getStatusColumnDef = getStatusColumnDef;
 Table.statusAppearances = STATUS_APPEARANCE;

package/dist/components/Table/hooks/usePageReset.d.ts

@@ -4,7 +4,6 @@ type UsePageResetProps = {
     maximumAvailablePage: number;
     pagination: PaginationState;
     onPaginationChange(state: PaginationState): void;
-    autoResetPageIndex: boolean;
 };
-export declare function usePageReset({ manualPagination, pagination, maximumAvailablePage, onPaginationChange, autoResetPageIndex, }: UsePageResetProps): void;
+export declare function usePageReset({ manualPagination, pagination, maximumAvailablePage, onPaginationChange, }: UsePageResetProps): void;
 export {};

package/dist/components/Table/hooks/usePageReset.js

@@ -1,11 +1,9 @@
 import { useEffect } from 'react';
-export function usePageReset({ manualPagination, pagination, maximumAvailablePage, onPaginationChange, autoResetPageIndex, }) {
+export function usePageReset({ manualPagination, pagination, maximumAvailablePage, onPaginationChange, }) {
     useEffect(() => {
-        if (autoResetPageIndex)
-            return;
         const { pageIndex } = pagination;
         if (!manualPagination && pageIndex > 0 && pageIndex >= maximumAvailablePage) {
             onPaginationChange(Object.assign(Object.assign({}, pagination), { pageIndex: 0 }));
         }
-    }, [maximumAvailablePage, manualPagination, onPaginationChange, pagination, autoResetPageIndex]);
+    }, [maximumAvailablePage, manualPagination, onPaginationChange, pagination]);
 }

package/dist/components/Table/styles.module.css

@@ -9,13 +9,13 @@
   width:100%;
   height:auto;
   max-height:calc(var(--page-size, 10) * var(--size-table-line-height, 40px) + var(--size-table-line-height, 40px) + var(--border-width-table, 1px) * 2);
-  background-color:var(--sys-neutral-background1-level, #fdfdff);
-  border-color:var(--sys-neutral-background1-level, #fdfdff);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  border-color:var(--sys-neutral-background1-level, #fdfdfd);
   border-style:solid;
 }
 
 .scrollWrapper[data-outline] .table{
-  border-color:var(--sys-neutral-decor-default, #dfe2ec);
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
 }
 
 .header{
@@ -61,5 +61,5 @@
   z-index:3;
   top:calc(var(--size-table-line-height, 40px));
   margin-bottom:calc(-1 * var(--border-width-table, 1px));
-  border-bottom:var(--border-width-table, 1px) solid var(--sys-neutral-decor-default, #dfe2ec);
+  border-bottom:var(--border-width-table, 1px) solid var(--sys-neutral-decor-default, #dde0ea);
 }

package/dist/components/types.d.ts

@@ -2,18 +2,16 @@ import { PaginationState, Row, RowPinningState, RowSelectionOptions, RowSelectio
 import { ReactNode, RefObject } from 'react';
 import { ToolbarProps } from '@snack-uikit/toolbar';
 import { WithSupportProps } from '@snack-uikit/utils';
-import { EmptyStateProps, ExportButtonProps, RowClickHandler } from '../helperComponents';
+import { EmptyStateProps, RowClickHandler } from '../helperComponents';
 import { ColumnDefinition } from '../types';
 export type TableProps<TData extends object> = WithSupportProps<{
     /** Данные для отрисовки */
     data: TData[];
     /** Определение внешнего вида и функционала колонок */
     columnDefinitions: ColumnDefinition<TData>[];
-    /** Параметр отвечает за отображение закрепленных строк на всех страницах таблицы @default false*/
+    /** Параметр овтечает за сохранение закрепленных строк на всех страницах таблицы */
     keepPinnedRows?: boolean;
-    /** Параметр отвечает за сохранение закрепленных строк в теле таблицы @default false*/
-    copyPinnedRows?: boolean;
-    /** Параметр отвечает за чекбокс выбора закрепленных строк */
+    /** Параметр овтечает за чекбокс выбора закрепленных строк */
     enableSelectPinned?: boolean;
     /** Параметры отвечают за возможность сортировки, их стоит использовать если нужно отслеживать состояние <br>
      *  <strong>initialState</strong>: Начальное состояние сортировки <br>
@@ -68,12 +66,7 @@ export type TableProps<TData extends object> = WithSupportProps<{
         options?: number[];
         optionsLabel?: string;
         onChange?(state: PaginationState): void;
-        optionsRender?(value: string | number, idx: number): string | number;
     };
-    /** Автоматический сброс пагинации к первой странице при изменении данных или состояния
-     * (e.g фильтры, сортировки, и т.д)
-     * */
-    autoResetPageIndex?: boolean;
     /** Кол-во страниц (используется для внешнего управления) */
     pageCount?: number;
     /** Колбэк клика по строке */
@@ -92,8 +85,8 @@ export type TableProps<TData extends object> = WithSupportProps<{
     columnFilters?: ReactNode;
     dataFiltered?: boolean;
     dataError?: boolean;
-    /** Настройки экспорта в тулбаре */
-    exportSettings?: ExportButtonProps<TData>['settings'];
+    /** Название файла при экспорте CSV/XLSX */
+    exportFileName?: string;
     /** Элементы выпадающего списка кнопки с действиями */
     moreActions?: ToolbarProps['moreActions'];
     /** Экран при отстутствии данных */

package/dist/helperComponents/Cells/BodyCell/styles.module.css

@@ -2,7 +2,7 @@
   gap:var(--space-table-cell-gap, 4px);
   padding-left:var(--space-table-cell-padding, 8px);
   padding-right:var(--space-table-cell-padding, 8px);
-  color:var(--sys-neutral-text-main, #33333b);
+  color:var(--sys-neutral-text-main, #33343f);
 }
 .tableBodyCell[data-align=right]{
   justify-content:flex-end;

package/dist/helperComponents/Cells/HeaderCell/styles.module.css

@@ -32,7 +32,7 @@
   transform:translateX(var(--offset));
   width:1px;
   height:100%;
-  background-color:var(--sys-neutral-decor-activated, #bfc2cc);
+  background-color:var(--sys-neutral-decor-activated, #bec2cf);
 }
 .tableHeaderResizeIndicator::after{
   content:"";
@@ -66,7 +66,7 @@
   transform:translateX(-50%);
   width:calc(100% - var(--space-table-head-separator-padding, 8px) * 2);
   height:var(--border-width-table, 1px);
-  background-color:var(--sys-neutral-decor-default, #dfe2ec);
+  background-color:var(--sys-neutral-decor-default, #dde0ea);
 }
 .tableHeaderCell:hover .tableHeaderResizeHandle:not([data-resizing]){
   opacity:1;
@@ -118,13 +118,13 @@
   align-items:center;
   box-sizing:border-box;
   min-width:0;
-  color:var(--sys-neutral-text-light, #868892);
+  color:var(--sys-neutral-text-light, #8b8e9b);
 }
 
 .tableHeaderIcon{
   display:flex;
   box-sizing:border-box;
-  color:var(--sys-neutral-text-light, #868892);
+  color:var(--sys-neutral-text-light, #8b8e9b);
 }
 .tableHeaderIcon svg{
   width:var(--size-icon-container-xs, 16px) !important;

package/dist/helperComponents/Cells/StatusCell/styles.module.css

@@ -14,7 +14,7 @@
 .statusCellLabel{
   box-sizing:border-box;
   min-width:0;
-  color:var(--sys-neutral-text-support, #656771);
+  color:var(--sys-neutral-text-support, #6d707f);
 }
 
 .statusCellIndicator{
@@ -44,7 +44,7 @@
   background-color:var(--sys-primary-accent-default, #794ed3);
 }
 .statusCellIndicator[data-appearance=neutral]::after{
-  background-color:var(--sys-neutral-accent-default, #6f717c);
+  background-color:var(--sys-neutral-accent-default, #787b8a);
 }
 .statusCellIndicator[data-appearance=red]::after{
   background-color:var(--sys-red-accent-default, #cd3c3c);
@@ -53,7 +53,7 @@
   background-color:var(--sys-orange-accent-default, #ff8b37);
 }
 .statusCellIndicator[data-appearance=yellow]::after{
-  background-color:var(--sys-yellow-accent-default, #fdca46);
+  background-color:var(--sys-yellow-accent-default, #ffc443);
 }
 .statusCellIndicator[data-appearance=green]::after{
   background-color:var(--sys-green-accent-default, #57b762);
@@ -76,7 +76,7 @@
   left:0;
   width:100%;
   height:auto;
-  background-color:var(--sys-neutral-decor-default, #dfe2ec);
+  background-color:var(--sys-neutral-decor-default, #dde0ea);
   animation:loading ease-in-out 0.8s infinite alternate;
 }
 

package/dist/helperComponents/ExportButton/ExportButton.d.ts

@@ -1,24 +1,10 @@
-import { Row } from '@tanstack/react-table';
 import { ColumnDefinition } from '../../types';
-type Format = {
-    csv?: boolean;
-    xslx?: boolean;
-};
-export type ExportButtonProps<TData extends object> = {
+type ExportButtonProps<TData extends object> = {
     /** Данные для отрисовки */
     data: TData[];
     /** Определение внешнего вида и функционала колонок */
     columnDefinitions: ColumnDefinition<TData>[];
-    settings: {
-        /** Название файла при экспорте */
-        fileName: string;
-        /** Доступные форматы экспорта */
-        format?: Format;
-        /** Настройка фильтрации данных */
-        filterData?: boolean;
-    };
-    topRows: Row<TData>[];
-    centerRows: Row<TData>[];
+    fileName?: string;
 };
-export declare function ExportButton<TData extends object>({ settings, data, columnDefinitions, topRows, centerRows, }: ExportButtonProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function ExportButton<TData extends object>({ fileName, data, columnDefinitions }: ExportButtonProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/helperComponents/ExportButton/ExportButton.js

@@ -1,38 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
+import { useState } from 'react';
 import { ButtonFunction } from '@snack-uikit/button';
 import { DownloadSVG } from '@snack-uikit/icons';
 import { Droplist } from '@snack-uikit/list';
 import { useLocale } from '@snack-uikit/locale';
 import { exportToCSV, exportToXLSX } from '../../exportTable';
-export function ExportButton({ settings, data, columnDefinitions, topRows, centerRows, }) {
+export function ExportButton({ fileName, data, columnDefinitions }) {
     const [isOpen, setIsOpen] = useState(false);
     const { t } = useLocale('Table');
-    const { fileName, filterData = true } = settings;
-    const format = Object.assign({ csv: true, xslx: true }, settings.format);
-    const filteredData = useMemo(() => {
-        let newData = data;
-        if (filterData) {
-            newData = [...topRows, ...centerRows].map(row => row.original);
-        }
-        return newData;
-    }, [centerRows, data, filterData, topRows]);
     return (_jsx(Droplist, { trigger: 'clickAndFocusVisible', open: isOpen, onOpenChange: setIsOpen, scroll: true, placement: 'bottom-end', items: [
             {
                 content: { option: t('export') + 'CSV' },
                 onClick: () => {
-                    exportToCSV({ fileName, columnDefinitions, data: filteredData });
+                    exportToCSV({ fileName, columnDefinitions, data });
                     setIsOpen(false);
                 },
-                hidden: !format.csv,
             },
             {
                 content: { option: t('export') + 'XLSX' },
                 onClick: () => {
-                    exportToXLSX({ fileName, columnDefinitions, data: filteredData });
+                    exportToXLSX({ fileName, columnDefinitions, data });
                     setIsOpen(false);
                 },
-                hidden: !format.xslx,
             },
         ], children: _jsx(ButtonFunction, { size: 'm', icon: _jsx(DownloadSVG, {}) }) }));
 }

package/dist/helperComponents/Rows/styles.module.css

@@ -1,5 +1,5 @@
 .tableRow{
-  --snack-ui-table-row-background:var(--sys-neutral-background1-level, #fdfdff);
+  --snack-ui-table-row-background:var(--sys-neutral-background1-level, #fdfdfd);
   height:var(--size-table-line-height, 40px);
   border-top:var(--border-width-table, 1px);
   border-bottom:var(--border-width-table, 1px);
@@ -17,7 +17,7 @@
   display:flex;
   box-sizing:border-box;
   background-color:var(--snack-ui-table-row-background);
-  border-color:var(--sys-neutral-decor-default, #dfe2ec);
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
 }
 .rowPinnedCells::after{
   pointer-events:none;
@@ -48,10 +48,10 @@
 
 .bodyRow[data-disabled]{
   cursor:not-allowed;
-  background-color:var(--sys-neutral-background, #f1f2f6);
+  background-color:var(--sys-neutral-background, #eeeff3);
 }
 .bodyRow[data-disabled] .rowPinnedCells{
-  background-color:var(--sys-neutral-background, #f1f2f6);
+  background-color:var(--sys-neutral-background, #eeeff3);
 }
 .bodyRow[data-selected]{
   background-color:color-mix(in srgb, var(--sys-primary-accent-default, #794ed3), var(--snack-ui-table-row-background) calc((1 - var(--opacity-a008, 0.08)) * 100%));
@@ -72,11 +72,11 @@
   cursor:pointer;
 }
 .bodyRow:not([data-disabled]):not([data-selected]):hover, .bodyRow:not([data-disabled]):not([data-selected])[data-actions-opened]{
-  background-color:color-mix(in srgb, var(--sys-neutral-accent-default, #6f717c), var(--snack-ui-table-row-background) calc((1 - var(--opacity-a008, 0.08)) * 100%));
+  background-color:color-mix(in srgb, var(--sys-neutral-accent-default, #787b8a), var(--snack-ui-table-row-background) calc((1 - var(--opacity-a008, 0.08)) * 100%));
   border-color:var(--sys-neutral-decor-hovered, #cfd2dc);
 }
 .bodyRow:not([data-disabled]):not([data-selected]):hover .rowPinnedCells, .bodyRow:not([data-disabled]):not([data-selected])[data-actions-opened] .rowPinnedCells{
-  background-color:color-mix(in srgb, var(--sys-neutral-accent-default, #6f717c), var(--snack-ui-table-row-background) calc((1 - var(--opacity-a008, 0.08)) * 100%));
+  background-color:color-mix(in srgb, var(--sys-neutral-accent-default, #787b8a), var(--snack-ui-table-row-background) calc((1 - var(--opacity-a008, 0.08)) * 100%));
   border-color:inherit;
 }
 

package/dist/helperComponents/TablePagination/TablePagination.d.ts

@@ -3,7 +3,6 @@ export type TablePaginationProps<TData> = {
     table: Table<TData>;
     options?: number[];
     optionsLabel?: string;
-    optionsRender?(value: number, idx: number): string | number;
     pageCount?: number;
 };
-export declare function TablePagination<TData>({ table, options: optionsProp, optionsLabel: optionsLabelProp, optionsRender, }: TablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element | null;
+export declare function TablePagination<TData>({ table, options: optionsProp, optionsLabel: optionsLabelProp, }: TablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element | null;

package/dist/helperComponents/TablePagination/TablePagination.js

@@ -4,7 +4,7 @@ import { ChipChoice } from '@snack-uikit/chips';
 import { useLocale } from '@snack-uikit/locale';
 import { Pagination } from '@snack-uikit/pagination';
 import styles from './styles.module.css';
-export function TablePagination({ table, options: optionsProp, optionsLabel: optionsLabelProp, optionsRender, }) {
+export function TablePagination({ table, options: optionsProp, optionsLabel: optionsLabelProp, }) {
     const { t } = useLocale('Table');
     const optionsLabel = optionsLabelProp !== null && optionsLabelProp !== void 0 ? optionsLabelProp : t('rowsOptionsLabel');
     const handlePaginationOnChange = useCallback((pageIndex) => {
@@ -13,10 +13,7 @@ export function TablePagination({ table, options: optionsProp, optionsLabel: opt
     const handleRowsVolumeOnChange = useCallback((value) => {
         table.setPageSize(Number(value));
     }, [table]);
-    const options = useMemo(() => optionsProp === null || optionsProp === void 0 ? void 0 : optionsProp.sort((a, b) => a - b).map((value, idx) => ({
-        label: String(optionsRender ? optionsRender(value, idx) : value),
-        value: String(value),
-    })), [optionsProp, optionsRender]);
+    const options = useMemo(() => optionsProp === null || optionsProp === void 0 ? void 0 : optionsProp.sort((a, b) => a - b).map(value => ({ label: String(value), value: String(value) })), [optionsProp]);
     const tablePaginationState = table.getState().pagination;
     if (table.getPageCount() <= 1 && !options) {
         return null;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.19.6-preview-cb303567.0",
+  "version": "0.19.6",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -42,7 +42,7 @@
     "@snack-uikit/scroll": "0.6.0",
     "@snack-uikit/skeleton": "0.3.4",
     "@snack-uikit/toggles": "0.10.0",
-    "@snack-uikit/toolbar": "0.7.45",
+    "@snack-uikit/toolbar": "0.7.46",
     "@snack-uikit/truncate-string": "0.4.19",
     "@snack-uikit/typography": "0.6.2",
     "@snack-uikit/utils": "3.3.0",
@@ -57,5 +57,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "f122ab380c1bd54eddb87c02537b2f508d48496d"
+  "gitHead": "680e16bb363296e1b4a0a35ce8efd2b4f23c4ee2"
 }

package/src/components/Table/Table.tsx

@@ -51,7 +51,6 @@ export function Table<TData extends object>({
   },
   columnDefinitions,
   keepPinnedRows = false,
-  copyPinnedRows = false,
   enableSelectPinned = false,
   rowSelection: rowSelectionProp,
   search,
@@ -67,7 +66,7 @@ export function Table<TData extends object>({
   loading = false,
   outline = false,
   moreActions,
-  exportSettings,
+  exportFileName,
   dataFiltered,
   dataError,
   noDataState,
@@ -80,7 +79,6 @@ export function Table<TData extends object>({
   manualSorting = false,
   manualPagination = false,
   manualFiltering = false,
-  autoResetPageIndex = false,
   scrollRef,
   scrollContainerRef,
   getRowId,
@@ -166,18 +164,14 @@ export function Table<TData extends object>({
     onSortingChange,
     getSortedRowModel: getSortedRowModel(),
     onPaginationChange,
-    autoResetPageIndex,
+    autoResetPageIndex: false,
     getPaginationRowModel: getPaginationRowModel(),
     getCoreRowModel: getCoreRowModel(),
     columnResizeMode: 'onEnd',
     keepPinnedRows,
   });
 
-  const { loadingTable } = useLoadingTable({
-    pageSize: Math.min(Math.max(pageSize, 5), DEFAULT_PAGE_SIZE),
-    columnDefinitions: tableColumns,
-    columnPinning,
-  });
+  const { loadingTable } = useLoadingTable({ pageSize, columnDefinitions: tableColumns, columnPinning });
 
   const handleOnRefresh = useCallback(() => {
     table.resetRowSelection();
@@ -195,25 +189,16 @@ export function Table<TData extends object>({
   }, [loading, onDelete, table]);
 
   const handleOnCheck = useCallback(() => {
-    if (!loading && !enableSelectPinned && table.getTopRows().length) {
-      const centerRows = table.getCenterRows();
-      const isSomeRowsSelected = table.getIsSomePageRowsSelected();
-      const isAllCenterRowsSelected = centerRows.every(row => row.getIsSelected());
-
-      if (isAllCenterRowsSelected) {
-        table.resetRowSelection();
-        return;
-      }
-
-      centerRows.forEach(row => row.toggleSelected(isSomeRowsSelected ? true : undefined));
+    if (!loading && rowSelectionProp?.multiRow) {
+      table.toggleAllPageRowsSelected();
       return;
     }
 
-    if (!loading && rowSelectionProp?.multiRow) {
-      table.toggleAllPageRowsSelected();
+    if (!loading && table.getIsSomePageRowsSelected()) {
+      table.resetRowSelection();
       return;
     }
-  }, [loading, rowSelectionProp?.multiRow, table, enableSelectPinned]);
+  }, [loading, rowSelectionProp?.multiRow, table]);
 
   const columnSizeVarsRef = useRef<Record<string, string>>();
   const headers = table.getFlatHeaders();
@@ -277,23 +262,21 @@ export function Table<TData extends object>({
   const filteredTopRows = table.getState().globalFilter
     ? topRows.filter(tr => tableFilteredRowsIds.includes(tr.id))
     : topRows;
-  const centerRows = copyPinnedRows ? tableRows : tableCenterRows;
 
   const { t } = useLocale('Table');
   const emptyStates = useEmptyState({ noDataState, noResultsState, errorDataState });
 
   const cssPageSize = useMemo(() => {
-    const tempPageSize = (!suppressPagination ? tablePagination?.pageSize : pageSize) + filteredTopRows.length;
+    const tempPageSize = !suppressPagination ? tablePagination?.pageSize : pageSize;
 
     return !tableRows.length ? Math.min(Math.max(tempPageSize, 5), DEFAULT_PAGE_SIZE) : tempPageSize;
-  }, [filteredTopRows.length, pageSize, suppressPagination, tablePagination?.pageSize, tableRows.length]);
+  }, [pageSize, suppressPagination, tablePagination?.pageSize, tableRows.length]);
 
   usePageReset({
     manualPagination,
     maximumAvailablePage: pageCount || data.length / pagination.pageSize,
     pagination,
     onPaginationChange,
-    autoResetPageIndex,
   });
 
   return (
@@ -324,17 +307,11 @@ export function Table<TData extends object>({
               selectionMode={rowSelectionProp?.multiRow ? 'multiple' : 'single'}
               before={toolbarBefore}
               after={
-                toolbarAfter || exportSettings ? (
+                toolbarAfter || exportFileName ? (
                   <>
                     {toolbarAfter}
-                    {exportSettings && (
-                      <ExportButton
-                        settings={exportSettings}
-                        columnDefinitions={columnDefinitions}
-                        data={data}
-                        topRows={filteredTopRows}
-                        centerRows={centerRows}
-                      />
+                    {exportFileName && (
+                      <ExportButton fileName={exportFileName} columnDefinitions={columnDefinitions} data={data} />
                     )}
                   </>
                 ) : undefined
@@ -359,7 +336,7 @@ export function Table<TData extends object>({
                   </SkeletonContextProvider>
                 ) : (
                   <>
-                    {centerRows.length || filteredTopRows.length ? <HeaderRow /> : null}
+                    {tableCenterRows.length || filteredTopRows.length ? <HeaderRow /> : null}
                     {filteredTopRows.length ? (
                       <div className={styles.topRowWrapper}>
                         {filteredTopRows.map(row => (
@@ -368,7 +345,7 @@ export function Table<TData extends object>({
                       </div>
                     ) : null}
 
-                    {centerRows.map(row => (
+                    {tableCenterRows.map(row => (
                       <BodyRow key={row.id} row={row} onRowClick={onRowClick} />
                     ))}
 
@@ -376,7 +353,7 @@ export function Table<TData extends object>({
                       emptyStates={emptyStates}
                       dataError={dataError}
                       dataFiltered={dataFiltered || Boolean(table.getState().globalFilter)}
-                      tableRowsLength={tableRows.length + filteredTopRows.length}
+                      tableRowsLength={tableRows.length}
                     />
                   </>
                 )}
@@ -392,7 +369,6 @@ export function Table<TData extends object>({
             options={paginationProp?.options}
             optionsLabel={paginationProp?.optionsLabel}
             pageCount={pageCount}
-            optionsRender={paginationProp?.optionsRender}
           />
         )}
       </div>

package/src/components/Table/hooks/usePageReset.ts

@@ -6,7 +6,6 @@ type UsePageResetProps = {
   maximumAvailablePage: number;
   pagination: PaginationState;
   onPaginationChange(state: PaginationState): void;
-  autoResetPageIndex: boolean;
 };
 
 export function usePageReset({
@@ -14,15 +13,12 @@ export function usePageReset({
   pagination,
   maximumAvailablePage,
   onPaginationChange,
-  autoResetPageIndex,
 }: UsePageResetProps) {
   useEffect(() => {
-    if (autoResetPageIndex) return;
-
     const { pageIndex } = pagination;
 
     if (!manualPagination && pageIndex > 0 && pageIndex >= maximumAvailablePage) {
       onPaginationChange({ ...pagination, pageIndex: 0 });
     }
-  }, [maximumAvailablePage, manualPagination, onPaginationChange, pagination, autoResetPageIndex]);
+  }, [maximumAvailablePage, manualPagination, onPaginationChange, pagination]);
 }

package/src/components/types.ts

@@ -11,7 +11,7 @@ import { ReactNode, RefObject } from 'react';
 import { ToolbarProps } from '@snack-uikit/toolbar';
 import { WithSupportProps } from '@snack-uikit/utils';
 
-import { EmptyStateProps, ExportButtonProps, RowClickHandler } from '../helperComponents';
+import { EmptyStateProps, RowClickHandler } from '../helperComponents';
 import { ColumnDefinition } from '../types';
 
 export type TableProps<TData extends object> = WithSupportProps<{
@@ -19,11 +19,9 @@ export type TableProps<TData extends object> = WithSupportProps<{
   data: TData[];
   /** Определение внешнего вида и функционала колонок */
   columnDefinitions: ColumnDefinition<TData>[];
-  /** Параметр отвечает за отображение закрепленных строк на всех страницах таблицы @default false*/
+  /** Параметр овтечает за сохранение закрепленных строк на всех страницах таблицы */
   keepPinnedRows?: boolean;
-  /** Параметр отвечает за сохранение закрепленных строк в теле таблицы @default false*/
-  copyPinnedRows?: boolean;
-  /** Параметр отвечает за чекбокс выбора закрепленных строк */
+  /** Параметр овтечает за чекбокс выбора закрепленных строк */
   enableSelectPinned?: boolean;
   /** Параметры отвечают за возможность сортировки, их стоит использовать если нужно отслеживать состояние <br>
    *  <strong>initialState</strong>: Начальное состояние сортировки <br>
@@ -81,14 +79,8 @@ export type TableProps<TData extends object> = WithSupportProps<{
     options?: number[];
     optionsLabel?: string;
     onChange?(state: PaginationState): void;
-    optionsRender?(value: string | number, idx: number): string | number;
   };
 
-  /** Автоматический сброс пагинации к первой странице при изменении данных или состояния
-   * (e.g фильтры, сортировки, и т.д)
-   * */
-  autoResetPageIndex?: boolean;
-
   /** Кол-во страниц (используется для внешнего управления) */
   pageCount?: number;
 
@@ -115,8 +107,8 @@ export type TableProps<TData extends object> = WithSupportProps<{
   dataFiltered?: boolean;
   dataError?: boolean;
 
-  /** Настройки экспорта в тулбаре */
-  exportSettings?: ExportButtonProps<TData>['settings'];
+  /** Название файла при экспорте CSV/XLSX */
+  exportFileName?: string;
 
   /** Элементы выпадающего списка кнопки с действиями */
   moreActions?: ToolbarProps['moreActions'];

package/src/helperComponents/ExportButton/ExportButton.tsx

@@ -1,5 +1,4 @@
-import { Row } from '@tanstack/react-table';
-import { useMemo, useState } from 'react';
+import { useState } from 'react';
 
 import { ButtonFunction } from '@snack-uikit/button';
 import { DownloadSVG } from '@snack-uikit/icons';
@@ -9,55 +8,19 @@ import { useLocale } from '@snack-uikit/locale';
 import { exportToCSV, exportToXLSX } from '../../exportTable';
 import { ColumnDefinition } from '../../types';
 
-type Format = {
-  csv?: boolean;
-  xslx?: boolean;
-};
-
-export type ExportButtonProps<TData extends object> = {
+type ExportButtonProps<TData extends object> = {
   /** Данные для отрисовки */
   data: TData[];
   /** Определение внешнего вида и функционала колонок */
   columnDefinitions: ColumnDefinition<TData>[];
 
-  settings: {
-    /** Название файла при экспорте */
-    fileName: string;
-
-    /** Доступные форматы экспорта */
-    format?: Format;
-
-    /** Настройка фильтрации данных */
-    filterData?: boolean;
-  };
-
-  topRows: Row<TData>[];
-  centerRows: Row<TData>[];
+  fileName?: string;
 };
 
-export function ExportButton<TData extends object>({
-  settings,
-  data,
-  columnDefinitions,
-  topRows,
-  centerRows,
-}: ExportButtonProps<TData>) {
+export function ExportButton<TData extends object>({ fileName, data, columnDefinitions }: ExportButtonProps<TData>) {
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const { t } = useLocale('Table');
 
-  const { fileName, filterData = true } = settings;
-  const format: Format = Object.assign({ csv: true, xslx: true }, settings.format);
-
-  const filteredData = useMemo(() => {
-    let newData = data;
-
-    if (filterData) {
-      newData = [...topRows, ...centerRows].map(row => row.original);
-    }
-
-    return newData;
-  }, [centerRows, data, filterData, topRows]);
-
   return (
     <Droplist
       trigger='clickAndFocusVisible'
@@ -69,18 +32,16 @@ export function ExportButton<TData extends object>({
         {
           content: { option: t('export') + 'CSV' },
           onClick: () => {
-            exportToCSV<TData>({ fileName, columnDefinitions, data: filteredData });
+            exportToCSV<TData>({ fileName, columnDefinitions, data });
             setIsOpen(false);
           },
-          hidden: !format.csv,
         },
         {
           content: { option: t('export') + 'XLSX' },
           onClick: () => {
-            exportToXLSX<TData>({ fileName, columnDefinitions, data: filteredData });
+            exportToXLSX<TData>({ fileName, columnDefinitions, data });
             setIsOpen(false);
           },
-          hidden: !format.xslx,
         },
       ]}
     >

package/src/helperComponents/TablePagination/TablePagination.tsx

@@ -11,7 +11,6 @@ export type TablePaginationProps<TData> = {
   table: Table<TData>;
   options?: number[];
   optionsLabel?: string;
-  optionsRender?(value: number, idx: number): string | number;
   pageCount?: number;
 };
 
@@ -19,7 +18,6 @@ export function TablePagination<TData>({
   table,
   options: optionsProp,
   optionsLabel: optionsLabelProp,
-  optionsRender,
 }: TablePaginationProps<TData>) {
   const { t } = useLocale('Table');
   const optionsLabel = optionsLabelProp ?? t('rowsOptionsLabel');
@@ -39,14 +37,8 @@ export function TablePagination<TData>({
   );
 
   const options = useMemo(
-    () =>
-      optionsProp
-        ?.sort((a, b) => a - b)
-        .map((value, idx) => ({
-          label: String(optionsRender ? optionsRender(value, idx) : value),
-          value: String(value),
-        })),
-    [optionsProp, optionsRender],
+    () => optionsProp?.sort((a, b) => a - b).map(value => ({ label: String(value), value: String(value) })),
+    [optionsProp],
   );
 
   const tablePaginationState = table.getState().pagination;