@snack-uikit/table 0.22.3-preview-5d095019.0 → 0.23.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.23.0 (2024-09-12)
+
+
+### BREAKING CHANGES
+
+
+* **FF-5443:** extracted export functions from component ([eba84e2](https://github.com/cloud-ru-tech/snack-uikit/commit/eba84e2a67efba27300c0a952890ea3cb61c8794))
+
+
+
+
 ## 0.22.2 (2024-09-06)
 
 ### Only dependencies have been changed

package/README.md

@@ -131,7 +131,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | columnFilters | `ReactNode` | - | Фильтры |
 | dataFiltered | `boolean` | - |  |
 | dataError | `boolean` | - |  |
-| exportSettings | `{ fileName: string; format?: Format; filterData?: boolean; }` | - | Настройки экспорта в тулбаре |
+| exportSettings | `{ fileName: string; filterData?: boolean; exportToCSV?(args: ExportProps<TData>): void; exportToXLSX?(args: ExportProps<TData>): void; }` | - | Настройки экспорта в тулбаре |
 | moreActions | `Action[]` | - | Элементы выпадающего списка кнопки с действиями |
 | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
 | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |
@@ -144,7 +144,6 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | manualPagination | `boolean` | - |  |
 | manualFiltering | `boolean` | - |  |
 | getRowId | `(originalRow: TData, index: number, parent?: Row<TData>) => string` | - | Дополнительная функция используется для получения уникального идентификатора для любой заданной строки |
-| getRowClassName | `(originalRow: TData, index: number, parent?: Row<TData>) => string` | - | Дополнительная функция используется для получения className для любой заданной строки |
 | scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
 | scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
 | rowPinning | `Pick<RowPinningState, "top">` | {     top: [],   } | Определение какие строки должны быть закреплены в таблице |
@@ -192,7 +191,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | columnFilters | `ReactNode` | - | Фильтры |
 | dataFiltered | `boolean` | - |  |
 | dataError | `boolean` | - |  |
-| exportSettings | `{ fileName: string; format?: Format; filterData?: boolean; }` | - | Настройки экспорта в тулбаре |
+| exportSettings | `{ fileName: string; filterData?: boolean; exportToCSV?(args: ExportProps<TData>): void; exportToXLSX?(args: ExportProps<TData>): void; }` | - | Настройки экспорта в тулбаре |
 | moreActions | `Action[]` | - | Элементы выпадающего списка кнопки с действиями |
 | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
 | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |
@@ -205,7 +204,6 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | manualPagination | `boolean` | true |  |
 | manualFiltering | `boolean` | true |  |
 | getRowId | `(originalRow: TData, index: number, parent?: Row<TData>) => string` | - | Дополнительная функция используется для получения уникального идентификатора для любой заданной строки |
-| getRowClassName | `(originalRow: TData, index: number, parent?: Row<TData>) => string` | - | Дополнительная функция используется для получения className для любой заданной строки |
 | scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
 | scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
 | rowPinning | `Pick<RowPinningState, "top">` | - | Определение какие строки должны быть закреплены в таблице |

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, getRowClassName, enableFuzzySearch, savedState, ...rest }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+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, savedState, ...rest }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;
     var statusAppearances: Record<string, string>;

package/dist/components/Table/Table.js

@@ -30,7 +30,7 @@ import { getColumnStyleVars, getCurrentlyConfiguredHeaderWidth, getInitColumnSiz
 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, getRowClassName, enableFuzzySearch, savedState } = _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", "getRowClassName", "enableFuzzySearch", "savedState"]);
+    }, 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, savedState } = _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", "savedState"]);
     const { state: globalFilter, onStateChange: onGlobalFilterChange } = useStateControl(search, '');
     const { state: rowSelection, onStateChange: onRowSelectionChange } = useStateControl(rowSelectionProp, {});
     const defaultPaginationState = useMemo(() => ({
@@ -222,7 +222,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, getRowClassName: getRowClassName }, row.id))) })) : null, centerRows.map(row => (_jsx(BodyRow, { row: row, onRowClick: onRowClick, getRowClassName: getRowClassName }, 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 || 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 }))] })) }));
 }
 Table.getStatusColumnDef = getStatusColumnDef;
 Table.statusAppearances = STATUS_APPEARANCE;

package/dist/components/types.d.ts

@@ -115,8 +115,6 @@ export type TableProps<TData extends object> = WithSupportProps<{
     manualFiltering?: boolean;
     /** Дополнительная функция используется для получения уникального идентификатора для любой заданной строки */
     getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
-    /** Дополнительная функция используется для получения className для любой заданной строки */
-    getRowClassName?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
     /** Ссылка на элемент, обозначающий самый конец прокручиваемого списка */
     scrollRef?: RefObject<HTMLElement>;
     /** Ссылка на контейнер, который скроллится */

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

@@ -1,8 +1,9 @@
 import { Row } from '@tanstack/react-table';
 import { ColumnDefinition } from '../../types';
-type Format = {
-    csv?: boolean;
-    xslx?: boolean;
+type ExportProps<TData> = {
+    fileName: string;
+    columnDefinitions: ColumnDefinition<TData>[];
+    data: TData[];
 };
 export type ExportButtonProps<TData extends object> = {
     /** Данные для отрисовки */
@@ -12,10 +13,12 @@ export type ExportButtonProps<TData extends object> = {
     settings: {
         /** Название файла при экспорте */
         fileName: string;
-        /** Доступные форматы экспорта */
-        format?: Format;
         /** Настройка фильтрации данных */
         filterData?: boolean;
+        /** Обработчик экспорта в CSV */
+        exportToCSV?(args: ExportProps<TData>): void;
+        /** Обработчик экспорта в XLSX */
+        exportToXLSX?(args: ExportProps<TData>): void;
     };
     topRows: Row<TData>[];
     centerRows: Row<TData>[];

package/dist/helperComponents/ExportButton/ExportButton.js

@@ -4,12 +4,10 @@ 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, }) {
     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) {
@@ -21,18 +19,20 @@ export function ExportButton({ settings, data, columnDefinitions, topRows, cente
             {
                 content: { option: t('export') + 'CSV' },
                 onClick: () => {
-                    exportToCSV({ fileName, columnDefinitions, data: filteredData });
+                    var _a;
+                    (_a = settings.exportToCSV) === null || _a === void 0 ? void 0 : _a.call(settings, { fileName, columnDefinitions, data: filteredData });
                     setIsOpen(false);
                 },
-                hidden: !format.csv,
+                hidden: !settings.exportToCSV,
             },
             {
                 content: { option: t('export') + 'XLSX' },
                 onClick: () => {
-                    exportToXLSX({ fileName, columnDefinitions, data: filteredData });
+                    var _a;
+                    (_a = settings.exportToXLSX) === null || _a === void 0 ? void 0 : _a.call(settings, { fileName, columnDefinitions, data: filteredData });
                     setIsOpen(false);
                 },
-                hidden: !format.xslx,
+                hidden: !settings.exportToXLSX,
             },
         ], children: _jsx(ButtonFunction, { size: 'm', icon: _jsx(DownloadSVG, {}) }) }));
 }

package/dist/helperComponents/Rows/BodyRow.d.ts

@@ -1,6 +1,5 @@
 import { Row as TableRow } from '@tanstack/react-table';
 import { MouseEvent } from 'react';
-import { TableProps } from '../../components';
 export type RowInfo<TData> = {
     id: string;
     data: TData;
@@ -8,10 +7,9 @@ export type RowInfo<TData> = {
     toggleSelected(value?: boolean): void;
 };
 export type RowClickHandler<TData> = (e: MouseEvent<HTMLDivElement>, row: RowInfo<TData>) => void;
-type BodyRowProps<TData extends object> = {
+type BodyRowProps<TData> = {
     row: TableRow<TData>;
     onRowClick?: RowClickHandler<TData>;
-    getRowClassName?: TableProps<TData>['getRowClassName'];
 };
-export declare function BodyRow<TData extends object>({ row, onRowClick, getRowClassName }: BodyRowProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function BodyRow<TData>({ row, onRowClick }: BodyRowProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/helperComponents/Rows/BodyRow.js

@@ -7,7 +7,7 @@ import { useRowCells } from '../hooks';
 import { PinnedCells } from './PinnedCells';
 import { Row } from './Row';
 import styles from './styles.module.css';
-export function BodyRow({ row, onRowClick, getRowClassName = () => '' }) {
+export function BodyRow({ row, onRowClick }) {
     const { pinnedLeft, pinnedRight, unpinned } = useRowCells(row);
     const [dropListOpened, setDropListOpen] = useState(false);
     const disabled = !row.getCanSelect();
@@ -21,5 +21,5 @@ export function BodyRow({ row, onRowClick, getRowClassName = () => '' }) {
             toggleSelected: row.toggleSelected,
         });
     };
-    return (_jsx(RowContext.Provider, { value: { dropListOpened, setDropListOpen }, children: _jsxs(Row, { onClick: handleRowClick, "data-clickable": Boolean(onRowClick) || undefined, "data-disabled": disabled || undefined, "data-selected": row.getIsSelected() || undefined, "data-actions-opened": dropListOpened || undefined, "data-test-id": TEST_IDS.bodyRow, "data-row-id": row.id, className: `${styles.bodyRow} ${getRowClassName(row.original, row.index, row.getParentRow())}`, children: [pinnedLeft && (_jsx(PinnedCells, { position: COLUMN_PIN_POSITION.Left, children: pinnedLeft.map(cell => (_jsx(BodyCell, { cell: cell }, cell.id))) })), unpinned.map(cell => (_jsx(BodyCell, { cell: cell }, cell.id))), pinnedRight && (_jsx(PinnedCells, { position: COLUMN_PIN_POSITION.Right, children: pinnedRight.map(cell => (_jsx(BodyCell, { cell: cell }, cell.id))) }))] }) }));
+    return (_jsx(RowContext.Provider, { value: { dropListOpened, setDropListOpen }, children: _jsxs(Row, { onClick: handleRowClick, "data-clickable": Boolean(onRowClick) || undefined, "data-disabled": disabled || undefined, "data-selected": row.getIsSelected() || undefined, "data-actions-opened": dropListOpened || undefined, "data-test-id": TEST_IDS.bodyRow, "data-row-id": row.id, className: styles.bodyRow, children: [pinnedLeft && (_jsx(PinnedCells, { position: COLUMN_PIN_POSITION.Left, children: pinnedLeft.map(cell => (_jsx(BodyCell, { cell: cell }, cell.id))) })), unpinned.map(cell => (_jsx(BodyCell, { cell: cell }, cell.id))), pinnedRight && (_jsx(PinnedCells, { position: COLUMN_PIN_POSITION.Right, children: pinnedRight.map(cell => (_jsx(BodyCell, { cell: cell }, cell.id))) }))] }) }));
 }

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

@@ -16,6 +16,7 @@
   z-index:1;
   display:flex;
   box-sizing:border-box;
+  background-color:var(--snack-ui-table-row-background);
   border-color:var(--sys-neutral-decor-default, #dde0ea);
 }
 .rowPinnedCells::after{

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.22.3-preview-5d095019.0",
+  "version": "0.23.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -57,5 +57,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "ba02c0bf7bd0ef43b5de11b5493ea9417a81267d"
+  "gitHead": "60765b1b755cca8059b07769849c3d70694ccea0"
 }

package/src/components/Table/Table.tsx

@@ -89,7 +89,6 @@ export function Table<TData extends object>({
   scrollRef,
   scrollContainerRef,
   getRowId,
-  getRowClassName,
   enableFuzzySearch,
   savedState,
 
@@ -392,13 +391,13 @@ export function Table<TData extends object>({
                     {filteredTopRows.length ? (
                       <div className={styles.topRowWrapper}>
                         {filteredTopRows.map(row => (
-                          <BodyRow key={row.id} row={row} onRowClick={onRowClick} getRowClassName={getRowClassName} />
+                          <BodyRow key={row.id} row={row} onRowClick={onRowClick} />
                         ))}
                       </div>
                     ) : null}
 
                     {centerRows.map(row => (
-                      <BodyRow key={row.id} row={row} onRowClick={onRowClick} getRowClassName={getRowClassName} />
+                      <BodyRow key={row.id} row={row} onRowClick={onRowClick} />
                     ))}
 
                     <TableEmptyState

package/src/components/types.ts

@@ -146,9 +146,6 @@ export type TableProps<TData extends object> = WithSupportProps<{
   /** Дополнительная функция используется для получения уникального идентификатора для любой заданной строки */
   getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
 
-  /** Дополнительная функция используется для получения className для любой заданной строки */
-  getRowClassName?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
-
   /** Ссылка на элемент, обозначающий самый конец прокручиваемого списка */
   scrollRef?: RefObject<HTMLElement>;
   /** Ссылка на контейнер, который скроллится */

package/src/helperComponents/ExportButton/ExportButton.tsx

@@ -6,13 +6,9 @@ import { DownloadSVG } from '@snack-uikit/icons';
 import { Droplist } from '@snack-uikit/list';
 import { useLocale } from '@snack-uikit/locale';
 
-import { exportToCSV, exportToXLSX } from '../../exportTable';
 import { ColumnDefinition } from '../../types';
 
-type Format = {
-  csv?: boolean;
-  xslx?: boolean;
-};
+type ExportProps<TData> = { fileName: string; columnDefinitions: ColumnDefinition<TData>[]; data: TData[] };
 
 export type ExportButtonProps<TData extends object> = {
   /** Данные для отрисовки */
@@ -24,11 +20,13 @@ export type ExportButtonProps<TData extends object> = {
     /** Название файла при экспорте */
     fileName: string;
 
-    /** Доступные форматы экспорта */
-    format?: Format;
-
     /** Настройка фильтрации данных */
     filterData?: boolean;
+
+    /** Обработчик экспорта в CSV */
+    exportToCSV?(args: ExportProps<TData>): void;
+    /** Обработчик экспорта в XLSX */
+    exportToXLSX?(args: ExportProps<TData>): void;
   };
 
   topRows: Row<TData>[];
@@ -46,7 +44,6 @@ export function ExportButton<TData extends object>({
   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;
@@ -69,18 +66,18 @@ export function ExportButton<TData extends object>({
         {
           content: { option: t('export') + 'CSV' },
           onClick: () => {
-            exportToCSV<TData>({ fileName, columnDefinitions, data: filteredData });
+            settings.exportToCSV?.({ fileName, columnDefinitions, data: filteredData });
             setIsOpen(false);
           },
-          hidden: !format.csv,
+          hidden: !settings.exportToCSV,
         },
         {
           content: { option: t('export') + 'XLSX' },
           onClick: () => {
-            exportToXLSX<TData>({ fileName, columnDefinitions, data: filteredData });
+            settings.exportToXLSX?.({ fileName, columnDefinitions, data: filteredData });
             setIsOpen(false);
           },
-          hidden: !format.xslx,
+          hidden: !settings.exportToXLSX,
         },
       ]}
     >

package/src/helperComponents/Rows/BodyRow.tsx

@@ -1,7 +1,6 @@
 import { Row as TableRow } from '@tanstack/react-table';
 import { MouseEvent, useState } from 'react';
 
-import { TableProps } from '../../components';
 import { COLUMN_PIN_POSITION, TEST_IDS } from '../../constants';
 import { BodyCell } from '../Cells';
 import { RowContext } from '../contexts';
@@ -19,13 +18,12 @@ export type RowInfo<TData> = {
 
 export type RowClickHandler<TData> = (e: MouseEvent<HTMLDivElement>, row: RowInfo<TData>) => void;
 
-type BodyRowProps<TData extends object> = {
+type BodyRowProps<TData> = {
   row: TableRow<TData>;
   onRowClick?: RowClickHandler<TData>;
-  getRowClassName?: TableProps<TData>['getRowClassName'];
 };
 
-export function BodyRow<TData extends object>({ row, onRowClick, getRowClassName = () => '' }: BodyRowProps<TData>) {
+export function BodyRow<TData>({ row, onRowClick }: BodyRowProps<TData>) {
   const { pinnedLeft, pinnedRight, unpinned } = useRowCells(row);
 
   const [dropListOpened, setDropListOpen] = useState(false);
@@ -53,7 +51,7 @@ export function BodyRow<TData extends object>({ row, onRowClick, getRowClassName
         data-actions-opened={dropListOpened || undefined}
         data-test-id={TEST_IDS.bodyRow}
         data-row-id={row.id}
-        className={`${styles.bodyRow} ${getRowClassName(row.original, row.index, row.getParentRow())}`}
+        className={styles.bodyRow}
       >
         {pinnedLeft && (
           <PinnedCells position={COLUMN_PIN_POSITION.Left}>

package/src/helperComponents/Rows/styles.module.scss

@@ -31,6 +31,7 @@ $snack-ui-table-row-background: var(--snack-ui-table-row-background);
 
   box-sizing: border-box;
 
+  background-color: $snack-ui-table-row-background;
   border-color: $sys-neutral-decor-default;
 
   &::after {