material-react-table 1.5.12 → 1.6.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/README.md +2 -1
- package/dist/cjs/index.js +67 -12
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/MaterialReactTable.d.ts +68 -66
- package/dist/cjs/types/body/MRT_TableBodyCellValue.d.ts +1 -1
- package/dist/cjs/types/column.utils.d.ts +18 -4
- package/dist/cjs/types/index.d.ts +2 -1
- package/dist/cjs/types/table/MRT_TableRoot.d.ts +48 -47
- package/dist/esm/material-react-table.esm.js +66 -13
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/esm/types/MaterialReactTable.d.ts +68 -66
- package/dist/esm/types/body/MRT_TableBodyCellValue.d.ts +1 -1
- package/dist/esm/types/column.utils.d.ts +18 -4
- package/dist/esm/types/index.d.ts +2 -1
- package/dist/esm/types/table/MRT_TableRoot.d.ts +48 -47
- package/dist/index.d.ts +78 -69
- package/package.json +3 -2
- package/src/MaterialReactTable.tsx +72 -256
- package/src/body/MRT_TableBodyCell.tsx +7 -1
- package/src/body/MRT_TableBodyCellValue.tsx +93 -23
- package/src/buttons/MRT_ToggleGlobalFilterButton.tsx +1 -0
- package/src/column.utils.ts +4 -3
- package/src/index.tsx +2 -0
- package/src/toolbar/MRT_ToolbarDropZone.tsx +6 -4
- package/src/toolbar/MRT_TopToolbar.tsx +2 -1
@@ -202,42 +202,43 @@ export type MRT_TableState<TData extends Record<string, any> = {}> = TableState
|
|
202
202
|
showToolbarDropZone: boolean;
|
203
203
|
};
|
204
204
|
export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TData, unknown>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
|
205
|
-
AggregatedCell?: (
|
205
|
+
AggregatedCell?: (props: {
|
206
206
|
cell: MRT_Cell<TData>;
|
207
207
|
column: MRT_Column<TData>;
|
208
208
|
row: MRT_Row<TData>;
|
209
209
|
table: MRT_TableInstance<TData>;
|
210
210
|
}) => ReactNode;
|
211
|
-
Cell?: (
|
211
|
+
Cell?: (props: {
|
212
212
|
cell: MRT_Cell<TData>;
|
213
|
+
renderedCellValue: number | string | ReactNode;
|
213
214
|
column: MRT_Column<TData>;
|
214
215
|
row: MRT_Row<TData>;
|
215
216
|
table: MRT_TableInstance<TData>;
|
216
217
|
}) => ReactNode;
|
217
|
-
Edit?: (
|
218
|
+
Edit?: (props: {
|
218
219
|
cell: MRT_Cell<TData>;
|
219
220
|
column: MRT_Column<TData>;
|
220
221
|
row: MRT_Row<TData>;
|
221
222
|
table: MRT_TableInstance<TData>;
|
222
223
|
}) => ReactNode;
|
223
|
-
Filter?: (
|
224
|
+
Filter?: (props: {
|
224
225
|
column: MRT_Column<TData>;
|
225
226
|
header: MRT_Header<TData>;
|
226
227
|
rangeFilterIndex?: number;
|
227
228
|
table: MRT_TableInstance<TData>;
|
228
229
|
}) => ReactNode;
|
229
|
-
Footer?: ReactNode | ((
|
230
|
+
Footer?: ReactNode | ((props: {
|
230
231
|
column: MRT_Column<TData>;
|
231
232
|
footer: MRT_Header<TData>;
|
232
233
|
table: MRT_TableInstance<TData>;
|
233
234
|
}) => ReactNode);
|
234
|
-
GroupedCell?: (
|
235
|
+
GroupedCell?: (props: {
|
235
236
|
cell: MRT_Cell<TData>;
|
236
237
|
column: MRT_Column<TData>;
|
237
238
|
row: MRT_Row<TData>;
|
238
239
|
table: MRT_TableInstance<TData>;
|
239
240
|
}) => ReactNode;
|
240
|
-
Header?: ReactNode | ((
|
241
|
+
Header?: ReactNode | ((props: {
|
241
242
|
column: MRT_Column<TData>;
|
242
243
|
header: MRT_Header<TData>;
|
243
244
|
table: MRT_TableInstance<TData>;
|
@@ -300,55 +301,55 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnD
|
|
300
301
|
* @default gets set to the same value as `accessorKey` by default
|
301
302
|
*/
|
302
303
|
id?: LiteralUnion<string & keyof TData>;
|
303
|
-
muiTableBodyCellCopyButtonProps?: ButtonProps | ((
|
304
|
+
muiTableBodyCellCopyButtonProps?: ButtonProps | ((props: {
|
304
305
|
cell: MRT_Cell<TData>;
|
305
306
|
column: MRT_Column<TData>;
|
306
307
|
row: MRT_Row<TData>;
|
307
308
|
table: MRT_TableInstance<TData>;
|
308
309
|
}) => ButtonProps);
|
309
|
-
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((
|
310
|
+
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((props: {
|
310
311
|
cell: MRT_Cell<TData>;
|
311
312
|
column: MRT_Column<TData>;
|
312
313
|
row: MRT_Row<TData>;
|
313
314
|
table: MRT_TableInstance<TData>;
|
314
315
|
}) => TextFieldProps);
|
315
|
-
muiTableBodyCellProps?: TableCellProps | ((
|
316
|
+
muiTableBodyCellProps?: TableCellProps | ((props: {
|
316
317
|
cell: MRT_Cell<TData>;
|
317
318
|
column: MRT_Column<TData>;
|
318
319
|
row: MRT_Row<TData>;
|
319
320
|
table: MRT_TableInstance<TData>;
|
320
321
|
}) => TableCellProps);
|
321
|
-
muiTableFooterCellProps?: TableCellProps | ((
|
322
|
+
muiTableFooterCellProps?: TableCellProps | ((props: {
|
322
323
|
table: MRT_TableInstance<TData>;
|
323
324
|
column: MRT_Column<TData>;
|
324
325
|
}) => TableCellProps);
|
325
|
-
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((
|
326
|
+
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((props: {
|
326
327
|
table: MRT_TableInstance<TData>;
|
327
328
|
column: MRT_Column<TData>;
|
328
329
|
}) => IconButtonProps);
|
329
|
-
muiTableHeadCellDragHandleProps?: IconButtonProps | ((
|
330
|
+
muiTableHeadCellDragHandleProps?: IconButtonProps | ((props: {
|
330
331
|
table: MRT_TableInstance<TData>;
|
331
332
|
column: MRT_Column<TData>;
|
332
333
|
}) => IconButtonProps);
|
333
|
-
muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((
|
334
|
+
muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((props: {
|
334
335
|
column: MRT_Column<TData>;
|
335
336
|
table: MRT_TableInstance<TData>;
|
336
337
|
}) => CheckboxProps);
|
337
|
-
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((
|
338
|
+
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((props: {
|
338
339
|
table: MRT_TableInstance<TData>;
|
339
340
|
column: MRT_Column<TData>;
|
340
341
|
rangeFilterIndex?: number;
|
341
342
|
}) => TextFieldProps);
|
342
|
-
muiTableHeadCellProps?: TableCellProps | ((
|
343
|
+
muiTableHeadCellProps?: TableCellProps | ((props: {
|
343
344
|
table: MRT_TableInstance<TData>;
|
344
345
|
column: MRT_Column<TData>;
|
345
346
|
}) => TableCellProps);
|
346
|
-
renderColumnActionsMenuItems?: (
|
347
|
+
renderColumnActionsMenuItems?: (props: {
|
347
348
|
closeMenu: () => void;
|
348
349
|
column: MRT_Column<TData>;
|
349
350
|
table: MRT_TableInstance<TData>;
|
350
351
|
}) => ReactNode[];
|
351
|
-
renderColumnFilterModeMenuItems?: (
|
352
|
+
renderColumnFilterModeMenuItems?: (props: {
|
352
353
|
column: MRT_Column<TData>;
|
353
354
|
internalFilterOptions: MRT_InternalFilterOption[];
|
354
355
|
onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
|
@@ -448,6 +449,7 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
|
|
448
449
|
enableDensityToggle?: boolean;
|
449
450
|
enableEditing?: boolean;
|
450
451
|
enableExpandAll?: boolean;
|
452
|
+
enableFilterMatchHighlighting?: boolean;
|
451
453
|
enableFullScreenToggle?: boolean;
|
452
454
|
enableGlobalFilterModes?: boolean;
|
453
455
|
enableGlobalFilterRankedResults?: boolean;
|
@@ -489,139 +491,139 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
|
|
489
491
|
* @link https://www.material-react-table.com/docs/guides/memoize-components
|
490
492
|
*/
|
491
493
|
memoMode?: 'cells' | 'rows' | 'table-body';
|
492
|
-
muiBottomToolbarProps?: ToolbarProps | ((
|
494
|
+
muiBottomToolbarProps?: ToolbarProps | ((props: {
|
493
495
|
table: MRT_TableInstance<TData>;
|
494
496
|
}) => ToolbarProps);
|
495
|
-
muiExpandAllButtonProps?: IconButtonProps | ((
|
497
|
+
muiExpandAllButtonProps?: IconButtonProps | ((props: {
|
496
498
|
table: MRT_TableInstance<TData>;
|
497
499
|
}) => IconButtonProps);
|
498
|
-
muiExpandButtonProps?: IconButtonProps | ((
|
500
|
+
muiExpandButtonProps?: IconButtonProps | ((props: {
|
499
501
|
table: MRT_TableInstance<TData>;
|
500
502
|
row: MRT_Row<TData>;
|
501
503
|
}) => IconButtonProps);
|
502
|
-
muiLinearProgressProps?: LinearProgressProps | ((
|
504
|
+
muiLinearProgressProps?: LinearProgressProps | ((props: {
|
503
505
|
isTopToolbar: boolean;
|
504
506
|
table: MRT_TableInstance<TData>;
|
505
507
|
}) => LinearProgressProps);
|
506
|
-
muiSearchTextFieldProps?: TextFieldProps | ((
|
508
|
+
muiSearchTextFieldProps?: TextFieldProps | ((props: {
|
507
509
|
table: MRT_TableInstance<TData>;
|
508
510
|
}) => TextFieldProps);
|
509
|
-
muiSelectAllCheckboxProps?: CheckboxProps | ((
|
511
|
+
muiSelectAllCheckboxProps?: CheckboxProps | ((props: {
|
510
512
|
table: MRT_TableInstance<TData>;
|
511
513
|
}) => CheckboxProps);
|
512
|
-
muiSelectCheckboxProps?: (CheckboxProps | RadioProps) | ((
|
514
|
+
muiSelectCheckboxProps?: (CheckboxProps | RadioProps) | ((props: {
|
513
515
|
table: MRT_TableInstance<TData>;
|
514
516
|
row: MRT_Row<TData>;
|
515
517
|
}) => CheckboxProps | RadioProps);
|
516
|
-
muiTableBodyCellCopyButtonProps?: ButtonProps | ((
|
518
|
+
muiTableBodyCellCopyButtonProps?: ButtonProps | ((props: {
|
517
519
|
cell: MRT_Cell<TData>;
|
518
520
|
column: MRT_Column<TData>;
|
519
521
|
row: MRT_Row<TData>;
|
520
522
|
table: MRT_TableInstance<TData>;
|
521
523
|
}) => ButtonProps);
|
522
|
-
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((
|
524
|
+
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((props: {
|
523
525
|
cell: MRT_Cell<TData>;
|
524
526
|
column: MRT_Column<TData>;
|
525
527
|
row: MRT_Row<TData>;
|
526
528
|
table: MRT_TableInstance<TData>;
|
527
529
|
}) => TextFieldProps);
|
528
|
-
muiTableBodyCellProps?: TableCellProps | ((
|
530
|
+
muiTableBodyCellProps?: TableCellProps | ((props: {
|
529
531
|
cell: MRT_Cell<TData>;
|
530
532
|
column: MRT_Column<TData>;
|
531
533
|
row: MRT_Row<TData>;
|
532
534
|
table: MRT_TableInstance<TData>;
|
533
535
|
}) => TableCellProps);
|
534
|
-
muiTableBodyCellSkeletonProps?: SkeletonProps | ((
|
536
|
+
muiTableBodyCellSkeletonProps?: SkeletonProps | ((props: {
|
535
537
|
cell: MRT_Cell<TData>;
|
536
538
|
column: MRT_Column<TData>;
|
537
539
|
row: MRT_Row<TData>;
|
538
540
|
table: MRT_TableInstance<TData>;
|
539
541
|
}) => SkeletonProps);
|
540
|
-
muiTableBodyProps?: TableBodyProps | ((
|
542
|
+
muiTableBodyProps?: TableBodyProps | ((props: {
|
541
543
|
table: MRT_TableInstance<TData>;
|
542
544
|
}) => TableBodyProps);
|
543
|
-
muiTableBodyRowDragHandleProps?: IconButtonProps | ((
|
545
|
+
muiTableBodyRowDragHandleProps?: IconButtonProps | ((props: {
|
544
546
|
table: MRT_TableInstance<TData>;
|
545
547
|
row: MRT_Row<TData>;
|
546
548
|
}) => IconButtonProps);
|
547
|
-
muiTableBodyRowProps?: TableRowProps | ((
|
549
|
+
muiTableBodyRowProps?: TableRowProps | ((props: {
|
548
550
|
isDetailPanel?: boolean;
|
549
551
|
row: MRT_Row<TData>;
|
550
552
|
table: MRT_TableInstance<TData>;
|
551
553
|
}) => TableRowProps);
|
552
|
-
muiTableContainerProps?: TableContainerProps | ((
|
554
|
+
muiTableContainerProps?: TableContainerProps | ((props: {
|
553
555
|
table: MRT_TableInstance<TData>;
|
554
556
|
}) => TableContainerProps);
|
555
|
-
muiTableDetailPanelProps?: TableCellProps | ((
|
557
|
+
muiTableDetailPanelProps?: TableCellProps | ((props: {
|
556
558
|
table: MRT_TableInstance<TData>;
|
557
559
|
row: MRT_Row<TData>;
|
558
560
|
}) => TableCellProps);
|
559
|
-
muiTableFooterCellProps?: TableCellProps | ((
|
561
|
+
muiTableFooterCellProps?: TableCellProps | ((props: {
|
560
562
|
table: MRT_TableInstance<TData>;
|
561
563
|
column: MRT_Column<TData>;
|
562
564
|
}) => TableCellProps);
|
563
|
-
muiTableFooterProps?: TableFooterProps | ((
|
565
|
+
muiTableFooterProps?: TableFooterProps | ((props: {
|
564
566
|
table: MRT_TableInstance<TData>;
|
565
567
|
}) => TableFooterProps);
|
566
|
-
muiTableFooterRowProps?: TableRowProps | ((
|
568
|
+
muiTableFooterRowProps?: TableRowProps | ((props: {
|
567
569
|
table: MRT_TableInstance<TData>;
|
568
570
|
footerGroup: MRT_HeaderGroup<TData>;
|
569
571
|
}) => TableRowProps);
|
570
|
-
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((
|
572
|
+
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((props: {
|
571
573
|
table: MRT_TableInstance<TData>;
|
572
574
|
column: MRT_Column<TData>;
|
573
575
|
}) => IconButtonProps);
|
574
|
-
muiTableHeadCellDragHandleProps?: IconButtonProps | ((
|
576
|
+
muiTableHeadCellDragHandleProps?: IconButtonProps | ((props: {
|
575
577
|
table: MRT_TableInstance<TData>;
|
576
578
|
column: MRT_Column<TData>;
|
577
579
|
}) => IconButtonProps);
|
578
|
-
muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((
|
580
|
+
muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((props: {
|
579
581
|
column: MRT_Column<TData>;
|
580
582
|
table: MRT_TableInstance<TData>;
|
581
583
|
}) => CheckboxProps);
|
582
|
-
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((
|
584
|
+
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((props: {
|
583
585
|
table: MRT_TableInstance<TData>;
|
584
586
|
column: MRT_Column<TData>;
|
585
587
|
rangeFilterIndex?: number;
|
586
588
|
}) => TextFieldProps);
|
587
|
-
muiTableHeadCellProps?: TableCellProps | ((
|
589
|
+
muiTableHeadCellProps?: TableCellProps | ((props: {
|
588
590
|
table: MRT_TableInstance<TData>;
|
589
591
|
column: MRT_Column<TData>;
|
590
592
|
}) => TableCellProps);
|
591
|
-
muiTableHeadProps?: TableHeadProps | ((
|
593
|
+
muiTableHeadProps?: TableHeadProps | ((props: {
|
592
594
|
table: MRT_TableInstance<TData>;
|
593
595
|
}) => TableHeadProps);
|
594
|
-
muiTableHeadRowProps?: TableRowProps | ((
|
596
|
+
muiTableHeadRowProps?: TableRowProps | ((props: {
|
595
597
|
table: MRT_TableInstance<TData>;
|
596
598
|
headerGroup: MRT_HeaderGroup<TData>;
|
597
599
|
}) => TableRowProps);
|
598
|
-
muiTablePaginationProps?: Partial<TablePaginationProps> | ((
|
600
|
+
muiTablePaginationProps?: Partial<TablePaginationProps> | ((props: {
|
599
601
|
table: MRT_TableInstance<TData>;
|
600
602
|
}) => Partial<TablePaginationProps>);
|
601
|
-
muiTablePaperProps?: PaperProps | ((
|
603
|
+
muiTablePaperProps?: PaperProps | ((props: {
|
602
604
|
table: MRT_TableInstance<TData>;
|
603
605
|
}) => PaperProps);
|
604
|
-
muiTableProps?: TableProps | ((
|
606
|
+
muiTableProps?: TableProps | ((props: {
|
605
607
|
table: MRT_TableInstance<TData>;
|
606
608
|
}) => TableProps);
|
607
|
-
muiToolbarAlertBannerChipProps?: ChipProps | ((
|
609
|
+
muiToolbarAlertBannerChipProps?: ChipProps | ((props: {
|
608
610
|
table: MRT_TableInstance<TData>;
|
609
611
|
}) => ChipProps);
|
610
|
-
muiToolbarAlertBannerProps?: AlertProps | ((
|
612
|
+
muiToolbarAlertBannerProps?: AlertProps | ((props: {
|
611
613
|
table: MRT_TableInstance<TData>;
|
612
614
|
}) => AlertProps);
|
613
|
-
muiTopToolbarProps?: ToolbarProps | ((
|
615
|
+
muiTopToolbarProps?: ToolbarProps | ((props: {
|
614
616
|
table: MRT_TableInstance<TData>;
|
615
617
|
}) => ToolbarProps);
|
616
618
|
onDensityChange?: OnChangeFn<DensityState>;
|
617
619
|
onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
|
618
620
|
onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
|
619
621
|
onEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;
|
620
|
-
onEditingRowCancel?: (
|
622
|
+
onEditingRowCancel?: (props: {
|
621
623
|
row: MRT_Row<TData>;
|
622
624
|
table: MRT_TableInstance<TData>;
|
623
625
|
}) => void;
|
624
|
-
onEditingRowSave?: (
|
626
|
+
onEditingRowSave?: (props: {
|
625
627
|
exitEditingMode: () => void;
|
626
628
|
row: MRT_Row<TData>;
|
627
629
|
table: MRT_TableInstance<TData>;
|
@@ -645,49 +647,49 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
|
|
645
647
|
positionPagination?: 'bottom' | 'top' | 'both' | 'none';
|
646
648
|
positionToolbarAlertBanner?: 'bottom' | 'top' | 'none';
|
647
649
|
positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both';
|
648
|
-
renderBottomToolbar?: ReactNode | ((
|
650
|
+
renderBottomToolbar?: ReactNode | ((props: {
|
649
651
|
table: MRT_TableInstance<TData>;
|
650
652
|
}) => ReactNode);
|
651
|
-
renderBottomToolbarCustomActions?: (
|
653
|
+
renderBottomToolbarCustomActions?: (props: {
|
652
654
|
table: MRT_TableInstance<TData>;
|
653
655
|
}) => ReactNode;
|
654
|
-
renderColumnActionsMenuItems?: (
|
656
|
+
renderColumnActionsMenuItems?: (props: {
|
655
657
|
column: MRT_Column<TData>;
|
656
658
|
closeMenu: () => void;
|
657
659
|
table: MRT_TableInstance<TData>;
|
658
660
|
}) => ReactNode[];
|
659
|
-
renderColumnFilterModeMenuItems?: (
|
661
|
+
renderColumnFilterModeMenuItems?: (props: {
|
660
662
|
column: MRT_Column<TData>;
|
661
663
|
internalFilterOptions: MRT_InternalFilterOption[];
|
662
664
|
onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
|
663
665
|
table: MRT_TableInstance<TData>;
|
664
666
|
}) => ReactNode[];
|
665
|
-
renderDetailPanel?: (
|
667
|
+
renderDetailPanel?: (props: {
|
666
668
|
row: MRT_Row<TData>;
|
667
669
|
table: MRT_TableInstance<TData>;
|
668
670
|
}) => ReactNode;
|
669
|
-
renderGlobalFilterModeMenuItems?: (
|
671
|
+
renderGlobalFilterModeMenuItems?: (props: {
|
670
672
|
internalFilterOptions: MRT_InternalFilterOption[];
|
671
673
|
onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
|
672
674
|
table: MRT_TableInstance<TData>;
|
673
675
|
}) => ReactNode[];
|
674
|
-
renderRowActionMenuItems?: (
|
676
|
+
renderRowActionMenuItems?: (props: {
|
675
677
|
closeMenu: () => void;
|
676
678
|
row: MRT_Row<TData>;
|
677
679
|
table: MRT_TableInstance<TData>;
|
678
680
|
}) => ReactNode[];
|
679
|
-
renderRowActions?: (
|
681
|
+
renderRowActions?: (props: {
|
680
682
|
cell: MRT_Cell<TData>;
|
681
683
|
row: MRT_Row<TData>;
|
682
684
|
table: MRT_TableInstance<TData>;
|
683
685
|
}) => ReactNode;
|
684
|
-
renderToolbarInternalActions?: (
|
686
|
+
renderToolbarInternalActions?: (props: {
|
685
687
|
table: MRT_TableInstance<TData>;
|
686
688
|
}) => ReactNode;
|
687
|
-
renderTopToolbar?: ReactNode | ((
|
689
|
+
renderTopToolbar?: ReactNode | ((props: {
|
688
690
|
table: MRT_TableInstance<TData>;
|
689
691
|
}) => ReactNode);
|
690
|
-
renderTopToolbarCustomActions?: (
|
692
|
+
renderTopToolbarCustomActions?: (props: {
|
691
693
|
table: MRT_TableInstance<TData>;
|
692
694
|
}) => ReactNode;
|
693
695
|
rowCount?: number;
|
@@ -695,11 +697,11 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
|
|
695
697
|
selectAllMode?: 'all' | 'page';
|
696
698
|
state?: Partial<MRT_TableState<TData>>;
|
697
699
|
columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
|
698
|
-
columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((
|
700
|
+
columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
|
699
701
|
table: MRT_TableInstance<TData>;
|
700
702
|
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
|
701
703
|
rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
|
702
|
-
rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((
|
704
|
+
rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
|
703
705
|
table: MRT_TableInstance<TData>;
|
704
706
|
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
|
705
707
|
tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
|
@@ -712,5 +714,5 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
|
|
712
714
|
*/
|
713
715
|
virtualizerProps?: any;
|
714
716
|
};
|
715
|
-
declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
|
717
|
+
declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilterMatchHighlighting, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
|
716
718
|
export default MaterialReactTable;
|
@@ -117,8 +117,22 @@ export declare const getCommonCellStyles: ({ column, header, table, tableCellPro
|
|
117
117
|
theme: Theme;
|
118
118
|
}) => any;
|
119
119
|
export declare const MRT_DefaultColumn: {
|
120
|
-
|
121
|
-
|
122
|
-
|
120
|
+
readonly filterVariant: "text";
|
121
|
+
readonly minSize: 40;
|
122
|
+
readonly maxSize: 1000;
|
123
|
+
readonly size: 180;
|
124
|
+
};
|
125
|
+
export declare const MRT_DefaultDisplayColumn: {
|
126
|
+
readonly columnDefType: "display";
|
127
|
+
readonly enableClickToCopy: false;
|
128
|
+
readonly enableColumnActions: false;
|
129
|
+
readonly enableColumnDragging: false;
|
130
|
+
readonly enableColumnFilter: false;
|
131
|
+
readonly enableColumnOrdering: false;
|
132
|
+
readonly enableEditing: false;
|
133
|
+
readonly enableGlobalFilter: false;
|
134
|
+
readonly enableGrouping: false;
|
135
|
+
readonly enableHiding: false;
|
136
|
+
readonly enableResizing: false;
|
137
|
+
readonly enableSorting: false;
|
123
138
|
};
|
124
|
-
export declare const MRT_DefaultDisplayColumn: Partial<MRT_ColumnDef>;
|
@@ -4,6 +4,7 @@ export * from './MaterialReactTable';
|
|
4
4
|
import type { MRT_Icons } from './icons';
|
5
5
|
export type { MRT_Icons };
|
6
6
|
import { MRT_CopyButton } from './buttons/MRT_CopyButton';
|
7
|
+
import { MRT_EditActionButtons } from './buttons/MRT_EditActionButtons';
|
7
8
|
import { MRT_FilterOptionMenu } from './menus/MRT_FilterOptionMenu';
|
8
9
|
import { MRT_FullScreenToggleButton } from './buttons/MRT_FullScreenToggleButton';
|
9
10
|
import { MRT_GlobalFilterTextField } from './inputs/MRT_GlobalFilterTextField';
|
@@ -18,4 +19,4 @@ import { MRT_ToolbarInternalButtons } from './toolbar/MRT_ToolbarInternalButtons
|
|
18
19
|
import { MRT_ToggleRowActionMenuButton } from './buttons/MRT_ToggleRowActionMenuButton';
|
19
20
|
import { MRT_TopToolbar } from './toolbar/MRT_TopToolbar';
|
20
21
|
import { MRT_BottomToolbar } from './toolbar/MRT_BottomToolbar';
|
21
|
-
export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_ToggleRowActionMenuButton, MRT_TopToolbar, MRT_BottomToolbar, };
|
22
|
+
export { MRT_CopyButton, MRT_EditActionButtons, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_ToggleRowActionMenuButton, MRT_TopToolbar, MRT_BottomToolbar, };
|