material-react-table 2.9.2 → 2.10.0
Sign up to get free protection for your applications and to get access to all the features.
- 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: 'Дії стовпця',
|