material-react-table 0.11.0 → 0.12.0
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 +65 -51
- package/dist/filtersFNs.d.ts +2 -2
- package/dist/material-react-table.cjs.development.js +98 -56
- 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 +98 -56
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +91 -66
- package/src/body/MRT_TableBodyCell.tsx +2 -2
- package/src/body/MRT_TableBodyRow.tsx +2 -2
- package/src/body/MRT_TableDetailPanel.tsx +2 -2
- package/src/buttons/MRT_EditActionButtons.tsx +2 -2
- package/src/buttons/MRT_ExpandButton.tsx +2 -2
- package/src/buttons/MRT_FullScreenToggleButton.tsx +2 -2
- package/src/buttons/MRT_ToggleDensePaddingButton.tsx +2 -2
- package/src/buttons/MRT_ToggleFiltersButton.tsx +2 -2
- package/src/buttons/MRT_ToggleGlobalFilterButton.tsx +2 -2
- package/src/filtersFNs.ts +2 -2
- package/src/inputs/MRT_EditCellTextField.tsx +6 -6
- package/src/inputs/MRT_FilterTextField.tsx +72 -39
- package/src/inputs/MRT_SearchTextField.tsx +12 -8
- package/src/inputs/MRT_SelectCheckbox.tsx +4 -4
- package/src/menus/MRT_FilterOptionMenu.tsx +10 -3
- package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +2 -2
|
@@ -96,7 +96,7 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
|
|
|
96
96
|
enableColumnActions?: boolean;
|
|
97
97
|
enableColumnOrdering?: boolean;
|
|
98
98
|
enableEditing?: boolean;
|
|
99
|
-
enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
|
|
99
|
+
enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
|
|
100
100
|
filterFn?: MRT_FilterFn;
|
|
101
101
|
filterSelectOptions?: (string | {
|
|
102
102
|
text: string;
|
|
@@ -133,23 +133,28 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
|
|
|
133
133
|
instance: MRT_TableInstance;
|
|
134
134
|
column: MRT_Column<D>;
|
|
135
135
|
}) => TableCellProps);
|
|
136
|
-
|
|
136
|
+
onCellEditBlur?: ({ cell, event, instance, }: {
|
|
137
137
|
event: FocusEvent<HTMLInputElement>;
|
|
138
138
|
cell: MRT_Cell<D>;
|
|
139
139
|
instance: MRT_TableInstance<D>;
|
|
140
140
|
}) => void;
|
|
141
|
-
|
|
141
|
+
onCellEditChanged?: ({ cell, event, instance, }: {
|
|
142
142
|
event: ChangeEvent<HTMLInputElement>;
|
|
143
143
|
cell: MRT_Cell<D>;
|
|
144
144
|
instance: MRT_TableInstance<D>;
|
|
145
145
|
}) => void;
|
|
146
|
-
|
|
146
|
+
onColumnFilterValueChanged?: ({ column, event, filterValue, }: {
|
|
147
|
+
column: MRT_Column<D>;
|
|
148
|
+
event: ChangeEvent<HTMLInputElement>;
|
|
149
|
+
filterValue: any;
|
|
150
|
+
}) => void;
|
|
151
|
+
onColumnFilterValueChangedDebounced?: ({ column, event, filterValue, }: {
|
|
147
152
|
column: MRT_Column<D>;
|
|
148
153
|
event: ChangeEvent<HTMLInputElement>;
|
|
149
154
|
filterValue: any;
|
|
150
155
|
}) => void;
|
|
151
156
|
};
|
|
152
|
-
export declare type MRT_Column<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns'> & {
|
|
157
|
+
export declare type MRT_Column<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns' | 'columnDef'> & {
|
|
153
158
|
columns?: MRT_Column<D>[];
|
|
154
159
|
columnDef: MRT_ColumnDef<D>;
|
|
155
160
|
header: string;
|
|
@@ -195,8 +200,8 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
195
200
|
enableToolbarBottom?: boolean;
|
|
196
201
|
enableToolbarInternalActions?: boolean;
|
|
197
202
|
enableToolbarTop?: boolean;
|
|
198
|
-
enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
|
|
199
|
-
enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[];
|
|
203
|
+
enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
|
|
204
|
+
enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
|
|
200
205
|
icons?: Partial<MRT_Icons>;
|
|
201
206
|
localization?: Partial<MRT_Localization>;
|
|
202
207
|
muiLinearProgressProps?: LinearProgressProps | (({ instance, }: {
|
|
@@ -288,99 +293,108 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
|
|
|
288
293
|
muiTableToolbarTopProps?: ToolbarProps | (({ instance }: {
|
|
289
294
|
instance: MRT_TableInstance;
|
|
290
295
|
}) => ToolbarProps);
|
|
291
|
-
|
|
292
|
-
onCurrentEditingRowChange?: OnChangeFn<MRT_Row>;
|
|
293
|
-
onCurrentFilterFnsChange?: OnChangeFn<{
|
|
294
|
-
[key: string]: MRT_FilterFn;
|
|
295
|
-
}>;
|
|
296
|
-
onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterFn>;
|
|
297
|
-
onIsDensePaddingChange?: OnChangeFn<boolean>;
|
|
298
|
-
onIsFullScreenChange?: OnChangeFn<boolean>;
|
|
299
|
-
onHandleCellClick?: ({ cell, event, instance, }: {
|
|
296
|
+
onCellClick?: ({ cell, event, instance, }: {
|
|
300
297
|
cell: MRT_Cell<D>;
|
|
301
298
|
instance: MRT_TableInstance<D>;
|
|
302
299
|
event: MouseEvent<HTMLTableCellElement>;
|
|
303
300
|
}) => void;
|
|
304
|
-
|
|
301
|
+
onCellEditBlur?: ({ cell, event, instance, }: {
|
|
305
302
|
event: FocusEvent<HTMLInputElement>;
|
|
306
303
|
cell: MRT_Cell<D>;
|
|
307
304
|
instance: MRT_TableInstance<D>;
|
|
308
305
|
}) => void;
|
|
309
|
-
|
|
306
|
+
onCellEditChanged?: ({ cell, event, instance, }: {
|
|
310
307
|
event: ChangeEvent<HTMLInputElement>;
|
|
311
308
|
cell: MRT_Cell<D>;
|
|
312
309
|
instance: MRT_TableInstance<D>;
|
|
313
310
|
}) => void;
|
|
314
|
-
|
|
311
|
+
onColumnFilterValueChanged?: ({ column, event, filterValue, }: {
|
|
312
|
+
column: MRT_Column<D>;
|
|
313
|
+
event: ChangeEvent<HTMLInputElement>;
|
|
314
|
+
filterValue: any;
|
|
315
|
+
}) => void;
|
|
316
|
+
onColumnFilterValueChangedDebounced?: ({ column, event, filterValue, }: {
|
|
317
|
+
column: MRT_Column<D>;
|
|
318
|
+
event: ChangeEvent<HTMLInputElement>;
|
|
319
|
+
filterValue: any;
|
|
320
|
+
}) => void;
|
|
321
|
+
onColumnVisibilityChanged?: ({ column, columnVisibility, instance, }: {
|
|
322
|
+
column: MRT_Column<D>;
|
|
323
|
+
columnVisibility: VisibilityState;
|
|
324
|
+
instance: MRT_TableInstance<D>;
|
|
325
|
+
}) => void;
|
|
326
|
+
onCurrentEditingCellChange?: OnChangeFn<MRT_Cell>;
|
|
327
|
+
onCurrentEditingRowChange?: OnChangeFn<MRT_Row>;
|
|
328
|
+
onCurrentFilterFnsChange?: OnChangeFn<{
|
|
329
|
+
[key: string]: MRT_FilterFn;
|
|
330
|
+
}>;
|
|
331
|
+
onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterFn>;
|
|
332
|
+
onDetailPanelClick?: ({ event, row, instance, }: {
|
|
315
333
|
event: MouseEvent<HTMLTableCellElement>;
|
|
316
334
|
row: MRT_Row<D>;
|
|
317
335
|
instance: MRT_TableInstance<D>;
|
|
318
336
|
}) => void;
|
|
319
|
-
|
|
337
|
+
onEditRowSubmit?: ({ row, instance, }: {
|
|
320
338
|
row: MRT_Row<D>;
|
|
321
339
|
instance: MRT_TableInstance<D>;
|
|
322
340
|
}) => Promise<void> | void;
|
|
323
|
-
|
|
324
|
-
|
|
341
|
+
onExpandChanged?: ({ event, row, }: {
|
|
342
|
+
event: MouseEvent<HTMLButtonElement>;
|
|
343
|
+
row: MRT_Row<D>;
|
|
344
|
+
instance: MRT_TableInstance<D>;
|
|
345
|
+
}) => void;
|
|
346
|
+
onGlobalFilterValueChanged?: ({ event, instance, }: {
|
|
325
347
|
event: ChangeEvent<HTMLInputElement>;
|
|
326
|
-
|
|
348
|
+
instance: MRT_TableInstance<D>;
|
|
327
349
|
}) => void;
|
|
328
|
-
|
|
350
|
+
onGlobalFilterValueChangedDebounced?: ({ event, instance, }: {
|
|
329
351
|
event: ChangeEvent<HTMLInputElement>;
|
|
330
352
|
instance: MRT_TableInstance<D>;
|
|
331
353
|
}) => void;
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
354
|
+
onIsDensePaddingChange?: OnChangeFn<boolean>;
|
|
355
|
+
onIsDensePaddingChanged?: ({ event, isDensePadding, instance, }: {
|
|
356
|
+
event: MouseEvent<HTMLButtonElement>;
|
|
357
|
+
isDensePadding: boolean;
|
|
335
358
|
instance: MRT_TableInstance<D>;
|
|
336
359
|
}) => void;
|
|
337
|
-
|
|
360
|
+
onIsFullScreenChange?: OnChangeFn<boolean>;
|
|
361
|
+
onIsFullScreenChanged?: ({ event, isFullScreen, instance, }: {
|
|
338
362
|
event: MouseEvent<HTMLButtonElement>;
|
|
363
|
+
isFullScreen: boolean;
|
|
364
|
+
instance: MRT_TableInstance<D>;
|
|
365
|
+
}) => void;
|
|
366
|
+
onRowClick?: ({ event, row, instance, }: {
|
|
367
|
+
event: MouseEvent<HTMLTableRowElement>;
|
|
339
368
|
row: MRT_Row<D>;
|
|
340
369
|
instance: MRT_TableInstance<D>;
|
|
341
370
|
}) => void;
|
|
342
|
-
|
|
371
|
+
onRowSelectAllChanged?: ({ event, selectedRows, instance, }: {
|
|
343
372
|
event: ChangeEvent;
|
|
344
373
|
selectedRows: MRT_Row<D>[];
|
|
345
374
|
instance: MRT_TableInstance<D>;
|
|
346
375
|
}) => void;
|
|
347
|
-
|
|
376
|
+
onRowSelectionChanged?: ({ event, row, selectedRows, instance, }: {
|
|
348
377
|
event: ChangeEvent;
|
|
349
378
|
row: MRT_Row<D>;
|
|
350
379
|
selectedRows: MRT_Row<D>[];
|
|
351
380
|
instance: MRT_TableInstance<D>;
|
|
352
381
|
}) => void;
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
columnVisibility: VisibilityState;
|
|
356
|
-
instance: MRT_TableInstance<D>;
|
|
357
|
-
}) => void;
|
|
358
|
-
onHandleToggleDensePadding?: ({ event, isDensePadding, instance, }: {
|
|
359
|
-
event: MouseEvent<HTMLButtonElement>;
|
|
360
|
-
isDensePadding: boolean;
|
|
361
|
-
instance: MRT_TableInstance<D>;
|
|
362
|
-
}) => void;
|
|
363
|
-
onHandleToggleFullScreen?: ({ event, isFullScreen, instance, }: {
|
|
382
|
+
onShowFiltersChange?: OnChangeFn<boolean>;
|
|
383
|
+
onShowFiltersChanged?: ({ event, instance, showFilters, }: {
|
|
364
384
|
event: MouseEvent<HTMLButtonElement>;
|
|
365
|
-
isFullScreen: boolean;
|
|
366
385
|
instance: MRT_TableInstance<D>;
|
|
367
|
-
}) => void;
|
|
368
|
-
onHandleToggleShowFilters?: ({ event, showFilters, instance, }: {
|
|
369
|
-
event: MouseEvent<HTMLButtonElement>;
|
|
370
386
|
showFilters: boolean;
|
|
371
|
-
instance: MRT_TableInstance<D>;
|
|
372
387
|
}) => void;
|
|
373
|
-
|
|
388
|
+
onShowGlobalFilterChange?: OnChangeFn<boolean>;
|
|
389
|
+
onShowGlobalFilterChanged?: ({ event, instance, showGlobalFilter, }: {
|
|
374
390
|
event: MouseEvent<HTMLButtonElement>;
|
|
375
|
-
showGlobalFilter: boolean;
|
|
376
391
|
instance: MRT_TableInstance<D>;
|
|
392
|
+
showGlobalFilter: boolean;
|
|
377
393
|
}) => void;
|
|
378
|
-
onShowFiltersChange?: OnChangeFn<boolean>;
|
|
379
|
-
onShowGlobalFilterChange?: OnChangeFn<boolean>;
|
|
380
394
|
persistentStateMode?: 'localStorage' | 'sessionStorage';
|
|
381
395
|
positionActionsColumn?: 'first' | 'last';
|
|
382
|
-
positionPagination?: 'bottom' | 'top' | 'both';
|
|
383
396
|
positionGlobalFilter?: 'left' | 'right';
|
|
397
|
+
positionPagination?: 'bottom' | 'top' | 'both';
|
|
384
398
|
positionToolbarActions?: 'bottom' | 'top';
|
|
385
399
|
positionToolbarAlertBanner?: 'bottom' | 'top';
|
|
386
400
|
renderDetailPanel?: ({ row, instance, }: {
|
package/dist/filtersFNs.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RankingInfo } from '@tanstack/match-sorter-utils';
|
|
2
2
|
import { MRT_Row } from '.';
|
|
3
3
|
export declare const fuzzy: {
|
|
4
|
-
(row: MRT_Row, columnId: string,
|
|
4
|
+
(row: MRT_Row, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
|
|
5
5
|
autoRemove(val: any): boolean;
|
|
6
6
|
};
|
|
7
7
|
export declare const contains: {
|
|
@@ -66,7 +66,7 @@ export declare const defaultFilterFNs: {
|
|
|
66
66
|
autoRemove(val: any): boolean;
|
|
67
67
|
};
|
|
68
68
|
fuzzy: {
|
|
69
|
-
(row: MRT_Row, columnId: string,
|
|
69
|
+
(row: MRT_Row, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
|
|
70
70
|
autoRemove(val: any): boolean;
|
|
71
71
|
};
|
|
72
72
|
greaterThan: {
|