material-react-table 1.5.12 → 1.6.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 +2 -1
- package/dist/cjs/index.js +66 -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 +65 -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 +1 -1
package/dist/index.d.ts
CHANGED
@@ -323,42 +323,43 @@ type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
|
|
323
323
|
showToolbarDropZone: boolean;
|
324
324
|
};
|
325
325
|
type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TData, unknown>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
|
326
|
-
AggregatedCell?: (
|
326
|
+
AggregatedCell?: (props: {
|
327
327
|
cell: MRT_Cell<TData>;
|
328
328
|
column: MRT_Column<TData>;
|
329
329
|
row: MRT_Row<TData>;
|
330
330
|
table: MRT_TableInstance<TData>;
|
331
331
|
}) => ReactNode;
|
332
|
-
Cell?: (
|
332
|
+
Cell?: (props: {
|
333
333
|
cell: MRT_Cell<TData>;
|
334
|
+
renderedCellValue: number | string | ReactNode;
|
334
335
|
column: MRT_Column<TData>;
|
335
336
|
row: MRT_Row<TData>;
|
336
337
|
table: MRT_TableInstance<TData>;
|
337
338
|
}) => ReactNode;
|
338
|
-
Edit?: (
|
339
|
+
Edit?: (props: {
|
339
340
|
cell: MRT_Cell<TData>;
|
340
341
|
column: MRT_Column<TData>;
|
341
342
|
row: MRT_Row<TData>;
|
342
343
|
table: MRT_TableInstance<TData>;
|
343
344
|
}) => ReactNode;
|
344
|
-
Filter?: (
|
345
|
+
Filter?: (props: {
|
345
346
|
column: MRT_Column<TData>;
|
346
347
|
header: MRT_Header<TData>;
|
347
348
|
rangeFilterIndex?: number;
|
348
349
|
table: MRT_TableInstance<TData>;
|
349
350
|
}) => ReactNode;
|
350
|
-
Footer?: ReactNode | ((
|
351
|
+
Footer?: ReactNode | ((props: {
|
351
352
|
column: MRT_Column<TData>;
|
352
353
|
footer: MRT_Header<TData>;
|
353
354
|
table: MRT_TableInstance<TData>;
|
354
355
|
}) => ReactNode);
|
355
|
-
GroupedCell?: (
|
356
|
+
GroupedCell?: (props: {
|
356
357
|
cell: MRT_Cell<TData>;
|
357
358
|
column: MRT_Column<TData>;
|
358
359
|
row: MRT_Row<TData>;
|
359
360
|
table: MRT_TableInstance<TData>;
|
360
361
|
}) => ReactNode;
|
361
|
-
Header?: ReactNode | ((
|
362
|
+
Header?: ReactNode | ((props: {
|
362
363
|
column: MRT_Column<TData>;
|
363
364
|
header: MRT_Header<TData>;
|
364
365
|
table: MRT_TableInstance<TData>;
|
@@ -421,55 +422,55 @@ type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TDat
|
|
421
422
|
* @default gets set to the same value as `accessorKey` by default
|
422
423
|
*/
|
423
424
|
id?: LiteralUnion<string & keyof TData>;
|
424
|
-
muiTableBodyCellCopyButtonProps?: ButtonProps | ((
|
425
|
+
muiTableBodyCellCopyButtonProps?: ButtonProps | ((props: {
|
425
426
|
cell: MRT_Cell<TData>;
|
426
427
|
column: MRT_Column<TData>;
|
427
428
|
row: MRT_Row<TData>;
|
428
429
|
table: MRT_TableInstance<TData>;
|
429
430
|
}) => ButtonProps);
|
430
|
-
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((
|
431
|
+
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((props: {
|
431
432
|
cell: MRT_Cell<TData>;
|
432
433
|
column: MRT_Column<TData>;
|
433
434
|
row: MRT_Row<TData>;
|
434
435
|
table: MRT_TableInstance<TData>;
|
435
436
|
}) => TextFieldProps);
|
436
|
-
muiTableBodyCellProps?: TableCellProps | ((
|
437
|
+
muiTableBodyCellProps?: TableCellProps | ((props: {
|
437
438
|
cell: MRT_Cell<TData>;
|
438
439
|
column: MRT_Column<TData>;
|
439
440
|
row: MRT_Row<TData>;
|
440
441
|
table: MRT_TableInstance<TData>;
|
441
442
|
}) => TableCellProps);
|
442
|
-
muiTableFooterCellProps?: TableCellProps | ((
|
443
|
+
muiTableFooterCellProps?: TableCellProps | ((props: {
|
443
444
|
table: MRT_TableInstance<TData>;
|
444
445
|
column: MRT_Column<TData>;
|
445
446
|
}) => TableCellProps);
|
446
|
-
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((
|
447
|
+
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((props: {
|
447
448
|
table: MRT_TableInstance<TData>;
|
448
449
|
column: MRT_Column<TData>;
|
449
450
|
}) => IconButtonProps);
|
450
|
-
muiTableHeadCellDragHandleProps?: IconButtonProps | ((
|
451
|
+
muiTableHeadCellDragHandleProps?: IconButtonProps | ((props: {
|
451
452
|
table: MRT_TableInstance<TData>;
|
452
453
|
column: MRT_Column<TData>;
|
453
454
|
}) => IconButtonProps);
|
454
|
-
muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((
|
455
|
+
muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((props: {
|
455
456
|
column: MRT_Column<TData>;
|
456
457
|
table: MRT_TableInstance<TData>;
|
457
458
|
}) => CheckboxProps);
|
458
|
-
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((
|
459
|
+
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((props: {
|
459
460
|
table: MRT_TableInstance<TData>;
|
460
461
|
column: MRT_Column<TData>;
|
461
462
|
rangeFilterIndex?: number;
|
462
463
|
}) => TextFieldProps);
|
463
|
-
muiTableHeadCellProps?: TableCellProps | ((
|
464
|
+
muiTableHeadCellProps?: TableCellProps | ((props: {
|
464
465
|
table: MRT_TableInstance<TData>;
|
465
466
|
column: MRT_Column<TData>;
|
466
467
|
}) => TableCellProps);
|
467
|
-
renderColumnActionsMenuItems?: (
|
468
|
+
renderColumnActionsMenuItems?: (props: {
|
468
469
|
closeMenu: () => void;
|
469
470
|
column: MRT_Column<TData>;
|
470
471
|
table: MRT_TableInstance<TData>;
|
471
472
|
}) => ReactNode[];
|
472
|
-
renderColumnFilterModeMenuItems?: (
|
473
|
+
renderColumnFilterModeMenuItems?: (props: {
|
473
474
|
column: MRT_Column<TData>;
|
474
475
|
internalFilterOptions: MRT_InternalFilterOption[];
|
475
476
|
onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
|
@@ -569,6 +570,7 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
569
570
|
enableDensityToggle?: boolean;
|
570
571
|
enableEditing?: boolean;
|
571
572
|
enableExpandAll?: boolean;
|
573
|
+
enableFilterMatchHighlighting?: boolean;
|
572
574
|
enableFullScreenToggle?: boolean;
|
573
575
|
enableGlobalFilterModes?: boolean;
|
574
576
|
enableGlobalFilterRankedResults?: boolean;
|
@@ -610,139 +612,139 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
610
612
|
* @link https://www.material-react-table.com/docs/guides/memoize-components
|
611
613
|
*/
|
612
614
|
memoMode?: 'cells' | 'rows' | 'table-body';
|
613
|
-
muiBottomToolbarProps?: ToolbarProps | ((
|
615
|
+
muiBottomToolbarProps?: ToolbarProps | ((props: {
|
614
616
|
table: MRT_TableInstance<TData>;
|
615
617
|
}) => ToolbarProps);
|
616
|
-
muiExpandAllButtonProps?: IconButtonProps | ((
|
618
|
+
muiExpandAllButtonProps?: IconButtonProps | ((props: {
|
617
619
|
table: MRT_TableInstance<TData>;
|
618
620
|
}) => IconButtonProps);
|
619
|
-
muiExpandButtonProps?: IconButtonProps | ((
|
621
|
+
muiExpandButtonProps?: IconButtonProps | ((props: {
|
620
622
|
table: MRT_TableInstance<TData>;
|
621
623
|
row: MRT_Row<TData>;
|
622
624
|
}) => IconButtonProps);
|
623
|
-
muiLinearProgressProps?: LinearProgressProps | ((
|
625
|
+
muiLinearProgressProps?: LinearProgressProps | ((props: {
|
624
626
|
isTopToolbar: boolean;
|
625
627
|
table: MRT_TableInstance<TData>;
|
626
628
|
}) => LinearProgressProps);
|
627
|
-
muiSearchTextFieldProps?: TextFieldProps | ((
|
629
|
+
muiSearchTextFieldProps?: TextFieldProps | ((props: {
|
628
630
|
table: MRT_TableInstance<TData>;
|
629
631
|
}) => TextFieldProps);
|
630
|
-
muiSelectAllCheckboxProps?: CheckboxProps | ((
|
632
|
+
muiSelectAllCheckboxProps?: CheckboxProps | ((props: {
|
631
633
|
table: MRT_TableInstance<TData>;
|
632
634
|
}) => CheckboxProps);
|
633
|
-
muiSelectCheckboxProps?: (CheckboxProps | RadioProps) | ((
|
635
|
+
muiSelectCheckboxProps?: (CheckboxProps | RadioProps) | ((props: {
|
634
636
|
table: MRT_TableInstance<TData>;
|
635
637
|
row: MRT_Row<TData>;
|
636
638
|
}) => CheckboxProps | RadioProps);
|
637
|
-
muiTableBodyCellCopyButtonProps?: ButtonProps | ((
|
639
|
+
muiTableBodyCellCopyButtonProps?: ButtonProps | ((props: {
|
638
640
|
cell: MRT_Cell<TData>;
|
639
641
|
column: MRT_Column<TData>;
|
640
642
|
row: MRT_Row<TData>;
|
641
643
|
table: MRT_TableInstance<TData>;
|
642
644
|
}) => ButtonProps);
|
643
|
-
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((
|
645
|
+
muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((props: {
|
644
646
|
cell: MRT_Cell<TData>;
|
645
647
|
column: MRT_Column<TData>;
|
646
648
|
row: MRT_Row<TData>;
|
647
649
|
table: MRT_TableInstance<TData>;
|
648
650
|
}) => TextFieldProps);
|
649
|
-
muiTableBodyCellProps?: TableCellProps | ((
|
651
|
+
muiTableBodyCellProps?: TableCellProps | ((props: {
|
650
652
|
cell: MRT_Cell<TData>;
|
651
653
|
column: MRT_Column<TData>;
|
652
654
|
row: MRT_Row<TData>;
|
653
655
|
table: MRT_TableInstance<TData>;
|
654
656
|
}) => TableCellProps);
|
655
|
-
muiTableBodyCellSkeletonProps?: SkeletonProps | ((
|
657
|
+
muiTableBodyCellSkeletonProps?: SkeletonProps | ((props: {
|
656
658
|
cell: MRT_Cell<TData>;
|
657
659
|
column: MRT_Column<TData>;
|
658
660
|
row: MRT_Row<TData>;
|
659
661
|
table: MRT_TableInstance<TData>;
|
660
662
|
}) => SkeletonProps);
|
661
|
-
muiTableBodyProps?: TableBodyProps | ((
|
663
|
+
muiTableBodyProps?: TableBodyProps | ((props: {
|
662
664
|
table: MRT_TableInstance<TData>;
|
663
665
|
}) => TableBodyProps);
|
664
|
-
muiTableBodyRowDragHandleProps?: IconButtonProps | ((
|
666
|
+
muiTableBodyRowDragHandleProps?: IconButtonProps | ((props: {
|
665
667
|
table: MRT_TableInstance<TData>;
|
666
668
|
row: MRT_Row<TData>;
|
667
669
|
}) => IconButtonProps);
|
668
|
-
muiTableBodyRowProps?: TableRowProps | ((
|
670
|
+
muiTableBodyRowProps?: TableRowProps | ((props: {
|
669
671
|
isDetailPanel?: boolean;
|
670
672
|
row: MRT_Row<TData>;
|
671
673
|
table: MRT_TableInstance<TData>;
|
672
674
|
}) => TableRowProps);
|
673
|
-
muiTableContainerProps?: TableContainerProps | ((
|
675
|
+
muiTableContainerProps?: TableContainerProps | ((props: {
|
674
676
|
table: MRT_TableInstance<TData>;
|
675
677
|
}) => TableContainerProps);
|
676
|
-
muiTableDetailPanelProps?: TableCellProps | ((
|
678
|
+
muiTableDetailPanelProps?: TableCellProps | ((props: {
|
677
679
|
table: MRT_TableInstance<TData>;
|
678
680
|
row: MRT_Row<TData>;
|
679
681
|
}) => TableCellProps);
|
680
|
-
muiTableFooterCellProps?: TableCellProps | ((
|
682
|
+
muiTableFooterCellProps?: TableCellProps | ((props: {
|
681
683
|
table: MRT_TableInstance<TData>;
|
682
684
|
column: MRT_Column<TData>;
|
683
685
|
}) => TableCellProps);
|
684
|
-
muiTableFooterProps?: TableFooterProps | ((
|
686
|
+
muiTableFooterProps?: TableFooterProps | ((props: {
|
685
687
|
table: MRT_TableInstance<TData>;
|
686
688
|
}) => TableFooterProps);
|
687
|
-
muiTableFooterRowProps?: TableRowProps | ((
|
689
|
+
muiTableFooterRowProps?: TableRowProps | ((props: {
|
688
690
|
table: MRT_TableInstance<TData>;
|
689
691
|
footerGroup: MRT_HeaderGroup<TData>;
|
690
692
|
}) => TableRowProps);
|
691
|
-
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((
|
693
|
+
muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((props: {
|
692
694
|
table: MRT_TableInstance<TData>;
|
693
695
|
column: MRT_Column<TData>;
|
694
696
|
}) => IconButtonProps);
|
695
|
-
muiTableHeadCellDragHandleProps?: IconButtonProps | ((
|
697
|
+
muiTableHeadCellDragHandleProps?: IconButtonProps | ((props: {
|
696
698
|
table: MRT_TableInstance<TData>;
|
697
699
|
column: MRT_Column<TData>;
|
698
700
|
}) => IconButtonProps);
|
699
|
-
muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((
|
701
|
+
muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((props: {
|
700
702
|
column: MRT_Column<TData>;
|
701
703
|
table: MRT_TableInstance<TData>;
|
702
704
|
}) => CheckboxProps);
|
703
|
-
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((
|
705
|
+
muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((props: {
|
704
706
|
table: MRT_TableInstance<TData>;
|
705
707
|
column: MRT_Column<TData>;
|
706
708
|
rangeFilterIndex?: number;
|
707
709
|
}) => TextFieldProps);
|
708
|
-
muiTableHeadCellProps?: TableCellProps | ((
|
710
|
+
muiTableHeadCellProps?: TableCellProps | ((props: {
|
709
711
|
table: MRT_TableInstance<TData>;
|
710
712
|
column: MRT_Column<TData>;
|
711
713
|
}) => TableCellProps);
|
712
|
-
muiTableHeadProps?: TableHeadProps | ((
|
714
|
+
muiTableHeadProps?: TableHeadProps | ((props: {
|
713
715
|
table: MRT_TableInstance<TData>;
|
714
716
|
}) => TableHeadProps);
|
715
|
-
muiTableHeadRowProps?: TableRowProps | ((
|
717
|
+
muiTableHeadRowProps?: TableRowProps | ((props: {
|
716
718
|
table: MRT_TableInstance<TData>;
|
717
719
|
headerGroup: MRT_HeaderGroup<TData>;
|
718
720
|
}) => TableRowProps);
|
719
|
-
muiTablePaginationProps?: Partial<TablePaginationProps> | ((
|
721
|
+
muiTablePaginationProps?: Partial<TablePaginationProps> | ((props: {
|
720
722
|
table: MRT_TableInstance<TData>;
|
721
723
|
}) => Partial<TablePaginationProps>);
|
722
|
-
muiTablePaperProps?: PaperProps | ((
|
724
|
+
muiTablePaperProps?: PaperProps | ((props: {
|
723
725
|
table: MRT_TableInstance<TData>;
|
724
726
|
}) => PaperProps);
|
725
|
-
muiTableProps?: TableProps | ((
|
727
|
+
muiTableProps?: TableProps | ((props: {
|
726
728
|
table: MRT_TableInstance<TData>;
|
727
729
|
}) => TableProps);
|
728
|
-
muiToolbarAlertBannerChipProps?: ChipProps | ((
|
730
|
+
muiToolbarAlertBannerChipProps?: ChipProps | ((props: {
|
729
731
|
table: MRT_TableInstance<TData>;
|
730
732
|
}) => ChipProps);
|
731
|
-
muiToolbarAlertBannerProps?: AlertProps | ((
|
733
|
+
muiToolbarAlertBannerProps?: AlertProps | ((props: {
|
732
734
|
table: MRT_TableInstance<TData>;
|
733
735
|
}) => AlertProps);
|
734
|
-
muiTopToolbarProps?: ToolbarProps | ((
|
736
|
+
muiTopToolbarProps?: ToolbarProps | ((props: {
|
735
737
|
table: MRT_TableInstance<TData>;
|
736
738
|
}) => ToolbarProps);
|
737
739
|
onDensityChange?: OnChangeFn<DensityState>;
|
738
740
|
onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
|
739
741
|
onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
|
740
742
|
onEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;
|
741
|
-
onEditingRowCancel?: (
|
743
|
+
onEditingRowCancel?: (props: {
|
742
744
|
row: MRT_Row<TData>;
|
743
745
|
table: MRT_TableInstance<TData>;
|
744
746
|
}) => void;
|
745
|
-
onEditingRowSave?: (
|
747
|
+
onEditingRowSave?: (props: {
|
746
748
|
exitEditingMode: () => void;
|
747
749
|
row: MRT_Row<TData>;
|
748
750
|
table: MRT_TableInstance<TData>;
|
@@ -766,49 +768,49 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
766
768
|
positionPagination?: 'bottom' | 'top' | 'both' | 'none';
|
767
769
|
positionToolbarAlertBanner?: 'bottom' | 'top' | 'none';
|
768
770
|
positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both';
|
769
|
-
renderBottomToolbar?: ReactNode | ((
|
771
|
+
renderBottomToolbar?: ReactNode | ((props: {
|
770
772
|
table: MRT_TableInstance<TData>;
|
771
773
|
}) => ReactNode);
|
772
|
-
renderBottomToolbarCustomActions?: (
|
774
|
+
renderBottomToolbarCustomActions?: (props: {
|
773
775
|
table: MRT_TableInstance<TData>;
|
774
776
|
}) => ReactNode;
|
775
|
-
renderColumnActionsMenuItems?: (
|
777
|
+
renderColumnActionsMenuItems?: (props: {
|
776
778
|
column: MRT_Column<TData>;
|
777
779
|
closeMenu: () => void;
|
778
780
|
table: MRT_TableInstance<TData>;
|
779
781
|
}) => ReactNode[];
|
780
|
-
renderColumnFilterModeMenuItems?: (
|
782
|
+
renderColumnFilterModeMenuItems?: (props: {
|
781
783
|
column: MRT_Column<TData>;
|
782
784
|
internalFilterOptions: MRT_InternalFilterOption[];
|
783
785
|
onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
|
784
786
|
table: MRT_TableInstance<TData>;
|
785
787
|
}) => ReactNode[];
|
786
|
-
renderDetailPanel?: (
|
788
|
+
renderDetailPanel?: (props: {
|
787
789
|
row: MRT_Row<TData>;
|
788
790
|
table: MRT_TableInstance<TData>;
|
789
791
|
}) => ReactNode;
|
790
|
-
renderGlobalFilterModeMenuItems?: (
|
792
|
+
renderGlobalFilterModeMenuItems?: (props: {
|
791
793
|
internalFilterOptions: MRT_InternalFilterOption[];
|
792
794
|
onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
|
793
795
|
table: MRT_TableInstance<TData>;
|
794
796
|
}) => ReactNode[];
|
795
|
-
renderRowActionMenuItems?: (
|
797
|
+
renderRowActionMenuItems?: (props: {
|
796
798
|
closeMenu: () => void;
|
797
799
|
row: MRT_Row<TData>;
|
798
800
|
table: MRT_TableInstance<TData>;
|
799
801
|
}) => ReactNode[];
|
800
|
-
renderRowActions?: (
|
802
|
+
renderRowActions?: (props: {
|
801
803
|
cell: MRT_Cell<TData>;
|
802
804
|
row: MRT_Row<TData>;
|
803
805
|
table: MRT_TableInstance<TData>;
|
804
806
|
}) => ReactNode;
|
805
|
-
renderToolbarInternalActions?: (
|
807
|
+
renderToolbarInternalActions?: (props: {
|
806
808
|
table: MRT_TableInstance<TData>;
|
807
809
|
}) => ReactNode;
|
808
|
-
renderTopToolbar?: ReactNode | ((
|
810
|
+
renderTopToolbar?: ReactNode | ((props: {
|
809
811
|
table: MRT_TableInstance<TData>;
|
810
812
|
}) => ReactNode);
|
811
|
-
renderTopToolbarCustomActions?: (
|
813
|
+
renderTopToolbarCustomActions?: (props: {
|
812
814
|
table: MRT_TableInstance<TData>;
|
813
815
|
}) => ReactNode;
|
814
816
|
rowCount?: number;
|
@@ -816,11 +818,11 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
816
818
|
selectAllMode?: 'all' | 'page';
|
817
819
|
state?: Partial<MRT_TableState<TData>>;
|
818
820
|
columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
|
819
|
-
columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((
|
821
|
+
columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
|
820
822
|
table: MRT_TableInstance<TData>;
|
821
823
|
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
|
822
824
|
rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
|
823
|
-
rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((
|
825
|
+
rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
|
824
826
|
table: MRT_TableInstance<TData>;
|
825
827
|
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
|
826
828
|
tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
|
@@ -833,14 +835,21 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
|
|
833
835
|
*/
|
834
836
|
virtualizerProps?: any;
|
835
837
|
};
|
836
|
-
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;
|
838
|
+
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;
|
837
839
|
|
838
|
-
interface Props$
|
840
|
+
interface Props$f<TData extends Record<string, any> = {}> {
|
839
841
|
cell: MRT_Cell<TData>;
|
840
842
|
children: ReactNode;
|
841
843
|
table: MRT_TableInstance<TData>;
|
842
844
|
}
|
843
|
-
declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$
|
845
|
+
declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$f<TData>) => JSX.Element;
|
846
|
+
|
847
|
+
interface Props$e<TData extends Record<string, any> = {}> {
|
848
|
+
row: MRT_Row<TData>;
|
849
|
+
table: MRT_TableInstance<TData>;
|
850
|
+
variant?: 'icon' | 'text';
|
851
|
+
}
|
852
|
+
declare const MRT_EditActionButtons: <TData extends Record<string, any> = {}>({ row, table, variant, }: Props$e<TData>) => JSX.Element;
|
844
853
|
|
845
854
|
interface Props$d<TData extends Record<string, any> = {}> {
|
846
855
|
anchorEl: HTMLElement | null;
|
@@ -921,4 +930,4 @@ interface Props<TData extends Record<string, any> = {}> {
|
|
921
930
|
}
|
922
931
|
declare const MRT_BottomToolbar: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
|
923
932
|
|
924
|
-
export { DensityState, MRT_AggregationFn, MRT_AggregationOption, MRT_BottomToolbar, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTableProps, MaterialReactTable as default };
|
933
|
+
export { DensityState, MRT_AggregationFn, MRT_AggregationOption, MRT_BottomToolbar, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_FilterFn, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTableProps, MaterialReactTable as default };
|
package/package.json
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
{
|
2
|
-
"version": "1.
|
2
|
+
"version": "1.6.1",
|
3
3
|
"license": "MIT",
|
4
4
|
"name": "material-react-table",
|
5
5
|
"description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",
|
@@ -92,6 +92,7 @@
|
|
92
92
|
"dependencies": {
|
93
93
|
"@tanstack/match-sorter-utils": "8.7.6",
|
94
94
|
"@tanstack/react-table": "8.7.8",
|
95
|
-
"@tanstack/react-virtual": "3.0.0-beta.30"
|
95
|
+
"@tanstack/react-virtual": "3.0.0-beta.30",
|
96
|
+
"highlight-words": "1.2.1"
|
96
97
|
}
|
97
98
|
}
|