material-react-table 0.25.0 → 0.26.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +11 -9
- package/dist/{utils.d.ts → column.utils.d.ts} +1 -1
- package/dist/filtersFns.d.ts +22 -54
- package/dist/localization.d.ts +3 -0
- package/dist/material-react-table.cjs.development.js +87 -24
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +87 -24
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/table/MRT_TableRoot.d.ts +1 -1
- package/package.json +1 -1
- package/src/{utils.ts → column.utils.ts} +0 -0
- package/src/filtersFns.ts +47 -13
- package/src/head/MRT_TableHeadCellGrabHandle.tsx +1 -1
- package/src/localization.ts +6 -0
- package/src/menus/MRT_FilterOptionMenu.tsx +105 -72
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +1 -1
- package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +1 -1
- package/src/table/MRT_TableRoot.tsx +12 -12
package/README.md
CHANGED
@@ -59,26 +59,26 @@ _All features can easily be enabled/disabled_
|
|
59
59
|
- [x] Column Grouping (Group By and Aggregates)
|
60
60
|
- [x] Column Hiding
|
61
61
|
- [x] Column Ordering via Drag'n'Drop
|
62
|
-
- [x] Column Pinning
|
63
|
-
- [x] Column Resizing
|
62
|
+
- [x] Column Pinning (Freeze Columns)
|
63
|
+
- [x] Column Resizing
|
64
64
|
- [x] Customize Icons
|
65
65
|
- [x] Customize Styling of internal Mui Components
|
66
66
|
- [x] Data Editing (3 different editing modes)
|
67
67
|
- [x] Density Toggle
|
68
|
-
- [x] Detail Panels
|
69
|
-
- [x] Filtering
|
70
|
-
- [x] Full Screen
|
68
|
+
- [x] Detail Panels (Expansion)
|
69
|
+
- [x] Filtering (supports client-side and server-side)
|
70
|
+
- [x] Full Screen Mode
|
71
71
|
- [x] Global Filtering (Search across all columns, rank by best match)
|
72
72
|
- [x] Header Groups & Footers
|
73
73
|
- [x] Localization (i18n) support
|
74
74
|
- [x] Manage your own state
|
75
75
|
- [x] Pagination (supports client-side and server-side)
|
76
|
-
- [x]
|
77
|
-
- [x] Row Actions
|
76
|
+
- [x] Row Actions (Your Custom Action Buttons)
|
78
77
|
- [x] Row Numbers
|
79
|
-
- [x] Row
|
78
|
+
- [x] Row Ordering via Drag'n'Drop
|
79
|
+
- [x] Row Selection (Checkboxes)
|
80
80
|
- [x] SSR compatible
|
81
|
-
- [x] Sorting
|
81
|
+
- [x] Sorting (supports client-side and server-side)
|
82
82
|
- [x] Theming (Respects your Material UI Theme)
|
83
83
|
- [x] Toolbars (Add your own action buttons)
|
84
84
|
- [x] Tree Data / Expanding Sub-rows
|
@@ -90,6 +90,8 @@ _All features can easily be enabled/disabled_
|
|
90
90
|
|
91
91
|
### Installation
|
92
92
|
|
93
|
+
View the full [Installation Docs](https://www.material-react-table.com/docs/install)
|
94
|
+
|
93
95
|
1. Install Peer Dependencies (Material UI V5)
|
94
96
|
|
95
97
|
```bash
|
@@ -2,7 +2,7 @@ import { ColumnOrderState } from '@tanstack/react-table';
|
|
2
2
|
import { MaterialReactTableProps, MRT_Column, MRT_ColumnDef, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterOption } from '.';
|
3
3
|
export declare const getAllLeafColumnDefs: <TData extends Record<string, any> = {}>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
|
4
4
|
export declare const prepareColumns: <TData extends Record<string, any> = {}>(columnDefs: MRT_ColumnDef<TData>[], currentFilterFns: {
|
5
|
-
[key: string]: "between" | "contains" | "empty" | "endsWith" | "equals" | "fuzzy" | "greaterThan" | "lessThan" | "notEmpty" | "notEquals" | "startsWith" | "includesString" | "includesStringSensitive" | "equalsString" | "arrIncludes" | "arrIncludesAll" | "arrIncludesSome" | "weakEquals" | "inNumberRange";
|
5
|
+
[key: string]: "between" | "betweenInclusive" | "contains" | "empty" | "endsWith" | "equals" | "fuzzy" | "greaterThan" | "greaterThanOrEqualTo" | "lessThan" | "lessThanOrEqualTo" | "notEmpty" | "notEquals" | "startsWith" | "includesString" | "includesStringSensitive" | "equalsString" | "arrIncludes" | "arrIncludesAll" | "arrIncludesSome" | "weakEquals" | "inNumberRange";
|
6
6
|
}) => MRT_DefinedColumnDef<TData>[];
|
7
7
|
export declare const reorderColumn: <TData extends Record<string, any> = {}>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: ColumnOrderState) => ColumnOrderState;
|
8
8
|
export declare const getLeadingDisplayColumnIds: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>) => MRT_DisplayColumnIds[];
|
package/dist/filtersFns.d.ts
CHANGED
@@ -1,92 +1,60 @@
|
|
1
1
|
import { RankingInfo } from '@tanstack/match-sorter-utils';
|
2
2
|
import { Row } from '@tanstack/react-table';
|
3
|
-
export declare const fuzzy: {
|
4
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
|
5
|
-
autoRemove(val: any): boolean;
|
6
|
-
};
|
7
|
-
export declare const contains: {
|
8
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
9
|
-
autoRemove(val: any): boolean;
|
10
|
-
};
|
11
|
-
export declare const startsWith: {
|
12
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
13
|
-
autoRemove(val: any): boolean;
|
14
|
-
};
|
15
|
-
export declare const endsWith: {
|
16
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
17
|
-
autoRemove(val: any): boolean;
|
18
|
-
};
|
19
|
-
export declare const equals: {
|
20
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
21
|
-
autoRemove(val: any): boolean;
|
22
|
-
};
|
23
|
-
export declare const notEquals: {
|
24
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
25
|
-
autoRemove(val: any): boolean;
|
26
|
-
};
|
27
|
-
export declare const greaterThan: {
|
28
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
29
|
-
autoRemove(val: any): boolean;
|
30
|
-
};
|
31
|
-
export declare const lessThan: {
|
32
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
33
|
-
autoRemove(val: any): boolean;
|
34
|
-
};
|
35
|
-
export declare const between: {
|
36
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
|
37
|
-
autoRemove(val: any): boolean;
|
38
|
-
};
|
39
|
-
export declare const empty: {
|
40
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, _filterValue: string | number): boolean;
|
41
|
-
autoRemove(val: any): boolean;
|
42
|
-
};
|
43
|
-
export declare const notEmpty: {
|
44
|
-
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, _filterValue: string | number): boolean;
|
45
|
-
autoRemove(val: any): boolean;
|
46
|
-
};
|
47
3
|
export declare const MRT_FilterFns: {
|
48
4
|
between: {
|
49
5
|
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
|
50
6
|
autoRemove(val: any): boolean;
|
51
7
|
};
|
8
|
+
betweenInclusive: {
|
9
|
+
<TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
|
10
|
+
autoRemove(val: any): boolean;
|
11
|
+
};
|
52
12
|
contains: {
|
53
|
-
<
|
13
|
+
<TData_2 extends Record<string, any> = {}>(row: Row<TData_2>, id: string, filterValue: string | number): boolean;
|
54
14
|
autoRemove(val: any): boolean;
|
55
15
|
};
|
56
16
|
empty: {
|
57
|
-
<
|
17
|
+
<TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, _filterValue: string | number): boolean;
|
58
18
|
autoRemove(val: any): boolean;
|
59
19
|
};
|
60
20
|
endsWith: {
|
61
|
-
<
|
21
|
+
<TData_4 extends Record<string, any> = {}>(row: Row<TData_4>, id: string, filterValue: string | number): boolean;
|
62
22
|
autoRemove(val: any): boolean;
|
63
23
|
};
|
64
24
|
equals: {
|
65
|
-
<
|
25
|
+
<TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
|
66
26
|
autoRemove(val: any): boolean;
|
67
27
|
};
|
68
28
|
fuzzy: {
|
69
|
-
<
|
29
|
+
<TData_6 extends Record<string, any> = {}>(row: Row<TData_6>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
|
70
30
|
autoRemove(val: any): boolean;
|
71
31
|
};
|
72
32
|
greaterThan: {
|
73
|
-
<
|
33
|
+
<TData_7 extends Record<string, any> = {}>(row: Row<TData_7>, id: string, filterValue: string | number): boolean;
|
34
|
+
autoRemove(val: any): boolean;
|
35
|
+
};
|
36
|
+
greaterThanOrEqualTo: {
|
37
|
+
<TData_8 extends Record<string, any> = {}>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
|
74
38
|
autoRemove(val: any): boolean;
|
75
39
|
};
|
76
40
|
lessThan: {
|
77
|
-
<
|
41
|
+
<TData_9 extends Record<string, any> = {}>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
|
42
|
+
autoRemove(val: any): boolean;
|
43
|
+
};
|
44
|
+
lessThanOrEqualTo: {
|
45
|
+
<TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
|
78
46
|
autoRemove(val: any): boolean;
|
79
47
|
};
|
80
48
|
notEmpty: {
|
81
|
-
<
|
49
|
+
<TData_11 extends Record<string, any> = {}>(row: Row<TData_11>, id: string, _filterValue: string | number): boolean;
|
82
50
|
autoRemove(val: any): boolean;
|
83
51
|
};
|
84
52
|
notEquals: {
|
85
|
-
<
|
53
|
+
<TData_12 extends Record<string, any> = {}>(row: Row<TData_12>, id: string, filterValue: string | number): boolean;
|
86
54
|
autoRemove(val: any): boolean;
|
87
55
|
};
|
88
56
|
startsWith: {
|
89
|
-
<
|
57
|
+
<TData_13 extends Record<string, any> = {}>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
|
90
58
|
autoRemove(val: any): boolean;
|
91
59
|
};
|
92
60
|
includesString: import("@tanstack/table-core").FilterFn<any>;
|
package/dist/localization.d.ts
CHANGED
@@ -14,6 +14,7 @@ export interface MRT_Localization {
|
|
14
14
|
expand: string;
|
15
15
|
expandAll: string;
|
16
16
|
filterBetween: string;
|
17
|
+
filterBetweenInclusive: string;
|
17
18
|
filterByColumn: string;
|
18
19
|
filterContains: string;
|
19
20
|
filterEmpty: string;
|
@@ -21,7 +22,9 @@ export interface MRT_Localization {
|
|
21
22
|
filterEquals: string;
|
22
23
|
filterFuzzy: string;
|
23
24
|
filterGreaterThan: string;
|
25
|
+
filterGreaterThanOrEqualTo: string;
|
24
26
|
filterLessThan: string;
|
27
|
+
filterLessThanOrEqualTo: string;
|
25
28
|
filterMode: string;
|
26
29
|
filterNotEmpty: string;
|
27
30
|
filterNotEquals: string;
|
@@ -60,6 +60,7 @@ var MRT_DefaultLocalization_EN = {
|
|
60
60
|
expand: 'Expand',
|
61
61
|
expandAll: 'Expand all',
|
62
62
|
filterBetween: 'Between',
|
63
|
+
filterBetweenInclusive: 'Between Inclusive',
|
63
64
|
filterByColumn: 'Filter by {column}',
|
64
65
|
filterContains: 'Contains',
|
65
66
|
filterEmpty: 'Empty',
|
@@ -67,7 +68,9 @@ var MRT_DefaultLocalization_EN = {
|
|
67
68
|
filterEquals: 'Equals',
|
68
69
|
filterFuzzy: 'Fuzzy',
|
69
70
|
filterGreaterThan: 'Greater Than',
|
71
|
+
filterGreaterThanOrEqualTo: 'Greater Than Or Equal To',
|
70
72
|
filterLessThan: 'Less Than',
|
73
|
+
filterLessThanOrEqualTo: 'Less Than Or Equal To',
|
71
74
|
filterMode: 'Filter Mode: {filterType}',
|
72
75
|
filterNotEmpty: 'Not Empty',
|
73
76
|
filterNotEquals: 'Not Equals',
|
@@ -233,11 +236,6 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
|
|
233
236
|
}))));
|
234
237
|
};
|
235
238
|
|
236
|
-
var commonMenuItemStyles = {
|
237
|
-
py: '6px',
|
238
|
-
my: 0,
|
239
|
-
alignItems: 'center'
|
240
|
-
};
|
241
239
|
var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
242
240
|
var _columnDef$enabledCol;
|
243
241
|
|
@@ -269,46 +267,72 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
269
267
|
var filterOptions = React.useMemo(function () {
|
270
268
|
return [{
|
271
269
|
option: 'fuzzy',
|
270
|
+
symbol: '≈',
|
272
271
|
label: localization.filterFuzzy,
|
273
272
|
divider: false
|
274
273
|
}, {
|
275
274
|
option: 'contains',
|
275
|
+
symbol: '[]',
|
276
276
|
label: localization.filterContains,
|
277
277
|
divider: false
|
278
278
|
}, {
|
279
279
|
option: 'startsWith',
|
280
|
+
symbol: 'a',
|
280
281
|
label: localization.filterStartsWith,
|
281
282
|
divider: false
|
282
283
|
}, {
|
283
284
|
option: 'endsWith',
|
285
|
+
symbol: 'z',
|
284
286
|
label: localization.filterEndsWith,
|
285
287
|
divider: true
|
286
288
|
}, {
|
287
289
|
option: 'equals',
|
290
|
+
symbol: '=',
|
288
291
|
label: localization.filterEquals,
|
289
292
|
divider: false
|
290
293
|
}, {
|
291
294
|
option: 'notEquals',
|
295
|
+
symbol: '≠',
|
292
296
|
label: localization.filterNotEquals,
|
293
297
|
divider: true
|
294
298
|
}, {
|
295
299
|
option: 'between',
|
300
|
+
symbol: '⇿',
|
296
301
|
label: localization.filterBetween,
|
297
302
|
divider: false
|
303
|
+
}, {
|
304
|
+
option: 'betweenInclusive',
|
305
|
+
symbol: '⬌',
|
306
|
+
label: localization.filterBetweenInclusive,
|
307
|
+
divider: true
|
298
308
|
}, {
|
299
309
|
option: 'greaterThan',
|
310
|
+
symbol: '>',
|
300
311
|
label: localization.filterGreaterThan,
|
301
312
|
divider: false
|
313
|
+
}, {
|
314
|
+
option: 'greaterThanOrEqualTo',
|
315
|
+
symbol: '≥',
|
316
|
+
label: localization.filterGreaterThanOrEqualTo,
|
317
|
+
divider: false
|
302
318
|
}, {
|
303
319
|
option: 'lessThan',
|
320
|
+
symbol: '<',
|
304
321
|
label: localization.filterLessThan,
|
322
|
+
divider: false
|
323
|
+
}, {
|
324
|
+
option: 'lessThanOrEqualTo',
|
325
|
+
symbol: '≤',
|
326
|
+
label: localization.filterLessThanOrEqualTo,
|
305
327
|
divider: true
|
306
328
|
}, {
|
307
329
|
option: 'empty',
|
330
|
+
symbol: '∅',
|
308
331
|
label: localization.filterEmpty,
|
309
332
|
divider: false
|
310
333
|
}, {
|
311
334
|
option: 'notEmpty',
|
335
|
+
symbol: '!∅',
|
312
336
|
label: localization.filterNotEmpty,
|
313
337
|
divider: false
|
314
338
|
}].filter(function (filterType) {
|
@@ -356,7 +380,8 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
356
380
|
}, filterOptions.map(function (_ref4, index) {
|
357
381
|
var option = _ref4.option,
|
358
382
|
label = _ref4.label,
|
359
|
-
divider = _ref4.divider
|
383
|
+
divider = _ref4.divider,
|
384
|
+
symbol = _ref4.symbol;
|
360
385
|
return React__default.createElement(material.MenuItem, {
|
361
386
|
divider: divider,
|
362
387
|
key: index,
|
@@ -364,9 +389,20 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
|
|
364
389
|
return handleSelectFilterType(option);
|
365
390
|
},
|
366
391
|
selected: option === filterOption,
|
367
|
-
sx:
|
392
|
+
sx: {
|
393
|
+
py: '6px',
|
394
|
+
my: 0,
|
395
|
+
alignItems: 'center',
|
396
|
+
display: 'flex',
|
397
|
+
gap: '2ch'
|
398
|
+
},
|
368
399
|
value: option
|
369
|
-
},
|
400
|
+
}, React__default.createElement(material.Box, {
|
401
|
+
sx: {
|
402
|
+
fontSize: '1.25rem',
|
403
|
+
width: '2ch'
|
404
|
+
}
|
405
|
+
}, symbol), label);
|
370
406
|
}));
|
371
407
|
};
|
372
408
|
|
@@ -512,21 +548,37 @@ notEquals.autoRemove = function (val) {
|
|
512
548
|
};
|
513
549
|
|
514
550
|
var greaterThan = function greaterThan(row, id, filterValue) {
|
515
|
-
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id)
|
551
|
+
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) > +filterValue : row.getValue(id).toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
|
516
552
|
};
|
517
553
|
|
518
554
|
greaterThan.autoRemove = function (val) {
|
519
555
|
return !val;
|
520
556
|
};
|
521
557
|
|
558
|
+
var greaterThanOrEqualTo = function greaterThanOrEqualTo(row, id, filterValue) {
|
559
|
+
return equals(row, id, filterValue) || greaterThan(row, id, filterValue);
|
560
|
+
};
|
561
|
+
|
562
|
+
greaterThanOrEqualTo.autoRemove = function (val) {
|
563
|
+
return !val;
|
564
|
+
};
|
565
|
+
|
522
566
|
var lessThan = function lessThan(row, id, filterValue) {
|
523
|
-
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id)
|
567
|
+
return !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +row.getValue(id) < +filterValue : row.getValue(id).toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
|
524
568
|
};
|
525
569
|
|
526
570
|
lessThan.autoRemove = function (val) {
|
527
571
|
return !val;
|
528
572
|
};
|
529
573
|
|
574
|
+
var lessThanOrEqualTo = function lessThanOrEqualTo(row, id, filterValue) {
|
575
|
+
return equals(row, id, filterValue) || lessThan(row, id, filterValue);
|
576
|
+
};
|
577
|
+
|
578
|
+
lessThanOrEqualTo.autoRemove = function (val) {
|
579
|
+
return !val;
|
580
|
+
};
|
581
|
+
|
530
582
|
var between = function between(row, id, filterValues) {
|
531
583
|
return (['', undefined].includes(filterValues[0]) || greaterThan(row, id, filterValues[0])) && (!isNaN(+filterValues[0]) && !isNaN(+filterValues[1]) && +filterValues[0] > +filterValues[1] || ['', undefined].includes(filterValues[1]) || lessThan(row, id, filterValues[1]));
|
532
584
|
};
|
@@ -535,6 +587,14 @@ between.autoRemove = function (val) {
|
|
535
587
|
return !val;
|
536
588
|
};
|
537
589
|
|
590
|
+
var betweenInclusive = function betweenInclusive(row, id, filterValues) {
|
591
|
+
return (['', undefined].includes(filterValues[0]) || greaterThanOrEqualTo(row, id, filterValues[0])) && (!isNaN(+filterValues[0]) && !isNaN(+filterValues[1]) && +filterValues[0] > +filterValues[1] || ['', undefined].includes(filterValues[1]) || lessThanOrEqualTo(row, id, filterValues[1]));
|
592
|
+
};
|
593
|
+
|
594
|
+
betweenInclusive.autoRemove = function (val) {
|
595
|
+
return !val;
|
596
|
+
};
|
597
|
+
|
538
598
|
var empty = function empty(row, id, _filterValue) {
|
539
599
|
return !row.getValue(id).toString().trim();
|
540
600
|
};
|
@@ -553,13 +613,16 @@ notEmpty.autoRemove = function (val) {
|
|
553
613
|
|
554
614
|
var MRT_FilterFns = /*#__PURE__*/_extends({}, reactTable.filterFns, {
|
555
615
|
between: between,
|
616
|
+
betweenInclusive: betweenInclusive,
|
556
617
|
contains: contains,
|
557
618
|
empty: empty,
|
558
619
|
endsWith: endsWith,
|
559
620
|
equals: equals,
|
560
621
|
fuzzy: fuzzy,
|
561
622
|
greaterThan: greaterThan,
|
623
|
+
greaterThanOrEqualTo: greaterThanOrEqualTo,
|
562
624
|
lessThan: lessThan,
|
625
|
+
lessThanOrEqualTo: lessThanOrEqualTo,
|
563
626
|
notEmpty: notEmpty,
|
564
627
|
notEquals: notEquals,
|
565
628
|
startsWith: startsWith
|
@@ -911,7 +974,7 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
|
|
911
974
|
}));
|
912
975
|
};
|
913
976
|
|
914
|
-
var commonMenuItemStyles
|
977
|
+
var commonMenuItemStyles = {
|
915
978
|
py: '6px',
|
916
979
|
my: 0,
|
917
980
|
justifyContent: 'space-between',
|
@@ -1055,14 +1118,14 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1055
1118
|
disabled: !column.getIsSorted(),
|
1056
1119
|
key: 0,
|
1057
1120
|
onClick: handleClearSort,
|
1058
|
-
sx: commonMenuItemStyles
|
1121
|
+
sx: commonMenuItemStyles
|
1059
1122
|
}, React__default.createElement(material.Box, {
|
1060
1123
|
sx: commonListItemStyles
|
1061
1124
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(ClearAllIcon, null)), localization.clearSort)), React__default.createElement(material.MenuItem, {
|
1062
1125
|
disabled: column.getIsSorted() === 'asc',
|
1063
1126
|
key: 1,
|
1064
1127
|
onClick: handleSortAsc,
|
1065
|
-
sx: commonMenuItemStyles
|
1128
|
+
sx: commonMenuItemStyles
|
1066
1129
|
}, React__default.createElement(material.Box, {
|
1067
1130
|
sx: commonListItemStyles
|
1068
1131
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(SortIcon, null)), (_localization$sortByC = localization.sortByColumnAsc) == null ? void 0 : _localization$sortByC.replace('{column}', String(columnDef.header)))), React__default.createElement(material.MenuItem, {
|
@@ -1070,7 +1133,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1070
1133
|
key: 2,
|
1071
1134
|
disabled: column.getIsSorted() === 'desc',
|
1072
1135
|
onClick: handleSortDesc,
|
1073
|
-
sx: commonMenuItemStyles
|
1136
|
+
sx: commonMenuItemStyles
|
1074
1137
|
}, React__default.createElement(material.Box, {
|
1075
1138
|
sx: commonListItemStyles
|
1076
1139
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(SortIcon, {
|
@@ -1081,14 +1144,14 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1081
1144
|
disabled: !column.getFilterValue(),
|
1082
1145
|
key: 0,
|
1083
1146
|
onClick: handleClearFilter,
|
1084
|
-
sx: commonMenuItemStyles
|
1147
|
+
sx: commonMenuItemStyles
|
1085
1148
|
}, React__default.createElement(material.Box, {
|
1086
1149
|
sx: commonListItemStyles
|
1087
1150
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(FilterListOffIcon, null)), localization.clearFilter)), React__default.createElement(material.MenuItem, {
|
1088
1151
|
divider: enableGrouping || enableHiding,
|
1089
1152
|
key: 1,
|
1090
1153
|
onClick: handleFilterByColumn,
|
1091
|
-
sx: commonMenuItemStyles
|
1154
|
+
sx: commonMenuItemStyles
|
1092
1155
|
}, React__default.createElement(material.Box, {
|
1093
1156
|
sx: commonListItemStyles
|
1094
1157
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(FilterListIcon, null)), (_localization$filterB = localization.filterByColumn) == null ? void 0 : _localization$filterB.replace('{column}', String(columnDef.header))), showFilterModeSubMenu && React__default.createElement(material.IconButton, {
|
@@ -1109,7 +1172,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1109
1172
|
divider: enablePinning,
|
1110
1173
|
key: 0,
|
1111
1174
|
onClick: handleGroupByColumn,
|
1112
|
-
sx: commonMenuItemStyles
|
1175
|
+
sx: commonMenuItemStyles
|
1113
1176
|
}, React__default.createElement(material.Box, {
|
1114
1177
|
sx: commonListItemStyles
|
1115
1178
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(DynamicFeedIcon, null)), (_localization = localization[column.getIsGrouped() ? 'ungroupByColumn' : 'groupByColumn']) == null ? void 0 : _localization.replace('{column}', String(columnDef.header))))], enablePinning && column.getCanPin() && [React__default.createElement(material.MenuItem, {
|
@@ -1118,7 +1181,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1118
1181
|
onClick: function onClick() {
|
1119
1182
|
return handlePinColumn('left');
|
1120
1183
|
},
|
1121
|
-
sx: commonMenuItemStyles
|
1184
|
+
sx: commonMenuItemStyles
|
1122
1185
|
}, React__default.createElement(material.Box, {
|
1123
1186
|
sx: commonListItemStyles
|
1124
1187
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(PushPinIcon, {
|
@@ -1131,7 +1194,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1131
1194
|
onClick: function onClick() {
|
1132
1195
|
return handlePinColumn('right');
|
1133
1196
|
},
|
1134
|
-
sx: commonMenuItemStyles
|
1197
|
+
sx: commonMenuItemStyles
|
1135
1198
|
}, React__default.createElement(material.Box, {
|
1136
1199
|
sx: commonListItemStyles
|
1137
1200
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(PushPinIcon, {
|
@@ -1145,21 +1208,21 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1145
1208
|
onClick: function onClick() {
|
1146
1209
|
return handlePinColumn(false);
|
1147
1210
|
},
|
1148
|
-
sx: commonMenuItemStyles
|
1211
|
+
sx: commonMenuItemStyles
|
1149
1212
|
}, React__default.createElement(material.Box, {
|
1150
1213
|
sx: commonListItemStyles
|
1151
1214
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(PushPinIcon, null)), localization.unpin))], enableColumnResizing && column.getCanResize() && [React__default.createElement(material.MenuItem, {
|
1152
1215
|
disabled: !columnSizing[column.id],
|
1153
1216
|
key: 0,
|
1154
1217
|
onClick: handleResetColumnSize,
|
1155
|
-
sx: commonMenuItemStyles
|
1218
|
+
sx: commonMenuItemStyles
|
1156
1219
|
}, React__default.createElement(material.Box, {
|
1157
1220
|
sx: commonListItemStyles
|
1158
1221
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(RestartAltIcon, null)), localization.resetColumnSize))], enableHiding && [React__default.createElement(material.MenuItem, {
|
1159
1222
|
disabled: columnDef.enableHiding === false,
|
1160
1223
|
key: 0,
|
1161
1224
|
onClick: handleHideColumn,
|
1162
|
-
sx: commonMenuItemStyles
|
1225
|
+
sx: commonMenuItemStyles
|
1163
1226
|
}, React__default.createElement(material.Box, {
|
1164
1227
|
sx: commonListItemStyles
|
1165
1228
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(VisibilityOffIcon, null)), (_localization$hideCol = localization.hideColumn) == null ? void 0 : _localization$hideCol.replace('{column}', String(columnDef.header)))), React__default.createElement(material.MenuItem, {
|
@@ -1168,7 +1231,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
|
|
1168
1231
|
}).length,
|
1169
1232
|
key: 1,
|
1170
1233
|
onClick: handleShowAllColumns,
|
1171
|
-
sx: commonMenuItemStyles
|
1234
|
+
sx: commonMenuItemStyles
|
1172
1235
|
}, React__default.createElement(material.Box, {
|
1173
1236
|
sx: commonListItemStyles
|
1174
1237
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(ViewColumnIcon, null)), (_localization$showAll = localization.showAllColumns) == null ? void 0 : _localization$showAll.replace('{column}', String(columnDef.header))), React__default.createElement(material.IconButton, {
|
@@ -1214,7 +1277,7 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
|
|
1214
1277
|
}
|
1215
1278
|
}, enableEditing && React__default.createElement(material.MenuItem, {
|
1216
1279
|
onClick: handleEdit,
|
1217
|
-
sx: commonMenuItemStyles
|
1280
|
+
sx: commonMenuItemStyles
|
1218
1281
|
}, React__default.createElement(material.Box, {
|
1219
1282
|
sx: commonListItemStyles
|
1220
1283
|
}, React__default.createElement(material.ListItemIcon, null, React__default.createElement(EditIcon, null)), localization.edit)), renderRowActionMenuItems == null ? void 0 : renderRowActionMenuItems({
|