material-react-table 0.7.3 → 0.7.6
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 +19 -21
- package/dist/buttons/MRT_ColumnPinningButtons.d.ts +8 -0
- package/dist/enums.d.ts +1 -1
- package/dist/localization.d.ts +1 -0
- package/dist/material-react-table.cjs.development.js +236 -115
- 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 +237 -116
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/menus/{MRT_FilterTypeMenu.d.ts → MRT_FilterOptionMenu.d.ts} +1 -1
- package/dist/utils.d.ts +6 -6
- package/package.json +7 -7
- package/src/MaterialReactTable.tsx +30 -21
- package/src/buttons/MRT_ColumnPinningButtons.tsx +69 -0
- package/src/enums.ts +1 -1
- package/src/head/MRT_TableHeadCell.tsx +3 -5
- package/src/inputs/MRT_FilterTextField.tsx +16 -16
- package/src/inputs/MRT_SearchTextField.tsx +2 -2
- package/src/localization.ts +2 -0
- package/src/menus/MRT_ColumnActionMenu.tsx +2 -2
- package/src/menus/{MRT_FilterTypeMenu.tsx → MRT_FilterOptionMenu.tsx} +35 -33
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +25 -11
- package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +15 -3
- package/src/table/MRT_Table.tsx +3 -3
- package/src/table/MRT_TableContainer.tsx +16 -6
- package/src/table/MRT_TableRoot.tsx +94 -40
- package/src/utils.ts +10 -10
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { ChangeEvent, Dispatch, FC, FocusEvent, MouseEvent, ReactNode, SetStateAction } from 'react';
|
|
2
2
|
import { AlertProps, ButtonProps, CheckboxProps, IconButtonProps, LinearProgressProps, PaperProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
|
|
3
|
-
import { Cell, Column, ColumnDef, DefaultGenerics,
|
|
3
|
+
import { Cell, Column, ColumnDef, DefaultGenerics, FilterFn, FilterFnOption, Header, HeaderGroup, Options, Overwrite, PaginationState, Row, TableInstance, TableState, VisibilityState } from '@tanstack/react-table';
|
|
4
4
|
import { MRT_Localization } from './localization';
|
|
5
5
|
import { MRT_Icons } from './icons';
|
|
6
|
-
import {
|
|
7
|
-
export declare type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<Omit<Options<D>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn'>> & {
|
|
6
|
+
import { MRT_FILTER_OPTION } from './enums';
|
|
7
|
+
export declare type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<Omit<Options<D>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn' | 'filterFns'>> & {
|
|
8
8
|
columns: MRT_ColumnDef<D>[];
|
|
9
9
|
data: D[];
|
|
10
|
+
expandRowsFn?: (dataRow: D) => D[];
|
|
11
|
+
filterFns?: MRT_FILTER_OPTION | FilterFn<D> | string | number | symbol;
|
|
10
12
|
initialState?: Partial<MRT_TableState<D>>;
|
|
11
13
|
state?: Partial<MRT_TableState<D>>;
|
|
12
|
-
expandRowsFn?: (dataRow: D) => D[];
|
|
13
14
|
};
|
|
14
15
|
export interface MRT_RowModel<D extends Record<string, any> = {}> {
|
|
15
16
|
flatRows: MRT_Row<D>[];
|
|
@@ -32,17 +33,14 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
|
|
|
32
33
|
options: MaterialReactTableProps<D> & {
|
|
33
34
|
icons: MRT_Icons;
|
|
34
35
|
idPrefix: string;
|
|
35
|
-
filterTypes: {
|
|
36
|
-
[key in MRT_FILTER_TYPE]: any;
|
|
37
|
-
};
|
|
38
36
|
localization: MRT_Localization;
|
|
39
37
|
};
|
|
40
38
|
setCurrentEditingCell: Dispatch<SetStateAction<MRT_Cell<D> | null>>;
|
|
41
39
|
setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
|
|
42
|
-
|
|
43
|
-
[key: string]:
|
|
40
|
+
setCurrentFilterFns: Dispatch<SetStateAction<{
|
|
41
|
+
[key: string]: MRT_FilterFn<D>;
|
|
44
42
|
}>>;
|
|
45
|
-
|
|
43
|
+
setCurrentGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterFn<D>>>;
|
|
46
44
|
setIsDensePadding: Dispatch<SetStateAction<boolean>>;
|
|
47
45
|
setIsFullScreen: Dispatch<SetStateAction<boolean>>;
|
|
48
46
|
setShowFilters: Dispatch<SetStateAction<boolean>>;
|
|
@@ -51,15 +49,15 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
|
|
|
51
49
|
export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<TableState, 'pagination'> & {
|
|
52
50
|
currentEditingCell: MRT_Cell<D> | null;
|
|
53
51
|
currentEditingRow: MRT_Row<D> | null;
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
currentFilterFns: Record<string, string | Function>;
|
|
53
|
+
currentGlobalFilterFn: Record<string, string | Function>;
|
|
56
54
|
isDensePadding: boolean;
|
|
57
55
|
isFullScreen: boolean;
|
|
58
56
|
showFilters: boolean;
|
|
59
57
|
showGlobalFilter: boolean;
|
|
60
58
|
pagination: Partial<PaginationState>;
|
|
61
59
|
};
|
|
62
|
-
export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns'> & {
|
|
60
|
+
export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns' | 'filterFn'> & {
|
|
63
61
|
Edit?: ({ cell, tableInstance, }: {
|
|
64
62
|
cell: MRT_Cell<D>;
|
|
65
63
|
tableInstance: MRT_TableInstance<D>;
|
|
@@ -85,8 +83,8 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
|
|
|
85
83
|
enableClickToCopy?: boolean;
|
|
86
84
|
enableColumnActions?: boolean;
|
|
87
85
|
enableEditing?: boolean;
|
|
88
|
-
|
|
89
|
-
|
|
86
|
+
enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
|
|
87
|
+
filterFn?: MRT_FilterFn;
|
|
90
88
|
filterSelectOptions?: (string | {
|
|
91
89
|
text: string;
|
|
92
90
|
value: string;
|
|
@@ -159,7 +157,7 @@ export declare type MRT_Cell<D extends Record<string, any> = {}> = Omit<Cell<D>,
|
|
|
159
157
|
column: MRT_Column<D>;
|
|
160
158
|
row: MRT_Row<D>;
|
|
161
159
|
};
|
|
162
|
-
export declare type
|
|
160
|
+
export declare type MRT_FilterFn<D extends Record<string, any> = {}> = FilterFn<D> | FilterFnOption<D> | MRT_FILTER_OPTION | number | string | symbol;
|
|
163
161
|
export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
|
|
164
162
|
editingMode?: 'table' | 'row' | 'cell';
|
|
165
163
|
enableClickToCopy?: boolean;
|
|
@@ -169,6 +167,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
169
167
|
enableExpandAll?: boolean;
|
|
170
168
|
enableFullScreenToggle?: boolean;
|
|
171
169
|
enablePagination?: boolean;
|
|
170
|
+
enablePersistentState?: boolean;
|
|
172
171
|
enableRowActions?: boolean;
|
|
173
172
|
enableRowNumbers?: boolean;
|
|
174
173
|
enableSelectAll?: boolean;
|
|
@@ -178,10 +177,8 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
178
177
|
enableToolbarBottom?: boolean;
|
|
179
178
|
enableToolbarInternalActions?: boolean;
|
|
180
179
|
enableToolbarTop?: boolean;
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
[key in MRT_FILTER_TYPE]: any;
|
|
184
|
-
};
|
|
180
|
+
enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
|
|
181
|
+
enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[];
|
|
185
182
|
icons?: Partial<MRT_Icons>;
|
|
186
183
|
idPrefix?: string;
|
|
187
184
|
isLoading?: boolean;
|
|
@@ -355,6 +352,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
355
352
|
showGlobalFilter: boolean;
|
|
356
353
|
tableInstance: MRT_TableInstance<D>;
|
|
357
354
|
}) => void;
|
|
355
|
+
persistentStateMode?: 'localStorage' | 'sessionStorage';
|
|
358
356
|
positionActionsColumn?: 'first' | 'last';
|
|
359
357
|
positionPagination?: 'bottom' | 'top' | 'both';
|
|
360
358
|
positionToolbarActions?: 'bottom' | 'top';
|
|
@@ -394,5 +392,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
394
392
|
}>;
|
|
395
393
|
}) => ReactNode;
|
|
396
394
|
};
|
|
397
|
-
declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, editingMode, enableColumnActions, enableColumnFilters, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
395
|
+
declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, autoResetSorting, columnResizeMode, editingMode, enableColumnActions, enableColumnFilters, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
398
396
|
export default _default;
|
package/dist/enums.d.ts
CHANGED
package/dist/localization.d.ts
CHANGED