material-react-table 3.0.0-beta.1 → 3.0.0-rc.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/index.d.ts +91 -87
- package/dist/index.esm.js +114 -76
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +114 -75
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/body/MRT_TableBodyCell.tsx +9 -11
- package/src/components/buttons/MRT_RowPinButton.tsx +2 -0
- package/src/components/buttons/MRT_ToggleFullScreenButton.tsx +2 -0
- package/src/components/footer/MRT_TableFooterCell.tsx +8 -9
- package/src/components/head/MRT_TableHeadCell.tsx +10 -11
- package/src/components/table/MRT_TableLoadingOverlay.tsx +2 -1
- package/src/components/table/MRT_TablePaper.tsx +52 -48
- package/src/components/toolbar/MRT_TablePagination.tsx +3 -2
- package/src/hooks/useMRT_TableOptions.ts +5 -3
- package/src/types.ts +70 -66
- package/src/utils/cell.utils.ts +57 -11
package/dist/index.d.ts
CHANGED
@@ -313,9 +313,10 @@ interface MRT_Localization {
|
|
313
313
|
filterFuzzy: string;
|
314
314
|
filterGreaterThan: string;
|
315
315
|
filterGreaterThanOrEqualTo: string;
|
316
|
-
filterInNumberRange: string;
|
317
316
|
filterIncludesString: string;
|
318
317
|
filterIncludesStringSensitive: string;
|
318
|
+
filteringByColumn: string;
|
319
|
+
filterInNumberRange: string;
|
319
320
|
filterLessThan: string;
|
320
321
|
filterLessThanOrEqualTo: string;
|
321
322
|
filterMode: string;
|
@@ -323,7 +324,6 @@ interface MRT_Localization {
|
|
323
324
|
filterNotEquals: string;
|
324
325
|
filterStartsWith: string;
|
325
326
|
filterWeakEquals: string;
|
326
|
-
filteringByColumn: string;
|
327
327
|
goToFirstPage: string;
|
328
328
|
goToLastPage: string;
|
329
329
|
goToNextPage: string;
|
@@ -474,6 +474,22 @@ interface MRT_TableState<TData extends MRT_RowData> extends TableState {
|
|
474
474
|
showToolbarDropZone: boolean;
|
475
475
|
}
|
476
476
|
interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> extends Omit<ColumnDef<TData, TValue>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> {
|
477
|
+
/**
|
478
|
+
* Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
|
479
|
+
* Specify a function here to point to the correct property in the data object.
|
480
|
+
*
|
481
|
+
* @example accessorFn: (row) => row.username
|
482
|
+
*/
|
483
|
+
accessorFn?: (originalRow: TData) => TValue;
|
484
|
+
/**
|
485
|
+
* Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
|
486
|
+
* Specify which key in the row this column should use to access the correct data.
|
487
|
+
* Also supports Deep Key Dot Notation.
|
488
|
+
*
|
489
|
+
* @example accessorKey: 'username' //simple
|
490
|
+
* @example accessorKey: 'name.firstName' //deep key dot notation
|
491
|
+
*/
|
492
|
+
accessorKey?: DeepKeys<TData> | (string & {});
|
477
493
|
AggregatedCell?: (props: {
|
478
494
|
cell: MRT_Cell<TData, TValue>;
|
479
495
|
column: MRT_Column<TData, TValue>;
|
@@ -482,6 +498,7 @@ interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> extends Omi
|
|
482
498
|
staticColumnIndex?: number;
|
483
499
|
staticRowIndex?: number;
|
484
500
|
}) => ReactNode;
|
501
|
+
aggregationFn?: Array<MRT_AggregationFn<TData>> | MRT_AggregationFn<TData>;
|
485
502
|
Cell?: (props: {
|
486
503
|
cell: MRT_Cell<TData, TValue>;
|
487
504
|
column: MRT_Column<TData, TValue>;
|
@@ -492,59 +509,6 @@ interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> extends Omi
|
|
492
509
|
staticRowIndex?: number;
|
493
510
|
table: MRT_TableInstance<TData>;
|
494
511
|
}) => ReactNode;
|
495
|
-
Edit?: (props: {
|
496
|
-
cell: MRT_Cell<TData, TValue>;
|
497
|
-
column: MRT_Column<TData, TValue>;
|
498
|
-
row: MRT_Row<TData>;
|
499
|
-
table: MRT_TableInstance<TData>;
|
500
|
-
}) => ReactNode;
|
501
|
-
Filter?: (props: {
|
502
|
-
column: MRT_Column<TData, TValue>;
|
503
|
-
header: MRT_Header<TData>;
|
504
|
-
rangeFilterIndex?: number;
|
505
|
-
table: MRT_TableInstance<TData>;
|
506
|
-
}) => ReactNode;
|
507
|
-
Footer?: ((props: {
|
508
|
-
column: MRT_Column<TData, TValue>;
|
509
|
-
footer: MRT_Header<TData>;
|
510
|
-
table: MRT_TableInstance<TData>;
|
511
|
-
}) => ReactNode) | ReactNode;
|
512
|
-
GroupedCell?: (props: {
|
513
|
-
cell: MRT_Cell<TData, TValue>;
|
514
|
-
column: MRT_Column<TData, TValue>;
|
515
|
-
row: MRT_Row<TData>;
|
516
|
-
table: MRT_TableInstance<TData>;
|
517
|
-
staticColumnIndex?: number;
|
518
|
-
staticRowIndex?: number;
|
519
|
-
}) => ReactNode;
|
520
|
-
Header?: ((props: {
|
521
|
-
column: MRT_Column<TData, TValue>;
|
522
|
-
header: MRT_Header<TData>;
|
523
|
-
table: MRT_TableInstance<TData>;
|
524
|
-
}) => ReactNode) | ReactNode;
|
525
|
-
PlaceholderCell?: (props: {
|
526
|
-
cell: MRT_Cell<TData, TValue>;
|
527
|
-
column: MRT_Column<TData, TValue>;
|
528
|
-
row: MRT_Row<TData>;
|
529
|
-
table: MRT_TableInstance<TData>;
|
530
|
-
}) => ReactNode;
|
531
|
-
/**
|
532
|
-
* Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
|
533
|
-
* Specify a function here to point to the correct property in the data object.
|
534
|
-
*
|
535
|
-
* @example accessorFn: (row) => row.username
|
536
|
-
*/
|
537
|
-
accessorFn?: (originalRow: TData) => TValue;
|
538
|
-
/**
|
539
|
-
* Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
|
540
|
-
* Specify which key in the row this column should use to access the correct data.
|
541
|
-
* Also supports Deep Key Dot Notation.
|
542
|
-
*
|
543
|
-
* @example accessorKey: 'username' //simple
|
544
|
-
* @example accessorKey: 'name.firstName' //deep key dot notation
|
545
|
-
*/
|
546
|
-
accessorKey?: DeepKeys<TData> | (string & {});
|
547
|
-
aggregationFn?: Array<MRT_AggregationFn<TData>> | MRT_AggregationFn<TData>;
|
548
512
|
/**
|
549
513
|
* Specify what type of column this is. Either `data`, `display`, or `group`. Defaults to `data`.
|
550
514
|
* Leave this blank if you are just creating a normal data column.
|
@@ -556,6 +520,12 @@ interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> extends Omi
|
|
556
520
|
columnDefType?: 'data' | 'display' | 'group';
|
557
521
|
columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
558
522
|
columns?: MRT_ColumnDef<TData, TValue>[];
|
523
|
+
Edit?: (props: {
|
524
|
+
cell: MRT_Cell<TData, TValue>;
|
525
|
+
column: MRT_Column<TData, TValue>;
|
526
|
+
row: MRT_Row<TData>;
|
527
|
+
table: MRT_TableInstance<TData>;
|
528
|
+
}) => ReactNode;
|
559
529
|
editSelectOptions?: ((props: {
|
560
530
|
cell: MRT_Cell<TData, TValue>;
|
561
531
|
column: MRT_Column<TData>;
|
@@ -570,6 +540,12 @@ interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> extends Omi
|
|
570
540
|
enableColumnOrdering?: boolean;
|
571
541
|
enableEditing?: ((row: MRT_Row<TData>) => boolean) | boolean;
|
572
542
|
enableFilterMatchHighlighting?: boolean;
|
543
|
+
Filter?: (props: {
|
544
|
+
column: MRT_Column<TData, TValue>;
|
545
|
+
header: MRT_Header<TData>;
|
546
|
+
rangeFilterIndex?: number;
|
547
|
+
table: MRT_TableInstance<TData>;
|
548
|
+
}) => ReactNode;
|
573
549
|
filterFn?: MRT_FilterFn<TData>;
|
574
550
|
filterSelectOptions?: DropdownOption[];
|
575
551
|
filterVariant?: 'autocomplete' | 'checkbox' | 'date' | 'date-range' | 'datetime' | 'datetime-range' | 'multi-select' | 'range' | 'range-slider' | 'select' | 'text' | 'time' | 'time-range';
|
@@ -577,6 +553,19 @@ interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> extends Omi
|
|
577
553
|
* footer must be a string. If you want custom JSX to render the footer, you can also specify a `Footer` option. (Capital F)
|
578
554
|
*/
|
579
555
|
footer?: string;
|
556
|
+
Footer?: ((props: {
|
557
|
+
column: MRT_Column<TData, TValue>;
|
558
|
+
footer: MRT_Header<TData>;
|
559
|
+
table: MRT_TableInstance<TData>;
|
560
|
+
}) => ReactNode) | ReactNode;
|
561
|
+
GroupedCell?: (props: {
|
562
|
+
cell: MRT_Cell<TData, TValue>;
|
563
|
+
column: MRT_Column<TData, TValue>;
|
564
|
+
row: MRT_Row<TData>;
|
565
|
+
table: MRT_TableInstance<TData>;
|
566
|
+
staticColumnIndex?: number;
|
567
|
+
staticRowIndex?: number;
|
568
|
+
}) => ReactNode;
|
580
569
|
/**
|
581
570
|
* If `layoutMode` is `'grid'` or `'grid-no-grow'`, you can specify the flex grow value for individual columns to still grow and take up remaining space, or set to `false`/0 to not grow.
|
582
571
|
*/
|
@@ -585,6 +574,11 @@ interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> extends Omi
|
|
585
574
|
* header must be a string. If you want custom JSX to render the header, you can also specify a `Header` option. (Capital H)
|
586
575
|
*/
|
587
576
|
header: string;
|
577
|
+
Header?: ((props: {
|
578
|
+
column: MRT_Column<TData, TValue>;
|
579
|
+
header: MRT_Header<TData>;
|
580
|
+
table: MRT_TableInstance<TData>;
|
581
|
+
}) => ReactNode) | ReactNode;
|
588
582
|
/**
|
589
583
|
* Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
|
590
584
|
*
|
@@ -661,6 +655,12 @@ interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> extends Omi
|
|
661
655
|
column: MRT_Column<TData>;
|
662
656
|
table: MRT_TableInstance<TData>;
|
663
657
|
}) => TableCellProps) | TableCellProps;
|
658
|
+
PlaceholderCell?: (props: {
|
659
|
+
cell: MRT_Cell<TData, TValue>;
|
660
|
+
column: MRT_Column<TData, TValue>;
|
661
|
+
row: MRT_Row<TData>;
|
662
|
+
table: MRT_TableInstance<TData>;
|
663
|
+
}) => ReactNode;
|
664
664
|
renderCellActionMenuItems?: (props: {
|
665
665
|
cell: MRT_Cell<TData>;
|
666
666
|
closeMenu: () => void;
|
@@ -746,10 +746,6 @@ type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand
|
|
746
746
|
interface MRT_TableOptions<TData extends MRT_RowData> extends Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> {
|
747
747
|
columnFilterDisplayMode?: 'custom' | 'popover' | 'subheader';
|
748
748
|
columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
749
|
-
columnVirtualizerInstanceRef?: MutableRefObject<MRT_ColumnVirtualizer | null>;
|
750
|
-
columnVirtualizerOptions?: ((props: {
|
751
|
-
table: MRT_TableInstance<TData>;
|
752
|
-
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>) | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>;
|
753
749
|
/**
|
754
750
|
* The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` table option.
|
755
751
|
*
|
@@ -761,6 +757,10 @@ interface MRT_TableOptions<TData extends MRT_RowData> extends Omit<Partial<Table
|
|
761
757
|
* @link https://www.material-react-table.com/docs/api/column-options
|
762
758
|
*/
|
763
759
|
columns: MRT_ColumnDef<TData, any>[];
|
760
|
+
columnVirtualizerInstanceRef?: MutableRefObject<MRT_ColumnVirtualizer | null>;
|
761
|
+
columnVirtualizerOptions?: ((props: {
|
762
|
+
table: MRT_TableInstance<TData>;
|
763
|
+
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>) | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>;
|
764
764
|
createDisplayMode?: 'custom' | 'modal' | 'row';
|
765
765
|
/**
|
766
766
|
* Pass your data as an array of objects. Objects can theoretically be any shape, but it's best to keep them consistent.
|
@@ -798,7 +798,7 @@ interface MRT_TableOptions<TData extends MRT_RowData> extends Omit<Partial<Table
|
|
798
798
|
enableFullScreenToggle?: boolean;
|
799
799
|
enableGlobalFilterModes?: boolean;
|
800
800
|
enableGlobalFilterRankedResults?: boolean;
|
801
|
-
|
801
|
+
enableKeyboardShortcuts?: boolean;
|
802
802
|
enablePagination?: boolean;
|
803
803
|
enableRowActions?: boolean;
|
804
804
|
enableRowDragging?: boolean;
|
@@ -818,6 +818,7 @@ interface MRT_TableOptions<TData extends MRT_RowData> extends Omit<Partial<Table
|
|
818
818
|
globalFilterFn?: MRT_FilterOption;
|
819
819
|
globalFilterModeOptions?: MRT_FilterOption[] | null;
|
820
820
|
icons?: Partial<MRT_Icons>;
|
821
|
+
id?: string;
|
821
822
|
initialState?: Partial<MRT_TableState<TData>>;
|
822
823
|
/**
|
823
824
|
* Changes which kind of CSS layout is used to render the table. `semantic` uses default semantic HTML elements, while `grid` adds CSS grid and flexbox styles
|
@@ -1018,6 +1019,9 @@ interface MRT_TableOptions<TData extends MRT_RowData> extends Omit<Partial<Table
|
|
1018
1019
|
muiTableContainerProps?: ((props: {
|
1019
1020
|
table: MRT_TableInstance<TData>;
|
1020
1021
|
}) => TableContainerProps) | TableContainerProps;
|
1022
|
+
/**
|
1023
|
+
* @deprecated Specify this in the `defaultColumn` table option instead if you want to apply to all columns.
|
1024
|
+
*/
|
1021
1025
|
muiTableFooterCellProps?: ((props: {
|
1022
1026
|
column: MRT_Column<TData>;
|
1023
1027
|
table: MRT_TableInstance<TData>;
|
@@ -1217,7 +1221,7 @@ declare const openEditingCell: <TData extends MRT_RowData>({ cell, table, }: {
|
|
1217
1221
|
cell: MRT_Cell<TData>;
|
1218
1222
|
table: MRT_TableInstance<TData>;
|
1219
1223
|
}) => void;
|
1220
|
-
declare const
|
1224
|
+
declare const cellKeyboardShortcuts: <TData extends MRT_RowData = MRT_RowData>({ cell, cellElements, cellValue, containerElement, event, header, parentElement, table, }: {
|
1221
1225
|
cell?: MRT_Cell<TData>;
|
1222
1226
|
header?: MRT_Header<TData>;
|
1223
1227
|
cellElements?: Array<HTMLTableCellElement>;
|
@@ -1303,18 +1307,36 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
|
|
1303
1307
|
staticRowIndex?: number;
|
1304
1308
|
table: MRT_TableInstance<TData>;
|
1305
1309
|
}) => react.ReactNode) | undefined;
|
1310
|
+
readonly columnDefType?: "data" | "display" | "group";
|
1311
|
+
readonly columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
1306
1312
|
readonly Edit?: ((props: {
|
1307
1313
|
cell: MRT_Cell<TData, unknown>;
|
1308
1314
|
column: MRT_Column<TData, unknown>;
|
1309
1315
|
row: MRT_Row<TData>;
|
1310
1316
|
table: MRT_TableInstance<TData>;
|
1311
1317
|
}) => react.ReactNode) | undefined;
|
1318
|
+
readonly editSelectOptions?: DropdownOption[] | ((props: {
|
1319
|
+
cell: MRT_Cell<TData, unknown>;
|
1320
|
+
column: MRT_Column<TData, unknown>;
|
1321
|
+
row: MRT_Row<TData>;
|
1322
|
+
table: MRT_TableInstance<TData>;
|
1323
|
+
}) => DropdownOption[]) | undefined;
|
1324
|
+
readonly editVariant?: "select" | "text";
|
1325
|
+
readonly enableClickToCopy?: boolean | "context-menu" | ((cell: MRT_Cell<TData, unknown>) => "context-menu" | boolean) | undefined;
|
1326
|
+
readonly enableColumnActions?: boolean;
|
1327
|
+
readonly enableColumnDragging?: boolean;
|
1328
|
+
readonly enableColumnFilterModes?: boolean;
|
1329
|
+
readonly enableColumnOrdering?: boolean;
|
1330
|
+
readonly enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
|
1331
|
+
readonly enableFilterMatchHighlighting?: boolean;
|
1312
1332
|
readonly Filter?: ((props: {
|
1313
1333
|
column: MRT_Column<TData, unknown>;
|
1314
1334
|
header: MRT_Header<TData>;
|
1315
1335
|
rangeFilterIndex?: number;
|
1316
1336
|
table: MRT_TableInstance<TData>;
|
1317
1337
|
}) => react.ReactNode) | undefined;
|
1338
|
+
readonly filterSelectOptions?: DropdownOption[];
|
1339
|
+
readonly filterVariant?: "autocomplete" | "checkbox" | "date" | "date-range" | "datetime" | "datetime-range" | "multi-select" | "range" | "range-slider" | "select" | "text" | "time" | "time-range";
|
1318
1340
|
readonly Footer?: react.ReactNode | ((props: {
|
1319
1341
|
column: MRT_Column<TData, unknown>;
|
1320
1342
|
footer: MRT_Header<TData>;
|
@@ -1328,36 +1350,12 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
|
|
1328
1350
|
staticColumnIndex?: number;
|
1329
1351
|
staticRowIndex?: number;
|
1330
1352
|
}) => react.ReactNode) | undefined;
|
1353
|
+
readonly grow?: boolean | number;
|
1331
1354
|
readonly Header?: react.ReactNode | ((props: {
|
1332
1355
|
column: MRT_Column<TData, unknown>;
|
1333
1356
|
header: MRT_Header<TData>;
|
1334
1357
|
table: MRT_TableInstance<TData>;
|
1335
1358
|
}) => react.ReactNode);
|
1336
|
-
readonly PlaceholderCell?: ((props: {
|
1337
|
-
cell: MRT_Cell<TData, unknown>;
|
1338
|
-
column: MRT_Column<TData, unknown>;
|
1339
|
-
row: MRT_Row<TData>;
|
1340
|
-
table: MRT_TableInstance<TData>;
|
1341
|
-
}) => react.ReactNode) | undefined;
|
1342
|
-
readonly columnDefType?: "data" | "display" | "group";
|
1343
|
-
readonly columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
1344
|
-
readonly editSelectOptions?: DropdownOption[] | ((props: {
|
1345
|
-
cell: MRT_Cell<TData, unknown>;
|
1346
|
-
column: MRT_Column<TData, unknown>;
|
1347
|
-
row: MRT_Row<TData>;
|
1348
|
-
table: MRT_TableInstance<TData>;
|
1349
|
-
}) => DropdownOption[]) | undefined;
|
1350
|
-
readonly editVariant?: "select" | "text";
|
1351
|
-
readonly enableClickToCopy?: boolean | "context-menu" | ((cell: MRT_Cell<TData, unknown>) => "context-menu" | boolean) | undefined;
|
1352
|
-
readonly enableColumnActions?: boolean;
|
1353
|
-
readonly enableColumnDragging?: boolean;
|
1354
|
-
readonly enableColumnFilterModes?: boolean;
|
1355
|
-
readonly enableColumnOrdering?: boolean;
|
1356
|
-
readonly enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
|
1357
|
-
readonly enableFilterMatchHighlighting?: boolean;
|
1358
|
-
readonly filterSelectOptions?: DropdownOption[];
|
1359
|
-
readonly filterVariant?: "autocomplete" | "checkbox" | "date" | "date-range" | "datetime" | "datetime-range" | "multi-select" | "range" | "range-slider" | "select" | "text" | "time" | "time-range";
|
1360
|
-
readonly grow?: boolean | number;
|
1361
1359
|
readonly muiColumnActionsButtonProps?: _mui_material.IconButtonProps | ((props: {
|
1362
1360
|
column: MRT_Column<TData, unknown>;
|
1363
1361
|
table: MRT_TableInstance<TData>;
|
@@ -1424,6 +1422,12 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
|
|
1424
1422
|
column: MRT_Column<TData, unknown>;
|
1425
1423
|
table: MRT_TableInstance<TData>;
|
1426
1424
|
}) => _mui_material.TableCellProps) | undefined;
|
1425
|
+
readonly PlaceholderCell?: ((props: {
|
1426
|
+
cell: MRT_Cell<TData, unknown>;
|
1427
|
+
column: MRT_Column<TData, unknown>;
|
1428
|
+
row: MRT_Row<TData>;
|
1429
|
+
table: MRT_TableInstance<TData>;
|
1430
|
+
}) => react.ReactNode) | undefined;
|
1427
1431
|
readonly renderCellActionMenuItems?: ((props: {
|
1428
1432
|
cell: MRT_Cell<TData, unknown>;
|
1429
1433
|
closeMenu: () => void;
|
@@ -1911,4 +1915,4 @@ interface MRT_TopToolbarProps<TData extends MRT_RowData> {
|
|
1911
1915
|
}
|
1912
1916
|
declare const MRT_TopToolbar: <TData extends MRT_RowData>({ table, }: MRT_TopToolbarProps<TData>) => react_jsx_runtime.JSX.Element;
|
1913
1917
|
|
1914
|
-
export { type DropdownOption, type LiteralUnion, MRT_ActionMenuItem, type MRT_ActionMenuItemProps, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_BottomToolbarProps, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnActionMenuProps, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnFiltersState, type MRT_ColumnHelper, type MRT_ColumnOrderState, MRT_ColumnPinningButtons, type MRT_ColumnPinningButtonsProps, type MRT_ColumnPinningState, type MRT_ColumnSizingInfoState, type MRT_ColumnSizingState, type MRT_ColumnVirtualizer, MRT_CopyButton, type MRT_CopyButtonProps, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, type MRT_EditActionButtonsProps, MRT_EditCellTextField, type MRT_EditCellTextFieldProps, MRT_EditRowModal, type MRT_EditRowModalProps, MRT_ExpandAllButton, type MRT_ExpandAllButtonProps, MRT_ExpandButton, type MRT_ExpandButtonProps, type MRT_ExpandedState, MRT_FilterCheckbox, type MRT_FilterCheckboxProps, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, type MRT_FilterOptionMenuProps, MRT_FilterRangeFields, type MRT_FilterRangeFieldsProps, MRT_FilterRangeSlider, type MRT_FilterRangeSliderProps, MRT_FilterTextField, type MRT_FilterTextFieldProps, MRT_GlobalFilterTextField, type MRT_GlobalFilterTextFieldProps, MRT_GrabHandleButton, type MRT_GrabHandleButtonProps, type MRT_GroupColumnDef, type MRT_GroupingState, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_LinearProgressBarProps, type MRT_Localization, type MRT_PaginationState, type MRT_Row, MRT_RowActionMenu, type MRT_RowActionMenuProps, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, type MRT_RowPinButtonProps, type MRT_RowSelectionState, type MRT_RowVirtualizer, MRT_SelectCheckbox, type MRT_SelectCheckboxProps, MRT_ShowHideColumnsButton, type MRT_ShowHideColumnsButtonProps, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_ShowHideColumnsMenuItemsProps, type MRT_ShowHideColumnsMenuProps, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, type MRT_SortingState, type MRT_StatefulTableOptions, MRT_Table, MRT_TableBody, MRT_TableBodyCell, type MRT_TableBodyCellProps, MRT_TableBodyCellValue, type MRT_TableBodyCellValueProps, type MRT_TableBodyProps, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, type MRT_TableBodyRowGrabHandleProps, MRT_TableBodyRowPinButton, type MRT_TableBodyRowPinButtonProps, type MRT_TableBodyRowProps, MRT_TableContainer, type MRT_TableContainerProps, MRT_TableDetailPanel, type MRT_TableDetailPanelProps, MRT_TableFooter, MRT_TableFooterCell, type MRT_TableFooterCellProps, type MRT_TableFooterProps, MRT_TableFooterRow, type MRT_TableFooterRowProps, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, type MRT_TableHeadCellColumnActionsButtonProps, MRT_TableHeadCellFilterContainer, type MRT_TableHeadCellFilterContainerProps, MRT_TableHeadCellFilterLabel, type MRT_TableHeadCellFilterLabelProps, MRT_TableHeadCellGrabHandle, type MRT_TableHeadCellGrabHandleProps, type MRT_TableHeadCellProps, MRT_TableHeadCellResizeHandle, type MRT_TableHeadCellResizeHandleProps, MRT_TableHeadCellSortLabel, type MRT_TableHeadCellSortLabelProps, type MRT_TableHeadProps, MRT_TableHeadRow, type MRT_TableHeadRowProps, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableLoadingOverlayProps, type MRT_TableOptions, MRT_TablePagination, type MRT_TablePaginationProps, MRT_TablePaper, type MRT_TablePaperProps, type MRT_TableProps, type MRT_TableState, type MRT_Theme, MRT_ToggleDensePaddingButton, type MRT_ToggleDensePaddingButtonProps, MRT_ToggleFiltersButton, type MRT_ToggleFiltersButtonProps, MRT_ToggleFullScreenButton, type MRT_ToggleFullScreenButtonProps, MRT_ToggleGlobalFilterButton, type MRT_ToggleGlobalFilterButtonProps, MRT_ToggleRowActionMenuButton, type MRT_ToggleRowActionMenuButtonProps, MRT_ToolbarAlertBanner, type MRT_ToolbarAlertBannerProps, MRT_ToolbarDropZone, type MRT_ToolbarDropZoneProps, MRT_ToolbarInternalButtons, type MRT_ToolbarInternalButtonsProps, MRT_TopToolbar, type MRT_TopToolbarProps, type MRT_Updater, type MRT_VirtualItem, type MRT_VirtualizerOptions, type MRT_VisibilityState, MaterialReactTable, type MaterialReactTableProps, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor,
|
1918
|
+
export { type DropdownOption, type LiteralUnion, MRT_ActionMenuItem, type MRT_ActionMenuItemProps, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_BottomToolbarProps, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnActionMenuProps, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnFiltersState, type MRT_ColumnHelper, type MRT_ColumnOrderState, MRT_ColumnPinningButtons, type MRT_ColumnPinningButtonsProps, type MRT_ColumnPinningState, type MRT_ColumnSizingInfoState, type MRT_ColumnSizingState, type MRT_ColumnVirtualizer, MRT_CopyButton, type MRT_CopyButtonProps, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, type MRT_EditActionButtonsProps, MRT_EditCellTextField, type MRT_EditCellTextFieldProps, MRT_EditRowModal, type MRT_EditRowModalProps, MRT_ExpandAllButton, type MRT_ExpandAllButtonProps, MRT_ExpandButton, type MRT_ExpandButtonProps, type MRT_ExpandedState, MRT_FilterCheckbox, type MRT_FilterCheckboxProps, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, type MRT_FilterOptionMenuProps, MRT_FilterRangeFields, type MRT_FilterRangeFieldsProps, MRT_FilterRangeSlider, type MRT_FilterRangeSliderProps, MRT_FilterTextField, type MRT_FilterTextFieldProps, MRT_GlobalFilterTextField, type MRT_GlobalFilterTextFieldProps, MRT_GrabHandleButton, type MRT_GrabHandleButtonProps, type MRT_GroupColumnDef, type MRT_GroupingState, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_LinearProgressBarProps, type MRT_Localization, type MRT_PaginationState, type MRT_Row, MRT_RowActionMenu, type MRT_RowActionMenuProps, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, type MRT_RowPinButtonProps, type MRT_RowSelectionState, type MRT_RowVirtualizer, MRT_SelectCheckbox, type MRT_SelectCheckboxProps, MRT_ShowHideColumnsButton, type MRT_ShowHideColumnsButtonProps, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_ShowHideColumnsMenuItemsProps, type MRT_ShowHideColumnsMenuProps, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, type MRT_SortingState, type MRT_StatefulTableOptions, MRT_Table, MRT_TableBody, MRT_TableBodyCell, type MRT_TableBodyCellProps, MRT_TableBodyCellValue, type MRT_TableBodyCellValueProps, type MRT_TableBodyProps, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, type MRT_TableBodyRowGrabHandleProps, MRT_TableBodyRowPinButton, type MRT_TableBodyRowPinButtonProps, type MRT_TableBodyRowProps, MRT_TableContainer, type MRT_TableContainerProps, MRT_TableDetailPanel, type MRT_TableDetailPanelProps, MRT_TableFooter, MRT_TableFooterCell, type MRT_TableFooterCellProps, type MRT_TableFooterProps, MRT_TableFooterRow, type MRT_TableFooterRowProps, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, type MRT_TableHeadCellColumnActionsButtonProps, MRT_TableHeadCellFilterContainer, type MRT_TableHeadCellFilterContainerProps, MRT_TableHeadCellFilterLabel, type MRT_TableHeadCellFilterLabelProps, MRT_TableHeadCellGrabHandle, type MRT_TableHeadCellGrabHandleProps, type MRT_TableHeadCellProps, MRT_TableHeadCellResizeHandle, type MRT_TableHeadCellResizeHandleProps, MRT_TableHeadCellSortLabel, type MRT_TableHeadCellSortLabelProps, type MRT_TableHeadProps, MRT_TableHeadRow, type MRT_TableHeadRowProps, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableLoadingOverlayProps, type MRT_TableOptions, MRT_TablePagination, type MRT_TablePaginationProps, MRT_TablePaper, type MRT_TablePaperProps, type MRT_TableProps, type MRT_TableState, type MRT_Theme, MRT_ToggleDensePaddingButton, type MRT_ToggleDensePaddingButtonProps, MRT_ToggleFiltersButton, type MRT_ToggleFiltersButtonProps, MRT_ToggleFullScreenButton, type MRT_ToggleFullScreenButtonProps, MRT_ToggleGlobalFilterButton, type MRT_ToggleGlobalFilterButtonProps, MRT_ToggleRowActionMenuButton, type MRT_ToggleRowActionMenuButtonProps, MRT_ToolbarAlertBanner, type MRT_ToolbarAlertBannerProps, MRT_ToolbarDropZone, type MRT_ToolbarDropZoneProps, MRT_ToolbarInternalButtons, type MRT_ToolbarInternalButtonsProps, MRT_TopToolbar, type MRT_TopToolbarProps, type MRT_Updater, type MRT_VirtualItem, type MRT_VirtualizerOptions, type MRT_VisibilityState, MaterialReactTable, type MaterialReactTableProps, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, cellKeyboardShortcuts, createMRTColumnHelper, createRow, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnFilterInfo, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getTrailingDisplayColumnIds, isCellEditable, mrtFilterOptions, openEditingCell, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useDropdownOptions, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };
|