material-react-table 2.9.2 → 2.10.0
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/dist/index.d.ts +162 -111
- package/dist/index.esm.js +694 -606
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +708 -618
- package/dist/index.js.map +1 -1
- package/locales/ar/index.esm.js +1 -0
- package/locales/ar/index.js +1 -0
- package/locales/az/index.esm.js +1 -0
- package/locales/az/index.js +1 -0
- package/locales/bg/index.esm.js +1 -0
- package/locales/bg/index.js +1 -0
- package/locales/cs/index.esm.js +1 -0
- package/locales/cs/index.js +1 -0
- package/locales/da/index.esm.js +1 -0
- package/locales/da/index.js +1 -0
- package/locales/de/index.esm.js +1 -0
- package/locales/de/index.js +1 -0
- package/locales/en/index.esm.js +1 -0
- package/locales/en/index.js +1 -0
- package/locales/es/index.esm.js +1 -0
- package/locales/es/index.js +1 -0
- package/locales/et/index.esm.js +1 -0
- package/locales/et/index.js +1 -0
- package/locales/fa/index.esm.js +1 -0
- package/locales/fa/index.js +1 -0
- package/locales/fi/index.esm.js +1 -0
- package/locales/fi/index.js +1 -0
- package/locales/fr/index.esm.js +1 -0
- package/locales/fr/index.js +1 -0
- package/locales/he/index.esm.js +1 -0
- package/locales/he/index.js +1 -0
- package/locales/hu/index.esm.js +1 -0
- package/locales/hu/index.js +1 -0
- package/locales/hy/index.esm.js +1 -0
- package/locales/hy/index.js +1 -0
- package/locales/id/index.esm.js +1 -0
- package/locales/id/index.js +1 -0
- package/locales/it/index.esm.js +1 -0
- package/locales/it/index.js +1 -0
- package/locales/ja/index.esm.js +1 -0
- package/locales/ja/index.js +1 -0
- package/locales/ko/index.esm.js +1 -0
- package/locales/ko/index.js +1 -0
- package/locales/nl/index.esm.js +1 -0
- package/locales/nl/index.js +1 -0
- package/locales/no/index.esm.js +1 -0
- package/locales/no/index.js +1 -0
- package/locales/np/index.esm.js +1 -0
- package/locales/np/index.js +1 -0
- package/locales/pl/index.esm.js +1 -0
- package/locales/pl/index.js +1 -0
- package/locales/pt/index.esm.js +1 -0
- package/locales/pt/index.js +1 -0
- package/locales/pt-BR/index.esm.js +1 -0
- package/locales/pt-BR/index.js +1 -0
- package/locales/ro/index.esm.js +1 -0
- package/locales/ro/index.js +1 -0
- package/locales/ru/index.esm.js +1 -0
- package/locales/ru/index.js +1 -0
- package/locales/sk/index.esm.js +1 -0
- package/locales/sk/index.js +1 -0
- package/locales/sr-Cyrl-RS/index.esm.js +1 -0
- package/locales/sr-Cyrl-RS/index.js +1 -0
- package/locales/sr-Latn-RS/index.esm.js +1 -0
- package/locales/sr-Latn-RS/index.js +1 -0
- package/locales/sv/index.esm.js +1 -0
- package/locales/sv/index.js +1 -0
- package/locales/tr/index.esm.js +1 -0
- package/locales/tr/index.js +1 -0
- package/locales/uk/index.esm.js +1 -0
- package/locales/uk/index.js +1 -0
- package/locales/vi/index.esm.js +1 -0
- package/locales/vi/index.js +1 -0
- package/locales/zh-Hans/index.esm.js +1 -0
- package/locales/zh-Hans/index.js +1 -0
- package/locales/zh-Hant/index.esm.js +1 -0
- package/locales/zh-Hant/index.js +1 -0
- package/package.json +4 -4
- package/src/components/body/MRT_TableBodyCell.tsx +41 -32
- package/src/components/body/MRT_TableBodyRow.tsx +0 -4
- package/src/components/buttons/MRT_CopyButton.tsx +1 -0
- package/src/components/head/MRT_TableHeadCell.tsx +6 -0
- package/src/components/head/MRT_TableHeadCellFilterLabel.tsx +1 -0
- package/src/components/head/MRT_TableHeadRow.tsx +1 -0
- package/src/components/menus/MRT_ActionMenuItem.tsx +60 -0
- package/src/components/menus/MRT_CellActionMenu.tsx +108 -0
- package/src/components/menus/MRT_ColumnActionMenu.tsx +89 -170
- package/src/components/menus/MRT_FilterOptionMenu.tsx +6 -14
- package/src/components/menus/MRT_RowActionMenu.tsx +7 -15
- package/src/components/menus/MRT_ShowHideColumnsMenu.tsx +3 -1
- package/src/components/table/MRT_TableContainer.tsx +4 -0
- package/src/hooks/display-columns/getMRT_RowActionsColumnDef.tsx +1 -8
- package/src/hooks/display-columns/getMRT_RowDragColumnDef.tsx +1 -8
- package/src/hooks/display-columns/getMRT_RowExpandColumnDef.tsx +1 -8
- package/src/hooks/display-columns/getMRT_RowNumbersColumnDef.tsx +1 -8
- package/src/hooks/display-columns/getMRT_RowPinningColumnDef.tsx +1 -8
- package/src/hooks/display-columns/getMRT_RowSelectColumnDef.tsx +1 -8
- package/src/hooks/display-columns/getMRT_RowSpacerColumnDef.tsx +1 -8
- package/src/hooks/useMRT_Effects.ts +10 -0
- package/src/hooks/useMRT_TableInstance.ts +112 -59
- package/src/icons.ts +2 -0
- package/src/index.ts +2 -0
- package/src/locales/ar.ts +1 -0
- package/src/locales/az.ts +1 -0
- package/src/locales/bg.ts +1 -0
- package/src/locales/cs.ts +1 -0
- package/src/locales/da.ts +1 -0
- package/src/locales/de.ts +1 -0
- package/src/locales/en.ts +1 -0
- package/src/locales/es.ts +1 -0
- package/src/locales/et.ts +1 -0
- package/src/locales/fa.ts +1 -0
- package/src/locales/fi.ts +1 -0
- package/src/locales/fr.ts +1 -0
- package/src/locales/he.ts +1 -0
- package/src/locales/hu.ts +1 -0
- package/src/locales/hy.ts +1 -0
- package/src/locales/id.ts +1 -0
- package/src/locales/it.ts +1 -0
- package/src/locales/ja.ts +1 -0
- package/src/locales/ko.ts +1 -0
- package/src/locales/nl.ts +1 -0
- package/src/locales/no.ts +1 -0
- package/src/locales/np.ts +1 -0
- package/src/locales/pl.ts +1 -0
- package/src/locales/pt-BR.ts +1 -0
- package/src/locales/pt.ts +1 -0
- package/src/locales/ro.ts +1 -0
- package/src/locales/ru.ts +1 -0
- package/src/locales/sk.ts +1 -0
- package/src/locales/sr-Cyrl-RS.ts +1 -0
- package/src/locales/sr-Latn-RS.ts +1 -0
- package/src/locales/sv.ts +1 -0
- package/src/locales/tr.ts +1 -0
- package/src/locales/uk.ts +1 -0
- package/src/locales/vi.ts +1 -0
- package/src/locales/zh-Hans.ts +1 -0
- package/src/locales/zh-Hant.ts +1 -0
- package/src/types.ts +41 -9
- package/src/utils/cell.utils.ts +50 -0
- package/src/utils/displayColumn.utils.ts +38 -20
- package/src/hooks/display-columns/getMRT_DisplayColumns.tsx +0 -26
- package/src/locales/am.ts +0 -94
|
@@ -4,6 +4,7 @@ import {
|
|
|
4
4
|
type MRT_SortingState,
|
|
5
5
|
type MRT_TableInstance,
|
|
6
6
|
} from '../types';
|
|
7
|
+
import { getDefaultColumnOrderIds } from '../utils/displayColumn.utils';
|
|
7
8
|
import { getCanRankRows } from '../utils/row.utils';
|
|
8
9
|
|
|
9
10
|
export const useMRT_Effects = <TData extends MRT_RowData>(
|
|
@@ -16,6 +17,7 @@ export const useMRT_Effects = <TData extends MRT_RowData>(
|
|
|
16
17
|
options: { enablePagination, enableRowPinning, rowCount },
|
|
17
18
|
} = table;
|
|
18
19
|
const {
|
|
20
|
+
columnOrder,
|
|
19
21
|
density,
|
|
20
22
|
globalFilter,
|
|
21
23
|
isFullScreen,
|
|
@@ -25,6 +27,7 @@ export const useMRT_Effects = <TData extends MRT_RowData>(
|
|
|
25
27
|
sorting,
|
|
26
28
|
} = getState();
|
|
27
29
|
|
|
30
|
+
const totalColumnCount = table.options.columns.length;
|
|
28
31
|
const totalRowCount = rowCount ?? getPrePaginationRowModel().rows.length;
|
|
29
32
|
|
|
30
33
|
const rerender = useReducer(() => ({}), {})[1];
|
|
@@ -90,4 +93,11 @@ export const useMRT_Effects = <TData extends MRT_RowData>(
|
|
|
90
93
|
}, 150);
|
|
91
94
|
}
|
|
92
95
|
}, [density]);
|
|
96
|
+
|
|
97
|
+
//recalculate column order when columns change or features are toggled on/off
|
|
98
|
+
useEffect(() => {
|
|
99
|
+
if (totalColumnCount !== columnOrder.length) {
|
|
100
|
+
table.setColumnOrder(getDefaultColumnOrderIds(table.options));
|
|
101
|
+
}
|
|
102
|
+
}, [totalColumnCount]);
|
|
93
103
|
};
|
|
@@ -25,14 +25,35 @@ import {
|
|
|
25
25
|
getDefaultColumnFilterFn,
|
|
26
26
|
prepareColumns,
|
|
27
27
|
} from '../utils/column.utils';
|
|
28
|
-
import {
|
|
28
|
+
import {
|
|
29
|
+
getDefaultColumnOrderIds,
|
|
30
|
+
showRowActionsColumn,
|
|
31
|
+
showRowDragColumn,
|
|
32
|
+
showRowExpandColumn,
|
|
33
|
+
showRowNumbersColumn,
|
|
34
|
+
showRowPinningColumn,
|
|
35
|
+
showRowSelectionColumn,
|
|
36
|
+
showRowSpacerColumn,
|
|
37
|
+
} from '../utils/displayColumn.utils';
|
|
29
38
|
import { createRow } from '../utils/tanstack.helpers';
|
|
30
|
-
import {
|
|
39
|
+
import { getMRT_RowActionsColumnDef } from './display-columns/getMRT_RowActionsColumnDef';
|
|
40
|
+
import { getMRT_RowDragColumnDef } from './display-columns/getMRT_RowDragColumnDef';
|
|
41
|
+
import { getMRT_RowExpandColumnDef } from './display-columns/getMRT_RowExpandColumnDef';
|
|
42
|
+
import { getMRT_RowNumbersColumnDef } from './display-columns/getMRT_RowNumbersColumnDef';
|
|
43
|
+
import { getMRT_RowPinningColumnDef } from './display-columns/getMRT_RowPinningColumnDef';
|
|
44
|
+
import { getMRT_RowSelectColumnDef } from './display-columns/getMRT_RowSelectColumnDef';
|
|
45
|
+
import { getMRT_RowSpacerColumnDef } from './display-columns/getMRT_RowSpacerColumnDef';
|
|
31
46
|
import { useMRT_Effects } from './useMRT_Effects';
|
|
32
47
|
|
|
48
|
+
/**
|
|
49
|
+
* The MRT hook that wraps the TanStack useReactTable hook and adds additional functionality
|
|
50
|
+
* @param definedTableOptions - table options with proper defaults set
|
|
51
|
+
* @returns the MRT table instance
|
|
52
|
+
*/
|
|
33
53
|
export const useMRT_TableInstance = <TData extends MRT_RowData>(
|
|
34
|
-
|
|
54
|
+
definedTableOptions: MRT_DefinedTableOptions<TData>,
|
|
35
55
|
): MRT_TableInstance<TData> => {
|
|
56
|
+
const actionCellRef = useRef<HTMLTableCellElement>(null);
|
|
36
57
|
const bottomToolbarRef = useRef<HTMLDivElement>(null);
|
|
37
58
|
const editInputRefs = useRef<Record<string, HTMLInputElement>>({});
|
|
38
59
|
const filterInputRefs = useRef<Record<string, HTMLInputElement>>({});
|
|
@@ -44,20 +65,27 @@ export const useMRT_TableInstance = <TData extends MRT_RowData>(
|
|
|
44
65
|
const tableHeadRef = useRef<HTMLTableSectionElement>(null);
|
|
45
66
|
const tableFooterRef = useRef<HTMLTableSectionElement>(null);
|
|
46
67
|
|
|
68
|
+
//transform initial state with proper column order
|
|
47
69
|
const initialState: Partial<MRT_TableState<TData>> = useMemo(() => {
|
|
48
|
-
const initState =
|
|
70
|
+
const initState = definedTableOptions.initialState ?? {};
|
|
49
71
|
initState.columnOrder =
|
|
50
72
|
initState.columnOrder ??
|
|
51
73
|
getDefaultColumnOrderIds({
|
|
52
|
-
...
|
|
53
|
-
state: {
|
|
74
|
+
...definedTableOptions,
|
|
75
|
+
state: {
|
|
76
|
+
...definedTableOptions.initialState,
|
|
77
|
+
...definedTableOptions.state,
|
|
78
|
+
},
|
|
54
79
|
} as MRT_StatefulTableOptions<TData>);
|
|
55
|
-
initState.globalFilterFn =
|
|
80
|
+
initState.globalFilterFn = definedTableOptions.globalFilterFn ?? 'fuzzy';
|
|
56
81
|
return initState;
|
|
57
82
|
}, []);
|
|
58
83
|
|
|
59
|
-
|
|
84
|
+
definedTableOptions.initialState = initialState;
|
|
60
85
|
|
|
86
|
+
const [actionCell, setActionCell] = useState<MRT_Cell<TData> | null>(
|
|
87
|
+
initialState.actionCell ?? null,
|
|
88
|
+
);
|
|
61
89
|
const [creatingRow, _setCreatingRow] = useState<MRT_Row<TData> | null>(
|
|
62
90
|
initialState.creatingRow ?? null,
|
|
63
91
|
);
|
|
@@ -66,7 +94,7 @@ export const useMRT_TableInstance = <TData extends MRT_RowData>(
|
|
|
66
94
|
Object.assign(
|
|
67
95
|
{},
|
|
68
96
|
...getAllLeafColumnDefs(
|
|
69
|
-
|
|
97
|
+
definedTableOptions.columns as MRT_ColumnDef<TData>[],
|
|
70
98
|
).map((col) => ({
|
|
71
99
|
[getColumnId(col)]:
|
|
72
100
|
col.filterFn instanceof Function
|
|
@@ -129,7 +157,8 @@ export const useMRT_TableInstance = <TData extends MRT_RowData>(
|
|
|
129
157
|
initialState?.showToolbarDropZone ?? false,
|
|
130
158
|
);
|
|
131
159
|
|
|
132
|
-
|
|
160
|
+
definedTableOptions.state = {
|
|
161
|
+
actionCell,
|
|
133
162
|
columnFilterFns,
|
|
134
163
|
columnOrder,
|
|
135
164
|
columnSizingInfo,
|
|
@@ -149,48 +178,71 @@ export const useMRT_TableInstance = <TData extends MRT_RowData>(
|
|
|
149
178
|
showColumnFilters,
|
|
150
179
|
showGlobalFilter,
|
|
151
180
|
showToolbarDropZone,
|
|
152
|
-
...
|
|
181
|
+
...definedTableOptions.state,
|
|
153
182
|
};
|
|
154
183
|
|
|
155
|
-
|
|
184
|
+
//The table options now include all state needed to help determine column visibility and order logic
|
|
185
|
+
const statefulTableOptions =
|
|
186
|
+
definedTableOptions as MRT_StatefulTableOptions<TData>;
|
|
156
187
|
|
|
157
188
|
//don't recompute columnDefs while resizing column or dragging column/row
|
|
158
189
|
const columnDefsRef = useRef<MRT_ColumnDef<TData>[]>([]);
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
190
|
+
statefulTableOptions.columns =
|
|
191
|
+
statefulTableOptions.state.columnSizingInfo.isResizingColumn ||
|
|
192
|
+
statefulTableOptions.state.draggingColumn ||
|
|
193
|
+
statefulTableOptions.state.draggingRow
|
|
163
194
|
? columnDefsRef.current
|
|
164
195
|
: prepareColumns({
|
|
165
196
|
columnDefs: [
|
|
166
|
-
...
|
|
167
|
-
|
|
197
|
+
...([
|
|
198
|
+
showRowPinningColumn(statefulTableOptions) &&
|
|
199
|
+
getMRT_RowPinningColumnDef(statefulTableOptions),
|
|
200
|
+
showRowDragColumn(statefulTableOptions) &&
|
|
201
|
+
getMRT_RowDragColumnDef(statefulTableOptions),
|
|
202
|
+
showRowActionsColumn(statefulTableOptions) &&
|
|
203
|
+
getMRT_RowActionsColumnDef(statefulTableOptions),
|
|
204
|
+
showRowExpandColumn(statefulTableOptions) &&
|
|
205
|
+
getMRT_RowExpandColumnDef(statefulTableOptions),
|
|
206
|
+
showRowSelectionColumn(statefulTableOptions) &&
|
|
207
|
+
getMRT_RowSelectColumnDef(statefulTableOptions),
|
|
208
|
+
showRowNumbersColumn(statefulTableOptions) &&
|
|
209
|
+
getMRT_RowNumbersColumnDef(statefulTableOptions),
|
|
210
|
+
].filter(Boolean) as MRT_ColumnDef<TData>[]),
|
|
211
|
+
...statefulTableOptions.columns,
|
|
212
|
+
...([
|
|
213
|
+
showRowSpacerColumn(statefulTableOptions) &&
|
|
214
|
+
getMRT_RowSpacerColumnDef(statefulTableOptions),
|
|
215
|
+
].filter(Boolean) as MRT_ColumnDef<TData>[]),
|
|
168
216
|
],
|
|
169
|
-
tableOptions,
|
|
217
|
+
tableOptions: statefulTableOptions,
|
|
170
218
|
});
|
|
171
|
-
columnDefsRef.current =
|
|
219
|
+
columnDefsRef.current = statefulTableOptions.columns;
|
|
172
220
|
|
|
173
|
-
|
|
221
|
+
//if loading, generate blank rows to show skeleton loaders
|
|
222
|
+
statefulTableOptions.data = useMemo(
|
|
174
223
|
() =>
|
|
175
|
-
(
|
|
176
|
-
|
|
224
|
+
(statefulTableOptions.state.isLoading ||
|
|
225
|
+
statefulTableOptions.state.showSkeletons) &&
|
|
226
|
+
!statefulTableOptions.data.length
|
|
177
227
|
? [
|
|
178
|
-
...Array(
|
|
179
|
-
|
|
180
|
-
),
|
|
228
|
+
...Array(
|
|
229
|
+
Math.min(statefulTableOptions.state.pagination.pageSize, 20),
|
|
230
|
+
).fill(null),
|
|
181
231
|
].map(() =>
|
|
182
232
|
Object.assign(
|
|
183
233
|
{},
|
|
184
|
-
...getAllLeafColumnDefs(
|
|
185
|
-
|
|
186
|
-
|
|
234
|
+
...getAllLeafColumnDefs(statefulTableOptions.columns).map(
|
|
235
|
+
(col) => ({
|
|
236
|
+
[getColumnId(col)]: null,
|
|
237
|
+
}),
|
|
238
|
+
),
|
|
187
239
|
),
|
|
188
240
|
)
|
|
189
|
-
:
|
|
241
|
+
: statefulTableOptions.data,
|
|
190
242
|
[
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
243
|
+
statefulTableOptions.data,
|
|
244
|
+
statefulTableOptions.state.isLoading,
|
|
245
|
+
statefulTableOptions.state.showSkeletons,
|
|
194
246
|
],
|
|
195
247
|
);
|
|
196
248
|
|
|
@@ -200,61 +252,62 @@ export const useMRT_TableInstance = <TData extends MRT_RowData>(
|
|
|
200
252
|
onColumnSizingInfoChange,
|
|
201
253
|
onGroupingChange,
|
|
202
254
|
onPaginationChange,
|
|
203
|
-
...
|
|
204
|
-
globalFilterFn:
|
|
255
|
+
...statefulTableOptions,
|
|
256
|
+
globalFilterFn: statefulTableOptions.filterFns?.[globalFilterFn ?? 'fuzzy'],
|
|
205
257
|
}) as MRT_TableInstance<TData>;
|
|
206
258
|
|
|
207
|
-
//@ts-ignore
|
|
208
259
|
table.refs = {
|
|
209
|
-
|
|
260
|
+
actionCellRef,
|
|
210
261
|
bottomToolbarRef,
|
|
211
262
|
editInputRefs,
|
|
212
263
|
filterInputRefs,
|
|
213
|
-
//@ts-ignore
|
|
214
264
|
searchInputRef,
|
|
215
|
-
//@ts-ignore
|
|
216
265
|
tableContainerRef,
|
|
217
|
-
//@ts-ignore
|
|
218
266
|
tableFooterRef,
|
|
219
267
|
tableHeadCellRefs,
|
|
220
|
-
//@ts-ignore
|
|
221
268
|
tableHeadRef,
|
|
222
|
-
//@ts-ignore
|
|
223
269
|
tablePaperRef,
|
|
224
|
-
//@ts-ignore
|
|
225
270
|
topToolbarRef,
|
|
226
271
|
};
|
|
227
272
|
|
|
273
|
+
table.setActionCell =
|
|
274
|
+
statefulTableOptions.onActionCellChange ?? setActionCell;
|
|
228
275
|
table.setCreatingRow = (row: MRT_Updater<MRT_Row<TData> | null | true>) => {
|
|
229
276
|
let _row = row;
|
|
230
277
|
if (row === true) {
|
|
231
278
|
_row = createRow(table);
|
|
232
279
|
}
|
|
233
|
-
|
|
234
|
-
|
|
280
|
+
statefulTableOptions?.onCreatingRowChange?.(
|
|
281
|
+
_row as MRT_Row<TData> | null,
|
|
282
|
+
) ?? _setCreatingRow(_row as MRT_Row<TData> | null);
|
|
235
283
|
};
|
|
236
284
|
table.setColumnFilterFns =
|
|
237
|
-
|
|
238
|
-
table.setDensity =
|
|
285
|
+
statefulTableOptions.onColumnFilterFnsChange ?? setColumnFilterFns;
|
|
286
|
+
table.setDensity = statefulTableOptions.onDensityChange ?? setDensity;
|
|
239
287
|
table.setDraggingColumn =
|
|
240
|
-
|
|
241
|
-
table.setDraggingRow =
|
|
242
|
-
|
|
243
|
-
table.
|
|
288
|
+
statefulTableOptions.onDraggingColumnChange ?? setDraggingColumn;
|
|
289
|
+
table.setDraggingRow =
|
|
290
|
+
statefulTableOptions.onDraggingRowChange ?? setDraggingRow;
|
|
291
|
+
table.setEditingCell =
|
|
292
|
+
statefulTableOptions.onEditingCellChange ?? setEditingCell;
|
|
293
|
+
table.setEditingRow =
|
|
294
|
+
statefulTableOptions.onEditingRowChange ?? setEditingRow;
|
|
244
295
|
table.setGlobalFilterFn =
|
|
245
|
-
|
|
296
|
+
statefulTableOptions.onGlobalFilterFnChange ?? setGlobalFilterFn;
|
|
246
297
|
table.setHoveredColumn =
|
|
247
|
-
|
|
248
|
-
table.setHoveredRow =
|
|
249
|
-
|
|
298
|
+
statefulTableOptions.onHoveredColumnChange ?? setHoveredColumn;
|
|
299
|
+
table.setHoveredRow =
|
|
300
|
+
statefulTableOptions.onHoveredRowChange ?? setHoveredRow;
|
|
301
|
+
table.setIsFullScreen =
|
|
302
|
+
statefulTableOptions.onIsFullScreenChange ?? setIsFullScreen;
|
|
250
303
|
table.setShowAlertBanner =
|
|
251
|
-
|
|
304
|
+
statefulTableOptions.onShowAlertBannerChange ?? setShowAlertBanner;
|
|
252
305
|
table.setShowColumnFilters =
|
|
253
|
-
|
|
306
|
+
statefulTableOptions.onShowColumnFiltersChange ?? setShowColumnFilters;
|
|
254
307
|
table.setShowGlobalFilter =
|
|
255
|
-
|
|
308
|
+
statefulTableOptions.onShowGlobalFilterChange ?? setShowGlobalFilter;
|
|
256
309
|
table.setShowToolbarDropZone =
|
|
257
|
-
|
|
310
|
+
statefulTableOptions.onShowToolbarDropZoneChange ?? setShowToolbarDropZone;
|
|
258
311
|
|
|
259
312
|
useMRT_Effects(table);
|
|
260
313
|
|
package/src/icons.ts
CHANGED
|
@@ -5,6 +5,7 @@ import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
|
|
|
5
5
|
import ChevronRightIcon from '@mui/icons-material/ChevronRight';
|
|
6
6
|
import ClearAllIcon from '@mui/icons-material/ClearAll';
|
|
7
7
|
import CloseIcon from '@mui/icons-material/Close';
|
|
8
|
+
import ContentCopy from '@mui/icons-material/ContentCopy';
|
|
8
9
|
import DensityLargeIcon from '@mui/icons-material/DensityLarge';
|
|
9
10
|
import DensityMediumIcon from '@mui/icons-material/DensityMedium';
|
|
10
11
|
import DensitySmallIcon from '@mui/icons-material/DensitySmall';
|
|
@@ -40,6 +41,7 @@ export const MRT_Default_Icons = {
|
|
|
40
41
|
ChevronRightIcon,
|
|
41
42
|
ClearAllIcon,
|
|
42
43
|
CloseIcon,
|
|
44
|
+
ContentCopy,
|
|
43
45
|
DensityLargeIcon,
|
|
44
46
|
DensityMediumIcon,
|
|
45
47
|
DensitySmallIcon,
|
package/src/index.ts
CHANGED
|
@@ -2,6 +2,7 @@ export * from './types';
|
|
|
2
2
|
|
|
3
3
|
//helpers
|
|
4
4
|
export * from './utils/tanstack.helpers';
|
|
5
|
+
export * from './utils/cell.utils';
|
|
5
6
|
export * from './utils/column.utils';
|
|
6
7
|
export * from './utils/displayColumn.utils';
|
|
7
8
|
export * from './utils/row.utils';
|
|
@@ -67,6 +68,7 @@ export * from './components/inputs/MRT_FilterTextField';
|
|
|
67
68
|
export * from './components/inputs/MRT_GlobalFilterTextField';
|
|
68
69
|
export * from './components/inputs/MRT_SelectCheckbox';
|
|
69
70
|
//menu components
|
|
71
|
+
export * from './components/menus/MRT_ActionMenuItem';
|
|
70
72
|
export * from './components/menus/MRT_ColumnActionMenu';
|
|
71
73
|
export * from './components/menus/MRT_FilterOptionMenu';
|
|
72
74
|
export * from './components/menus/MRT_RowActionMenu';
|
package/src/locales/ar.ts
CHANGED
package/src/locales/az.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_AZ: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Axtarışı təmizlə',
|
|
11
11
|
clearSort: 'Sıralamanı sıfırla',
|
|
12
12
|
clickToCopy: 'Köçür',
|
|
13
|
+
copy: 'Köçür',
|
|
13
14
|
columnActions: 'Sütun Əməliyyatları',
|
|
14
15
|
copiedToClipboard: 'Panelə Köçürüldü',
|
|
15
16
|
collapse: 'Daralt',
|
package/src/locales/bg.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_BG: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Изчисти търсенето',
|
|
11
11
|
clearSort: 'Изчисти сортирането',
|
|
12
12
|
clickToCopy: 'Кликни, за да копираш',
|
|
13
|
+
copy: 'Копирай',
|
|
13
14
|
collapse: 'Свий',
|
|
14
15
|
collapseAll: 'Свий всички',
|
|
15
16
|
columnActions: 'Действия за колони',
|
package/src/locales/cs.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_CS: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Vyčistit hledání',
|
|
11
11
|
clearSort: 'vyčistit řazení',
|
|
12
12
|
clickToCopy: 'Kliknutím zkopírovat',
|
|
13
|
+
copy: 'Kopírovat',
|
|
13
14
|
collapse: 'Sbalit',
|
|
14
15
|
collapseAll: 'Sbalit vše',
|
|
15
16
|
columnActions: 'Akce sloupce',
|
package/src/locales/da.ts
CHANGED
package/src/locales/de.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_DE: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Suche zurücksetzen',
|
|
11
11
|
clearSort: 'Sortierung zurücksetzen',
|
|
12
12
|
clickToCopy: 'Kopieren',
|
|
13
|
+
copy: 'Kopieren',
|
|
13
14
|
columnActions: 'Spalten-Aktionen',
|
|
14
15
|
copiedToClipboard: 'In die Zwischenablage kopiert',
|
|
15
16
|
collapse: 'Einklappen',
|
package/src/locales/en.ts
CHANGED
package/src/locales/es.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_ES: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Borrar búsqueda',
|
|
11
11
|
clearSort: 'Borrar ordenamiento',
|
|
12
12
|
clickToCopy: 'Haga click para copiar',
|
|
13
|
+
copy: 'Copiar',
|
|
13
14
|
collapse: 'Colapsar',
|
|
14
15
|
collapseAll: 'Colapsar todo',
|
|
15
16
|
columnActions: 'Columna de acciones',
|
package/src/locales/et.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_ET: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Tühjenda otsing',
|
|
11
11
|
clearSort: 'Tühjenda sorteerimine',
|
|
12
12
|
clickToCopy: 'Klõpsa kopeerimiseks',
|
|
13
|
+
copy: 'Kopeeri',
|
|
13
14
|
collapse: 'Ahenda',
|
|
14
15
|
collapseAll: 'Ahenda kõik',
|
|
15
16
|
columnActions: 'Veeru toimingud',
|
package/src/locales/fa.ts
CHANGED
package/src/locales/fi.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_FI: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Tyhjennä haku',
|
|
11
11
|
clearSort: 'Tyhjennä lajittelu',
|
|
12
12
|
clickToCopy: 'Kopioi napsauttamalla',
|
|
13
|
+
copy: 'Kopioi',
|
|
13
14
|
collapse: 'Supista',
|
|
14
15
|
collapseAll: 'Supista kaikki',
|
|
15
16
|
columnActions: 'Saraketoiminnot',
|
package/src/locales/fr.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_FR: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Effacer la recherche',
|
|
11
11
|
clearSort: 'Effacer le tri',
|
|
12
12
|
clickToCopy: 'Cliquer pour copier',
|
|
13
|
+
copy: 'Copier',
|
|
13
14
|
collapse: 'Réduire',
|
|
14
15
|
collapseAll: 'Réduire tout',
|
|
15
16
|
columnActions: 'Actions de colonne',
|
package/src/locales/he.ts
CHANGED
package/src/locales/hu.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_HU: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Keresés törlése',
|
|
11
11
|
clearSort: 'Rendezés törlése',
|
|
12
12
|
clickToCopy: 'Kattintson a másoláshoz',
|
|
13
|
+
copy: 'Másolás',
|
|
13
14
|
collapse: 'Összecsukás',
|
|
14
15
|
collapseAll: 'Mindet összecsuk',
|
|
15
16
|
columnActions: 'Oszlop műveletek',
|
package/src/locales/hy.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_HY: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Մաքրել որոնումը',
|
|
11
11
|
clearSort: 'Մաքրել տեսակավորումը',
|
|
12
12
|
clickToCopy: 'Սեղմել պատճենելու համար',
|
|
13
|
+
copy: 'Պատճենել',
|
|
13
14
|
columnActions: 'Սյունակի գործողություն',
|
|
14
15
|
copiedToClipboard: 'Պատճենվել է փոխանակման բուֆերում',
|
|
15
16
|
collapse: 'Փոքրացնել',
|
package/src/locales/id.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_ID: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Hapus pencarian',
|
|
11
11
|
clearSort: 'Hapus urutan',
|
|
12
12
|
clickToCopy: 'Klik untuk menyalin',
|
|
13
|
+
copy: 'Salin',
|
|
13
14
|
collapse: 'Ciutkan',
|
|
14
15
|
collapseAll: 'Ciutkan semua',
|
|
15
16
|
columnActions: 'Aksi Kolom',
|
package/src/locales/it.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_IT: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Cancella ricerca',
|
|
11
11
|
clearSort: 'Cancella ordinamento',
|
|
12
12
|
clickToCopy: 'Click per copiare',
|
|
13
|
+
copy: 'Copia',
|
|
13
14
|
collapse: 'Chiudi',
|
|
14
15
|
collapseAll: 'Chiudi tutto',
|
|
15
16
|
columnActions: 'Azioni colonna',
|
package/src/locales/ja.ts
CHANGED
package/src/locales/ko.ts
CHANGED
package/src/locales/nl.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_NL: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Zoekbalk wissen',
|
|
11
11
|
clearSort: 'Annuleer sortering',
|
|
12
12
|
clickToCopy: 'Klik om te kopiëren',
|
|
13
|
+
copy: 'Kopiëren',
|
|
13
14
|
collapse: 'Samenvouwen',
|
|
14
15
|
collapseAll: 'Alles samenvouwen',
|
|
15
16
|
columnActions: 'Kolom acties',
|
package/src/locales/no.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_NO: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Tøm søk',
|
|
11
11
|
clearSort: 'Tøm sortering',
|
|
12
12
|
clickToCopy: 'Klikk for å kopiere',
|
|
13
|
+
copy: 'Kopier',
|
|
13
14
|
collapse: 'Kollaps',
|
|
14
15
|
collapseAll: 'Kollapse alle',
|
|
15
16
|
columnActions: 'Kolonnehandlinger',
|
package/src/locales/np.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_NP: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'खोजिएको शब्द मेट्नुहोस्',
|
|
11
11
|
clearSort: 'क्रम हटाउनुहोस्',
|
|
12
12
|
clickToCopy: 'प्रतिलिपि बनाउन क्लिक गर्नुहोस्',
|
|
13
|
+
copy: 'प्रतिलिपि बनाउनुहोस्',
|
|
13
14
|
collapse: 'संकुचित गर्नुहोस्',
|
|
14
15
|
collapseAll: 'सबै संकुचित गर्नुहोस्',
|
|
15
16
|
columnActions: 'यस स्तम्भका कार्यहरू',
|
package/src/locales/pl.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_PL: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Wyczyść wyszukiwanie',
|
|
11
11
|
clearSort: 'Wyczyść sortowanie',
|
|
12
12
|
clickToCopy: 'Kliknij, aby skopiować',
|
|
13
|
+
copy: 'Kopiuj',
|
|
13
14
|
collapse: 'Zwiń',
|
|
14
15
|
collapseAll: 'Zwiń wszystko',
|
|
15
16
|
columnActions: 'Akcje dla kolumny',
|
package/src/locales/pt-BR.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_PT_BR: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Limpar pesquisa',
|
|
11
11
|
clearSort: 'Limpar classificações',
|
|
12
12
|
clickToCopy: 'Clique para copiar',
|
|
13
|
+
copy: 'Copiar',
|
|
13
14
|
collapse: 'Recolher',
|
|
14
15
|
collapseAll: 'Recolher tudo',
|
|
15
16
|
columnActions: 'Ações das colunas',
|
package/src/locales/pt.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_PT: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Limpar pesquisa',
|
|
11
11
|
clearSort: 'Limpar classificações',
|
|
12
12
|
clickToCopy: 'Clique para copiar',
|
|
13
|
+
copy: 'Copiar',
|
|
13
14
|
collapse: 'Recolher',
|
|
14
15
|
collapseAll: 'Recolher tudo',
|
|
15
16
|
columnActions: 'Ações das colunas',
|
package/src/locales/ro.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_RO: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Curăță căutarea',
|
|
11
11
|
clearSort: 'Curăță sortarea',
|
|
12
12
|
clickToCopy: 'Apasă pentru a copia',
|
|
13
|
+
copy: 'Copiază',
|
|
13
14
|
collapse: 'Restrânge',
|
|
14
15
|
collapseAll: 'Restrânge tot',
|
|
15
16
|
columnActions: 'Acțiuni Coloană',
|
package/src/locales/ru.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_RU: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Очистить поиск',
|
|
11
11
|
clearSort: 'Очистить сортировку',
|
|
12
12
|
clickToCopy: 'Нажмите, чтобы скопировать',
|
|
13
|
+
copy: 'Копировать',
|
|
13
14
|
columnActions: 'Действие колонки',
|
|
14
15
|
copiedToClipboard: 'Скопировано в буфер обмена',
|
|
15
16
|
collapse: 'Свернуть',
|
package/src/locales/sk.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_SK: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Vyčistiť hľadanie',
|
|
11
11
|
clearSort: 'Vyčistiť zoradenie',
|
|
12
12
|
clickToCopy: 'Kliknutím skopírovať',
|
|
13
|
+
copy: 'Kopírovať',
|
|
13
14
|
collapse: 'Zbaliť',
|
|
14
15
|
collapseAll: 'Zbaliť všetko',
|
|
15
16
|
columnActions: 'Akcie stĺpca',
|
|
@@ -10,6 +10,7 @@ export const MRT_Localization_SR_CYRL_RS: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Поништи претрагу',
|
|
11
11
|
clearSort: 'Поништи сортирање',
|
|
12
12
|
clickToCopy: 'Кликни да копираш',
|
|
13
|
+
copy: 'Копирај',
|
|
13
14
|
collapse: 'Рашири',
|
|
14
15
|
collapseAll: 'Рашири све',
|
|
15
16
|
columnActions: 'Акције над колонама',
|
|
@@ -10,6 +10,7 @@ export const MRT_Localization_SR_LATN_RS: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Poništi pretragu',
|
|
11
11
|
clearSort: 'Poništi sortiranje',
|
|
12
12
|
clickToCopy: 'Klikni da kopiraš',
|
|
13
|
+
copy: 'Kopiraj',
|
|
13
14
|
collapse: 'Raširi',
|
|
14
15
|
collapseAll: 'Raširi sve',
|
|
15
16
|
columnActions: 'Akcije nad kolonama',
|
package/src/locales/sv.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_SV: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Rensa sök',
|
|
11
11
|
clearSort: 'Rensa sortering',
|
|
12
12
|
clickToCopy: 'Klicka för att kopiera',
|
|
13
|
+
copy: 'Kopiera',
|
|
13
14
|
collapse: 'Stäng',
|
|
14
15
|
collapseAll: 'Stäng alla',
|
|
15
16
|
columnActions: 'Kolumnåtgärd',
|
package/src/locales/tr.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_TR: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Aramayı Temizle',
|
|
11
11
|
clearSort: 'Sıralamayı Sıfırla',
|
|
12
12
|
clickToCopy: 'Kopyala',
|
|
13
|
+
copy: 'Kopyala',
|
|
13
14
|
columnActions: 'Sütun İşlemleri',
|
|
14
15
|
copiedToClipboard: 'Panoya Kopyalandı',
|
|
15
16
|
collapse: 'Daralt',
|
package/src/locales/uk.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const MRT_Localization_UK: MRT_Localization = {
|
|
|
10
10
|
clearSearch: 'Очистити пошук',
|
|
11
11
|
clearSort: 'Очистити сортування',
|
|
12
12
|
clickToCopy: 'Натисніть, щоб скопіювати',
|
|
13
|
+
copy: 'Копіювати',
|
|
13
14
|
collapse: 'Згорнути',
|
|
14
15
|
collapseAll: 'Згорнути все',
|
|
15
16
|
columnActions: 'Дії стовпця',
|