@snack-uikit/table 0.38.7-preview-0ef73ec2.0 → 0.38.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/cjs/components/Table/Table.d.ts +1 -1
- package/dist/cjs/components/Table/Table.js +4 -6
- package/dist/cjs/components/types.d.ts +0 -2
- package/dist/esm/components/Table/Table.d.ts +1 -1
- package/dist/esm/components/Table/Table.js +2 -3
- package/dist/esm/components/types.d.ts +0 -2
- package/package.json +5 -5
- package/src/components/Table/Table.tsx +2 -4
- package/src/components/types.ts +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 0.38.7 (2026-04-21)
|
|
7
|
+
|
|
8
|
+
### Only dependencies have been changed
|
|
9
|
+
* [@snack-uikit/chips@0.29.1]($PUBLIC_PROJECT_URL/blob/master/packages/chips/CHANGELOG.md)
|
|
10
|
+
* [@snack-uikit/list@0.33.0]($PUBLIC_PROJECT_URL/blob/master/packages/list/CHANGELOG.md)
|
|
11
|
+
* [@snack-uikit/toolbar@0.14.24]($PUBLIC_PROJECT_URL/blob/master/packages/toolbar/CHANGELOG.md)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 0.38.6 (2026-04-02)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FiltersState } from '@snack-uikit/chips';
|
|
2
2
|
import { TableProps } from '../types';
|
|
3
3
|
/** Компонент таблицы */
|
|
4
|
-
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,
|
|
4
|
+
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, toolbarCheckBoxMode, ...rest }: TableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export declare namespace Table {
|
|
6
6
|
var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;
|
|
7
7
|
var statusAppearances: {
|
|
@@ -70,7 +70,6 @@ function Table(_a) {
|
|
|
70
70
|
noResultsState,
|
|
71
71
|
errorDataState,
|
|
72
72
|
suppressToolbar = false,
|
|
73
|
-
suppressHeader = false,
|
|
74
73
|
suppressSearch = false,
|
|
75
74
|
toolbarAfter,
|
|
76
75
|
suppressPagination = false,
|
|
@@ -90,7 +89,7 @@ function Table(_a) {
|
|
|
90
89
|
getRowBackgroundColor,
|
|
91
90
|
toolbarCheckBoxMode
|
|
92
91
|
} = _a,
|
|
93
|
-
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", "
|
|
92
|
+
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", "toolbarCheckBoxMode"]);
|
|
94
93
|
const [globalFilter, onGlobalFilterChange] = (0, hooks_1.useStateControl)(search, '');
|
|
95
94
|
const [rowSelection, onRowSelectionChange] = (0, hooks_1.useStateControl)(rowSelectionProp, constants_1.DEFAULT_ROW_SELECTION);
|
|
96
95
|
const defaultPaginationState = (0, react_1.useMemo)(() => ({
|
|
@@ -372,7 +371,6 @@ function Table(_a) {
|
|
|
372
371
|
updateCellMap
|
|
373
372
|
} = (0, contexts_1.useCellAutoResizeController)(table);
|
|
374
373
|
const showToolbar = !suppressToolbar;
|
|
375
|
-
const showHeader = !suppressHeader;
|
|
376
374
|
const showPagination = !infiniteLoading && !suppressPagination;
|
|
377
375
|
const tableToolbarPersistConfig = (0, react_1.useMemo)(() => {
|
|
378
376
|
if (!(savedState === null || savedState === void 0 ? void 0 : savedState.id) || !(savedState === null || savedState === void 0 ? void 0 : savedState.filterQueryKey)) {
|
|
@@ -475,17 +473,17 @@ function Table(_a) {
|
|
|
475
473
|
},
|
|
476
474
|
children: (!infiniteLoading || !data.length) && loading ? (0, jsx_runtime_1.jsxs)(skeleton_1.SkeletonContextProvider, {
|
|
477
475
|
loading: true,
|
|
478
|
-
children: [
|
|
476
|
+
children: [(0, jsx_runtime_1.jsx)(helperComponents_1.HeaderRow, {
|
|
479
477
|
rowAutoHeight: rowAutoHeight,
|
|
480
478
|
columnOrder: columnOrder
|
|
481
|
-
})
|
|
479
|
+
}), loadingTableRows.map(row => (0, jsx_runtime_1.jsx)(helperComponents_1.BodyRow, {
|
|
482
480
|
row: row,
|
|
483
481
|
rowAutoHeight: rowAutoHeight,
|
|
484
482
|
columnOrder: columnOrder,
|
|
485
483
|
disabledRowAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance
|
|
486
484
|
}, row.id))]
|
|
487
485
|
}) : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
|
|
488
|
-
children: [
|
|
486
|
+
children: [centerRows.length || filteredTopRows.length ? (0, jsx_runtime_1.jsx)(helperComponents_1.HeaderRow, {
|
|
489
487
|
rowAutoHeight: rowAutoHeight,
|
|
490
488
|
columnOrder: columnOrder,
|
|
491
489
|
enableColumnsOrderSortByDrag: enableColumnsOrderSortByDrag
|
|
@@ -120,8 +120,6 @@ type BaseTableProps<TData extends object, TFilters extends FiltersState = Record
|
|
|
120
120
|
errorDataState?: EmptyStateProps;
|
|
121
121
|
/** Отключение тулбара */
|
|
122
122
|
suppressToolbar?: boolean;
|
|
123
|
-
/** Отключение хедера таблицы */
|
|
124
|
-
suppressHeader?: boolean;
|
|
125
123
|
/** Отключение поиска */
|
|
126
124
|
suppressSearch?: boolean;
|
|
127
125
|
/** Список действия для массовых операций */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FiltersState } from '@snack-uikit/chips';
|
|
2
2
|
import { TableProps } from '../types';
|
|
3
3
|
/** Компонент таблицы */
|
|
4
|
-
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,
|
|
4
|
+
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, toolbarCheckBoxMode, ...rest }: TableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export declare namespace Table {
|
|
6
6
|
var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;
|
|
7
7
|
var statusAppearances: {
|
|
@@ -34,7 +34,7 @@ import { validateFilter, validatePaging, validateSorting } from './utils/saveTab
|
|
|
34
34
|
export function Table(_a) {
|
|
35
35
|
var { data, rowPinning = {
|
|
36
36
|
top: [],
|
|
37
|
-
}, 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,
|
|
37
|
+
}, 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, toolbarCheckBoxMode } = _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", "toolbarCheckBoxMode"]);
|
|
38
38
|
const [globalFilter, onGlobalFilterChange] = useStateControl(search, '');
|
|
39
39
|
const [rowSelection, onRowSelectionChange] = useStateControl(rowSelectionProp, DEFAULT_ROW_SELECTION);
|
|
40
40
|
const defaultPaginationState = useMemo(() => ({
|
|
@@ -267,7 +267,6 @@ export function Table(_a) {
|
|
|
267
267
|
});
|
|
268
268
|
const { updateCellMap } = useCellAutoResizeController(table);
|
|
269
269
|
const showToolbar = !suppressToolbar;
|
|
270
|
-
const showHeader = !suppressHeader;
|
|
271
270
|
const showPagination = !infiniteLoading && !suppressPagination;
|
|
272
271
|
const tableToolbarPersistConfig = useMemo(() => {
|
|
273
272
|
if (!(savedState === null || savedState === void 0 ? void 0 : savedState.id) || !(savedState === null || savedState === void 0 ? void 0 : savedState.filterQueryKey)) {
|
|
@@ -326,7 +325,7 @@ export function Table(_a) {
|
|
|
326
325
|
onChange: onGlobalFilterChange,
|
|
327
326
|
loading: search === null || search === void 0 ? void 0 : search.loading,
|
|
328
327
|
placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || t('searchPlaceholder'),
|
|
329
|
-
}, className: styles.toolbar, onRefresh: onRefresh ? handleOnRefresh : undefined, persist: showToolbar ? tableToolbarPersistConfig : 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: [
|
|
328
|
+
}, className: styles.toolbar, onRefresh: onRefresh ? handleOnRefresh : undefined, persist: showToolbar ? tableToolbarPersistConfig : 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: RowAppearance.HideToggler }, 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 }))] })));
|
|
330
329
|
}
|
|
331
330
|
Table.getStatusColumnDef = getStatusColumnDef;
|
|
332
331
|
Table.statusAppearances = STATUS_APPEARANCE;
|
|
@@ -120,8 +120,6 @@ type BaseTableProps<TData extends object, TFilters extends FiltersState = Record
|
|
|
120
120
|
errorDataState?: EmptyStateProps;
|
|
121
121
|
/** Отключение тулбара */
|
|
122
122
|
suppressToolbar?: boolean;
|
|
123
|
-
/** Отключение хедера таблицы */
|
|
124
|
-
suppressHeader?: boolean;
|
|
125
123
|
/** Отключение поиска */
|
|
126
124
|
suppressSearch?: boolean;
|
|
127
125
|
/** Список действия для массовых операций */
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Table",
|
|
7
|
-
"version": "0.38.7
|
|
7
|
+
"version": "0.38.7",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -42,15 +42,15 @@
|
|
|
42
42
|
"@dnd-kit/sortable": "10.0.0",
|
|
43
43
|
"@dnd-kit/utilities": "3.2.2",
|
|
44
44
|
"@snack-uikit/button": "0.19.17",
|
|
45
|
-
"@snack-uikit/chips": "0.29.
|
|
45
|
+
"@snack-uikit/chips": "0.29.1",
|
|
46
46
|
"@snack-uikit/icons": "0.27.7",
|
|
47
47
|
"@snack-uikit/info-block": "0.6.40",
|
|
48
|
-
"@snack-uikit/list": "0.
|
|
48
|
+
"@snack-uikit/list": "0.33.0",
|
|
49
49
|
"@snack-uikit/pagination": "0.10.24",
|
|
50
50
|
"@snack-uikit/scroll": "0.10.8",
|
|
51
51
|
"@snack-uikit/skeleton": "0.6.10",
|
|
52
52
|
"@snack-uikit/toggles": "0.13.26",
|
|
53
|
-
"@snack-uikit/toolbar": "0.14.
|
|
53
|
+
"@snack-uikit/toolbar": "0.14.24",
|
|
54
54
|
"@snack-uikit/truncate-string": "0.7.11",
|
|
55
55
|
"@snack-uikit/typography": "0.8.12",
|
|
56
56
|
"@snack-uikit/utils": "4.0.1",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"peerDependencies": {
|
|
66
66
|
"@snack-uikit/locale": "*"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "c61cd024708846e7fc958d7fcdd082bd593b52db"
|
|
69
69
|
}
|
|
@@ -113,7 +113,6 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
|
|
|
113
113
|
noResultsState,
|
|
114
114
|
errorDataState,
|
|
115
115
|
suppressToolbar = false,
|
|
116
|
-
suppressHeader = false,
|
|
117
116
|
suppressSearch = false,
|
|
118
117
|
toolbarAfter,
|
|
119
118
|
suppressPagination = false,
|
|
@@ -445,7 +444,6 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
|
|
|
445
444
|
const { updateCellMap } = useCellAutoResizeController(table);
|
|
446
445
|
|
|
447
446
|
const showToolbar = !suppressToolbar;
|
|
448
|
-
const showHeader = !suppressHeader;
|
|
449
447
|
const showPagination = !infiniteLoading && !suppressPagination;
|
|
450
448
|
|
|
451
449
|
const tableToolbarPersistConfig = useMemo((): ToolbarPersistConfig<TFilters> | undefined => {
|
|
@@ -567,7 +565,7 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
|
|
|
567
565
|
<TableContext.Provider value={{ table, getRowBackgroundColor }}>
|
|
568
566
|
{(!infiniteLoading || !data.length) && loading ? (
|
|
569
567
|
<SkeletonContextProvider loading>
|
|
570
|
-
|
|
568
|
+
<HeaderRow rowAutoHeight={rowAutoHeight} columnOrder={columnOrder} />
|
|
571
569
|
{loadingTableRows.map(row => (
|
|
572
570
|
<BodyRow
|
|
573
571
|
key={row.id}
|
|
@@ -580,7 +578,7 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
|
|
|
580
578
|
</SkeletonContextProvider>
|
|
581
579
|
) : (
|
|
582
580
|
<>
|
|
583
|
-
{
|
|
581
|
+
{centerRows.length || filteredTopRows.length ? (
|
|
584
582
|
<HeaderRow
|
|
585
583
|
rowAutoHeight={rowAutoHeight}
|
|
586
584
|
columnOrder={columnOrder}
|
package/src/components/types.ts
CHANGED
|
@@ -148,8 +148,6 @@ type BaseTableProps<TData extends object, TFilters extends FiltersState = Record
|
|
|
148
148
|
|
|
149
149
|
/** Отключение тулбара */
|
|
150
150
|
suppressToolbar?: boolean;
|
|
151
|
-
/** Отключение хедера таблицы */
|
|
152
|
-
suppressHeader?: boolean;
|
|
153
151
|
/** Отключение поиска */
|
|
154
152
|
suppressSearch?: boolean;
|
|
155
153
|
/** Список действия для массовых операций */
|