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.
Files changed (36) hide show
  1. package/README.md +13 -11
  2. package/dist/{utils.d.ts → column.utils.d.ts} +1 -1
  3. package/dist/filtersFns.d.ts +22 -54
  4. package/dist/localization.d.ts +3 -0
  5. package/dist/material-react-table.cjs.development.js +188 -103
  6. package/dist/material-react-table.cjs.development.js.map +1 -1
  7. package/dist/material-react-table.cjs.production.min.js +1 -1
  8. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  9. package/dist/material-react-table.esm.js +188 -103
  10. package/dist/material-react-table.esm.js.map +1 -1
  11. package/dist/table/MRT_TableRoot.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/body/MRT_TableBodyCell.tsx +3 -1
  14. package/src/body/MRT_TableBodyRow.tsx +3 -1
  15. package/src/body/MRT_TableDetailPanel.tsx +5 -3
  16. package/src/buttons/MRT_CopyButton.tsx +5 -3
  17. package/src/buttons/MRT_ExpandButton.tsx +5 -3
  18. package/src/{utils.ts → column.utils.ts} +0 -0
  19. package/src/filtersFns.ts +47 -13
  20. package/src/footer/MRT_TableFooterCell.tsx +3 -1
  21. package/src/head/MRT_TableHeadCell.tsx +5 -1
  22. package/src/head/MRT_TableHeadCellColumnActionsButton.tsx +5 -3
  23. package/src/head/MRT_TableHeadCellGrabHandle.tsx +1 -1
  24. package/src/inputs/MRT_FilterTextField.tsx +9 -4
  25. package/src/inputs/MRT_SelectCheckbox.tsx +5 -3
  26. package/src/localization.ts +6 -0
  27. package/src/menus/MRT_FilterOptionMenu.tsx +105 -72
  28. package/src/menus/MRT_ShowHideColumnsMenu.tsx +1 -1
  29. package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +1 -1
  30. package/src/table/MRT_Table.tsx +5 -3
  31. package/src/table/MRT_TableContainer.tsx +5 -3
  32. package/src/table/MRT_TableRoot.tsx +12 -12
  33. package/src/toolbar/MRT_TablePagination.tsx +5 -3
  34. package/src/toolbar/MRT_ToolbarAlertBanner.tsx +5 -3
  35. package/src/toolbar/MRT_ToolbarBottom.tsx +3 -1
  36. 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 Actions
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 (work in progress)
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 and multiple built-in filter modes
70
- - [x] Full Screen mode
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] Remote/Server-side sorting and filtering supported
77
- - [x] Row Actions
76
+ - [x] Row Actions (Your Custom Action Buttons)
78
77
  - [x] Row Numbers
79
- - [x] Row Selection (checkboxes)
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[];
@@ -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
- <TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValue: string | number): boolean;
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
- <TData_2 extends Record<string, any> = {}>(row: Row<TData_2>, id: string, _filterValue: string | number): boolean;
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
- <TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, filterValue: string | number): boolean;
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
- <TData_4 extends Record<string, any> = {}>(row: Row<TData_4>, id: string, filterValue: string | number): boolean;
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
- <TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
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
- <TData_6 extends Record<string, any> = {}>(row: Row<TData_6>, id: string, filterValue: string | number): boolean;
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
- <TData_7 extends Record<string, any> = {}>(row: Row<TData_7>, id: string, filterValue: string | number): boolean;
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
- <TData_8 extends Record<string, any> = {}>(row: Row<TData_8>, id: string, _filterValue: string | number): boolean;
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
- <TData_9 extends Record<string, any> = {}>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
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
- <TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
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>;
@@ -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;