@ackplus/react-tanstack-data-table 1.0.20 → 1.0.21
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/package.json
CHANGED
|
@@ -25,7 +25,7 @@ const DEFAULT_INITIAL_STATE = {
|
|
|
25
25
|
pageIndex: 0,
|
|
26
26
|
pageSize: 10,
|
|
27
27
|
},
|
|
28
|
-
|
|
28
|
+
selectionState: { ids: [], type: 'include' },
|
|
29
29
|
globalFilter: '',
|
|
30
30
|
expanded: {},
|
|
31
31
|
columnOrder: [],
|
|
@@ -33,7 +33,7 @@ const DEFAULT_INITIAL_STATE = {
|
|
|
33
33
|
left: [],
|
|
34
34
|
right: [],
|
|
35
35
|
},
|
|
36
|
-
|
|
36
|
+
columnFilter: {
|
|
37
37
|
filters: [],
|
|
38
38
|
logic: 'AND',
|
|
39
39
|
pendingFilters: [],
|
|
@@ -49,20 +49,15 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
|
|
|
49
49
|
const initialStateConfig = (0, react_1.useMemo)(() => {
|
|
50
50
|
return Object.assign(Object.assign({}, DEFAULT_INITIAL_STATE), initialState);
|
|
51
51
|
}, [initialState]);
|
|
52
|
-
const [sorting, setSorting] = (0, react_1.useState)(
|
|
53
|
-
const [pagination, setPagination] = (0, react_1.useState)(
|
|
54
|
-
const [globalFilter, setGlobalFilter] = (0, react_1.useState)(
|
|
55
|
-
const [selectionState, setSelectionState] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.selectionState) ||
|
|
56
|
-
const [columnFilter, setColumnFilter] = (0, react_1.useState)(
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
});
|
|
62
|
-
const [expanded, setExpanded] = (0, react_1.useState)(initialStateConfig.expanded);
|
|
63
|
-
const [tableSize, setTableSize] = (0, react_1.useState)(initialTableSize);
|
|
64
|
-
const [columnOrder, setColumnOrder] = (0, react_1.useState)(initialStateConfig.columnOrder);
|
|
65
|
-
const [columnPinning, setColumnPinning] = (0, react_1.useState)(initialStateConfig.columnPinning);
|
|
52
|
+
const [sorting, setSorting] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.sorting) || DEFAULT_INITIAL_STATE.sorting);
|
|
53
|
+
const [pagination, setPagination] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.pagination) || DEFAULT_INITIAL_STATE.pagination);
|
|
54
|
+
const [globalFilter, setGlobalFilter] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.globalFilter) || DEFAULT_INITIAL_STATE.globalFilter);
|
|
55
|
+
const [selectionState, setSelectionState] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.selectionState) || DEFAULT_INITIAL_STATE.selectionState);
|
|
56
|
+
const [columnFilter, setColumnFilter] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.columnFilter) || DEFAULT_INITIAL_STATE.columnFilter);
|
|
57
|
+
const [expanded, setExpanded] = (0, react_1.useState)({});
|
|
58
|
+
const [tableSize, setTableSize] = (0, react_1.useState)();
|
|
59
|
+
const [columnOrder, setColumnOrder] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.columnOrder) || DEFAULT_INITIAL_STATE.columnOrder);
|
|
60
|
+
const [columnPinning, setColumnPinning] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.columnPinning) || DEFAULT_INITIAL_STATE.columnPinning);
|
|
66
61
|
const [serverData, setServerData] = (0, react_1.useState)(null);
|
|
67
62
|
const [serverTotal, setServerTotal] = (0, react_1.useState)(0);
|
|
68
63
|
const [exportController, setExportController] = (0, react_1.useState)(null);
|
|
@@ -307,7 +302,7 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
|
|
|
307
302
|
}
|
|
308
303
|
}, 0);
|
|
309
304
|
}, [isServerFiltering, fetchData, tableStateChange]);
|
|
310
|
-
const table = (0, react_table_1.useReactTable)(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ _features: [column_filter_feature_1.ColumnFilterFeature, features_1.SelectionFeature], data: tableData, columns: enhancedColumns, initialState: Object.assign({},
|
|
305
|
+
const table = (0, react_table_1.useReactTable)(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ _features: [column_filter_feature_1.ColumnFilterFeature, features_1.SelectionFeature], data: tableData, columns: enhancedColumns, initialState: Object.assign({}, DEFAULT_INITIAL_STATE), state: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (enableSorting ? { sorting } : {})), (enablePagination ? { pagination } : {})), (enableGlobalFilter ? { globalFilter } : {})), (enableExpanding ? { expanded } : {})), (enableColumnDragging ? { columnOrder } : {})), (enableColumnPinning ? { columnPinning } : {})), (enableColumnFilter ? { columnFilter } : {})), (enableRowSelection ? { selectionState } : {})), selectMode: selectMode, enableAdvanceSelection: !!enableRowSelection, isRowSelectable: isRowSelectable }, (enableRowSelection ? { onSelectionStateChange: handleSelectionStateChange } : {})), { enableAdvanceColumnFilter: enableColumnFilter, onColumnFilterChange: onColumnFilterChangeHandler, onColumnFilterApply: onColumnFilterApplyHandler }), (enableSorting ? { onSortingChange: handleSortingChange } : {})), (enablePagination ? { onPaginationChange: handlePaginationChange } : {})), (enableRowSelection ? { onRowSelectionChange: handleSelectionStateChange } : {})), (enableGlobalFilter ? { onGlobalFilterChange: handleGlobalFilterChange } : {})), (enableExpanding ? { onExpandedChange: setExpanded } : {})), (enableColumnDragging ? { onColumnOrderChange: handleColumnOrderChange } : {})), (enableColumnPinning ? { onColumnPinningChange: handleColumnPinningChange } : {})), { getCoreRowModel: (0, react_table_1.getCoreRowModel)() }), (enableSorting ? { getSortedRowModel: (0, react_table_1.getSortedRowModel)() } : {})), (enableColumnFilter ? { getFilteredRowModel: (0, column_filter_feature_1.getCombinedFilteredRowModel)() } : {})), (enablePagination ? { getPaginationRowModel: (0, react_table_1.getPaginationRowModel)() } : {})), { enableSorting: enableSorting, manualSorting: isServerSorting, manualFiltering: isServerFiltering, enableColumnResizing: enableColumnResizing, columnResizeMode: columnResizeMode, enableColumnPinning: enableColumnPinning }), (enableExpanding ? { getRowCanExpand: getRowCanExpand } : {})), { manualPagination: isServerPagination, autoResetPageIndex: false, rowCount: tableTotalRow, getRowId: (row, index) => (0, utils_1.generateRowId)(row, index, idKey), debugAll: false }));
|
|
311
306
|
const rows = ((_a = table.getRowModel()) === null || _a === void 0 ? void 0 : _a.rows) || [];
|
|
312
307
|
const rowVirtualizer = (0, react_virtual_1.useVirtualizer)({
|
|
313
308
|
count: rows.length,
|
|
@@ -366,7 +361,7 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
|
|
|
366
361
|
enhancedColumns,
|
|
367
362
|
enablePagination,
|
|
368
363
|
enableColumnPinning,
|
|
369
|
-
initialStateConfig,
|
|
364
|
+
initialStateConfig: Object.assign(Object.assign({}, DEFAULT_INITIAL_STATE), initialState),
|
|
370
365
|
selectMode,
|
|
371
366
|
onSelectionChange: handleSelectionStateChange,
|
|
372
367
|
handleColumnFilterStateChange,
|