material-react-table 0.25.0 → 0.26.2
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 +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;
|