material-react-table 0.11.0 → 0.12.2

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.
@@ -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
- onHandleCellEditBlur?: ({ cell, event, instance, }: {
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
- onHandleCellEditChange?: ({ cell, event, instance, }: {
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
- onHandleFilterValueChange?: ({ column, event, filterValue, }: {
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
- onCurrentEditingCellChange?: OnChangeFn<MRT_Cell>;
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
- onHandleCellEditBlur?: ({ cell, event, instance, }: {
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
- onHandleCellEditChange?: ({ cell, event, instance, }: {
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
- onHandleDetailPanelClick?: ({ event, row, instance, }: {
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
- onHandleEditRowSubmit?: ({ row, instance, }: {
337
+ onEditRowSubmit?: ({ row, instance, }: {
320
338
  row: MRT_Row<D>;
321
339
  instance: MRT_TableInstance<D>;
322
340
  }) => Promise<void> | void;
323
- onHandleFilterValueChange?: ({ column, event, filterValue, }: {
324
- column: MRT_Column<D>;
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
- filterValue: any;
348
+ instance: MRT_TableInstance<D>;
327
349
  }) => void;
328
- onHandleGlobalFilterValueChange?: ({ event, instance, }: {
350
+ onGlobalFilterValueChangedDebounced?: ({ event, instance, }: {
329
351
  event: ChangeEvent<HTMLInputElement>;
330
352
  instance: MRT_TableInstance<D>;
331
353
  }) => void;
332
- onHandleRowClick?: ({ event, row, instance, }: {
333
- event: MouseEvent<HTMLTableRowElement>;
334
- row: MRT_Row<D>;
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
- onHandleRowExpandChange?: ({ event, row, }: {
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
- onHandleSelectAllChange?: ({ event, selectedRows, instance, }: {
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
- onHandleSelectRowChange?: ({ event, row, selectedRows, instance, }: {
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
- onHandleToggleColumnVisibility?: ({ column, columnVisibility, instance, }: {
354
- column: MRT_Column<D>;
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
- onHandleToggleShowGlobalFilter?: ({ event, showGlobalFilter, instance, }: {
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, }: {
@@ -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, value: string, addMeta: (item: RankingInfo) => void): boolean;
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, value: string, addMeta: (item: RankingInfo) => void): boolean;
69
+ (row: MRT_Row, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
70
70
  autoRemove(val: any): boolean;
71
71
  };
72
72
  greaterThan: {