material-react-table 0.5.2 → 0.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MaterialReactTable.d.ts +10 -5
- package/dist/filtersFNs.d.ts +67 -0
- package/dist/icons.d.ts +3 -0
- package/dist/localization.d.ts +14 -1
- package/dist/material-react-table.cjs.development.js +448 -85
- 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 +449 -86
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/menus/MRT_FilterTypeMenu.d.ts +10 -0
- package/dist/useMRT.d.ts +13 -9
- package/package.json +6 -2
- package/src/MaterialReactTable.tsx +25 -5
- package/src/body/MRT_TableBody.tsx +7 -2
- package/src/buttons/MRT_EditActionButtons.tsx +3 -1
- package/src/buttons/MRT_ShowHideColumnsButton.tsx +34 -31
- package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +4 -3
- package/src/buttons/MRT_ToggleFiltersButton.tsx +3 -1
- package/src/buttons/MRT_ToggleSearchButton.tsx +5 -2
- package/src/filtersFNs.ts +112 -0
- package/src/footer/MRT_TableFooter.tsx +6 -1
- package/src/footer/MRT_TableFooterCell.tsx +1 -1
- package/src/head/MRT_TableHeadCell.tsx +91 -44
- package/src/{icons.tsx → icons.ts} +9 -0
- package/src/index.tsx +0 -2
- package/src/inputs/MRT_FilterTextField.tsx +121 -52
- package/src/inputs/MRT_SearchTextField.tsx +2 -1
- package/src/inputs/MRT_SelectCheckbox.tsx +5 -7
- package/src/localization.ts +30 -4
- package/src/menus/MRT_ColumnActionMenu.tsx +145 -78
- package/src/menus/MRT_FilterTypeMenu.tsx +107 -0
- package/src/menus/MRT_RowActionMenu.tsx +20 -9
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +1 -1
- package/src/table/MRT_Table.tsx +7 -2
- package/src/table/MRT_TableContainer.tsx +15 -2
- package/src/useMRT.tsx +67 -13
|
@@ -48,8 +48,12 @@ export declare type MRT_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D>
|
|
|
48
48
|
cells: MRT_Cell<D>[];
|
|
49
49
|
};
|
|
50
50
|
export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {};
|
|
51
|
+
export declare type MRT_FilterType = 'contains' | 'empty' | 'endsWith' | 'equals' | 'fuzzy' | 'notEmpty' | 'notEquals' | 'startsWith';
|
|
51
52
|
export declare type MRT_TableState<D extends {} = {}> = TableState<D> & UseColumnOrderState<D> & UseExpandedState<D> & UseFiltersState<D> & UseGlobalFiltersState<D> & UseGroupByState<D> & UsePaginationState<D> & UseResizeColumnsState<D> & UseRowSelectState<D> & UseRowStateState<D> & UseSortByState<D> & {
|
|
52
53
|
currentEditingRow: MRT_Row<D> | null;
|
|
54
|
+
currentFilterTypes: {
|
|
55
|
+
[key: string]: MRT_FilterType;
|
|
56
|
+
};
|
|
53
57
|
densePadding: boolean;
|
|
54
58
|
fullScreen: boolean;
|
|
55
59
|
showFilters: boolean;
|
|
@@ -75,25 +79,26 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
|
|
|
75
79
|
hideToolbarInternalActions?: boolean;
|
|
76
80
|
hideToolbarTop?: boolean;
|
|
77
81
|
icons?: Partial<MRT_Icons>;
|
|
82
|
+
idPrefix?: string;
|
|
78
83
|
isFetching?: boolean;
|
|
79
84
|
isLoading?: boolean;
|
|
80
85
|
localization?: Partial<MRT_Localization>;
|
|
81
86
|
muiSearchTextFieldProps?: TextFieldProps;
|
|
82
87
|
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell?: MRT_Cell<D>) => TextFieldProps);
|
|
83
88
|
muiTableBodyCellProps?: TableCellProps | ((cell?: MRT_Cell<D>) => TableCellProps);
|
|
84
|
-
muiTableBodyProps?: TableBodyProps;
|
|
89
|
+
muiTableBodyProps?: TableBodyProps | ((tableInstance: MRT_TableInstance<D>) => TableBodyProps);
|
|
85
90
|
muiTableBodyRowProps?: TableRowProps | ((row: Row<D>) => TableRowProps);
|
|
86
|
-
muiTableContainerProps?: TableContainerProps | ((
|
|
91
|
+
muiTableContainerProps?: TableContainerProps | ((tableInstance: MRT_TableInstance<D>) => TableContainerProps);
|
|
87
92
|
muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
|
|
88
93
|
muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
|
|
89
|
-
muiTableFooterProps?: TableFooterProps;
|
|
94
|
+
muiTableFooterProps?: TableFooterProps | ((tableInstance: MRT_TableInstance<D>) => TableFooterProps);
|
|
90
95
|
muiTableFooterRowProps?: TableRowProps | ((footerGroup: MRT_HeaderGroup<D>) => TableRowProps);
|
|
91
96
|
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
|
|
92
97
|
muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
|
|
93
|
-
muiTableHeadProps?: TableHeadProps;
|
|
98
|
+
muiTableHeadProps?: TableHeadProps | ((tableInstance: MRT_TableInstance<D>) => TableHeadProps);
|
|
94
99
|
muiTableHeadRowProps?: TableRowProps | ((row: MRT_HeaderGroup<D>) => TableRowProps);
|
|
95
100
|
muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: MRT_TableInstance<D>) => Partial<TablePaginationProps>);
|
|
96
|
-
muiTableProps?: TableProps;
|
|
101
|
+
muiTableProps?: TableProps | ((tableInstance: MRT_TableInstance<D>) => TableProps);
|
|
97
102
|
muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: MRT_TableInstance<D>) => AlertProps);
|
|
98
103
|
muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
|
|
99
104
|
muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { MRT_Row } from '.';
|
|
2
|
+
export declare const fuzzyFilterFN: {
|
|
3
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
4
|
+
autoRemove(val: any): boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const containsFilterFN: {
|
|
7
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
8
|
+
autoRemove(val: any): boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare const startsWithFilterFN: {
|
|
11
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
12
|
+
autoRemove(val: any): boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare const endsWithFilterFN: {
|
|
15
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
16
|
+
autoRemove(val: any): boolean;
|
|
17
|
+
};
|
|
18
|
+
export declare const equalsFilterFN: {
|
|
19
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
20
|
+
autoRemove(val: any): boolean;
|
|
21
|
+
};
|
|
22
|
+
export declare const notEqualsFilterFN: {
|
|
23
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
24
|
+
autoRemove(val: any): boolean;
|
|
25
|
+
};
|
|
26
|
+
export declare const emptyFilterFN: {
|
|
27
|
+
(rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
|
|
28
|
+
autoRemove(val: any): boolean;
|
|
29
|
+
};
|
|
30
|
+
export declare const notEmptyFilterFN: {
|
|
31
|
+
(rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
|
|
32
|
+
autoRemove(val: any): boolean;
|
|
33
|
+
};
|
|
34
|
+
export declare const defaultFilterFNs: {
|
|
35
|
+
contains: {
|
|
36
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
37
|
+
autoRemove(val: any): boolean;
|
|
38
|
+
};
|
|
39
|
+
empty: {
|
|
40
|
+
(rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
|
|
41
|
+
autoRemove(val: any): boolean;
|
|
42
|
+
};
|
|
43
|
+
endsWith: {
|
|
44
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
45
|
+
autoRemove(val: any): boolean;
|
|
46
|
+
};
|
|
47
|
+
equals: {
|
|
48
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
49
|
+
autoRemove(val: any): boolean;
|
|
50
|
+
};
|
|
51
|
+
fuzzy: {
|
|
52
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
53
|
+
autoRemove(val: any): boolean;
|
|
54
|
+
};
|
|
55
|
+
notEmpty: {
|
|
56
|
+
(rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
|
|
57
|
+
autoRemove(val: any): boolean;
|
|
58
|
+
};
|
|
59
|
+
notEquals: {
|
|
60
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
61
|
+
autoRemove(val: any): boolean;
|
|
62
|
+
};
|
|
63
|
+
startsWith: {
|
|
64
|
+
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
65
|
+
autoRemove(val: any): boolean;
|
|
66
|
+
};
|
|
67
|
+
};
|
package/dist/icons.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export interface MRT_Icons {
|
|
2
|
+
ArrowRightIcon: any;
|
|
2
3
|
CancelIcon: any;
|
|
3
4
|
ClearAllIcon: any;
|
|
4
5
|
CloseIcon: any;
|
|
@@ -9,6 +10,8 @@ export interface MRT_Icons {
|
|
|
9
10
|
EditIcon: any;
|
|
10
11
|
ExpandLessIcon: any;
|
|
11
12
|
ExpandMoreIcon: any;
|
|
13
|
+
FilterAltIcon: any;
|
|
14
|
+
FilterAltOff: any;
|
|
12
15
|
FilterListIcon: any;
|
|
13
16
|
FilterListOffIcon: any;
|
|
14
17
|
FullscreenExitIcon: any;
|
package/dist/localization.d.ts
CHANGED
|
@@ -11,6 +11,19 @@ export interface MRT_Localization {
|
|
|
11
11
|
columnShowHideMenuShowAll: string;
|
|
12
12
|
expandAllButtonTitle: string;
|
|
13
13
|
expandButtonTitle: string;
|
|
14
|
+
filterApplied: string;
|
|
15
|
+
filterMenuItemContains: string;
|
|
16
|
+
filterMenuItemEmpty: string;
|
|
17
|
+
filterMenuItemEndsWith: string;
|
|
18
|
+
filterMenuItemEquals: string;
|
|
19
|
+
filterMenuItemFuzzy: string;
|
|
20
|
+
filterMenuItemNotEmpty: string;
|
|
21
|
+
filterMenuItemNotEquals: string;
|
|
22
|
+
filterMenuItemStartsWith: string;
|
|
23
|
+
filterMenuTitle: string;
|
|
24
|
+
filterTextFieldChangeFilterButtonTitle: string;
|
|
25
|
+
filterTextFieldChipLabelEmpty: string;
|
|
26
|
+
filterTextFieldChipLabelNotEmpty: string;
|
|
14
27
|
filterTextFieldClearButtonTitle: string;
|
|
15
28
|
filterTextFieldPlaceholder: string;
|
|
16
29
|
rowActionButtonCancel: string;
|
|
@@ -27,8 +40,8 @@ export interface MRT_Localization {
|
|
|
27
40
|
toggleFilterButtonTitle: string;
|
|
28
41
|
toggleFullScreenButtonTitle: string;
|
|
29
42
|
toggleSearchButtonTitle: string;
|
|
30
|
-
toolbarAlertSelectionMessage: string;
|
|
31
43
|
toolbarAlertGroupedByMessage: string;
|
|
32
44
|
toolbarAlertGroupedThenByMessage: string;
|
|
45
|
+
toolbarAlertSelectionMessage: string;
|
|
33
46
|
}
|
|
34
47
|
export declare const MRT_DefaultLocalization_EN: MRT_Localization;
|