material-react-table 1.14.0 → 1.15.1
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/README.md +3 -2
- package/dist/cjs/index.js +18 -17
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/column.utils.d.ts +4 -4
- package/dist/cjs/types/sortingFns.d.ts +1 -418
- package/dist/cjs/types/types.d.ts +3 -3
- package/dist/esm/material-react-table.esm.js +18 -17
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/esm/types/column.utils.d.ts +4 -4
- package/dist/esm/types/sortingFns.d.ts +1 -418
- package/dist/esm/types/types.d.ts +3 -3
- package/dist/index.d.ts +14 -14
- package/package.json +36 -36
- package/src/body/MRT_TableBodyRow.tsx +7 -5
- package/src/buttons/MRT_ExpandAllButton.tsx +2 -3
- package/src/buttons/MRT_ExpandButton.tsx +2 -3
- package/src/buttons/MRT_FullScreenToggleButton.tsx +1 -1
- package/src/footer/MRT_TableFooterRow.tsx +2 -2
- package/src/head/MRT_TableHeadCellSortLabel.tsx +8 -9
- package/src/head/MRT_TableHeadRow.tsx +2 -2
- package/src/sortingFns.ts +1 -5
- package/src/types.ts +375 -377
@@ -116,17 +116,17 @@ export declare const getCommonCellStyles: ({ column, header, table, tableCellPro
|
|
116
116
|
header?: {
|
117
117
|
id: string;
|
118
118
|
getContext: () => import("@tanstack/react-table").HeaderContext<{}, unknown>;
|
119
|
-
index: number;
|
120
119
|
depth: number;
|
120
|
+
index: number;
|
121
121
|
getLeafHeaders: () => import("@tanstack/react-table").Header<{}, unknown>[];
|
122
122
|
getSize: () => number;
|
123
123
|
getStart: (position?: import("@tanstack/react-table").ColumnPinningPosition | undefined) => number;
|
124
|
-
headerGroup: import("@tanstack/react-table").HeaderGroup<{}>;
|
125
|
-
subHeaders: import("@tanstack/react-table").Header<{}, unknown>[];
|
126
124
|
colSpan: number;
|
127
|
-
|
125
|
+
headerGroup: import("@tanstack/react-table").HeaderGroup<{}>;
|
128
126
|
isPlaceholder: boolean;
|
129
127
|
placeholderId?: string | undefined;
|
128
|
+
rowSpan: number;
|
129
|
+
subHeaders: import("@tanstack/react-table").Header<{}, unknown>[];
|
130
130
|
getResizeHandler: () => (event: unknown) => void;
|
131
131
|
column: MRT_Column<{}>;
|
132
132
|
} | undefined;
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import { type Row } from '@tanstack/react-table';
|
2
|
-
import { type MRT_Row } from './types';
|
3
2
|
export declare const MRT_SortingFns: {
|
4
3
|
fuzzy: <TData extends Record<string, any> = {}>(rowA: Row<TData>, rowB: Row<TData>, columnId: string) => number;
|
5
4
|
alphanumeric: import("@tanstack/react-table").SortingFn<any>;
|
@@ -9,420 +8,4 @@ export declare const MRT_SortingFns: {
|
|
9
8
|
datetime: import("@tanstack/react-table").SortingFn<any>;
|
10
9
|
basic: import("@tanstack/react-table").SortingFn<any>;
|
11
10
|
};
|
12
|
-
export declare const rankGlobalFuzzy:
|
13
|
-
getValue: <TValue>(columnId: string) => TValue;
|
14
|
-
renderValue: <TValue_1>(columnId: string) => TValue_1;
|
15
|
-
id: string;
|
16
|
-
index: number;
|
17
|
-
original: TData;
|
18
|
-
depth: number;
|
19
|
-
parentId?: string | undefined;
|
20
|
-
_uniqueValuesCache: Record<string, unknown>;
|
21
|
-
getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
|
22
|
-
getLeafRows: () => Row<TData>[];
|
23
|
-
originalSubRows?: TData[] | undefined;
|
24
|
-
_getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
|
25
|
-
getParentRow: () => Row<TData> | undefined;
|
26
|
-
getParentRows: () => Row<TData>[];
|
27
|
-
_getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
28
|
-
getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
29
|
-
getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
30
|
-
getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
31
|
-
columnFilters: Record<string, boolean>;
|
32
|
-
columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
|
33
|
-
groupingColumnId?: string | undefined;
|
34
|
-
groupingValue?: unknown;
|
35
|
-
getIsGrouped: () => boolean;
|
36
|
-
getGroupingValue: (columnId: string) => unknown;
|
37
|
-
_groupingValuesCache: Record<string, any>;
|
38
|
-
getIsSelected: () => boolean;
|
39
|
-
getIsSomeSelected: () => boolean;
|
40
|
-
getIsAllSubRowsSelected: () => boolean;
|
41
|
-
getCanSelect: () => boolean;
|
42
|
-
getCanMultiSelect: () => boolean;
|
43
|
-
getCanSelectSubRows: () => boolean;
|
44
|
-
toggleSelected: (value?: boolean | undefined) => void;
|
45
|
-
getToggleSelectedHandler: () => (event: unknown) => void;
|
46
|
-
toggleExpanded: (expanded?: boolean | undefined) => void;
|
47
|
-
getIsExpanded: () => boolean;
|
48
|
-
getCanExpand: () => boolean;
|
49
|
-
getToggleExpandedHandler: () => () => void;
|
50
|
-
getAllCells: () => {
|
51
|
-
getValue: import("@tanstack/react-table").Getter<unknown>;
|
52
|
-
renderValue: import("@tanstack/react-table").Getter<unknown>;
|
53
|
-
id: string;
|
54
|
-
getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
|
55
|
-
getIsGrouped: () => boolean;
|
56
|
-
getIsPlaceholder: () => boolean;
|
57
|
-
getIsAggregated: () => boolean;
|
58
|
-
column: import("./types").MRT_Column<TData>;
|
59
|
-
row: {
|
60
|
-
getValue: <TValue>(columnId: string) => TValue;
|
61
|
-
renderValue: <TValue_1>(columnId: string) => TValue_1;
|
62
|
-
id: string;
|
63
|
-
index: number;
|
64
|
-
original: TData;
|
65
|
-
depth: number;
|
66
|
-
parentId?: string | undefined;
|
67
|
-
_uniqueValuesCache: Record<string, unknown>;
|
68
|
-
getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
|
69
|
-
getLeafRows: () => Row<TData>[];
|
70
|
-
originalSubRows?: TData[] | undefined;
|
71
|
-
_getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
|
72
|
-
getParentRow: () => Row<TData> | undefined;
|
73
|
-
getParentRows: () => Row<TData>[];
|
74
|
-
_getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
75
|
-
getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
76
|
-
getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
77
|
-
getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
78
|
-
columnFilters: Record<string, boolean>;
|
79
|
-
columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
|
80
|
-
groupingColumnId?: string | undefined;
|
81
|
-
groupingValue?: unknown;
|
82
|
-
getIsGrouped: () => boolean;
|
83
|
-
getGroupingValue: (columnId: string) => unknown;
|
84
|
-
_groupingValuesCache: Record<string, any>;
|
85
|
-
getIsSelected: () => boolean;
|
86
|
-
getIsSomeSelected: () => boolean;
|
87
|
-
getIsAllSubRowsSelected: () => boolean;
|
88
|
-
getCanSelect: () => boolean;
|
89
|
-
getCanMultiSelect: () => boolean;
|
90
|
-
getCanSelectSubRows: () => boolean;
|
91
|
-
toggleSelected: (value?: boolean | undefined) => void;
|
92
|
-
getToggleSelectedHandler: () => (event: unknown) => void;
|
93
|
-
toggleExpanded: (expanded?: boolean | undefined) => void;
|
94
|
-
getIsExpanded: () => boolean;
|
95
|
-
getCanExpand: () => boolean;
|
96
|
-
getToggleExpandedHandler: () => () => void;
|
97
|
-
getAllCells: any;
|
98
|
-
getVisibleCells: () => any[];
|
99
|
-
subRows?: any[] | undefined;
|
100
|
-
_valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
|
101
|
-
};
|
102
|
-
}[];
|
103
|
-
getVisibleCells: () => {
|
104
|
-
getValue: import("@tanstack/react-table").Getter<unknown>;
|
105
|
-
renderValue: import("@tanstack/react-table").Getter<unknown>;
|
106
|
-
id: string;
|
107
|
-
getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
|
108
|
-
getIsGrouped: () => boolean;
|
109
|
-
getIsPlaceholder: () => boolean;
|
110
|
-
getIsAggregated: () => boolean;
|
111
|
-
column: import("./types").MRT_Column<TData>;
|
112
|
-
row: {
|
113
|
-
getValue: <TValue>(columnId: string) => TValue;
|
114
|
-
renderValue: <TValue_1>(columnId: string) => TValue_1;
|
115
|
-
id: string;
|
116
|
-
index: number;
|
117
|
-
original: TData;
|
118
|
-
depth: number;
|
119
|
-
parentId?: string | undefined;
|
120
|
-
_uniqueValuesCache: Record<string, unknown>;
|
121
|
-
getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
|
122
|
-
getLeafRows: () => Row<TData>[];
|
123
|
-
originalSubRows?: TData[] | undefined;
|
124
|
-
_getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
|
125
|
-
getParentRow: () => Row<TData> | undefined;
|
126
|
-
getParentRows: () => Row<TData>[];
|
127
|
-
_getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
128
|
-
getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
129
|
-
getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
130
|
-
getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
131
|
-
columnFilters: Record<string, boolean>;
|
132
|
-
columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
|
133
|
-
groupingColumnId?: string | undefined;
|
134
|
-
groupingValue?: unknown;
|
135
|
-
getIsGrouped: () => boolean;
|
136
|
-
getGroupingValue: (columnId: string) => unknown;
|
137
|
-
_groupingValuesCache: Record<string, any>;
|
138
|
-
getIsSelected: () => boolean;
|
139
|
-
getIsSomeSelected: () => boolean;
|
140
|
-
getIsAllSubRowsSelected: () => boolean;
|
141
|
-
getCanSelect: () => boolean;
|
142
|
-
getCanMultiSelect: () => boolean;
|
143
|
-
getCanSelectSubRows: () => boolean;
|
144
|
-
toggleSelected: (value?: boolean | undefined) => void;
|
145
|
-
getToggleSelectedHandler: () => (event: unknown) => void;
|
146
|
-
toggleExpanded: (expanded?: boolean | undefined) => void;
|
147
|
-
getIsExpanded: () => boolean;
|
148
|
-
getCanExpand: () => boolean;
|
149
|
-
getToggleExpandedHandler: () => () => void;
|
150
|
-
getAllCells: () => any[];
|
151
|
-
getVisibleCells: any;
|
152
|
-
subRows?: any[] | undefined;
|
153
|
-
_valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
|
154
|
-
};
|
155
|
-
}[];
|
156
|
-
subRows?: {
|
157
|
-
getValue: <TValue>(columnId: string) => TValue;
|
158
|
-
renderValue: <TValue_1>(columnId: string) => TValue_1;
|
159
|
-
id: string;
|
160
|
-
index: number;
|
161
|
-
original: TData;
|
162
|
-
depth: number;
|
163
|
-
parentId?: string | undefined;
|
164
|
-
_uniqueValuesCache: Record<string, unknown>;
|
165
|
-
getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
|
166
|
-
getLeafRows: () => Row<TData>[];
|
167
|
-
originalSubRows?: TData[] | undefined;
|
168
|
-
_getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
|
169
|
-
getParentRow: () => Row<TData> | undefined;
|
170
|
-
getParentRows: () => Row<TData>[];
|
171
|
-
_getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
172
|
-
getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
173
|
-
getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
174
|
-
getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
175
|
-
columnFilters: Record<string, boolean>;
|
176
|
-
columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
|
177
|
-
groupingColumnId?: string | undefined;
|
178
|
-
groupingValue?: unknown;
|
179
|
-
getIsGrouped: () => boolean;
|
180
|
-
getGroupingValue: (columnId: string) => unknown;
|
181
|
-
_groupingValuesCache: Record<string, any>;
|
182
|
-
getIsSelected: () => boolean;
|
183
|
-
getIsSomeSelected: () => boolean;
|
184
|
-
getIsAllSubRowsSelected: () => boolean;
|
185
|
-
getCanSelect: () => boolean;
|
186
|
-
getCanMultiSelect: () => boolean;
|
187
|
-
getCanSelectSubRows: () => boolean;
|
188
|
-
toggleSelected: (value?: boolean | undefined) => void;
|
189
|
-
getToggleSelectedHandler: () => (event: unknown) => void;
|
190
|
-
toggleExpanded: (expanded?: boolean | undefined) => void;
|
191
|
-
getIsExpanded: () => boolean;
|
192
|
-
getCanExpand: () => boolean;
|
193
|
-
getToggleExpandedHandler: () => () => void;
|
194
|
-
getAllCells: () => {
|
195
|
-
getValue: import("@tanstack/react-table").Getter<unknown>;
|
196
|
-
renderValue: import("@tanstack/react-table").Getter<unknown>;
|
197
|
-
id: string;
|
198
|
-
getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
|
199
|
-
getIsGrouped: () => boolean;
|
200
|
-
getIsPlaceholder: () => boolean;
|
201
|
-
getIsAggregated: () => boolean;
|
202
|
-
column: import("./types").MRT_Column<TData>;
|
203
|
-
row: any;
|
204
|
-
}[];
|
205
|
-
getVisibleCells: () => {
|
206
|
-
getValue: import("@tanstack/react-table").Getter<unknown>;
|
207
|
-
renderValue: import("@tanstack/react-table").Getter<unknown>;
|
208
|
-
id: string;
|
209
|
-
getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
|
210
|
-
getIsGrouped: () => boolean;
|
211
|
-
getIsPlaceholder: () => boolean;
|
212
|
-
getIsAggregated: () => boolean;
|
213
|
-
column: import("./types").MRT_Column<TData>;
|
214
|
-
row: any;
|
215
|
-
}[];
|
216
|
-
subRows?: any[] | undefined;
|
217
|
-
_valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
|
218
|
-
}[] | undefined;
|
219
|
-
_valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
|
220
|
-
}, rowB: {
|
221
|
-
getValue: <TValue>(columnId: string) => TValue;
|
222
|
-
renderValue: <TValue_1>(columnId: string) => TValue_1;
|
223
|
-
id: string;
|
224
|
-
index: number;
|
225
|
-
original: TData;
|
226
|
-
depth: number;
|
227
|
-
parentId?: string | undefined;
|
228
|
-
_uniqueValuesCache: Record<string, unknown>;
|
229
|
-
getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
|
230
|
-
getLeafRows: () => Row<TData>[];
|
231
|
-
originalSubRows?: TData[] | undefined;
|
232
|
-
_getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
|
233
|
-
getParentRow: () => Row<TData> | undefined;
|
234
|
-
getParentRows: () => Row<TData>[];
|
235
|
-
_getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
236
|
-
getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
237
|
-
getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
238
|
-
getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
239
|
-
columnFilters: Record<string, boolean>;
|
240
|
-
columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
|
241
|
-
groupingColumnId?: string | undefined;
|
242
|
-
groupingValue?: unknown;
|
243
|
-
getIsGrouped: () => boolean;
|
244
|
-
getGroupingValue: (columnId: string) => unknown;
|
245
|
-
_groupingValuesCache: Record<string, any>;
|
246
|
-
getIsSelected: () => boolean;
|
247
|
-
getIsSomeSelected: () => boolean;
|
248
|
-
getIsAllSubRowsSelected: () => boolean;
|
249
|
-
getCanSelect: () => boolean;
|
250
|
-
getCanMultiSelect: () => boolean;
|
251
|
-
getCanSelectSubRows: () => boolean;
|
252
|
-
toggleSelected: (value?: boolean | undefined) => void;
|
253
|
-
getToggleSelectedHandler: () => (event: unknown) => void;
|
254
|
-
toggleExpanded: (expanded?: boolean | undefined) => void;
|
255
|
-
getIsExpanded: () => boolean;
|
256
|
-
getCanExpand: () => boolean;
|
257
|
-
getToggleExpandedHandler: () => () => void;
|
258
|
-
getAllCells: () => {
|
259
|
-
getValue: import("@tanstack/react-table").Getter<unknown>;
|
260
|
-
renderValue: import("@tanstack/react-table").Getter<unknown>;
|
261
|
-
id: string;
|
262
|
-
getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
|
263
|
-
getIsGrouped: () => boolean;
|
264
|
-
getIsPlaceholder: () => boolean;
|
265
|
-
getIsAggregated: () => boolean;
|
266
|
-
column: import("./types").MRT_Column<TData>;
|
267
|
-
row: {
|
268
|
-
getValue: <TValue>(columnId: string) => TValue;
|
269
|
-
renderValue: <TValue_1>(columnId: string) => TValue_1;
|
270
|
-
id: string;
|
271
|
-
index: number;
|
272
|
-
original: TData;
|
273
|
-
depth: number;
|
274
|
-
parentId?: string | undefined;
|
275
|
-
_uniqueValuesCache: Record<string, unknown>;
|
276
|
-
getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
|
277
|
-
getLeafRows: () => Row<TData>[];
|
278
|
-
originalSubRows?: TData[] | undefined;
|
279
|
-
_getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
|
280
|
-
getParentRow: () => Row<TData> | undefined;
|
281
|
-
getParentRows: () => Row<TData>[];
|
282
|
-
_getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
283
|
-
getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
284
|
-
getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
285
|
-
getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
286
|
-
columnFilters: Record<string, boolean>;
|
287
|
-
columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
|
288
|
-
groupingColumnId?: string | undefined;
|
289
|
-
groupingValue?: unknown;
|
290
|
-
getIsGrouped: () => boolean;
|
291
|
-
getGroupingValue: (columnId: string) => unknown;
|
292
|
-
_groupingValuesCache: Record<string, any>;
|
293
|
-
getIsSelected: () => boolean;
|
294
|
-
getIsSomeSelected: () => boolean;
|
295
|
-
getIsAllSubRowsSelected: () => boolean;
|
296
|
-
getCanSelect: () => boolean;
|
297
|
-
getCanMultiSelect: () => boolean;
|
298
|
-
getCanSelectSubRows: () => boolean;
|
299
|
-
toggleSelected: (value?: boolean | undefined) => void;
|
300
|
-
getToggleSelectedHandler: () => (event: unknown) => void;
|
301
|
-
toggleExpanded: (expanded?: boolean | undefined) => void;
|
302
|
-
getIsExpanded: () => boolean;
|
303
|
-
getCanExpand: () => boolean;
|
304
|
-
getToggleExpandedHandler: () => () => void;
|
305
|
-
getAllCells: any;
|
306
|
-
getVisibleCells: () => any[];
|
307
|
-
subRows?: any[] | undefined;
|
308
|
-
_valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
|
309
|
-
};
|
310
|
-
}[];
|
311
|
-
getVisibleCells: () => {
|
312
|
-
getValue: import("@tanstack/react-table").Getter<unknown>;
|
313
|
-
renderValue: import("@tanstack/react-table").Getter<unknown>;
|
314
|
-
id: string;
|
315
|
-
getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
|
316
|
-
getIsGrouped: () => boolean;
|
317
|
-
getIsPlaceholder: () => boolean;
|
318
|
-
getIsAggregated: () => boolean;
|
319
|
-
column: import("./types").MRT_Column<TData>;
|
320
|
-
row: {
|
321
|
-
getValue: <TValue>(columnId: string) => TValue;
|
322
|
-
renderValue: <TValue_1>(columnId: string) => TValue_1;
|
323
|
-
id: string;
|
324
|
-
index: number;
|
325
|
-
original: TData;
|
326
|
-
depth: number;
|
327
|
-
parentId?: string | undefined;
|
328
|
-
_uniqueValuesCache: Record<string, unknown>;
|
329
|
-
getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
|
330
|
-
getLeafRows: () => Row<TData>[];
|
331
|
-
originalSubRows?: TData[] | undefined;
|
332
|
-
_getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
|
333
|
-
getParentRow: () => Row<TData> | undefined;
|
334
|
-
getParentRows: () => Row<TData>[];
|
335
|
-
_getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
336
|
-
getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
337
|
-
getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
338
|
-
getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
339
|
-
columnFilters: Record<string, boolean>;
|
340
|
-
columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
|
341
|
-
groupingColumnId?: string | undefined;
|
342
|
-
groupingValue?: unknown;
|
343
|
-
getIsGrouped: () => boolean;
|
344
|
-
getGroupingValue: (columnId: string) => unknown;
|
345
|
-
_groupingValuesCache: Record<string, any>;
|
346
|
-
getIsSelected: () => boolean;
|
347
|
-
getIsSomeSelected: () => boolean;
|
348
|
-
getIsAllSubRowsSelected: () => boolean;
|
349
|
-
getCanSelect: () => boolean;
|
350
|
-
getCanMultiSelect: () => boolean;
|
351
|
-
getCanSelectSubRows: () => boolean;
|
352
|
-
toggleSelected: (value?: boolean | undefined) => void;
|
353
|
-
getToggleSelectedHandler: () => (event: unknown) => void;
|
354
|
-
toggleExpanded: (expanded?: boolean | undefined) => void;
|
355
|
-
getIsExpanded: () => boolean;
|
356
|
-
getCanExpand: () => boolean;
|
357
|
-
getToggleExpandedHandler: () => () => void;
|
358
|
-
getAllCells: () => any[];
|
359
|
-
getVisibleCells: any;
|
360
|
-
subRows?: any[] | undefined;
|
361
|
-
_valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
|
362
|
-
};
|
363
|
-
}[];
|
364
|
-
subRows?: {
|
365
|
-
getValue: <TValue>(columnId: string) => TValue;
|
366
|
-
renderValue: <TValue_1>(columnId: string) => TValue_1;
|
367
|
-
id: string;
|
368
|
-
index: number;
|
369
|
-
original: TData;
|
370
|
-
depth: number;
|
371
|
-
parentId?: string | undefined;
|
372
|
-
_uniqueValuesCache: Record<string, unknown>;
|
373
|
-
getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
|
374
|
-
getLeafRows: () => Row<TData>[];
|
375
|
-
originalSubRows?: TData[] | undefined;
|
376
|
-
_getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
|
377
|
-
getParentRow: () => Row<TData> | undefined;
|
378
|
-
getParentRows: () => Row<TData>[];
|
379
|
-
_getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
380
|
-
getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
381
|
-
getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
382
|
-
getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
|
383
|
-
columnFilters: Record<string, boolean>;
|
384
|
-
columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
|
385
|
-
groupingColumnId?: string | undefined;
|
386
|
-
groupingValue?: unknown;
|
387
|
-
getIsGrouped: () => boolean;
|
388
|
-
getGroupingValue: (columnId: string) => unknown;
|
389
|
-
_groupingValuesCache: Record<string, any>;
|
390
|
-
getIsSelected: () => boolean;
|
391
|
-
getIsSomeSelected: () => boolean;
|
392
|
-
getIsAllSubRowsSelected: () => boolean;
|
393
|
-
getCanSelect: () => boolean;
|
394
|
-
getCanMultiSelect: () => boolean;
|
395
|
-
getCanSelectSubRows: () => boolean;
|
396
|
-
toggleSelected: (value?: boolean | undefined) => void;
|
397
|
-
getToggleSelectedHandler: () => (event: unknown) => void;
|
398
|
-
toggleExpanded: (expanded?: boolean | undefined) => void;
|
399
|
-
getIsExpanded: () => boolean;
|
400
|
-
getCanExpand: () => boolean;
|
401
|
-
getToggleExpandedHandler: () => () => void;
|
402
|
-
getAllCells: () => {
|
403
|
-
getValue: import("@tanstack/react-table").Getter<unknown>;
|
404
|
-
renderValue: import("@tanstack/react-table").Getter<unknown>;
|
405
|
-
id: string;
|
406
|
-
getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
|
407
|
-
getIsGrouped: () => boolean;
|
408
|
-
getIsPlaceholder: () => boolean;
|
409
|
-
getIsAggregated: () => boolean;
|
410
|
-
column: import("./types").MRT_Column<TData>;
|
411
|
-
row: any;
|
412
|
-
}[];
|
413
|
-
getVisibleCells: () => {
|
414
|
-
getValue: import("@tanstack/react-table").Getter<unknown>;
|
415
|
-
renderValue: import("@tanstack/react-table").Getter<unknown>;
|
416
|
-
id: string;
|
417
|
-
getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
|
418
|
-
getIsGrouped: () => boolean;
|
419
|
-
getIsPlaceholder: () => boolean;
|
420
|
-
getIsAggregated: () => boolean;
|
421
|
-
column: import("./types").MRT_Column<TData>;
|
422
|
-
row: any;
|
423
|
-
}[];
|
424
|
-
subRows?: any[] | undefined;
|
425
|
-
_valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
|
426
|
-
}[] | undefined;
|
427
|
-
_valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
|
428
|
-
}) => number;
|
11
|
+
export declare const rankGlobalFuzzy: any;
|
@@ -266,7 +266,7 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnD
|
|
266
266
|
* @example accessorKey: 'username' //simple
|
267
267
|
* @example accessorKey: 'name.firstName' //deep key dot notation
|
268
268
|
*/
|
269
|
-
accessorKey?: DeepKeys<TData>;
|
269
|
+
accessorKey?: (string & {}) | DeepKeys<TData>;
|
270
270
|
aggregationFn?: MRT_AggregationFn<TData> | Array<MRT_AggregationFn<TData>>;
|
271
271
|
/**
|
272
272
|
* Specify what type of column this is. Either `data`, `display`, or `group`. Defaults to `data`.
|
@@ -427,7 +427,7 @@ export type MRT_CreateTableFeature<TData extends Record<string, any> = {}, TFeat
|
|
427
427
|
* See the full props list on the official docs site:
|
428
428
|
* @link https://www.material-react-table.com/docs/api/props
|
429
429
|
*/
|
430
|
-
export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
|
430
|
+
export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & {
|
431
431
|
columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
432
432
|
/**
|
433
433
|
* The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop.
|
@@ -745,7 +745,7 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Pr
|
|
745
745
|
* @deprecated Use `rowVirtualizerProps` instead
|
746
746
|
*/
|
747
747
|
virtualizerProps?: any;
|
748
|
-
}
|
748
|
+
} & {
|
749
749
|
columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
|
750
750
|
columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
|
751
751
|
table: MRT_TableInstance<TData>;
|
@@ -100,6 +100,10 @@ function __rest(s, e) {
|
|
100
100
|
}
|
101
101
|
return t;
|
102
102
|
}
|
103
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
104
|
+
var e = new Error(message);
|
105
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
106
|
+
};
|
103
107
|
|
104
108
|
const MRT_AggregationFns = Object.assign({}, aggregationFns);
|
105
109
|
|
@@ -537,9 +541,7 @@ const MRT_ExpandAllButton = ({ table }) => {
|
|
537
541
|
? muiExpandAllButtonProps({ table })
|
538
542
|
: muiExpandAllButtonProps;
|
539
543
|
const isAllRowsExpanded = getIsAllRowsExpanded();
|
540
|
-
return (jsx(Tooltip, { arrow: true, enterDelay: 1000, enterNextDelay: 1000, title: (
|
541
|
-
? localization.collapseAll
|
542
|
-
: localization.expandAll, children: jsx("span", { children: jsx(IconButton, Object.assign({ "aria-label": localization.expandAll, disabled: isLoading || (!renderDetailPanel && !getCanSomeRowsExpand()), onClick: () => toggleAllRowsExpanded(!isAllRowsExpanded) }, iconButtonProps, { sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', width: density === 'compact' ? '1.75rem' : '2.25rem', mt: density !== 'compact' ? '-0.25rem' : undefined }, ((iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx) instanceof Function
|
544
|
+
return (jsx(Tooltip, { arrow: true, enterDelay: 1000, enterNextDelay: 1000, title: (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : (isAllRowsExpanded ? localization.collapseAll : localization.expandAll), children: jsx("span", { children: jsx(IconButton, Object.assign({ "aria-label": localization.expandAll, disabled: isLoading || (!renderDetailPanel && !getCanSomeRowsExpand()), onClick: () => toggleAllRowsExpanded(!isAllRowsExpanded) }, iconButtonProps, { sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', width: density === 'compact' ? '1.75rem' : '2.25rem', mt: density !== 'compact' ? '-0.25rem' : undefined }, ((iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx) instanceof Function
|
543
545
|
? iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx(theme)
|
544
546
|
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined, children: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _b !== void 0 ? _b : (jsx(KeyboardDoubleArrowDownIcon, { style: {
|
545
547
|
transform: `rotate(${isAllRowsExpanded ? -180 : getIsSomeRowsExpanded() ? -90 : 0}deg)`,
|
@@ -562,9 +564,7 @@ const MRT_ExpandButton = ({ row, table, }) => {
|
|
562
564
|
row.toggleExpanded();
|
563
565
|
(_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(iconButtonProps, event);
|
564
566
|
};
|
565
|
-
return (jsx(Tooltip, { arrow: true, disableHoverListener: !canExpand && !renderDetailPanel, enterDelay: 1000, enterNextDelay: 1000, title: (
|
566
|
-
? localization.collapse
|
567
|
-
: localization.expand, children: jsx("span", { children: jsx(IconButton, Object.assign({ "aria-label": localization.expand, disabled: !canExpand && !renderDetailPanel }, iconButtonProps, { onClick: handleToggleExpand, sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', width: density === 'compact' ? '1.75rem' : '2.25rem' }, ((iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx) instanceof Function
|
567
|
+
return (jsx(Tooltip, { arrow: true, disableHoverListener: !canExpand && !renderDetailPanel, enterDelay: 1000, enterNextDelay: 1000, title: (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : (isExpanded ? localization.collapse : localization.expand), children: jsx("span", { children: jsx(IconButton, Object.assign({ "aria-label": localization.expand, disabled: !canExpand && !renderDetailPanel }, iconButtonProps, { onClick: handleToggleExpand, sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', width: density === 'compact' ? '1.75rem' : '2.25rem' }, ((iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx) instanceof Function
|
568
568
|
? iconButtonProps.sx(theme)
|
569
569
|
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined, children: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _b !== void 0 ? _b : (jsx(ExpandMoreIcon, { style: {
|
570
570
|
transform: `rotate(${!canExpand && !renderDetailPanel ? -90 : isExpanded ? -180 : 0}deg)`,
|
@@ -1140,7 +1140,7 @@ const MRT_FullScreenToggleButton = (_a) => {
|
|
1140
1140
|
const handleToggleFullScreen = () => {
|
1141
1141
|
setIsFullScreen(!isFullScreen);
|
1142
1142
|
};
|
1143
|
-
return (jsx(Tooltip, { arrow: true, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsx(IconButton, Object.assign({ "aria-label": localization.
|
1143
|
+
return (jsx(Tooltip, { arrow: true, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsx(IconButton, Object.assign({ "aria-label": localization.toggleFullScreen, onClick: handleToggleFullScreen }, rest, { title: undefined, children: isFullScreen ? jsx(FullscreenExitIcon, {}) : jsx(FullscreenIcon, {}) })) }));
|
1144
1144
|
};
|
1145
1145
|
|
1146
1146
|
const MRT_ColumnPinningButtons = ({ column, table, }) => {
|
@@ -1940,14 +1940,15 @@ const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
|
|
1940
1940
|
const { column } = header;
|
1941
1941
|
const { columnDef } = column;
|
1942
1942
|
const { sorting } = getState();
|
1943
|
-
const
|
1944
|
-
|
1943
|
+
const sorted = column.getIsSorted();
|
1944
|
+
const sortTooltip = sorted
|
1945
|
+
? sorted === 'desc'
|
1945
1946
|
? localization.sortedByColumnDesc.replace('{column}', columnDef.header)
|
1946
1947
|
: localization.sortedByColumnAsc.replace('{column}', columnDef.header)
|
1947
|
-
:
|
1948
|
-
|
1949
|
-
|
1950
|
-
|
1948
|
+
: column.getNextSortingOrder() === 'desc'
|
1949
|
+
? localization.sortByColumnDesc.replace('{column}', columnDef.header)
|
1950
|
+
: localization.sortByColumnAsc.replace('{column}', columnDef.header);
|
1951
|
+
return (jsx(Tooltip, { arrow: true, placement: "top", title: sortTooltip, children: jsx(Badge, { badgeContent: sorting.length > 1 ? column.getSortIndex() + 1 : 0, overlap: "circular", children: jsx(TableSortLabel, { "aria-label": sortTooltip, active: !!sorted, direction: sorted ? sorted : undefined, sx: {
|
1951
1952
|
flex: '0 0',
|
1952
1953
|
width: '2.4ch',
|
1953
1954
|
transform: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) !== 'right'
|
@@ -2097,7 +2098,7 @@ const MRT_TableHeadRow = ({ headerGroup, table, virtualColumns, virtualPaddingLe
|
|
2097
2098
|
const header = virtualColumns
|
2098
2099
|
? headerGroup.headers[headerOrVirtualHeader.index]
|
2099
2100
|
: headerOrVirtualHeader;
|
2100
|
-
return (jsx(MRT_TableHeadCell, { header: header, table: table }, header.id));
|
2101
|
+
return header ? (jsx(MRT_TableHeadCell, { header: header, table: table }, header.id)) : null;
|
2101
2102
|
}), virtualPaddingRight ? (jsx("th", { style: { display: 'flex', width: virtualPaddingRight } })) : null] })));
|
2102
2103
|
};
|
2103
2104
|
|
@@ -2528,12 +2529,12 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, row, row
|
|
2528
2529
|
? cellOrVirtualCell
|
2529
2530
|
: undefined,
|
2530
2531
|
};
|
2531
|
-
return memoMode === 'cells' &&
|
2532
|
+
return cell ? (memoMode === 'cells' &&
|
2532
2533
|
cell.column.columnDef.columnDefType === 'data' &&
|
2533
2534
|
!draggingColumn &&
|
2534
2535
|
!draggingRow &&
|
2535
2536
|
(editingCell === null || editingCell === void 0 ? void 0 : editingCell.id) !== cell.id &&
|
2536
|
-
(editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) !== row.id ? (jsx(Memo_MRT_TableBodyCell, Object.assign({}, props), cell.id)) : (jsx(MRT_TableBodyCell, Object.assign({}, props), cell.id));
|
2537
|
+
(editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) !== row.id ? (jsx(Memo_MRT_TableBodyCell, Object.assign({}, props), cell.id)) : (jsx(MRT_TableBodyCell, Object.assign({}, props), cell.id))) : null;
|
2537
2538
|
}), virtualPaddingRight ? (jsx("td", { style: { display: 'flex', width: virtualPaddingRight } })) : null] })), renderDetailPanel && !row.getIsGrouped() && (jsx(MRT_TableDetailPanel, { parentRowRef: rowRef, row: row, rowIndex: rowIndex, table: table, virtualRow: virtualRow }))] }));
|
2538
2539
|
};
|
2539
2540
|
const Memo_MRT_TableBodyRow = memo(MRT_TableBodyRow, (prev, next) => prev.row === next.row && prev.rowIndex === next.rowIndex);
|
@@ -2690,7 +2691,7 @@ const MRT_TableFooterRow = ({ footerGroup, table, virtualColumns, virtualPadding
|
|
2690
2691
|
const footer = virtualColumns
|
2691
2692
|
? footerGroup.headers[footerOrVirtualFooter.index]
|
2692
2693
|
: footerOrVirtualFooter;
|
2693
|
-
return (jsx(MRT_TableFooterCell, { footer: footer, table: table }, footer.id));
|
2694
|
+
return footer ? (jsx(MRT_TableFooterCell, { footer: footer, table: table }, footer.id)) : null;
|
2694
2695
|
}), virtualPaddingRight ? (jsx("th", { style: { display: 'flex', width: virtualPaddingRight } })) : null] })));
|
2695
2696
|
};
|
2696
2697
|
|