material-react-table 0.25.0 → 0.26.2
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +13 -11
- 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 +188 -103
- 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 +188 -103
- 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/body/MRT_TableBodyCell.tsx +3 -1
- package/src/body/MRT_TableBodyRow.tsx +3 -1
- package/src/body/MRT_TableDetailPanel.tsx +5 -3
- package/src/buttons/MRT_CopyButton.tsx +5 -3
- package/src/buttons/MRT_ExpandButton.tsx +5 -3
- package/src/{utils.ts → column.utils.ts} +0 -0
- package/src/filtersFns.ts +47 -13
- package/src/footer/MRT_TableFooterCell.tsx +3 -1
- package/src/head/MRT_TableHeadCell.tsx +5 -1
- package/src/head/MRT_TableHeadCellColumnActionsButton.tsx +5 -3
- package/src/head/MRT_TableHeadCellGrabHandle.tsx +1 -1
- package/src/inputs/MRT_FilterTextField.tsx +9 -4
- package/src/inputs/MRT_SelectCheckbox.tsx +5 -3
- 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_Table.tsx +5 -3
- package/src/table/MRT_TableContainer.tsx +5 -3
- package/src/table/MRT_TableRoot.tsx +12 -12
- package/src/toolbar/MRT_TablePagination.tsx +5 -3
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +5 -3
- package/src/toolbar/MRT_ToolbarBottom.tsx +3 -1
- package/src/toolbar/MRT_ToolbarTop.tsx +3 -1
package/README.md
CHANGED
@@ -55,30 +55,30 @@ _All features can easily be enabled/disabled_
|
|
55
55
|
- [x] < 35kb gzipped - [Bundlephobia](https://bundlephobia.com/package/material-react-table)
|
56
56
|
- [x] Advanced TypeScript Generics Support (TypeScript Optional)
|
57
57
|
- [x] Click To Copy Cell Values
|
58
|
-
- [x] Column
|
59
|
-
- [x] Column Grouping (Group By and Aggregates)
|
58
|
+
- [x] Column Action Dropdown Menu
|
59
|
+
- [x] Column/Row 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;
|