material-react-table 0.22.0 → 0.22.1
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 +90 -18
- package/dist/MaterialReactTable.d.ts +158 -152
- package/dist/filtersFns.d.ts +22 -22
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/sortingFns.d.ts +2 -2
- package/dist/table/MRT_TableRoot.d.ts +1 -1
- package/dist/utils.d.ts +7 -7
- package/package.json +6 -6
- package/src/MaterialReactTable.tsx +189 -174
- package/src/filtersFns.ts +22 -22
- package/src/sortingFns.ts +6 -6
- package/src/table/MRT_TableRoot.tsx +9 -10
- package/src/utils.ts +28 -22
@@ -7,37 +7,37 @@ import { MRT_Icons } from './icons';
|
|
7
7
|
import { MRT_FilterFns } from './filtersFns';
|
8
8
|
import { MRT_SortingFns } from './sortingFns';
|
9
9
|
declare type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
|
10
|
-
export declare type MRT_TableOptions<
|
11
|
-
columns: MRT_ColumnDef<
|
12
|
-
data:
|
13
|
-
expandRowsFn?: (dataRow:
|
14
|
-
initialState?: Partial<MRT_TableState<
|
15
|
-
state?: Partial<MRT_TableState<
|
10
|
+
export declare type MRT_TableOptions<TData extends Record<string, any> = {}> = Partial<Omit<TableOptions<TData>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn'>> & {
|
11
|
+
columns: MRT_ColumnDef<TData>[];
|
12
|
+
data: TData[];
|
13
|
+
expandRowsFn?: (dataRow: TData) => TData[];
|
14
|
+
initialState?: Partial<MRT_TableState<TData>>;
|
15
|
+
state?: Partial<MRT_TableState<TData>>;
|
16
16
|
};
|
17
|
-
export interface MRT_RowModel<
|
18
|
-
flatRows: MRT_Row<
|
19
|
-
rows: MRT_Row<
|
17
|
+
export interface MRT_RowModel<TData extends Record<string, any> = {}> {
|
18
|
+
flatRows: MRT_Row<TData>[];
|
19
|
+
rows: MRT_Row<TData>[];
|
20
20
|
rowsById: {
|
21
|
-
[key: string]: MRT_Row<
|
21
|
+
[key: string]: MRT_Row<TData>;
|
22
22
|
};
|
23
23
|
}
|
24
|
-
export declare type MRT_TableInstance<
|
25
|
-
getAllColumns: () => MRT_Column<
|
26
|
-
getAllFlatColumns: () => MRT_Column<
|
27
|
-
getAllLeafColumns: () => MRT_Column<
|
28
|
-
getCenterLeafColumns: () => MRT_Column<
|
29
|
-
getColumn: (columnId: string) => MRT_Column<
|
30
|
-
getExpandedRowModel: () => MRT_RowModel<
|
31
|
-
getFlatHeaders: () => MRT_Header<
|
32
|
-
getLeftLeafColumns: () => MRT_Column<
|
33
|
-
getPaginationRowModel: () => MRT_RowModel<
|
34
|
-
getPreFilteredRowModel: () => MRT_RowModel<
|
35
|
-
getPrePaginationRowModel: () => MRT_RowModel<
|
36
|
-
getRightLeafColumns: () => MRT_Column<
|
37
|
-
getRowModel: () => MRT_RowModel<
|
38
|
-
getSelectedRowModel: () => MRT_RowModel<
|
39
|
-
getState: () => MRT_TableState<
|
40
|
-
options: MaterialReactTableProps<
|
24
|
+
export declare type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getCenterLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
|
25
|
+
getAllColumns: () => MRT_Column<TData>[];
|
26
|
+
getAllFlatColumns: () => MRT_Column<TData>[];
|
27
|
+
getAllLeafColumns: () => MRT_Column<TData>[];
|
28
|
+
getCenterLeafColumns: () => MRT_Column<TData>[];
|
29
|
+
getColumn: (columnId: string) => MRT_Column<TData>;
|
30
|
+
getExpandedRowModel: () => MRT_RowModel<TData>;
|
31
|
+
getFlatHeaders: () => MRT_Header<TData>[];
|
32
|
+
getLeftLeafColumns: () => MRT_Column<TData>[];
|
33
|
+
getPaginationRowModel: () => MRT_RowModel<TData>;
|
34
|
+
getPreFilteredRowModel: () => MRT_RowModel<TData>;
|
35
|
+
getPrePaginationRowModel: () => MRT_RowModel<TData>;
|
36
|
+
getRightLeafColumns: () => MRT_Column<TData>[];
|
37
|
+
getRowModel: () => MRT_RowModel<TData>;
|
38
|
+
getSelectedRowModel: () => MRT_RowModel<TData>;
|
39
|
+
getState: () => MRT_TableState<TData>;
|
40
|
+
options: MaterialReactTableProps<TData> & {
|
41
41
|
icons: MRT_Icons;
|
42
42
|
tableId: string;
|
43
43
|
localization: MRT_Localization;
|
@@ -54,9 +54,9 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
|
|
54
54
|
setShowFilters: Dispatch<SetStateAction<boolean>>;
|
55
55
|
setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
|
56
56
|
};
|
57
|
-
export declare type MRT_TableState<
|
58
|
-
currentEditingCell: MRT_Cell<
|
59
|
-
currentEditingRow: MRT_Row<
|
57
|
+
export declare type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
|
58
|
+
currentEditingCell: MRT_Cell<TData> | null;
|
59
|
+
currentEditingRow: MRT_Row<TData> | null;
|
60
60
|
currentFilterFns: Record<string, MRT_FilterOption>;
|
61
61
|
currentGlobalFilterFn: Record<string, MRT_FilterOption>;
|
62
62
|
density: 'comfortable' | 'compact' | 'spacious';
|
@@ -68,30 +68,30 @@ export declare type MRT_TableState<D extends Record<string, any> = {}> = TableSt
|
|
68
68
|
showProgressBars: boolean;
|
69
69
|
showSkeletons: boolean;
|
70
70
|
};
|
71
|
-
export declare type MRT_ColumnDef<
|
71
|
+
export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TData>, 'accessorFn' | 'accessorKey' | 'aggregatedCell' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
|
72
72
|
AggregatedCell?: ({ cell, table, }: {
|
73
|
-
cell: MRT_Cell<
|
74
|
-
table: MRT_TableInstance<
|
73
|
+
cell: MRT_Cell<TData>;
|
74
|
+
table: MRT_TableInstance<TData>;
|
75
75
|
}) => ReactNode;
|
76
76
|
Cell?: ({ cell, table, }: {
|
77
|
-
cell: MRT_Cell<
|
78
|
-
table: MRT_TableInstance<
|
77
|
+
cell: MRT_Cell<TData>;
|
78
|
+
table: MRT_TableInstance<TData>;
|
79
79
|
}) => ReactNode;
|
80
80
|
Edit?: ({ cell, table, }: {
|
81
|
-
cell: MRT_Cell<
|
82
|
-
table: MRT_TableInstance<
|
81
|
+
cell: MRT_Cell<TData>;
|
82
|
+
table: MRT_TableInstance<TData>;
|
83
83
|
}) => ReactNode;
|
84
84
|
Filter?: ({ header, table, }: {
|
85
|
-
header: MRT_Header<
|
86
|
-
table: MRT_TableInstance<
|
85
|
+
header: MRT_Header<TData>;
|
86
|
+
table: MRT_TableInstance<TData>;
|
87
87
|
}) => ReactNode;
|
88
88
|
Footer?: ReactNode | (({ footer, table, }: {
|
89
|
-
footer: MRT_Header<
|
90
|
-
table: MRT_TableInstance<
|
89
|
+
footer: MRT_Header<TData>;
|
90
|
+
table: MRT_TableInstance<TData>;
|
91
91
|
}) => ReactNode);
|
92
92
|
Header?: ReactNode | (({ header, table, }: {
|
93
|
-
header: MRT_Header<
|
94
|
-
table: MRT_TableInstance<
|
93
|
+
header: MRT_Header<TData>;
|
94
|
+
table: MRT_TableInstance<TData>;
|
95
95
|
}) => ReactNode);
|
96
96
|
/**
|
97
97
|
* Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
|
@@ -99,14 +99,14 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
|
|
99
99
|
*
|
100
100
|
* @example accessorFn: (row) => row.username
|
101
101
|
*/
|
102
|
-
accessorFn?: (row:
|
102
|
+
accessorFn?: (row: TData) => any;
|
103
103
|
/**
|
104
104
|
* Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
|
105
105
|
* Specify which key in the row this column should use to access the correct data.
|
106
106
|
*
|
107
107
|
* @example accessorKey: 'username'
|
108
108
|
*/
|
109
|
-
accessorKey?: LiteralUnion<string & keyof
|
109
|
+
accessorKey?: LiteralUnion<string & keyof TData>;
|
110
110
|
/**
|
111
111
|
* Specify what type of column this is. Either `data`, `display`, or `group`. Defaults to `data`.
|
112
112
|
* Leave this blank if you are just creating a normal data column.
|
@@ -116,19 +116,25 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
|
|
116
116
|
* @example columnDefType: 'display'
|
117
117
|
*/
|
118
118
|
columnDefType?: 'data' | 'display' | 'group';
|
119
|
-
columns?: MRT_ColumnDef<
|
119
|
+
columns?: MRT_ColumnDef<TData>[];
|
120
120
|
enableClickToCopy?: boolean;
|
121
121
|
enableColumnActions?: boolean;
|
122
122
|
enableColumnFilterChangeMode?: boolean;
|
123
123
|
enableColumnOrdering?: boolean;
|
124
124
|
enableEditing?: boolean;
|
125
125
|
enabledColumnFilterOptions?: MRT_FilterOption[] | null;
|
126
|
-
filterFn?: MRT_FilterFn<
|
126
|
+
filterFn?: MRT_FilterFn<TData>;
|
127
127
|
filterSelectOptions?: (string | {
|
128
128
|
text: string;
|
129
129
|
value: string;
|
130
130
|
})[];
|
131
|
+
/**
|
132
|
+
* footer must be a string. If you want custom JSX to render the footer, you can also specify a `Footer` option. (Capital F)
|
133
|
+
*/
|
131
134
|
footer?: string;
|
135
|
+
/**
|
136
|
+
* header must be a string. If you want custom JSX to render the header, you can also specify a `Header` option. (Capital H)
|
137
|
+
*/
|
132
138
|
header: string;
|
133
139
|
/**
|
134
140
|
* Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
|
@@ -139,79 +145,79 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
|
|
139
145
|
*
|
140
146
|
* @default gets set to the same value as `accessorKey` by default
|
141
147
|
*/
|
142
|
-
id?: LiteralUnion<string & keyof
|
148
|
+
id?: LiteralUnion<string & keyof TData>;
|
143
149
|
muiTableBodyCellCopyButtonProps?: ButtonProps | (({ table, cell, }: {
|
144
|
-
table: MRT_TableInstance<
|
145
|
-
cell: MRT_Cell<
|
150
|
+
table: MRT_TableInstance<TData>;
|
151
|
+
cell: MRT_Cell<TData>;
|
146
152
|
}) => ButtonProps);
|
147
153
|
muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ table, cell, }: {
|
148
|
-
table: MRT_TableInstance<
|
149
|
-
cell: MRT_Cell<
|
154
|
+
table: MRT_TableInstance<TData>;
|
155
|
+
cell: MRT_Cell<TData>;
|
150
156
|
}) => TextFieldProps);
|
151
157
|
muiTableBodyCellProps?: TableCellProps | (({ table, cell, }: {
|
152
|
-
table: MRT_TableInstance<
|
153
|
-
cell: MRT_Cell<
|
158
|
+
table: MRT_TableInstance<TData>;
|
159
|
+
cell: MRT_Cell<TData>;
|
154
160
|
}) => TableCellProps);
|
155
161
|
muiTableFooterCellProps?: TableCellProps | (({ table, column, }: {
|
156
|
-
table: MRT_TableInstance<
|
157
|
-
column: MRT_Column<
|
162
|
+
table: MRT_TableInstance<TData>;
|
163
|
+
column: MRT_Column<TData>;
|
158
164
|
}) => TableCellProps);
|
159
165
|
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ table, column, }: {
|
160
|
-
table: MRT_TableInstance<
|
161
|
-
column: MRT_Column<
|
166
|
+
table: MRT_TableInstance<TData>;
|
167
|
+
column: MRT_Column<TData>;
|
162
168
|
}) => IconButtonProps);
|
163
169
|
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ table, column, }: {
|
164
|
-
table: MRT_TableInstance<
|
165
|
-
column: MRT_Column<
|
170
|
+
table: MRT_TableInstance<TData>;
|
171
|
+
column: MRT_Column<TData>;
|
166
172
|
}) => TextFieldProps);
|
167
173
|
muiTableHeadCellProps?: TableCellProps | (({ table, column, }: {
|
168
|
-
table: MRT_TableInstance<
|
169
|
-
column: MRT_Column<
|
174
|
+
table: MRT_TableInstance<TData>;
|
175
|
+
column: MRT_Column<TData>;
|
170
176
|
}) => TableCellProps);
|
171
177
|
onCellEditBlur?: ({ cell, event, table, }: {
|
172
178
|
event: FocusEvent<HTMLInputElement>;
|
173
|
-
cell: MRT_Cell<
|
174
|
-
table: MRT_TableInstance<
|
179
|
+
cell: MRT_Cell<TData>;
|
180
|
+
table: MRT_TableInstance<TData>;
|
175
181
|
}) => void;
|
176
182
|
onCellEditChange?: ({ cell, event, table, }: {
|
177
183
|
event: ChangeEvent<HTMLInputElement>;
|
178
|
-
cell: MRT_Cell<
|
179
|
-
table: MRT_TableInstance<
|
184
|
+
cell: MRT_Cell<TData>;
|
185
|
+
table: MRT_TableInstance<TData>;
|
180
186
|
}) => void;
|
181
187
|
sortingFn?: MRT_SortingFn;
|
182
188
|
};
|
183
|
-
export declare type MRT_DefinedColumnDef<
|
189
|
+
export declare type MRT_DefinedColumnDef<TData extends Record<string, any> = {}> = Omit<MRT_ColumnDef<TData>, 'id'> & {
|
184
190
|
id: string;
|
185
191
|
};
|
186
|
-
export declare type MRT_Column<
|
187
|
-
columnDef: MRT_DefinedColumnDef<
|
188
|
-
columns?: MRT_Column<
|
189
|
-
filterFn?: MRT_FilterFn<
|
192
|
+
export declare type MRT_Column<TData extends Record<string, any> = {}> = Omit<Column<TData>, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & {
|
193
|
+
columnDef: MRT_DefinedColumnDef<TData>;
|
194
|
+
columns?: MRT_Column<TData>[];
|
195
|
+
filterFn?: MRT_FilterFn<TData>;
|
190
196
|
footer: string;
|
191
197
|
header: string;
|
192
198
|
};
|
193
|
-
export declare type MRT_Header<
|
194
|
-
column: MRT_Column<
|
199
|
+
export declare type MRT_Header<TData extends Record<string, any> = {}> = Omit<Header<TData>, 'column'> & {
|
200
|
+
column: MRT_Column<TData>;
|
195
201
|
};
|
196
|
-
export declare type MRT_HeaderGroup<
|
197
|
-
headers: MRT_Header<
|
202
|
+
export declare type MRT_HeaderGroup<TData extends Record<string, any> = {}> = Omit<HeaderGroup<TData>, 'headers'> & {
|
203
|
+
headers: MRT_Header<TData>[];
|
198
204
|
};
|
199
|
-
export declare type MRT_Row<
|
200
|
-
getAllCells: () => MRT_Cell<
|
201
|
-
getVisibleCells: () => MRT_Cell<
|
202
|
-
subRows?: MRT_Row<
|
203
|
-
original:
|
204
|
-
_valuesCache?:
|
205
|
+
export declare type MRT_Row<TData extends Record<string, any> = {}> = Omit<Row<TData>, 'getVisibleCells' | 'getAllCells' | 'subRows' | 'original' | '_valuesCache'> & {
|
206
|
+
getAllCells: () => MRT_Cell<TData>[];
|
207
|
+
getVisibleCells: () => MRT_Cell<TData>[];
|
208
|
+
subRows?: MRT_Row<TData>[];
|
209
|
+
original: TData;
|
210
|
+
_valuesCache?: TData;
|
205
211
|
};
|
206
|
-
export declare type MRT_Cell<
|
207
|
-
column: MRT_Column<
|
208
|
-
row: MRT_Row<
|
212
|
+
export declare type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell<TData>, 'column' | 'row'> & {
|
213
|
+
column: MRT_Column<TData>;
|
214
|
+
row: MRT_Row<TData>;
|
209
215
|
};
|
210
216
|
export declare type MRT_SortingOption = keyof typeof MRT_SortingFns;
|
211
|
-
export declare type MRT_SortingFn<
|
217
|
+
export declare type MRT_SortingFn<TData extends Record<string, any> = {}> = SortingFn<TData> | MRT_SortingOption;
|
212
218
|
export declare type MRT_FilterOption = keyof typeof MRT_FilterFns;
|
213
|
-
export declare type MRT_FilterFn<
|
214
|
-
export declare type MaterialReactTableProps<
|
219
|
+
export declare type MRT_FilterFn<TData extends Record<string, any> = {}> = FilterFn<TData> | MRT_FilterOption;
|
220
|
+
export declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = MRT_TableOptions<TData> & {
|
215
221
|
editingMode?: 'table' | 'row' | 'cell';
|
216
222
|
enableClickToCopy?: boolean;
|
217
223
|
enableColumnActions?: boolean;
|
@@ -239,112 +245,112 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
239
245
|
icons?: Partial<MRT_Icons>;
|
240
246
|
localization?: Partial<MRT_Localization>;
|
241
247
|
muiExpandAllButtonProps?: IconButtonProps | (({ table }: {
|
242
|
-
table: MRT_TableInstance<
|
248
|
+
table: MRT_TableInstance<TData>;
|
243
249
|
}) => IconButtonProps);
|
244
250
|
muiExpandButtonProps?: IconButtonProps | (({ table, }: {
|
245
|
-
table: MRT_TableInstance<
|
246
|
-
row: MRT_Row<
|
251
|
+
table: MRT_TableInstance<TData>;
|
252
|
+
row: MRT_Row<TData>;
|
247
253
|
}) => IconButtonProps);
|
248
|
-
muiLinearProgressProps?: LinearProgressProps | (({ table }: {
|
249
|
-
table: MRT_TableInstance<
|
254
|
+
muiLinearProgressProps?: LinearProgressProps | (({ table, }: {
|
255
|
+
table: MRT_TableInstance<TData>;
|
250
256
|
}) => LinearProgressProps);
|
251
257
|
muiSearchTextFieldProps?: TextFieldProps | (({ table }: {
|
252
|
-
table: MRT_TableInstance<
|
258
|
+
table: MRT_TableInstance<TData>;
|
253
259
|
}) => TextFieldProps);
|
254
260
|
muiSelectAllCheckboxProps?: CheckboxProps | (({ table }: {
|
255
|
-
table: MRT_TableInstance<
|
261
|
+
table: MRT_TableInstance<TData>;
|
256
262
|
}) => CheckboxProps);
|
257
263
|
muiSelectCheckboxProps?: CheckboxProps | (({ table, row, }: {
|
258
|
-
table: MRT_TableInstance<
|
259
|
-
row: MRT_Row<
|
264
|
+
table: MRT_TableInstance<TData>;
|
265
|
+
row: MRT_Row<TData>;
|
260
266
|
}) => CheckboxProps);
|
261
267
|
muiTableBodyCellCopyButtonProps?: ButtonProps | (({ table, cell, }: {
|
262
|
-
table: MRT_TableInstance<
|
263
|
-
cell: MRT_Cell<
|
268
|
+
table: MRT_TableInstance<TData>;
|
269
|
+
cell: MRT_Cell<TData>;
|
264
270
|
}) => ButtonProps);
|
265
271
|
muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ table, cell, }: {
|
266
|
-
table: MRT_TableInstance<
|
267
|
-
cell: MRT_Cell<
|
272
|
+
table: MRT_TableInstance<TData>;
|
273
|
+
cell: MRT_Cell<TData>;
|
268
274
|
}) => TextFieldProps);
|
269
275
|
muiTableBodyCellProps?: TableCellProps | (({ table, cell, }: {
|
270
|
-
table: MRT_TableInstance<
|
271
|
-
cell: MRT_Cell<
|
276
|
+
table: MRT_TableInstance<TData>;
|
277
|
+
cell: MRT_Cell<TData>;
|
272
278
|
}) => TableCellProps);
|
273
279
|
muiTableBodyCellSkeletonProps?: SkeletonProps | (({ table, cell, }: {
|
274
|
-
table: MRT_TableInstance<
|
275
|
-
cell: MRT_Cell<
|
280
|
+
table: MRT_TableInstance<TData>;
|
281
|
+
cell: MRT_Cell<TData>;
|
276
282
|
}) => SkeletonProps);
|
277
283
|
muiTableBodyProps?: TableBodyProps | (({ table }: {
|
278
|
-
table: MRT_TableInstance<
|
284
|
+
table: MRT_TableInstance<TData>;
|
279
285
|
}) => TableBodyProps);
|
280
286
|
muiTableBodyRowProps?: TableRowProps | (({ table, row, }: {
|
281
|
-
table: MRT_TableInstance<
|
282
|
-
row: MRT_Row<
|
287
|
+
table: MRT_TableInstance<TData>;
|
288
|
+
row: MRT_Row<TData>;
|
283
289
|
}) => TableRowProps);
|
284
|
-
muiTableContainerProps?: TableContainerProps | (({ table }: {
|
285
|
-
table: MRT_TableInstance<
|
290
|
+
muiTableContainerProps?: TableContainerProps | (({ table, }: {
|
291
|
+
table: MRT_TableInstance<TData>;
|
286
292
|
}) => TableContainerProps);
|
287
293
|
muiTableDetailPanelProps?: TableCellProps | (({ table, row, }: {
|
288
|
-
table: MRT_TableInstance<
|
289
|
-
row: MRT_Row<
|
294
|
+
table: MRT_TableInstance<TData>;
|
295
|
+
row: MRT_Row<TData>;
|
290
296
|
}) => TableCellProps);
|
291
297
|
muiTableFooterCellProps?: TableCellProps | (({ table, column, }: {
|
292
|
-
table: MRT_TableInstance<
|
293
|
-
column: MRT_Column<
|
298
|
+
table: MRT_TableInstance<TData>;
|
299
|
+
column: MRT_Column<TData>;
|
294
300
|
}) => TableCellProps);
|
295
301
|
muiTableFooterProps?: TableFooterProps | (({ table }: {
|
296
|
-
table: MRT_TableInstance<
|
302
|
+
table: MRT_TableInstance<TData>;
|
297
303
|
}) => TableFooterProps);
|
298
304
|
muiTableFooterRowProps?: TableRowProps | (({ table, footerGroup, }: {
|
299
|
-
table: MRT_TableInstance<
|
300
|
-
footerGroup: MRT_HeaderGroup<
|
305
|
+
table: MRT_TableInstance<TData>;
|
306
|
+
footerGroup: MRT_HeaderGroup<TData>;
|
301
307
|
}) => TableRowProps);
|
302
308
|
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ table, column, }: {
|
303
|
-
table: MRT_TableInstance<
|
304
|
-
column: MRT_Column<
|
309
|
+
table: MRT_TableInstance<TData>;
|
310
|
+
column: MRT_Column<TData>;
|
305
311
|
}) => IconButtonProps);
|
306
312
|
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ table, column, }: {
|
307
|
-
table: MRT_TableInstance<
|
308
|
-
column: MRT_Column<
|
313
|
+
table: MRT_TableInstance<TData>;
|
314
|
+
column: MRT_Column<TData>;
|
309
315
|
}) => TextFieldProps);
|
310
316
|
muiTableHeadCellProps?: TableCellProps | (({ table, column, }: {
|
311
|
-
table: MRT_TableInstance<
|
312
|
-
column: MRT_Column<
|
317
|
+
table: MRT_TableInstance<TData>;
|
318
|
+
column: MRT_Column<TData>;
|
313
319
|
}) => TableCellProps);
|
314
320
|
muiTableHeadProps?: TableHeadProps | (({ table }: {
|
315
|
-
table: MRT_TableInstance<
|
321
|
+
table: MRT_TableInstance<TData>;
|
316
322
|
}) => TableHeadProps);
|
317
323
|
muiTableHeadRowProps?: TableRowProps | (({ table, headerGroup, }: {
|
318
|
-
table: MRT_TableInstance<
|
319
|
-
headerGroup: MRT_HeaderGroup<
|
324
|
+
table: MRT_TableInstance<TData>;
|
325
|
+
headerGroup: MRT_HeaderGroup<TData>;
|
320
326
|
}) => TableRowProps);
|
321
327
|
muiTablePaginationProps?: Partial<TablePaginationProps> | (({ table, }: {
|
322
|
-
table: MRT_TableInstance<
|
328
|
+
table: MRT_TableInstance<TData>;
|
323
329
|
}) => Partial<TablePaginationProps>);
|
324
330
|
muiTablePaperProps?: PaperProps | (({ table }: {
|
325
|
-
table: MRT_TableInstance<
|
331
|
+
table: MRT_TableInstance<TData>;
|
326
332
|
}) => PaperProps);
|
327
333
|
muiTableProps?: TableProps | (({ table }: {
|
328
|
-
table: MRT_TableInstance<
|
334
|
+
table: MRT_TableInstance<TData>;
|
329
335
|
}) => TableProps);
|
330
336
|
muiTableToolbarAlertBannerProps?: AlertProps | (({ table }: {
|
331
|
-
table: MRT_TableInstance<
|
337
|
+
table: MRT_TableInstance<TData>;
|
332
338
|
}) => AlertProps);
|
333
339
|
muiTableToolbarBottomProps?: ToolbarProps | (({ table }: {
|
334
|
-
table: MRT_TableInstance<
|
340
|
+
table: MRT_TableInstance<TData>;
|
335
341
|
}) => ToolbarProps);
|
336
342
|
muiTableToolbarTopProps?: ToolbarProps | (({ table }: {
|
337
|
-
table: MRT_TableInstance<
|
343
|
+
table: MRT_TableInstance<TData>;
|
338
344
|
}) => ToolbarProps);
|
339
345
|
onCellEditBlur?: ({ cell, event, table, }: {
|
340
346
|
event: FocusEvent<HTMLInputElement>;
|
341
|
-
cell: MRT_Cell<
|
342
|
-
table: MRT_TableInstance<
|
347
|
+
cell: MRT_Cell<TData>;
|
348
|
+
table: MRT_TableInstance<TData>;
|
343
349
|
}) => void;
|
344
350
|
onCellEditChange?: ({ cell, event, table, }: {
|
345
351
|
event: ChangeEvent<HTMLInputElement>;
|
346
|
-
cell: MRT_Cell<
|
347
|
-
table: MRT_TableInstance<
|
352
|
+
cell: MRT_Cell<TData>;
|
353
|
+
table: MRT_TableInstance<TData>;
|
348
354
|
}) => void;
|
349
355
|
onCurrentEditingCellChange?: OnChangeFn<MRT_Cell>;
|
350
356
|
onCurrentEditingRowChange?: OnChangeFn<MRT_Row>;
|
@@ -353,8 +359,8 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
353
359
|
}>;
|
354
360
|
onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterOption>;
|
355
361
|
onEditRowSubmit?: ({ row, table, }: {
|
356
|
-
row: MRT_Row<
|
357
|
-
table: MRT_TableInstance<
|
362
|
+
row: MRT_Row<TData>;
|
363
|
+
table: MRT_TableInstance<TData>;
|
358
364
|
}) => Promise<void> | void;
|
359
365
|
onDensityChange?: OnChangeFn<boolean>;
|
360
366
|
onIsFullScreenChange?: OnChangeFn<boolean>;
|
@@ -366,40 +372,40 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
366
372
|
positionPagination?: 'bottom' | 'top' | 'both';
|
367
373
|
positionToolbarAlertBanner?: 'bottom' | 'top';
|
368
374
|
renderDetailPanel?: ({ row, table, }: {
|
369
|
-
row: MRT_Row<
|
370
|
-
table: MRT_TableInstance<
|
375
|
+
row: MRT_Row<TData>;
|
376
|
+
table: MRT_TableInstance<TData>;
|
371
377
|
}) => ReactNode;
|
372
378
|
renderRowActionMenuItems?: ({ closeMenu, row, table, }: {
|
373
379
|
closeMenu: () => void;
|
374
|
-
row: MRT_Row<
|
375
|
-
table: MRT_TableInstance<
|
380
|
+
row: MRT_Row<TData>;
|
381
|
+
table: MRT_TableInstance<TData>;
|
376
382
|
}) => ReactNode[];
|
377
383
|
renderRowActions?: ({ row, table, }: {
|
378
|
-
row: MRT_Row<
|
379
|
-
table: MRT_TableInstance<
|
384
|
+
row: MRT_Row<TData>;
|
385
|
+
table: MRT_TableInstance<TData>;
|
380
386
|
}) => ReactNode;
|
381
387
|
renderToolbarBottomCustomActions?: ({ table, }: {
|
382
|
-
table: MRT_TableInstance<
|
388
|
+
table: MRT_TableInstance<TData>;
|
383
389
|
}) => ReactNode;
|
384
390
|
renderToolbarTopCustomActions?: ({ table, }: {
|
385
|
-
table: MRT_TableInstance<
|
391
|
+
table: MRT_TableInstance<TData>;
|
386
392
|
}) => ReactNode;
|
387
393
|
renderToolbarInternalActions?: ({ table, MRT_ToggleGlobalFilterButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
|
388
|
-
table: MRT_TableInstance<
|
394
|
+
table: MRT_TableInstance<TData>;
|
389
395
|
MRT_ToggleGlobalFilterButton: FC<IconButtonProps & {
|
390
|
-
table: MRT_TableInstance<
|
396
|
+
table: MRT_TableInstance<TData>;
|
391
397
|
}>;
|
392
398
|
MRT_ToggleFiltersButton: FC<IconButtonProps & {
|
393
|
-
table: MRT_TableInstance<
|
399
|
+
table: MRT_TableInstance<TData>;
|
394
400
|
}>;
|
395
401
|
MRT_ShowHideColumnsButton: FC<IconButtonProps & {
|
396
|
-
table: MRT_TableInstance<
|
402
|
+
table: MRT_TableInstance<TData>;
|
397
403
|
}>;
|
398
404
|
MRT_ToggleDensePaddingButton: FC<IconButtonProps & {
|
399
|
-
table: MRT_TableInstance<
|
405
|
+
table: MRT_TableInstance<TData>;
|
400
406
|
}>;
|
401
407
|
MRT_FullScreenToggleButton: FC<IconButtonProps & {
|
402
|
-
table: MRT_TableInstance<
|
408
|
+
table: MRT_TableInstance<TData>;
|
403
409
|
}>;
|
404
410
|
}) => ReactNode;
|
405
411
|
rowCount?: number;
|
@@ -408,5 +414,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
408
414
|
tableId?: string;
|
409
415
|
virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement>>;
|
410
416
|
};
|
411
|
-
declare const _default: <
|
417
|
+
declare const _default: <TData extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilterChangeMode, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterChangeMode, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, positionActionsColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, rowNumberMode, selectAllMode, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
|
412
418
|
export default _default;
|
package/dist/filtersFns.d.ts
CHANGED
@@ -1,92 +1,92 @@
|
|
1
1
|
import { RankingInfo } from '@tanstack/match-sorter-utils';
|
2
2
|
import { Row } from '@tanstack/react-table';
|
3
3
|
export declare const fuzzy: {
|
4
|
-
<
|
4
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
|
5
5
|
autoRemove(val: any): boolean;
|
6
6
|
};
|
7
7
|
export declare const contains: {
|
8
|
-
<
|
8
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
|
9
9
|
autoRemove(val: any): boolean;
|
10
10
|
};
|
11
11
|
export declare const startsWith: {
|
12
|
-
<
|
12
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
|
13
13
|
autoRemove(val: any): boolean;
|
14
14
|
};
|
15
15
|
export declare const endsWith: {
|
16
|
-
<
|
16
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
|
17
17
|
autoRemove(val: any): boolean;
|
18
18
|
};
|
19
19
|
export declare const equals: {
|
20
|
-
<
|
20
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
21
21
|
autoRemove(val: any): boolean;
|
22
22
|
};
|
23
23
|
export declare const notEquals: {
|
24
|
-
<
|
24
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
25
25
|
autoRemove(val: any): boolean;
|
26
26
|
};
|
27
27
|
export declare const greaterThan: {
|
28
|
-
<
|
28
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
29
29
|
autoRemove(val: any): boolean;
|
30
30
|
};
|
31
31
|
export declare const lessThan: {
|
32
|
-
<
|
32
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
|
33
33
|
autoRemove(val: any): boolean;
|
34
34
|
};
|
35
35
|
export declare const between: {
|
36
|
-
<
|
36
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
|
37
37
|
autoRemove(val: any): boolean;
|
38
38
|
};
|
39
39
|
export declare const empty: {
|
40
|
-
<
|
40
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, _filterValue: string | number): boolean;
|
41
41
|
autoRemove(val: any): boolean;
|
42
42
|
};
|
43
43
|
export declare const notEmpty: {
|
44
|
-
<
|
44
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, _filterValue: string | number): boolean;
|
45
45
|
autoRemove(val: any): boolean;
|
46
46
|
};
|
47
47
|
export declare const MRT_FilterFns: {
|
48
48
|
between: {
|
49
|
-
<
|
49
|
+
<TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
|
50
50
|
autoRemove(val: any): boolean;
|
51
51
|
};
|
52
52
|
contains: {
|
53
|
-
<
|
53
|
+
<TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValue: string | number): any;
|
54
54
|
autoRemove(val: any): boolean;
|
55
55
|
};
|
56
56
|
empty: {
|
57
|
-
<
|
57
|
+
<TData_2 extends Record<string, any> = {}>(row: Row<TData_2>, id: string, _filterValue: string | number): boolean;
|
58
58
|
autoRemove(val: any): boolean;
|
59
59
|
};
|
60
60
|
endsWith: {
|
61
|
-
<
|
61
|
+
<TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, filterValue: string | number): any;
|
62
62
|
autoRemove(val: any): boolean;
|
63
63
|
};
|
64
64
|
equals: {
|
65
|
-
<
|
65
|
+
<TData_4 extends Record<string, any> = {}>(row: Row<TData_4>, id: string, filterValue: string | number): boolean;
|
66
66
|
autoRemove(val: any): boolean;
|
67
67
|
};
|
68
68
|
fuzzy: {
|
69
|
-
<
|
69
|
+
<TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
|
70
70
|
autoRemove(val: any): boolean;
|
71
71
|
};
|
72
72
|
greaterThan: {
|
73
|
-
<
|
73
|
+
<TData_6 extends Record<string, any> = {}>(row: Row<TData_6>, id: string, filterValue: string | number): boolean;
|
74
74
|
autoRemove(val: any): boolean;
|
75
75
|
};
|
76
76
|
lessThan: {
|
77
|
-
<
|
77
|
+
<TData_7 extends Record<string, any> = {}>(row: Row<TData_7>, id: string, filterValue: string | number): boolean;
|
78
78
|
autoRemove(val: any): boolean;
|
79
79
|
};
|
80
80
|
notEmpty: {
|
81
|
-
<
|
81
|
+
<TData_8 extends Record<string, any> = {}>(row: Row<TData_8>, id: string, _filterValue: string | number): boolean;
|
82
82
|
autoRemove(val: any): boolean;
|
83
83
|
};
|
84
84
|
notEquals: {
|
85
|
-
<
|
85
|
+
<TData_9 extends Record<string, any> = {}>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
|
86
86
|
autoRemove(val: any): boolean;
|
87
87
|
};
|
88
88
|
startsWith: {
|
89
|
-
<
|
89
|
+
<TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): any;
|
90
90
|
autoRemove(val: any): boolean;
|
91
91
|
};
|
92
92
|
includesString: import("@tanstack/table-core").FilterFn<any>;
|