material-react-table 3.0.0-beta.0 → 3.0.0-beta.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.
- package/dist/index.d.ts +105 -90
- package/dist/index.esm.js +276 -181
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +276 -181
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
- package/src/components/body/MRT_TableBodyCell.tsx +11 -8
- package/src/components/footer/MRT_TableFooterCell.tsx +10 -7
- package/src/components/head/MRT_TableHeadCell.tsx +12 -8
- package/src/components/inputs/MRT_FilterTextField.tsx +4 -0
- package/src/components/menus/MRT_ActionMenuItem.tsx +1 -0
- package/src/hooks/useMRT_TableOptions.ts +2 -2
- package/src/types.ts +75 -69
- package/src/utils/cell.utils.ts +125 -17
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;
|
@@ -991,9 +991,6 @@ interface MRT_TableOptions<TData extends MRT_RowData> extends Omit<Partial<Table
|
|
991
991
|
staticRowIndex?: number;
|
992
992
|
table: MRT_TableInstance<TData>;
|
993
993
|
}) => CheckboxProps | RadioProps) | (CheckboxProps | RadioProps);
|
994
|
-
/**
|
995
|
-
* @deprecated Specify this in the `defaultColumn` table option instead if you want to apply to all columns.
|
996
|
-
*/
|
997
994
|
muiSkeletonProps?: ((props: {
|
998
995
|
cell: MRT_Cell<TData>;
|
999
996
|
column: MRT_Column<TData>;
|
@@ -1116,6 +1113,9 @@ interface MRT_TableOptions<TData extends MRT_RowData> extends Omit<Partial<Table
|
|
1116
1113
|
renderCaption?: ((props: {
|
1117
1114
|
table: MRT_TableInstance<TData>;
|
1118
1115
|
}) => ReactNode) | ReactNode;
|
1116
|
+
/**
|
1117
|
+
* @deprecated Specify this in the `defaultColumn` table option instead if you want to apply to all columns.
|
1118
|
+
*/
|
1119
1119
|
renderCellActionMenuItems?: (props: {
|
1120
1120
|
cell: MRT_Cell<TData>;
|
1121
1121
|
closeMenu: () => void;
|
@@ -1126,12 +1126,18 @@ interface MRT_TableOptions<TData extends MRT_RowData> extends Omit<Partial<Table
|
|
1126
1126
|
staticRowIndex?: number;
|
1127
1127
|
table: MRT_TableInstance<TData>;
|
1128
1128
|
}) => ReactNode[];
|
1129
|
+
/**
|
1130
|
+
* @deprecated Specify this in the `defaultColumn` table option instead if you want to apply to all columns.
|
1131
|
+
*/
|
1129
1132
|
renderColumnActionsMenuItems?: (props: {
|
1130
1133
|
closeMenu: () => void;
|
1131
1134
|
column: MRT_Column<TData>;
|
1132
1135
|
internalColumnMenuItems: ReactNode[];
|
1133
1136
|
table: MRT_TableInstance<TData>;
|
1134
1137
|
}) => ReactNode[];
|
1138
|
+
/**
|
1139
|
+
* @deprecated Specify this in the `defaultColumn` table option instead if you want to apply to all columns.
|
1140
|
+
*/
|
1135
1141
|
renderColumnFilterModeMenuItems?: (props: {
|
1136
1142
|
column: MRT_Column<TData>;
|
1137
1143
|
internalFilterOptions: MRT_InternalFilterOption[];
|
@@ -1211,7 +1217,16 @@ declare const openEditingCell: <TData extends MRT_RowData>({ cell, table, }: {
|
|
1211
1217
|
cell: MRT_Cell<TData>;
|
1212
1218
|
table: MRT_TableInstance<TData>;
|
1213
1219
|
}) => void;
|
1214
|
-
declare const
|
1220
|
+
declare const cellKeyboardShortcuts: <TData extends MRT_RowData = MRT_RowData>({ cell, cellElements, cellValue, containerElement, event, header, parentElement, table, }: {
|
1221
|
+
cell?: MRT_Cell<TData>;
|
1222
|
+
header?: MRT_Header<TData>;
|
1223
|
+
cellElements?: Array<HTMLTableCellElement>;
|
1224
|
+
cellValue?: string;
|
1225
|
+
containerElement?: HTMLTableElement;
|
1226
|
+
event: React.KeyboardEvent<HTMLTableCellElement>;
|
1227
|
+
parentElement?: HTMLTableRowElement;
|
1228
|
+
table: MRT_TableInstance<TData>;
|
1229
|
+
}) => void;
|
1215
1230
|
|
1216
1231
|
declare const getColumnId: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => string;
|
1217
1232
|
declare const getAllLeafColumnDefs: <TData extends MRT_RowData>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
|
@@ -1288,18 +1303,36 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
|
|
1288
1303
|
staticRowIndex?: number;
|
1289
1304
|
table: MRT_TableInstance<TData>;
|
1290
1305
|
}) => react.ReactNode) | undefined;
|
1306
|
+
readonly columnDefType?: "data" | "display" | "group";
|
1307
|
+
readonly columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
1291
1308
|
readonly Edit?: ((props: {
|
1292
1309
|
cell: MRT_Cell<TData, unknown>;
|
1293
1310
|
column: MRT_Column<TData, unknown>;
|
1294
1311
|
row: MRT_Row<TData>;
|
1295
1312
|
table: MRT_TableInstance<TData>;
|
1296
1313
|
}) => react.ReactNode) | undefined;
|
1314
|
+
readonly editSelectOptions?: DropdownOption[] | ((props: {
|
1315
|
+
cell: MRT_Cell<TData, unknown>;
|
1316
|
+
column: MRT_Column<TData, unknown>;
|
1317
|
+
row: MRT_Row<TData>;
|
1318
|
+
table: MRT_TableInstance<TData>;
|
1319
|
+
}) => DropdownOption[]) | undefined;
|
1320
|
+
readonly editVariant?: "select" | "text";
|
1321
|
+
readonly enableClickToCopy?: boolean | "context-menu" | ((cell: MRT_Cell<TData, unknown>) => "context-menu" | boolean) | undefined;
|
1322
|
+
readonly enableColumnActions?: boolean;
|
1323
|
+
readonly enableColumnDragging?: boolean;
|
1324
|
+
readonly enableColumnFilterModes?: boolean;
|
1325
|
+
readonly enableColumnOrdering?: boolean;
|
1326
|
+
readonly enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
|
1327
|
+
readonly enableFilterMatchHighlighting?: boolean;
|
1297
1328
|
readonly Filter?: ((props: {
|
1298
1329
|
column: MRT_Column<TData, unknown>;
|
1299
1330
|
header: MRT_Header<TData>;
|
1300
1331
|
rangeFilterIndex?: number;
|
1301
1332
|
table: MRT_TableInstance<TData>;
|
1302
1333
|
}) => react.ReactNode) | undefined;
|
1334
|
+
readonly filterSelectOptions?: DropdownOption[];
|
1335
|
+
readonly filterVariant?: "autocomplete" | "checkbox" | "date" | "date-range" | "datetime" | "datetime-range" | "multi-select" | "range" | "range-slider" | "select" | "text" | "time" | "time-range";
|
1303
1336
|
readonly Footer?: react.ReactNode | ((props: {
|
1304
1337
|
column: MRT_Column<TData, unknown>;
|
1305
1338
|
footer: MRT_Header<TData>;
|
@@ -1313,36 +1346,12 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
|
|
1313
1346
|
staticColumnIndex?: number;
|
1314
1347
|
staticRowIndex?: number;
|
1315
1348
|
}) => react.ReactNode) | undefined;
|
1349
|
+
readonly grow?: boolean | number;
|
1316
1350
|
readonly Header?: react.ReactNode | ((props: {
|
1317
1351
|
column: MRT_Column<TData, unknown>;
|
1318
1352
|
header: MRT_Header<TData>;
|
1319
1353
|
table: MRT_TableInstance<TData>;
|
1320
1354
|
}) => react.ReactNode);
|
1321
|
-
readonly PlaceholderCell?: ((props: {
|
1322
|
-
cell: MRT_Cell<TData, unknown>;
|
1323
|
-
column: MRT_Column<TData, unknown>;
|
1324
|
-
row: MRT_Row<TData>;
|
1325
|
-
table: MRT_TableInstance<TData>;
|
1326
|
-
}) => react.ReactNode) | undefined;
|
1327
|
-
readonly columnDefType?: "data" | "display" | "group";
|
1328
|
-
readonly columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
1329
|
-
readonly editSelectOptions?: DropdownOption[] | ((props: {
|
1330
|
-
cell: MRT_Cell<TData, unknown>;
|
1331
|
-
column: MRT_Column<TData, unknown>;
|
1332
|
-
row: MRT_Row<TData>;
|
1333
|
-
table: MRT_TableInstance<TData>;
|
1334
|
-
}) => DropdownOption[]) | undefined;
|
1335
|
-
readonly editVariant?: "select" | "text";
|
1336
|
-
readonly enableClickToCopy?: boolean | "context-menu" | ((cell: MRT_Cell<TData, unknown>) => "context-menu" | boolean) | undefined;
|
1337
|
-
readonly enableColumnActions?: boolean;
|
1338
|
-
readonly enableColumnDragging?: boolean;
|
1339
|
-
readonly enableColumnFilterModes?: boolean;
|
1340
|
-
readonly enableColumnOrdering?: boolean;
|
1341
|
-
readonly enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
|
1342
|
-
readonly enableFilterMatchHighlighting?: boolean;
|
1343
|
-
readonly filterSelectOptions?: DropdownOption[];
|
1344
|
-
readonly filterVariant?: "autocomplete" | "checkbox" | "date" | "date-range" | "datetime" | "datetime-range" | "multi-select" | "range" | "range-slider" | "select" | "text" | "time" | "time-range";
|
1345
|
-
readonly grow?: boolean | number;
|
1346
1355
|
readonly muiColumnActionsButtonProps?: _mui_material.IconButtonProps | ((props: {
|
1347
1356
|
column: MRT_Column<TData, unknown>;
|
1348
1357
|
table: MRT_TableInstance<TData>;
|
@@ -1409,6 +1418,12 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
|
|
1409
1418
|
column: MRT_Column<TData, unknown>;
|
1410
1419
|
table: MRT_TableInstance<TData>;
|
1411
1420
|
}) => _mui_material.TableCellProps) | undefined;
|
1421
|
+
readonly PlaceholderCell?: ((props: {
|
1422
|
+
cell: MRT_Cell<TData, unknown>;
|
1423
|
+
column: MRT_Column<TData, unknown>;
|
1424
|
+
row: MRT_Row<TData>;
|
1425
|
+
table: MRT_TableInstance<TData>;
|
1426
|
+
}) => react.ReactNode) | undefined;
|
1412
1427
|
readonly renderCellActionMenuItems?: ((props: {
|
1413
1428
|
cell: MRT_Cell<TData, unknown>;
|
1414
1429
|
closeMenu: () => void;
|
@@ -1896,4 +1911,4 @@ interface MRT_TopToolbarProps<TData extends MRT_RowData> {
|
|
1896
1911
|
}
|
1897
1912
|
declare const MRT_TopToolbar: <TData extends MRT_RowData>({ table, }: MRT_TopToolbarProps<TData>) => react_jsx_runtime.JSX.Element;
|
1898
1913
|
|
1899
|
-
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,
|
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, 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 };
|