material-react-table 0.6.9 → 0.6.10
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 +8 -4
- package/dist/enums.d.ts +2 -1
- package/dist/filtersFNs.d.ts +13 -5
- package/dist/localization.d.ts +3 -1
- package/dist/material-react-table.cjs.development.js +280 -213
- 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 +281 -214
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/menus/MRT_FilterTypeMenu.d.ts +1 -1
- package/dist/useMRT.d.ts +1 -0
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +15 -6
- package/src/body/MRT_TableBodyCell.tsx +8 -2
- package/src/body/MRT_TableBodyRow.tsx +15 -6
- package/src/buttons/MRT_CopyButton.tsx +24 -6
- package/src/buttons/MRT_ExpandAllButton.tsx +13 -20
- package/src/buttons/MRT_ExpandButton.tsx +20 -33
- package/src/enums.ts +2 -1
- package/src/filtersFNs.ts +17 -3
- package/src/head/MRT_TableHeadCell.tsx +1 -0
- package/src/head/MRT_TableHeadRow.tsx +28 -17
- package/src/inputs/MRT_FilterTextField.tsx +1 -8
- package/src/inputs/MRT_SearchTextField.tsx +27 -3
- package/src/localization.ts +7 -3
- package/src/menus/MRT_FilterTypeMenu.tsx +44 -18
- package/src/useMRT.tsx +12 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { AlertProps, CheckboxProps, IconButtonProps, LinearProgressProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
|
|
2
|
+
import { AlertProps, ButtonProps, CheckboxProps, IconButtonProps, LinearProgressProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
|
|
3
3
|
import { Cell, Column, ColumnInstance, FilterType, ColumnInterface, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
|
|
4
4
|
import { MRT_Localization } from './localization';
|
|
5
5
|
import { MRT_Icons } from './icons';
|
|
@@ -36,17 +36,18 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = ColumnInterface<D>
|
|
|
36
36
|
disableColumnHiding?: boolean;
|
|
37
37
|
disableEditing?: boolean;
|
|
38
38
|
disableFilters?: boolean;
|
|
39
|
+
enabledFilterTypes?: (MRT_FILTER_TYPE | string)[];
|
|
39
40
|
filter?: MRT_FilterType | string | FilterType<D>;
|
|
40
41
|
filterSelectOptions?: (string | {
|
|
41
42
|
text: string;
|
|
42
43
|
value: string;
|
|
43
44
|
})[];
|
|
44
|
-
|
|
45
|
+
muiTableBodyCellCopyButtonProps?: ButtonProps | ((cell?: MRT_Cell<D>) => ButtonProps);
|
|
45
46
|
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
|
|
46
47
|
muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
|
|
47
48
|
muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
|
|
48
|
-
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
|
|
49
49
|
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((column: Column<D>) => IconButtonProps);
|
|
50
|
+
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
|
|
50
51
|
muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
|
|
51
52
|
onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
|
|
52
53
|
onFilterChange?: (event: ChangeEvent<HTMLInputElement>, filterValue: any) => void;
|
|
@@ -69,6 +70,7 @@ export declare type MRT_TableState<D extends {} = {}> = TableState<D> & UseColum
|
|
|
69
70
|
currentFilterTypes: {
|
|
70
71
|
[key: string]: MRT_FilterType;
|
|
71
72
|
};
|
|
73
|
+
currentGlobalFilterType: MRT_FilterType;
|
|
72
74
|
densePadding: boolean;
|
|
73
75
|
fullScreen: boolean;
|
|
74
76
|
showFilters: boolean;
|
|
@@ -89,6 +91,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
|
|
|
89
91
|
enableRowEditing?: boolean;
|
|
90
92
|
enableRowNumbers?: boolean;
|
|
91
93
|
enableSelection?: boolean;
|
|
94
|
+
enabledGlobalFilterTypes?: (MRT_FILTER_TYPE | string)[];
|
|
92
95
|
filterTypes?: {
|
|
93
96
|
[key in MRT_FILTER_TYPE]: any;
|
|
94
97
|
};
|
|
@@ -105,6 +108,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
|
|
|
105
108
|
muiLinearProgressProps?: LinearProgressProps | ((tableInstance: MRT_TableInstance) => LinearProgressProps);
|
|
106
109
|
muiSearchTextFieldProps?: TextFieldProps;
|
|
107
110
|
muiSelectCheckboxProps?: CheckboxProps | ((isSelectAll?: boolean, row?: MRT_Row<D>, tableInstance?: MRT_TableInstance<D>) => CheckboxProps);
|
|
111
|
+
muiTableBodyCellCopyButtonProps?: ButtonProps | ((cell?: MRT_Cell<D>) => ButtonProps);
|
|
108
112
|
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell?: MRT_Cell<D>) => TextFieldProps);
|
|
109
113
|
muiTableBodyCellProps?: TableCellProps | ((cell?: MRT_Cell<D>) => TableCellProps);
|
|
110
114
|
muiTableBodyCellSkeletonProps?: SkeletonProps | ((cell?: MRT_Cell<D>) => SkeletonProps);
|
|
@@ -132,8 +136,8 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
|
|
|
132
136
|
onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: Row<D>) => void;
|
|
133
137
|
onRowEditSubmit?: (row: Row<D>) => Promise<void> | void;
|
|
134
138
|
onRowExpandChange?: (event: MouseEvent<HTMLButtonElement>, row: Row<D>) => void;
|
|
135
|
-
onSelectChange?: (event: ChangeEvent, row: Row<D>, selectedRows: Row<D>[]) => void;
|
|
136
139
|
onSelectAllChange?: (event: ChangeEvent, selectedRows: Row<D>[]) => void;
|
|
140
|
+
onSelectChange?: (event: ChangeEvent, row: Row<D>, selectedRows: Row<D>[]) => void;
|
|
137
141
|
positionActionsColumn?: 'first' | 'last';
|
|
138
142
|
positionPagination?: 'bottom' | 'top' | 'both';
|
|
139
143
|
positionToolbarActions?: 'bottom' | 'top';
|
package/dist/enums.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export declare enum MRT_FILTER_TYPE {
|
|
2
|
+
BEST_MATCH = "bestMatch",
|
|
3
|
+
BEST_MATCH_FIRST = "bestMatchFirst",
|
|
2
4
|
CONTAINS = "contains",
|
|
3
5
|
EMPTY = "empty",
|
|
4
6
|
ENDS_WITH = "endsWith",
|
|
5
7
|
EQUALS = "equals",
|
|
6
|
-
FUZZY = "fuzzy",
|
|
7
8
|
GREATER_THAN = "greaterThan",
|
|
8
9
|
LESS_THAN = "lessThan",
|
|
9
10
|
NOT_EMPTY = "notEmpty",
|
package/dist/filtersFNs.d.ts
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { MRT_Row } from '.';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const bestMatchFirst: {
|
|
3
|
+
(rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
|
|
4
|
+
autoRemove(val: any): boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const bestMatch: {
|
|
3
7
|
(rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
|
|
4
8
|
autoRemove(val: any): boolean;
|
|
5
9
|
};
|
|
@@ -40,6 +44,14 @@ export declare const notEmpty: {
|
|
|
40
44
|
autoRemove(val: any): boolean;
|
|
41
45
|
};
|
|
42
46
|
export declare const defaultFilterFNs: {
|
|
47
|
+
bestMatch: {
|
|
48
|
+
(rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
|
|
49
|
+
autoRemove(val: any): boolean;
|
|
50
|
+
};
|
|
51
|
+
bestMatchFirst: {
|
|
52
|
+
(rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
|
|
53
|
+
autoRemove(val: any): boolean;
|
|
54
|
+
};
|
|
43
55
|
contains: {
|
|
44
56
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
45
57
|
autoRemove(val: any): boolean;
|
|
@@ -56,10 +68,6 @@ export declare const defaultFilterFNs: {
|
|
|
56
68
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
57
69
|
autoRemove(val: any): boolean;
|
|
58
70
|
};
|
|
59
|
-
fuzzy: {
|
|
60
|
-
(rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
|
|
61
|
-
autoRemove(val: any): boolean;
|
|
62
|
-
};
|
|
63
71
|
greaterThan: {
|
|
64
72
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
65
73
|
autoRemove(val: any): boolean;
|
package/dist/localization.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export interface MRT_Localization {
|
|
|
2
2
|
actions: string;
|
|
3
3
|
cancel: string;
|
|
4
4
|
changeFilterMode: string;
|
|
5
|
+
changeSearchMode: string;
|
|
5
6
|
clearFilter: string;
|
|
6
7
|
clearSearch: string;
|
|
7
8
|
clearSort: string;
|
|
@@ -11,12 +12,13 @@ export interface MRT_Localization {
|
|
|
11
12
|
edit: string;
|
|
12
13
|
expand: string;
|
|
13
14
|
expandAll: string;
|
|
15
|
+
filterBestMatchFirst: string;
|
|
14
16
|
filterByColumn: string;
|
|
15
17
|
filterContains: string;
|
|
16
18
|
filterEmpty: string;
|
|
17
19
|
filterEndsWith: string;
|
|
18
20
|
filterEquals: string;
|
|
19
|
-
|
|
21
|
+
filterBestMatch: string;
|
|
20
22
|
filterGreaterThan: string;
|
|
21
23
|
filterLessThan: string;
|
|
22
24
|
filterMode: string;
|