material-react-table 0.6.1 → 0.6.4
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 +18 -10
- package/dist/filtersFNs.d.ts +12 -20
- package/dist/material-react-table.cjs.development.js +249 -228
- 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 +250 -229
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/toolbar/MRT_LinearProgressBar.d.ts +5 -0
- package/dist/toolbar/MRT_ToolbarTop.d.ts +11 -0
- package/dist/useMRT.d.ts +5 -1
- package/dist/utils.d.ts +2 -0
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +67 -53
- package/src/body/MRT_TableBody.tsx +3 -1
- package/src/filtersFNs.ts +34 -45
- package/src/inputs/MRT_FilterTextField.tsx +25 -12
- package/src/menus/MRT_ColumnActionMenu.tsx +5 -4
- package/src/menus/MRT_FilterTypeMenu.tsx +20 -20
- package/src/table/MRT_TableContainer.tsx +4 -28
- package/src/toolbar/MRT_LinearProgressBar.tsx +25 -0
- package/src/toolbar/MRT_TablePagination.tsx +1 -1
- package/src/toolbar/MRT_ToolbarBottom.tsx +18 -21
- package/src/toolbar/MRT_ToolbarTop.tsx +21 -10
- package/src/useMRT.tsx +48 -44
- package/src/utils.ts +17 -0
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
|
|
2
2
|
import { AlertProps, IconButtonProps, LinearProgressProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
|
|
3
|
-
import { Cell, Column, ColumnInstance, FilterType, 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';
|
|
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';
|
|
6
6
|
import { MRT_FILTER_TYPE } from './enums';
|
|
7
7
|
export declare type MRT_TableOptions<D extends {} = {}> = TableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
|
|
8
|
-
columns:
|
|
8
|
+
columns: MRT_ColumnInterface[];
|
|
9
9
|
data: D[];
|
|
10
10
|
initialState?: Partial<MRT_TableState>;
|
|
11
11
|
};
|
|
12
12
|
export declare type MRT_TableInstance<D extends {} = {}> = TableInstance<D> & UseTableInstanceProps<D> & UseColumnOrderInstanceProps<D> & UseExpandedInstanceProps<D> & UseFiltersInstanceProps<D> & UseGlobalFiltersInstanceProps<D> & UseGroupByInstanceProps<D> & UsePaginationInstanceProps<D> & UseRowSelectInstanceProps<D> & UseRowStateInstanceProps<D> & UseSortByInstanceProps<D> & {
|
|
13
13
|
columns: (Column<D> & MRT_ColumnInstance<D>)[];
|
|
14
|
-
headerGroups: MRT_HeaderGroup<D>[];
|
|
15
14
|
footerGroups: MRT_HeaderGroup<D>[];
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
getToggleAllRowsExpandedProps: () => void;
|
|
16
|
+
headerGroups: MRT_HeaderGroup<D>[];
|
|
18
17
|
page: MRT_Row<D>[];
|
|
19
18
|
resetResizing: () => void;
|
|
20
|
-
|
|
19
|
+
rows: MRT_Row<D>[];
|
|
20
|
+
state: MRT_TableState<D>;
|
|
21
21
|
};
|
|
22
|
-
export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
|
|
22
|
+
export declare type MRT_ColumnInterface<D extends {} = {}> = ColumnInterface<D> & UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
|
|
23
23
|
Edit?: ({ cell, onChange, }: {
|
|
24
24
|
cell: MRT_Cell<D>;
|
|
25
25
|
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -29,6 +29,8 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
|
|
|
29
29
|
}) => ReactNode;
|
|
30
30
|
Footer?: string;
|
|
31
31
|
Header?: string;
|
|
32
|
+
accessor?: string;
|
|
33
|
+
columns?: MRT_ColumnInterface<D>[];
|
|
32
34
|
disableFilters?: boolean;
|
|
33
35
|
editable?: boolean;
|
|
34
36
|
filter?: MRT_FilterType | string | FilterType<D>;
|
|
@@ -36,6 +38,7 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
|
|
|
36
38
|
text: string;
|
|
37
39
|
value: string;
|
|
38
40
|
})[];
|
|
41
|
+
filterTypes?: (MRT_FILTER_TYPE | string)[];
|
|
39
42
|
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
|
|
40
43
|
muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
|
|
41
44
|
muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
|
|
@@ -44,7 +47,7 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
|
|
|
44
47
|
onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
|
|
45
48
|
onFilterChange?: (event: ChangeEvent<HTMLInputElement>, filterValue: any) => void;
|
|
46
49
|
};
|
|
47
|
-
export declare type MRT_ColumnInstance<D extends {} = {}> = ColumnInstance<D> & UseFiltersColumnProps<D> & UseGroupByColumnProps<D> & UseResizeColumnsColumnProps<D> & UseSortByColumnProps<D> & {
|
|
50
|
+
export declare type MRT_ColumnInstance<D extends {} = {}> = ColumnInstance<D> & UseFiltersColumnProps<D> & UseGroupByColumnProps<D> & UseResizeColumnsColumnProps<D> & UseSortByColumnProps<D> & MRT_ColumnInterface<D> & {
|
|
48
51
|
columns?: MRT_ColumnInstance<D>[];
|
|
49
52
|
};
|
|
50
53
|
export declare type MRT_HeaderGroup<D extends {} = {}> = HeaderGroup<D> & MRT_ColumnInstance<D> & UseTableHeaderGroupProps<D> & {
|
|
@@ -53,7 +56,9 @@ export declare type MRT_HeaderGroup<D extends {} = {}> = HeaderGroup<D> & MRT_Co
|
|
|
53
56
|
export declare type MRT_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D> & UseGroupByRowProps<D> & UseRowSelectRowProps<D> & UseRowStateRowProps<D> & {
|
|
54
57
|
cells: MRT_Cell<D>[];
|
|
55
58
|
};
|
|
56
|
-
export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {
|
|
59
|
+
export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {
|
|
60
|
+
column: MRT_ColumnInstance<D>;
|
|
61
|
+
};
|
|
57
62
|
export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
|
|
58
63
|
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> & {
|
|
59
64
|
currentEditingRow: MRT_Row<D> | null;
|
|
@@ -79,6 +84,9 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
|
|
|
79
84
|
enableRowEditing?: boolean;
|
|
80
85
|
enableRowNumbers?: boolean;
|
|
81
86
|
enableSelection?: boolean;
|
|
87
|
+
filterTypes?: {
|
|
88
|
+
[key in MRT_FILTER_TYPE]: any;
|
|
89
|
+
};
|
|
82
90
|
hideTableFooter?: boolean;
|
|
83
91
|
hideTableHead?: boolean;
|
|
84
92
|
hideToolbarBottom?: boolean;
|
|
@@ -135,5 +143,5 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
|
|
|
135
143
|
MRT_FullScreenToggleButton: FC<IconButtonProps>;
|
|
136
144
|
}) => ReactNode;
|
|
137
145
|
};
|
|
138
|
-
declare const _default: <D extends {}>({ defaultColumn, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
146
|
+
declare const _default: <D extends {} = {}>({ defaultColumn, filterTypes, globalFilter, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
139
147
|
export default _default;
|
package/dist/filtersFNs.d.ts
CHANGED
|
@@ -1,45 +1,41 @@
|
|
|
1
1
|
import { MRT_Row } from '.';
|
|
2
|
-
export declare const
|
|
3
|
-
(rows: MRT_Row[], columnIds: string[], filterValue: string | number): MRT_Row<{}>[];
|
|
2
|
+
export declare const fuzzy: {
|
|
3
|
+
(rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
|
|
4
4
|
autoRemove(val: any): boolean;
|
|
5
5
|
};
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const contains: {
|
|
7
7
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
8
8
|
autoRemove(val: any): boolean;
|
|
9
9
|
};
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const startsWith: {
|
|
11
11
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
12
12
|
autoRemove(val: any): boolean;
|
|
13
13
|
};
|
|
14
|
-
export declare const
|
|
14
|
+
export declare const endsWith: {
|
|
15
15
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
16
16
|
autoRemove(val: any): boolean;
|
|
17
17
|
};
|
|
18
|
-
export declare const
|
|
18
|
+
export declare const equals: {
|
|
19
19
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
20
20
|
autoRemove(val: any): boolean;
|
|
21
21
|
};
|
|
22
|
-
export declare const
|
|
22
|
+
export declare const notEquals: {
|
|
23
23
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
24
24
|
autoRemove(val: any): boolean;
|
|
25
25
|
};
|
|
26
|
-
export declare const
|
|
26
|
+
export declare const greaterThan: {
|
|
27
27
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
28
28
|
autoRemove(val: any): boolean;
|
|
29
29
|
};
|
|
30
|
-
export declare const
|
|
30
|
+
export declare const lessThan: {
|
|
31
31
|
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
32
32
|
autoRemove(val: any): boolean;
|
|
33
33
|
};
|
|
34
|
-
export declare const
|
|
35
|
-
(rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
|
|
36
|
-
autoRemove(val: any): boolean;
|
|
37
|
-
};
|
|
38
|
-
export declare const emptyFilterFN: {
|
|
34
|
+
export declare const empty: {
|
|
39
35
|
(rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
|
|
40
36
|
autoRemove(val: any): boolean;
|
|
41
37
|
};
|
|
42
|
-
export declare const
|
|
38
|
+
export declare const notEmpty: {
|
|
43
39
|
(rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
|
|
44
40
|
autoRemove(val: any): boolean;
|
|
45
41
|
};
|
|
@@ -61,11 +57,7 @@ export declare const defaultFilterFNs: {
|
|
|
61
57
|
autoRemove(val: any): boolean;
|
|
62
58
|
};
|
|
63
59
|
fuzzy: {
|
|
64
|
-
(rows: MRT_Row[],
|
|
65
|
-
autoRemove(val: any): boolean;
|
|
66
|
-
};
|
|
67
|
-
globalFuzzy: {
|
|
68
|
-
(rows: MRT_Row[], columnIds: string[], filterValue: string | number): MRT_Row<{}>[];
|
|
60
|
+
(rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
|
|
69
61
|
autoRemove(val: any): boolean;
|
|
70
62
|
};
|
|
71
63
|
greaterThan: {
|