material-react-table 0.22.0 → 0.22.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. package/README.md +90 -18
  2. package/dist/MaterialReactTable.d.ts +158 -152
  3. package/dist/filtersFns.d.ts +22 -22
  4. package/dist/material-react-table.cjs.development.js.map +1 -1
  5. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  6. package/dist/material-react-table.esm.js.map +1 -1
  7. package/dist/sortingFns.d.ts +2 -2
  8. package/dist/table/MRT_TableRoot.d.ts +1 -1
  9. package/dist/utils.d.ts +7 -7
  10. package/package.json +6 -6
  11. package/src/MaterialReactTable.tsx +189 -174
  12. package/src/filtersFns.ts +22 -22
  13. package/src/sortingFns.ts +6 -6
  14. package/src/table/MRT_TableRoot.tsx +9 -10
  15. package/src/utils.ts +28 -22
package/dist/MaterialReactTable.d.ts CHANGED
@@ -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<D extends Record<string, any> = {}> = Partial<Omit<TableOptions<D>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn'>> & {
11
- columns: MRT_ColumnDef<D>[];
12
- data: D[];
13
- expandRowsFn?: (dataRow: D) => D[];
14
- initialState?: Partial<MRT_TableState<D>>;
15
- state?: Partial<MRT_TableState<D>>;
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<D extends Record<string, any> = {}> {
18
- flatRows: MRT_Row<D>[];
19
- rows: MRT_Row<D>[];
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<D>;
21
+ [key: string]: MRT_Row<TData>;
22
22
  };
23
23
  }
24
- export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit<Table<D>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getCenterLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
25
- getAllColumns: () => MRT_Column<D>[];
26
- getAllFlatColumns: () => MRT_Column<D>[];
27
- getAllLeafColumns: () => MRT_Column<D>[];
28
- getCenterLeafColumns: () => MRT_Column<D>[];
29
- getColumn: (columnId: string) => MRT_Column<D>;
30
- getExpandedRowModel: () => MRT_RowModel<D>;
31
- getFlatHeaders: () => MRT_Header<D>[];
32
- getLeftLeafColumns: () => MRT_Column<D>[];
33
- getPaginationRowModel: () => MRT_RowModel<D>;
34
- getPreFilteredRowModel: () => MRT_RowModel<D>;
35
- getPrePaginationRowModel: () => MRT_RowModel<D>;
36
- getRightLeafColumns: () => MRT_Column<D>[];
37
- getRowModel: () => MRT_RowModel<D>;
38
- getSelectedRowModel: () => MRT_RowModel<D>;
39
- getState: () => MRT_TableState<D>;
40
- options: MaterialReactTableProps<D> & {
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<D extends Record<string, any> = {}> = TableState & {
58
- currentEditingCell: MRT_Cell<D> | null;
59
- currentEditingRow: MRT_Row<D> | null;
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<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'accessorFn' | 'accessorKey' | 'aggregatedCell' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
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<D>;
74
- table: MRT_TableInstance<D>;
73
+ cell: MRT_Cell<TData>;
74
+ table: MRT_TableInstance<TData>;
75
75
  }) => ReactNode;
76
76
  Cell?: ({ cell, table, }: {
77
- cell: MRT_Cell<D>;
78
- table: MRT_TableInstance<D>;
77
+ cell: MRT_Cell<TData>;
78
+ table: MRT_TableInstance<TData>;
79
79
  }) => ReactNode;
80
80
  Edit?: ({ cell, table, }: {
81
- cell: MRT_Cell<D>;
82
- table: MRT_TableInstance<D>;
81
+ cell: MRT_Cell<TData>;
82
+ table: MRT_TableInstance<TData>;
83
83
  }) => ReactNode;
84
84
  Filter?: ({ header, table, }: {
85
- header: MRT_Header<D>;
86
- table: MRT_TableInstance<D>;
85
+ header: MRT_Header<TData>;
86
+ table: MRT_TableInstance<TData>;
87
87
  }) => ReactNode;
88
88
  Footer?: ReactNode | (({ footer, table, }: {
89
- footer: MRT_Header<D>;
90
- table: MRT_TableInstance<D>;
89
+ footer: MRT_Header<TData>;
90
+ table: MRT_TableInstance<TData>;
91
91
  }) => ReactNode);
92
92
  Header?: ReactNode | (({ header, table, }: {
93
- header: MRT_Header<D>;
94
- table: MRT_TableInstance<D>;
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: D) => any;
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 D>;
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<D>[];
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<D>;
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 D>;
148
+ id?: LiteralUnion<string & keyof TData>;
143
149
  muiTableBodyCellCopyButtonProps?: ButtonProps | (({ table, cell, }: {
144
- table: MRT_TableInstance<D>;
145
- cell: MRT_Cell<D>;
150
+ table: MRT_TableInstance<TData>;
151
+ cell: MRT_Cell<TData>;
146
152
  }) => ButtonProps);
147
153
  muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ table, cell, }: {
148
- table: MRT_TableInstance<D>;
149
- cell: MRT_Cell<D>;
154
+ table: MRT_TableInstance<TData>;
155
+ cell: MRT_Cell<TData>;
150
156
  }) => TextFieldProps);
151
157
  muiTableBodyCellProps?: TableCellProps | (({ table, cell, }: {
152
- table: MRT_TableInstance<D>;
153
- cell: MRT_Cell<D>;
158
+ table: MRT_TableInstance<TData>;
159
+ cell: MRT_Cell<TData>;
154
160
  }) => TableCellProps);
155
161
  muiTableFooterCellProps?: TableCellProps | (({ table, column, }: {
156
- table: MRT_TableInstance<D>;
157
- column: MRT_Column<D>;
162
+ table: MRT_TableInstance<TData>;
163
+ column: MRT_Column<TData>;
158
164
  }) => TableCellProps);
159
165
  muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ table, column, }: {
160
- table: MRT_TableInstance<D>;
161
- column: MRT_Column<D>;
166
+ table: MRT_TableInstance<TData>;
167
+ column: MRT_Column<TData>;
162
168
  }) => IconButtonProps);
163
169
  muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ table, column, }: {
164
- table: MRT_TableInstance<D>;
165
- column: MRT_Column<D>;
170
+ table: MRT_TableInstance<TData>;
171
+ column: MRT_Column<TData>;
166
172
  }) => TextFieldProps);
167
173
  muiTableHeadCellProps?: TableCellProps | (({ table, column, }: {
168
- table: MRT_TableInstance<D>;
169
- column: MRT_Column<D>;
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<D>;
174
- table: MRT_TableInstance<D>;
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<D>;
179
- table: MRT_TableInstance<D>;
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<D extends Record<string, any> = {}> = Omit<MRT_ColumnDef<D>, 'id'> & {
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<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & {
187
- columnDef: MRT_DefinedColumnDef<D>;
188
- columns?: MRT_Column<D>[];
189
- filterFn?: MRT_FilterFn<D>;
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<D extends Record<string, any> = {}> = Omit<Header<D>, 'column'> & {
194
- column: MRT_Column<D>;
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<D extends Record<string, any> = {}> = Omit<HeaderGroup<D>, 'headers'> & {
197
- headers: MRT_Header<D>[];
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<D extends Record<string, any> = {}> = Omit<Row<D>, 'getVisibleCells' | 'getAllCells' | 'subRows' | 'original' | '_valuesCache'> & {
200
- getAllCells: () => MRT_Cell<D>[];
201
- getVisibleCells: () => MRT_Cell<D>[];
202
- subRows?: MRT_Row<D>[];
203
- original: D;
204
- _valuesCache?: D;
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<D extends Record<string, any> = {}> = Omit<Cell<D>, 'column' | 'row'> & {
207
- column: MRT_Column<D>;
208
- row: MRT_Row<D>;
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<D extends Record<string, any> = {}> = SortingFn<D> | MRT_SortingOption;
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<D extends Record<string, any> = {}> = FilterFn<D> | MRT_FilterOption;
214
- export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
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<D>;
248
+ table: MRT_TableInstance<TData>;
243
249
  }) => IconButtonProps);
244
250
  muiExpandButtonProps?: IconButtonProps | (({ table, }: {
245
- table: MRT_TableInstance<D>;
246
- row: MRT_Row<D>;
251
+ table: MRT_TableInstance<TData>;
252
+ row: MRT_Row<TData>;
247
253
  }) => IconButtonProps);
248
- muiLinearProgressProps?: LinearProgressProps | (({ table }: {
249
- table: MRT_TableInstance<D>;
254
+ muiLinearProgressProps?: LinearProgressProps | (({ table, }: {
255
+ table: MRT_TableInstance<TData>;
250
256
  }) => LinearProgressProps);
251
257
  muiSearchTextFieldProps?: TextFieldProps | (({ table }: {
252
- table: MRT_TableInstance<D>;
258
+ table: MRT_TableInstance<TData>;
253
259
  }) => TextFieldProps);
254
260
  muiSelectAllCheckboxProps?: CheckboxProps | (({ table }: {
255
- table: MRT_TableInstance<D>;
261
+ table: MRT_TableInstance<TData>;
256
262
  }) => CheckboxProps);
257
263
  muiSelectCheckboxProps?: CheckboxProps | (({ table, row, }: {
258
- table: MRT_TableInstance<D>;
259
- row: MRT_Row<D>;
264
+ table: MRT_TableInstance<TData>;
265
+ row: MRT_Row<TData>;
260
266
  }) => CheckboxProps);
261
267
  muiTableBodyCellCopyButtonProps?: ButtonProps | (({ table, cell, }: {
262
- table: MRT_TableInstance<D>;
263
- cell: MRT_Cell<D>;
268
+ table: MRT_TableInstance<TData>;
269
+ cell: MRT_Cell<TData>;
264
270
  }) => ButtonProps);
265
271
  muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ table, cell, }: {
266
- table: MRT_TableInstance<D>;
267
- cell: MRT_Cell<D>;
272
+ table: MRT_TableInstance<TData>;
273
+ cell: MRT_Cell<TData>;
268
274
  }) => TextFieldProps);
269
275
  muiTableBodyCellProps?: TableCellProps | (({ table, cell, }: {
270
- table: MRT_TableInstance<D>;
271
- cell: MRT_Cell<D>;
276
+ table: MRT_TableInstance<TData>;
277
+ cell: MRT_Cell<TData>;
272
278
  }) => TableCellProps);
273
279
  muiTableBodyCellSkeletonProps?: SkeletonProps | (({ table, cell, }: {
274
- table: MRT_TableInstance<D>;
275
- cell: MRT_Cell<D>;
280
+ table: MRT_TableInstance<TData>;
281
+ cell: MRT_Cell<TData>;
276
282
  }) => SkeletonProps);
277
283
  muiTableBodyProps?: TableBodyProps | (({ table }: {
278
- table: MRT_TableInstance<D>;
284
+ table: MRT_TableInstance<TData>;
279
285
  }) => TableBodyProps);
280
286
  muiTableBodyRowProps?: TableRowProps | (({ table, row, }: {
281
- table: MRT_TableInstance<D>;
282
- row: MRT_Row<D>;
287
+ table: MRT_TableInstance<TData>;
288
+ row: MRT_Row<TData>;
283
289
  }) => TableRowProps);
284
- muiTableContainerProps?: TableContainerProps | (({ table }: {
285
- table: MRT_TableInstance<D>;
290
+ muiTableContainerProps?: TableContainerProps | (({ table, }: {
291
+ table: MRT_TableInstance<TData>;
286
292
  }) => TableContainerProps);
287
293
  muiTableDetailPanelProps?: TableCellProps | (({ table, row, }: {
288
- table: MRT_TableInstance<D>;
289
- row: MRT_Row<D>;
294
+ table: MRT_TableInstance<TData>;
295
+ row: MRT_Row<TData>;
290
296
  }) => TableCellProps);
291
297
  muiTableFooterCellProps?: TableCellProps | (({ table, column, }: {
292
- table: MRT_TableInstance<D>;
293
- column: MRT_Column<D>;
298
+ table: MRT_TableInstance<TData>;
299
+ column: MRT_Column<TData>;
294
300
  }) => TableCellProps);
295
301
  muiTableFooterProps?: TableFooterProps | (({ table }: {
296
- table: MRT_TableInstance<D>;
302
+ table: MRT_TableInstance<TData>;
297
303
  }) => TableFooterProps);
298
304
  muiTableFooterRowProps?: TableRowProps | (({ table, footerGroup, }: {
299
- table: MRT_TableInstance<D>;
300
- footerGroup: MRT_HeaderGroup<D>;
305
+ table: MRT_TableInstance<TData>;
306
+ footerGroup: MRT_HeaderGroup<TData>;
301
307
  }) => TableRowProps);
302
308
  muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ table, column, }: {
303
- table: MRT_TableInstance<D>;
304
- column: MRT_Column<D>;
309
+ table: MRT_TableInstance<TData>;
310
+ column: MRT_Column<TData>;
305
311
  }) => IconButtonProps);
306
312
  muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ table, column, }: {
307
- table: MRT_TableInstance<D>;
308
- column: MRT_Column<D>;
313
+ table: MRT_TableInstance<TData>;
314
+ column: MRT_Column<TData>;
309
315
  }) => TextFieldProps);
310
316
  muiTableHeadCellProps?: TableCellProps | (({ table, column, }: {
311
- table: MRT_TableInstance<D>;
312
- column: MRT_Column<D>;
317
+ table: MRT_TableInstance<TData>;
318
+ column: MRT_Column<TData>;
313
319
  }) => TableCellProps);
314
320
  muiTableHeadProps?: TableHeadProps | (({ table }: {
315
- table: MRT_TableInstance<D>;
321
+ table: MRT_TableInstance<TData>;
316
322
  }) => TableHeadProps);
317
323
  muiTableHeadRowProps?: TableRowProps | (({ table, headerGroup, }: {
318
- table: MRT_TableInstance<D>;
319
- headerGroup: MRT_HeaderGroup<D>;
324
+ table: MRT_TableInstance<TData>;
325
+ headerGroup: MRT_HeaderGroup<TData>;
320
326
  }) => TableRowProps);
321
327
  muiTablePaginationProps?: Partial<TablePaginationProps> | (({ table, }: {
322
- table: MRT_TableInstance<D>;
328
+ table: MRT_TableInstance<TData>;
323
329
  }) => Partial<TablePaginationProps>);
324
330
  muiTablePaperProps?: PaperProps | (({ table }: {
325
- table: MRT_TableInstance<D>;
331
+ table: MRT_TableInstance<TData>;
326
332
  }) => PaperProps);
327
333
  muiTableProps?: TableProps | (({ table }: {
328
- table: MRT_TableInstance<D>;
334
+ table: MRT_TableInstance<TData>;
329
335
  }) => TableProps);
330
336
  muiTableToolbarAlertBannerProps?: AlertProps | (({ table }: {
331
- table: MRT_TableInstance<D>;
337
+ table: MRT_TableInstance<TData>;
332
338
  }) => AlertProps);
333
339
  muiTableToolbarBottomProps?: ToolbarProps | (({ table }: {
334
- table: MRT_TableInstance<D>;
340
+ table: MRT_TableInstance<TData>;
335
341
  }) => ToolbarProps);
336
342
  muiTableToolbarTopProps?: ToolbarProps | (({ table }: {
337
- table: MRT_TableInstance<D>;
343
+ table: MRT_TableInstance<TData>;
338
344
  }) => ToolbarProps);
339
345
  onCellEditBlur?: ({ cell, event, table, }: {
340
346
  event: FocusEvent<HTMLInputElement>;
341
- cell: MRT_Cell<D>;
342
- table: MRT_TableInstance<D>;
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<D>;
347
- table: MRT_TableInstance<D>;
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<D>;
357
- table: MRT_TableInstance<D>;
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<D>;
370
- table: MRT_TableInstance<D>;
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<D>;
375
- table: MRT_TableInstance<D>;
380
+ row: MRT_Row<TData>;
381
+ table: MRT_TableInstance<TData>;
376
382
  }) => ReactNode[];
377
383
  renderRowActions?: ({ row, table, }: {
378
- row: MRT_Row<D>;
379
- table: MRT_TableInstance<D>;
384
+ row: MRT_Row<TData>;
385
+ table: MRT_TableInstance<TData>;
380
386
  }) => ReactNode;
381
387
  renderToolbarBottomCustomActions?: ({ table, }: {
382
- table: MRT_TableInstance<D>;
388
+ table: MRT_TableInstance<TData>;
383
389
  }) => ReactNode;
384
390
  renderToolbarTopCustomActions?: ({ table, }: {
385
- table: MRT_TableInstance<D>;
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<D>;
394
+ table: MRT_TableInstance<TData>;
389
395
  MRT_ToggleGlobalFilterButton: FC<IconButtonProps & {
390
- table: MRT_TableInstance<D>;
396
+ table: MRT_TableInstance<TData>;
391
397
  }>;
392
398
  MRT_ToggleFiltersButton: FC<IconButtonProps & {
393
- table: MRT_TableInstance<D>;
399
+ table: MRT_TableInstance<TData>;
394
400
  }>;
395
401
  MRT_ShowHideColumnsButton: FC<IconButtonProps & {
396
- table: MRT_TableInstance<D>;
402
+ table: MRT_TableInstance<TData>;
397
403
  }>;
398
404
  MRT_ToggleDensePaddingButton: FC<IconButtonProps & {
399
- table: MRT_TableInstance<D>;
405
+ table: MRT_TableInstance<TData>;
400
406
  }>;
401
407
  MRT_FullScreenToggleButton: FC<IconButtonProps & {
402
- table: MRT_TableInstance<D>;
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: <D 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<D>) => JSX.Element;
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
- <D extends Record<string, any> = {}>(row: Row<D>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): any;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): any;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): any;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): boolean;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): boolean;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): boolean;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): boolean;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValues: [string | number, string | number]): boolean;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, _filterValue: string | number): boolean;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, _filterValue: string | number): boolean;
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
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValues: [string | number, string | number]): boolean;
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
- <D_1 extends Record<string, any> = {}>(row: Row<D_1>, id: string, filterValue: string | number): any;
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
- <D_2 extends Record<string, any> = {}>(row: Row<D_2>, id: string, _filterValue: string | number): boolean;
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
- <D_3 extends Record<string, any> = {}>(row: Row<D_3>, id: string, filterValue: string | number): any;
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
- <D_4 extends Record<string, any> = {}>(row: Row<D_4>, id: string, filterValue: string | number): boolean;
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
- <D_5 extends Record<string, any> = {}>(row: Row<D_5>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
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
- <D_6 extends Record<string, any> = {}>(row: Row<D_6>, id: string, filterValue: string | number): boolean;
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
- <D_7 extends Record<string, any> = {}>(row: Row<D_7>, id: string, filterValue: string | number): boolean;
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
- <D_8 extends Record<string, any> = {}>(row: Row<D_8>, id: string, _filterValue: string | number): boolean;
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
- <D_9 extends Record<string, any> = {}>(row: Row<D_9>, id: string, filterValue: string | number): boolean;
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
- <D_10 extends Record<string, any> = {}>(row: Row<D_10>, id: string, filterValue: string | number): any;
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>;