material-react-table 2.6.1 → 2.8.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.
Files changed (104) hide show
  1. package/dist/index.d.ts +390 -260
  2. package/dist/index.esm.js +1977 -1921
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +2372 -2318
  5. package/dist/index.js.map +1 -1
  6. package/package.json +20 -20
  7. package/src/{MaterialReactTable.tsx → components/MaterialReactTable.tsx} +3 -3
  8. package/src/{body → components/body}/MRT_TableBody.tsx +6 -28
  9. package/src/{body → components/body}/MRT_TableBodyCell.tsx +6 -23
  10. package/src/{body → components/body}/MRT_TableBodyCellValue.tsx +2 -2
  11. package/src/{body → components/body}/MRT_TableBodyRow.tsx +7 -5
  12. package/src/{body → components/body}/MRT_TableBodyRowGrabHandle.tsx +3 -3
  13. package/src/{body → components/body}/MRT_TableBodyRowPinButton.tsx +3 -3
  14. package/src/{body → components/body}/MRT_TableDetailPanel.tsx +6 -6
  15. package/src/{buttons → components/buttons}/MRT_ColumnPinningButtons.tsx +2 -2
  16. package/src/{buttons → components/buttons}/MRT_CopyButton.tsx +4 -5
  17. package/src/{buttons → components/buttons}/MRT_EditActionButtons.tsx +2 -2
  18. package/src/{buttons → components/buttons}/MRT_ExpandAllButton.tsx +4 -4
  19. package/src/{buttons → components/buttons}/MRT_ExpandButton.tsx +10 -4
  20. package/src/{buttons → components/buttons}/MRT_GrabHandleButton.tsx +4 -5
  21. package/src/{buttons → components/buttons}/MRT_RowPinButton.tsx +4 -4
  22. package/src/{buttons → components/buttons}/MRT_ShowHideColumnsButton.tsx +1 -1
  23. package/src/{buttons → components/buttons}/MRT_ToggleDensePaddingButton.tsx +1 -1
  24. package/src/{buttons → components/buttons}/MRT_ToggleFiltersButton.tsx +1 -1
  25. package/src/{buttons → components/buttons}/MRT_ToggleFullScreenButton.tsx +1 -1
  26. package/src/{buttons → components/buttons}/MRT_ToggleGlobalFilterButton.tsx +1 -1
  27. package/src/{buttons → components/buttons}/MRT_ToggleRowActionMenuButton.tsx +9 -9
  28. package/src/{footer → components/footer}/MRT_TableFooter.tsx +2 -2
  29. package/src/{footer → components/footer}/MRT_TableFooterCell.tsx +3 -3
  30. package/src/{footer → components/footer}/MRT_TableFooterRow.tsx +3 -3
  31. package/src/{head → components/head}/MRT_TableHead.tsx +3 -3
  32. package/src/{head → components/head}/MRT_TableHeadCell.tsx +3 -3
  33. package/src/{head → components/head}/MRT_TableHeadCellColumnActionsButton.tsx +5 -6
  34. package/src/{head → components/head}/MRT_TableHeadCellFilterContainer.tsx +5 -5
  35. package/src/{head → components/head}/MRT_TableHeadCellFilterLabel.tsx +2 -2
  36. package/src/{head → components/head}/MRT_TableHeadCellGrabHandle.tsx +4 -3
  37. package/src/{head → components/head}/MRT_TableHeadCellResizeHandle.tsx +2 -2
  38. package/src/{head → components/head}/MRT_TableHeadCellSortLabel.tsx +2 -2
  39. package/src/{head → components/head}/MRT_TableHeadRow.tsx +3 -3
  40. package/src/{inputs → components/inputs}/MRT_EditCellTextField.tsx +12 -4
  41. package/src/{inputs → components/inputs}/MRT_FilterCheckbox.tsx +4 -4
  42. package/src/{inputs → components/inputs}/MRT_FilterRangeFields.tsx +2 -2
  43. package/src/{inputs → components/inputs}/MRT_FilterRangeSlider.tsx +2 -2
  44. package/src/{inputs → components/inputs}/MRT_FilterTextField.tsx +3 -3
  45. package/src/{inputs → components/inputs}/MRT_GlobalFilterTextField.tsx +2 -2
  46. package/src/{inputs → components/inputs}/MRT_SelectCheckbox.tsx +4 -4
  47. package/src/{menus → components/menus}/MRT_ColumnActionMenu.tsx +9 -1
  48. package/src/{menus → components/menus}/MRT_FilterOptionMenu.tsx +9 -1
  49. package/src/{menus → components/menus}/MRT_RowActionMenu.tsx +13 -2
  50. package/src/{menus → components/menus}/MRT_ShowHideColumnsMenu.tsx +11 -5
  51. package/src/{menus → components/menus}/MRT_ShowHideColumnsMenuItems.tsx +7 -7
  52. package/src/{modals → components/modals}/MRT_EditRowModal.tsx +4 -4
  53. package/src/{table → components/table}/MRT_Table.tsx +4 -4
  54. package/src/{table → components/table}/MRT_TableContainer.tsx +3 -3
  55. package/src/{table → components/table}/MRT_TableLoadingOverlay.tsx +3 -3
  56. package/src/{table → components/table}/MRT_TablePaper.tsx +3 -3
  57. package/src/{toolbar → components/toolbar}/MRT_BottomToolbar.tsx +3 -3
  58. package/src/{toolbar → components/toolbar}/MRT_LinearProgressBar.tsx +2 -2
  59. package/src/{toolbar → components/toolbar}/MRT_TablePagination.tsx +9 -7
  60. package/src/{toolbar → components/toolbar}/MRT_ToolbarAlertBanner.tsx +3 -3
  61. package/src/{toolbar → components/toolbar}/MRT_ToolbarDropZone.tsx +2 -2
  62. package/src/{toolbar → components/toolbar}/MRT_ToolbarInternalButtons.tsx +2 -2
  63. package/src/{toolbar → components/toolbar}/MRT_TopToolbar.tsx +3 -3
  64. package/src/{filterFns.ts → fns/filterFns.ts} +1 -1
  65. package/src/{sortingFns.ts → fns/sortingFns.ts} +1 -1
  66. package/src/hooks/display-columns/getMRT_DisplayColumns.tsx +26 -0
  67. package/src/hooks/display-columns/getMRT_RowActionsColumnDef.tsx +34 -0
  68. package/src/hooks/display-columns/getMRT_RowDragColumnDef.tsx +35 -0
  69. package/src/hooks/display-columns/getMRT_RowExpandColumnDef.tsx +96 -0
  70. package/src/hooks/display-columns/getMRT_RowNumbersColumnDef.tsx +36 -0
  71. package/src/hooks/display-columns/getMRT_RowPinningColumnDef.tsx +30 -0
  72. package/src/hooks/display-columns/getMRT_RowSelectColumnDef.tsx +40 -0
  73. package/src/hooks/display-columns/getMRT_RowSpacerColumnDef.tsx +40 -0
  74. package/src/hooks/useMRT_ColumnVirtualizer.ts +2 -4
  75. package/src/hooks/useMRT_Effects.ts +7 -6
  76. package/src/hooks/useMRT_RowVirtualizer.ts +2 -4
  77. package/src/hooks/useMRT_Rows.ts +32 -6
  78. package/src/hooks/useMRT_TableInstance.ts +91 -87
  79. package/src/hooks/useMRT_TableOptions.ts +5 -3
  80. package/src/{useMaterialReactTable.ts → hooks/useMaterialReactTable.ts} +3 -3
  81. package/src/icons.ts +4 -38
  82. package/src/index.ts +88 -17
  83. package/src/types.ts +59 -26
  84. package/src/utils/column.utils.ts +173 -0
  85. package/src/utils/displayColumn.utils.ts +134 -0
  86. package/src/utils/row.utils.ts +26 -0
  87. package/src/{style.utils.ts → utils/style.utils.ts} +50 -28
  88. package/src/utils/tanstack.helpers.ts +64 -0
  89. package/src/utils/utils.ts +23 -0
  90. package/src/utils/virtualization.utils.ts +19 -0
  91. package/src/utils.ts +0 -0
  92. package/src/body/index.ts +0 -7
  93. package/src/buttons/index.ts +0 -13
  94. package/src/column.utils.ts +0 -368
  95. package/src/footer/index.ts +0 -3
  96. package/src/head/index.ts +0 -9
  97. package/src/hooks/index.ts +0 -7
  98. package/src/hooks/useMRT_DisplayColumns.tsx +0 -299
  99. package/src/inputs/index.ts +0 -7
  100. package/src/menus/index.ts +0 -5
  101. package/src/modals/index.ts +0 -1
  102. package/src/table/index.ts +0 -5
  103. package/src/toolbar/index.ts +0 -7
  104. /package/src/{aggregationFns.ts → fns/aggregationFns.ts} +0 -0
package/dist/index.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
1
+ /// <reference types="react" />
2
+ import * as react from 'react';
2
3
  import { CSSProperties, MutableRefObject, Dispatch, SetStateAction, ReactNode, RefObject, DragEventHandler, MouseEvent } from 'react';
3
4
  import * as _tanstack_react_table from '@tanstack/react-table';
4
- import { Row, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, GroupingState, PaginationState, RowSelectionState, SortingState, Updater, VisibilityState, AccessorFn, DeepKeys, DeepValue, Table, TableState, ColumnDef, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, TableOptions, OnChangeFn, RowPinningPosition, Renderable } from '@tanstack/react-table';
5
- import { VirtualItem, VirtualizerOptions, Virtualizer, Range } from '@tanstack/react-virtual';
5
+ import { Row, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, GroupingState, PaginationState, RowSelectionState, SortingState, Updater, VisibilityState, AccessorFn, DeepKeys, DeepValue, Table, TableState, ColumnDef, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, TableOptions, OnChangeFn, Renderable, RowPinningPosition } from '@tanstack/react-table';
6
+ import { VirtualItem, VirtualizerOptions, Virtualizer } from '@tanstack/react-virtual';
6
7
  import { AlertProps } from '@mui/material/Alert';
7
8
  import { AutocompleteProps } from '@mui/material/Autocomplete';
8
9
  import { BoxProps } from '@mui/material/Box';
@@ -28,9 +29,12 @@ import { TableHeadProps } from '@mui/material/TableHead';
28
29
  import { TableRowProps } from '@mui/material/TableRow';
29
30
  import { TextFieldProps } from '@mui/material/TextField';
30
31
  import { Theme } from '@mui/material/styles';
32
+ import * as _mui_x_date_pickers from '@mui/x-date-pickers';
31
33
  import { DatePickerProps, DateTimePickerProps, TimePickerProps } from '@mui/x-date-pickers';
32
- import * as _tanstack_match_sorter_utils from '@tanstack/match-sorter-utils';
33
34
  import { RankingInfo } from '@tanstack/match-sorter-utils';
35
+ import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
36
+ import * as _mui_material from '@mui/material';
37
+ import * as react_jsx_runtime from 'react/jsx-runtime';
34
38
  import { CollapseProps } from '@mui/material/Collapse';
35
39
  import { DividerProps } from '@mui/material/Divider';
36
40
  import { TableSortLabelProps } from '@mui/material/TableSortLabel';
@@ -116,42 +120,6 @@ declare const MRT_FilterFns: {
116
120
  inNumberRange: _tanstack_react_table.FilterFn<any>;
117
121
  };
118
122
 
119
- interface MRT_Icons {
120
- ArrowDownwardIcon: any;
121
- ArrowRightIcon: any;
122
- CancelIcon: any;
123
- ChevronLeftIcon: any;
124
- ChevronRightIcon: any;
125
- ClearAllIcon: any;
126
- CloseIcon: any;
127
- DensityLargeIcon: any;
128
- DensityMediumIcon: any;
129
- DensitySmallIcon: any;
130
- DragHandleIcon: any;
131
- DynamicFeedIcon: any;
132
- EditIcon: any;
133
- ExpandMoreIcon: any;
134
- FilterAltIcon: any;
135
- FilterListIcon: any;
136
- FilterListOffIcon: any;
137
- FirstPageIcon?: any;
138
- FullscreenExitIcon: any;
139
- FullscreenIcon: any;
140
- KeyboardDoubleArrowDownIcon: any;
141
- LastPageIcon?: any;
142
- MoreHorizIcon: any;
143
- MoreVertIcon: any;
144
- PushPinIcon: any;
145
- RestartAltIcon: any;
146
- SaveIcon: any;
147
- SearchIcon: any;
148
- SearchOffIcon: any;
149
- SortIcon: any;
150
- SyncAltIcon?: any;
151
- ViewColumnIcon: any;
152
- VisibilityOffIcon: any;
153
- }
154
-
155
123
  declare const MRT_SortingFns: {
156
124
  fuzzy: <TData extends MRT_RowData>(rowA: Row<TData>, rowB: Row<TData>, columnId: string) => number;
157
125
  alphanumeric: _tanstack_react_table.SortingFn<any>;
@@ -163,6 +131,109 @@ declare const MRT_SortingFns: {
163
131
  };
164
132
  declare const rankGlobalFuzzy: <TData extends MRT_RowData>(rowA: MRT_Row<TData>, rowB: MRT_Row<TData>) => number;
165
133
 
134
+ declare const MRT_Default_Icons: {
135
+ readonly ArrowDownwardIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
136
+ muiName: string;
137
+ };
138
+ readonly ArrowRightIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
139
+ muiName: string;
140
+ };
141
+ readonly CancelIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
142
+ muiName: string;
143
+ };
144
+ readonly ChevronLeftIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
145
+ muiName: string;
146
+ };
147
+ readonly ChevronRightIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
148
+ muiName: string;
149
+ };
150
+ readonly ClearAllIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
151
+ muiName: string;
152
+ };
153
+ readonly CloseIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
154
+ muiName: string;
155
+ };
156
+ readonly DensityLargeIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
157
+ muiName: string;
158
+ };
159
+ readonly DensityMediumIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
160
+ muiName: string;
161
+ };
162
+ readonly DensitySmallIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
163
+ muiName: string;
164
+ };
165
+ readonly DragHandleIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
166
+ muiName: string;
167
+ };
168
+ readonly DynamicFeedIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
169
+ muiName: string;
170
+ };
171
+ readonly EditIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
172
+ muiName: string;
173
+ };
174
+ readonly ExpandMoreIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
175
+ muiName: string;
176
+ };
177
+ readonly FilterAltIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
178
+ muiName: string;
179
+ };
180
+ readonly FilterListIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
181
+ muiName: string;
182
+ };
183
+ readonly FilterListOffIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
184
+ muiName: string;
185
+ };
186
+ readonly FirstPageIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
187
+ muiName: string;
188
+ };
189
+ readonly FullscreenExitIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
190
+ muiName: string;
191
+ };
192
+ readonly FullscreenIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
193
+ muiName: string;
194
+ };
195
+ readonly KeyboardDoubleArrowDownIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
196
+ muiName: string;
197
+ };
198
+ readonly LastPageIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
199
+ muiName: string;
200
+ };
201
+ readonly MoreHorizIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
202
+ muiName: string;
203
+ };
204
+ readonly MoreVertIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
205
+ muiName: string;
206
+ };
207
+ readonly PushPinIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
208
+ muiName: string;
209
+ };
210
+ readonly RestartAltIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
211
+ muiName: string;
212
+ };
213
+ readonly SaveIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
214
+ muiName: string;
215
+ };
216
+ readonly SearchIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
217
+ muiName: string;
218
+ };
219
+ readonly SearchOffIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
220
+ muiName: string;
221
+ };
222
+ readonly SortIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
223
+ muiName: string;
224
+ };
225
+ readonly SyncAltIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
226
+ muiName: string;
227
+ };
228
+ readonly ViewColumnIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
229
+ muiName: string;
230
+ };
231
+ readonly VisibilityOffIcon: _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
232
+ muiName: string;
233
+ };
234
+ };
235
+ type MRT_Icons = Record<keyof typeof MRT_Default_Icons, any>;
236
+
166
237
  type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
167
238
  type Prettify<T> = {
168
239
  [K in keyof T]: T[K];
@@ -172,6 +243,14 @@ type Xor<A, B> = Prettify<A & {
172
243
  }> | Prettify<B & {
173
244
  [k in keyof A]?: never;
174
245
  }>;
246
+ type DropdownOption = {
247
+ label?: string;
248
+ /**
249
+ * @deprecated use `label` instead
250
+ */
251
+ text?: string;
252
+ value: any;
253
+ } | string;
175
254
  type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
176
255
  type MRT_ColumnFilterFnsState = Record<string, MRT_FilterOption>;
177
256
  type MRT_RowData = Record<string, any>;
@@ -301,6 +380,7 @@ interface MRT_Theme {
301
380
  baseBackgroundColor?: CSSProperties['backgroundColor'];
302
381
  draggingBorderColor?: CSSProperties['borderColor'];
303
382
  matchHighlightColor?: CSSProperties['backgroundColor'];
383
+ menuBackgroundColor?: CSSProperties['backgroundColor'];
304
384
  pinnedRowBackgroundColor?: CSSProperties['backgroundColor'];
305
385
  selectedRowBackgroundColor?: CSSProperties['backgroundColor'];
306
386
  }
@@ -332,7 +412,7 @@ type MRT_TableInstance<TData extends MRT_RowData> = Omit<Table<TData>, 'getAllCo
332
412
  getSelectedRowModel: () => MRT_RowModel<TData>;
333
413
  getState: () => MRT_TableState<TData>;
334
414
  getTopRows: () => MRT_Row<TData>[];
335
- options: MRT_DefinedTableOptions<TData>;
415
+ options: MRT_StatefulTableOptions<TData>;
336
416
  refs: {
337
417
  bottomToolbarRef: MutableRefObject<HTMLDivElement>;
338
418
  editInputRefs: MutableRefObject<Record<string, HTMLInputElement>>;
@@ -365,6 +445,9 @@ type MRT_DefinedTableOptions<TData extends MRT_RowData> = MRT_TableOptions<TData
365
445
  icons: MRT_Icons;
366
446
  localization: MRT_Localization;
367
447
  };
448
+ type MRT_StatefulTableOptions<TData extends MRT_RowData> = MRT_DefinedTableOptions<TData> & {
449
+ state: Pick<MRT_TableState<TData>, 'columnFilterFns' | 'columnOrder' | 'columnSizingInfo' | 'creatingRow' | 'density' | 'draggingColumn' | 'draggingRow' | 'editingCell' | 'editingRow' | 'globalFilterFn' | 'grouping' | 'hoveredColumn' | 'hoveredRow' | 'isFullScreen' | 'pagination' | 'showAlertBanner' | 'showColumnFilters' | 'showGlobalFilter' | 'showToolbarDropZone'>;
450
+ };
368
451
  type MRT_TableState<TData extends MRT_RowData> = TableState & {
369
452
  columnFilterFns: MRT_ColumnFilterFnsState;
370
453
  creatingRow: MRT_Row<TData> | null;
@@ -465,14 +548,12 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
465
548
  columnDefType?: 'data' | 'display' | 'group';
466
549
  columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
467
550
  columns?: MRT_ColumnDef<TData, TValue>[];
468
- editSelectOptions?: ({
469
- label?: string;
470
- /**
471
- * @deprecated use `label` instead
472
- */
473
- text?: string;
474
- value: any;
475
- } | string)[];
551
+ editSelectOptions?: ((props: {
552
+ cell: MRT_Cell<TData, TValue>;
553
+ column: MRT_Column<TData>;
554
+ row: MRT_Row<TData>;
555
+ table: MRT_TableInstance<TData>;
556
+ }) => DropdownOption[]) | DropdownOption[];
476
557
  editVariant?: 'select' | 'text';
477
558
  enableClickToCopy?: boolean;
478
559
  enableColumnActions?: boolean;
@@ -482,19 +563,16 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
482
563
  enableEditing?: ((row: MRT_Row<TData>) => boolean) | boolean;
483
564
  enableFilterMatchHighlighting?: boolean;
484
565
  filterFn?: MRT_FilterFn<TData>;
485
- filterSelectOptions?: ({
486
- label?: string;
487
- /**
488
- * @deprecated use `label` instead
489
- */
490
- text?: string;
491
- value: any;
492
- } | string)[];
566
+ filterSelectOptions?: DropdownOption[];
493
567
  filterVariant?: 'autocomplete' | 'checkbox' | 'date' | 'date-range' | 'datetime' | 'datetime-range' | 'multi-select' | 'range' | 'range-slider' | 'select' | 'text' | 'time' | 'time-range';
494
568
  /**
495
569
  * footer must be a string. If you want custom JSX to render the footer, you can also specify a `Footer` option. (Capital F)
496
570
  */
497
571
  footer?: string;
572
+ /**
573
+ * 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.
574
+ */
575
+ grow?: boolean | number;
498
576
  /**
499
577
  * header must be a string. If you want custom JSX to render the header, you can also specify a `Header` option. (Capital H)
500
578
  */
@@ -782,6 +860,7 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
782
860
  }) => IconButtonProps) | IconButtonProps;
783
861
  muiExpandButtonProps?: ((props: {
784
862
  row: MRT_Row<TData>;
863
+ staticRowIndex?: number;
785
864
  table: MRT_TableInstance<TData>;
786
865
  }) => IconButtonProps) | IconButtonProps;
787
866
  muiFilterAutocompleteProps?: ((props: {
@@ -954,6 +1033,7 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
954
1033
  onShowToolbarDropZoneChange?: OnChangeFn<boolean>;
955
1034
  paginationDisplayMode?: 'custom' | 'default' | 'pages';
956
1035
  positionActionsColumn?: 'first' | 'last';
1036
+ positionCreatingRow?: 'bottom' | 'top' | number;
957
1037
  positionExpandColumn?: 'first' | 'last';
958
1038
  positionGlobalFilter?: 'left' | 'none' | 'right';
959
1039
  positionPagination?: 'both' | 'bottom' | 'none' | 'top';
@@ -1002,11 +1082,13 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
1002
1082
  renderRowActionMenuItems?: (props: {
1003
1083
  closeMenu: () => void;
1004
1084
  row: MRT_Row<TData>;
1085
+ staticRowIndex?: number;
1005
1086
  table: MRT_TableInstance<TData>;
1006
1087
  }) => ReactNode[];
1007
1088
  renderRowActions?: (props: {
1008
1089
  cell: MRT_Cell<TData>;
1009
1090
  row: MRT_Row<TData>;
1091
+ staticRowIndex?: number;
1010
1092
  table: MRT_TableInstance<TData>;
1011
1093
  }) => ReactNode;
1012
1094
  renderToolbarAlertBannerContent?: (props: {
@@ -1037,6 +1119,249 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
1037
1119
  state?: Partial<MRT_TableState<TData>>;
1038
1120
  };
1039
1121
 
1122
+ declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | ReactNode;
1123
+ declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
1124
+ declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined, rowIndex?: number, depth?: number, subRows?: MRT_Row<TData>[] | undefined, parentId?: string) => MRT_Row<TData>;
1125
+
1126
+ declare const getColumnId: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => string;
1127
+ declare const getAllLeafColumnDefs: <TData extends MRT_RowData>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
1128
+ declare const prepareColumns: <TData extends MRT_RowData>({ columnDefs, tableOptions, }: {
1129
+ columnDefs: MRT_ColumnDef<TData>[];
1130
+ tableOptions: MRT_DefinedTableOptions<TData>;
1131
+ }) => MRT_DefinedColumnDef<TData>[];
1132
+ declare const reorderColumn: <TData extends MRT_RowData>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: _tanstack_react_table.ColumnOrderState) => _tanstack_react_table.ColumnOrderState;
1133
+ declare const getDefaultColumnFilterFn: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => MRT_FilterOption;
1134
+ declare const getIsFirstColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
1135
+ declare const getIsLastColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
1136
+ declare const getIsLastLeftPinnedColumn: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => boolean;
1137
+ declare const getIsFirstRightPinnedColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>) => boolean;
1138
+ declare const getTotalRight: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => number;
1139
+
1140
+ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header, id, size, tableOptions, }: {
1141
+ header?: keyof MRT_Localization;
1142
+ id: MRT_DisplayColumnIds;
1143
+ size?: number;
1144
+ tableOptions: MRT_DefinedTableOptions<TData>;
1145
+ }): {
1146
+ readonly id: MRT_DisplayColumnIds;
1147
+ readonly header: string;
1148
+ readonly getUniqueValues?: _tanstack_react_table.AccessorFn<TData, unknown[]> | undefined;
1149
+ readonly getGroupingValue?: ((row: TData) => any) | undefined;
1150
+ readonly aggregationFn?: MRT_AggregationFn<TData> | MRT_AggregationFn<TData>[] | undefined;
1151
+ readonly columns?: MRT_ColumnDef<TData, unknown>[] | undefined;
1152
+ readonly filterFn?: MRT_FilterFn<TData> | undefined;
1153
+ readonly footer?: string | undefined;
1154
+ readonly sortingFn?: MRT_SortingFn<TData> | undefined;
1155
+ readonly meta?: _tanstack_react_table.ColumnMeta<TData, unknown> | undefined;
1156
+ readonly enableHiding?: boolean | undefined;
1157
+ readonly enablePinning?: boolean | undefined;
1158
+ readonly enableColumnFilter?: boolean | undefined;
1159
+ readonly enableGlobalFilter?: boolean | undefined;
1160
+ readonly enableMultiSort?: boolean | undefined;
1161
+ readonly enableSorting?: boolean | undefined;
1162
+ readonly invertSorting?: boolean | undefined;
1163
+ readonly sortDescFirst?: boolean | undefined;
1164
+ readonly sortUndefined?: false | 1 | -1 | undefined;
1165
+ readonly enableGrouping?: boolean | undefined;
1166
+ readonly enableResizing?: boolean | undefined;
1167
+ readonly maxSize?: number | undefined;
1168
+ readonly minSize?: number | undefined;
1169
+ readonly size: number;
1170
+ readonly AggregatedCell?: ((props: {
1171
+ cell: MRT_Cell<TData, unknown>;
1172
+ column: MRT_Column<TData, unknown>;
1173
+ row: MRT_Row<TData>;
1174
+ table: MRT_TableInstance<TData>;
1175
+ }) => react.ReactNode) | undefined;
1176
+ readonly Cell?: ((props: {
1177
+ cell: MRT_Cell<TData, unknown>;
1178
+ column: MRT_Column<TData, unknown>;
1179
+ renderedCellValue: react.ReactNode;
1180
+ row: MRT_Row<TData>;
1181
+ rowRef?: react.RefObject<HTMLTableRowElement> | undefined;
1182
+ staticRowIndex?: number | undefined;
1183
+ table: MRT_TableInstance<TData>;
1184
+ }) => react.ReactNode) | undefined;
1185
+ readonly Edit?: ((props: {
1186
+ cell: MRT_Cell<TData, unknown>;
1187
+ column: MRT_Column<TData, unknown>;
1188
+ row: MRT_Row<TData>;
1189
+ table: MRT_TableInstance<TData>;
1190
+ }) => react.ReactNode) | undefined;
1191
+ readonly Filter?: ((props: {
1192
+ column: MRT_Column<TData, unknown>;
1193
+ header: MRT_Header<TData>;
1194
+ rangeFilterIndex?: number | undefined;
1195
+ table: MRT_TableInstance<TData>;
1196
+ }) => react.ReactNode) | undefined;
1197
+ readonly Footer?: react.ReactNode | ((props: {
1198
+ column: MRT_Column<TData, unknown>;
1199
+ footer: MRT_Header<TData>;
1200
+ table: MRT_TableInstance<TData>;
1201
+ }) => react.ReactNode);
1202
+ readonly GroupedCell?: ((props: {
1203
+ cell: MRT_Cell<TData, unknown>;
1204
+ column: MRT_Column<TData, unknown>;
1205
+ row: MRT_Row<TData>;
1206
+ table: MRT_TableInstance<TData>;
1207
+ }) => react.ReactNode) | undefined;
1208
+ readonly Header?: react.ReactNode | ((props: {
1209
+ column: MRT_Column<TData, unknown>;
1210
+ header: MRT_Header<TData>;
1211
+ table: MRT_TableInstance<TData>;
1212
+ }) => react.ReactNode);
1213
+ readonly PlaceholderCell?: ((props: {
1214
+ cell: MRT_Cell<TData, unknown>;
1215
+ column: MRT_Column<TData, unknown>;
1216
+ row: MRT_Row<TData>;
1217
+ table: MRT_TableInstance<TData>;
1218
+ }) => react.ReactNode) | undefined;
1219
+ readonly columnDefType?: "data" | "display" | "group" | undefined;
1220
+ readonly columnFilterModeOptions?: LiteralUnion<string & MRT_FilterOption, string>[] | null | undefined;
1221
+ readonly editSelectOptions?: DropdownOption[] | ((props: {
1222
+ cell: MRT_Cell<TData, unknown>;
1223
+ column: MRT_Column<TData, unknown>;
1224
+ row: MRT_Row<TData>;
1225
+ table: MRT_TableInstance<TData>;
1226
+ }) => DropdownOption[]) | undefined;
1227
+ readonly editVariant?: "text" | "select" | undefined;
1228
+ readonly enableClickToCopy?: boolean | undefined;
1229
+ readonly enableColumnActions?: boolean | undefined;
1230
+ readonly enableColumnDragging?: boolean | undefined;
1231
+ readonly enableColumnFilterModes?: boolean | undefined;
1232
+ readonly enableColumnOrdering?: boolean | undefined;
1233
+ readonly enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
1234
+ readonly enableFilterMatchHighlighting?: boolean | undefined;
1235
+ readonly filterSelectOptions?: DropdownOption[] | undefined;
1236
+ readonly filterVariant?: "text" | "datetime" | "select" | "autocomplete" | "checkbox" | "date" | "date-range" | "datetime-range" | "multi-select" | "range" | "range-slider" | "time" | "time-range" | undefined;
1237
+ readonly grow?: number | boolean | undefined;
1238
+ readonly muiColumnActionsButtonProps?: _mui_material.IconButtonProps | ((props: {
1239
+ column: MRT_Column<TData, unknown>;
1240
+ table: MRT_TableInstance<TData>;
1241
+ }) => _mui_material.IconButtonProps) | undefined;
1242
+ readonly muiColumnDragHandleProps?: _mui_material.IconButtonProps | ((props: {
1243
+ column: MRT_Column<TData, unknown>;
1244
+ table: MRT_TableInstance<TData>;
1245
+ }) => _mui_material.IconButtonProps) | undefined;
1246
+ readonly muiCopyButtonProps?: _mui_material.ButtonProps | ((props: {
1247
+ cell: MRT_Cell<TData, unknown>;
1248
+ column: MRT_Column<TData, unknown>;
1249
+ row: MRT_Row<TData>;
1250
+ table: MRT_TableInstance<TData>;
1251
+ }) => _mui_material.ButtonProps) | undefined;
1252
+ readonly muiEditTextFieldProps?: _mui_material.TextFieldProps | ((props: {
1253
+ cell: MRT_Cell<TData, unknown>;
1254
+ column: MRT_Column<TData, unknown>;
1255
+ row: MRT_Row<TData>;
1256
+ table: MRT_TableInstance<TData>;
1257
+ }) => _mui_material.TextFieldProps) | undefined;
1258
+ readonly muiFilterAutocompleteProps?: _mui_material.AutocompleteProps<any, any, any, any, "div"> | ((props: {
1259
+ column: MRT_Column<TData, unknown>;
1260
+ table: MRT_TableInstance<TData>;
1261
+ }) => _mui_material.AutocompleteProps<any, any, any, any, "div">) | undefined;
1262
+ readonly muiFilterCheckboxProps?: _mui_material.CheckboxProps | ((props: {
1263
+ column: MRT_Column<TData, unknown>;
1264
+ table: MRT_TableInstance<TData>;
1265
+ }) => _mui_material.CheckboxProps) | undefined;
1266
+ readonly muiFilterDatePickerProps?: _mui_x_date_pickers.DatePickerProps<any> | ((props: {
1267
+ column: MRT_Column<TData, unknown>;
1268
+ rangeFilterIndex?: number | undefined;
1269
+ table: MRT_TableInstance<TData>;
1270
+ }) => _mui_x_date_pickers.DatePickerProps<any>) | undefined;
1271
+ readonly muiFilterDateTimePickerProps?: _mui_x_date_pickers.DateTimePickerProps<any> | ((props: {
1272
+ column: MRT_Column<TData, unknown>;
1273
+ rangeFilterIndex?: number | undefined;
1274
+ table: MRT_TableInstance<TData>;
1275
+ }) => _mui_x_date_pickers.DateTimePickerProps<any>) | undefined;
1276
+ readonly muiFilterSliderProps?: _mui_material.SliderProps | ((props: {
1277
+ column: MRT_Column<TData, unknown>;
1278
+ table: MRT_TableInstance<TData>;
1279
+ }) => _mui_material.SliderProps) | undefined;
1280
+ readonly muiFilterTextFieldProps?: _mui_material.TextFieldProps | ((props: {
1281
+ column: MRT_Column<TData, unknown>;
1282
+ rangeFilterIndex?: number | undefined;
1283
+ table: MRT_TableInstance<TData>;
1284
+ }) => _mui_material.TextFieldProps) | undefined;
1285
+ readonly muiFilterTimePickerProps?: _mui_x_date_pickers.TimePickerProps<any> | ((props: {
1286
+ column: MRT_Column<TData, unknown>;
1287
+ rangeFilterIndex?: number | undefined;
1288
+ table: MRT_TableInstance<TData>;
1289
+ }) => _mui_x_date_pickers.TimePickerProps<any>) | undefined;
1290
+ readonly muiTableBodyCellProps?: _mui_material.TableCellProps | ((props: {
1291
+ cell: MRT_Cell<TData, unknown>;
1292
+ column: MRT_Column<TData, unknown>;
1293
+ row: MRT_Row<TData>;
1294
+ table: MRT_TableInstance<TData>;
1295
+ }) => _mui_material.TableCellProps) | undefined;
1296
+ readonly muiTableFooterCellProps?: _mui_material.TableCellProps | ((props: {
1297
+ column: MRT_Column<TData, unknown>;
1298
+ table: MRT_TableInstance<TData>;
1299
+ }) => _mui_material.TableCellProps) | undefined;
1300
+ readonly muiTableHeadCellProps?: _mui_material.TableCellProps | ((props: {
1301
+ column: MRT_Column<TData, unknown>;
1302
+ table: MRT_TableInstance<TData>;
1303
+ }) => _mui_material.TableCellProps) | undefined;
1304
+ readonly renderColumnActionsMenuItems?: ((props: {
1305
+ closeMenu: () => void;
1306
+ column: MRT_Column<TData, unknown>;
1307
+ internalColumnMenuItems: react.ReactNode[];
1308
+ table: MRT_TableInstance<TData>;
1309
+ }) => react.ReactNode[]) | undefined;
1310
+ readonly renderColumnFilterModeMenuItems?: ((props: {
1311
+ column: MRT_Column<TData, unknown>;
1312
+ internalFilterOptions: MRT_InternalFilterOption[];
1313
+ onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
1314
+ table: MRT_TableInstance<TData>;
1315
+ }) => react.ReactNode[]) | undefined;
1316
+ readonly visibleInShowHideMenu?: boolean | undefined;
1317
+ };
1318
+ declare const showRowPinningColumn: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => boolean | undefined;
1319
+ declare const showRowDragColumn: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => boolean | undefined;
1320
+ declare const showRowExpandColumn: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => boolean;
1321
+ declare const showRowActionsColumn: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => boolean | undefined;
1322
+ declare const showRowSelectionColumn: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
1323
+ declare const showRowNumbersColumn: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => boolean | undefined;
1324
+ declare const showRowSpacerColumn: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => boolean;
1325
+ declare const getLeadingDisplayColumnIds: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => MRT_DisplayColumnIds[];
1326
+ declare const getTrailingDisplayColumnIds: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => MRT_DisplayColumnIds[];
1327
+ declare const getDefaultColumnOrderIds: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => string[];
1328
+
1329
+ declare const getCanRankRows: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => boolean | undefined;
1330
+
1331
+ declare const useMaterialReactTable: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_TableInstance<TData>;
1332
+
1333
+ declare const useMRT_ColumnVirtualizer: <TData extends MRT_RowData, TScrollElement extends Element | Window = HTMLDivElement, TItemElement extends Element = HTMLTableCellElement>(table: MRT_TableInstance<TData>) => MRT_ColumnVirtualizer | undefined;
1334
+
1335
+ declare const useMRT_Effects: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => void;
1336
+
1337
+ declare const useMRT_RowVirtualizer: <TData extends MRT_RowData, TScrollElement extends Element | Window = HTMLDivElement, TItemElement extends Element = HTMLTableRowElement>(table: MRT_TableInstance<TData>, rows?: MRT_Row<TData>[] | undefined) => MRT_RowVirtualizer<TScrollElement, TItemElement> | undefined;
1338
+
1339
+ declare const useMRT_Rows: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, pinnedRowIds?: string[]) => MRT_Row<TData>[];
1340
+
1341
+ declare const useMRT_TableInstance: <TData extends MRT_RowData>(_tableOptions: MRT_DefinedTableOptions<TData>) => MRT_TableInstance<TData>;
1342
+
1343
+ declare const MRT_DefaultColumn: {
1344
+ readonly filterVariant: "text";
1345
+ readonly maxSize: 1000;
1346
+ readonly minSize: 40;
1347
+ readonly size: 180;
1348
+ };
1349
+ declare const MRT_DefaultDisplayColumn: {
1350
+ readonly columnDefType: "display";
1351
+ readonly enableClickToCopy: false;
1352
+ readonly enableColumnActions: false;
1353
+ readonly enableColumnDragging: false;
1354
+ readonly enableColumnFilter: false;
1355
+ readonly enableColumnOrdering: false;
1356
+ readonly enableEditing: false;
1357
+ readonly enableGlobalFilter: false;
1358
+ readonly enableGrouping: false;
1359
+ readonly enableHiding: false;
1360
+ readonly enableResizing: false;
1361
+ readonly enableSorting: false;
1362
+ };
1363
+ declare const useMRT_TableOptions: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_DefinedTableOptions<TData>;
1364
+
1040
1365
  type TableInstanceProp<TData extends MRT_RowData> = {
1041
1366
  table: MRT_TableInstance<TData>;
1042
1367
  };
@@ -1102,7 +1427,7 @@ interface Props$N<TData extends MRT_RowData> extends TableCellProps {
1102
1427
  rowVirtualizer?: MRT_RowVirtualizer;
1103
1428
  staticRowIndex: number;
1104
1429
  table: MRT_TableInstance<TData>;
1105
- virtualRow?: VirtualItem;
1430
+ virtualRow?: MRT_VirtualItem;
1106
1431
  }
1107
1432
  declare const MRT_TableDetailPanel: <TData extends MRT_RowData>({ parentRowRef, row, rowVirtualizer, staticRowIndex, table, virtualRow, ...rest }: Props$N<TData>) => react_jsx_runtime.JSX.Element;
1108
1433
 
@@ -1132,9 +1457,10 @@ declare const MRT_ExpandAllButton: <TData extends MRT_RowData>({ table, ...rest
1132
1457
 
1133
1458
  interface Props$I<TData extends MRT_RowData> extends IconButtonProps {
1134
1459
  row: MRT_Row<TData>;
1460
+ staticRowIndex?: number;
1135
1461
  table: MRT_TableInstance<TData>;
1136
1462
  }
1137
- declare const MRT_ExpandButton: <TData extends MRT_RowData>({ row, table, }: Props$I<TData>) => react_jsx_runtime.JSX.Element;
1463
+ declare const MRT_ExpandButton: <TData extends MRT_RowData>({ row, staticRowIndex, table, }: Props$I<TData>) => react_jsx_runtime.JSX.Element;
1138
1464
 
1139
1465
  interface Props$H<TData extends MRT_RowData> extends IconButtonProps {
1140
1466
  iconButtonProps?: IconButtonProps;
@@ -1180,130 +1506,10 @@ declare const MRT_ToggleGlobalFilterButton: <TData extends MRT_RowData>({ table,
1180
1506
  interface Props$A<TData extends MRT_RowData> extends IconButtonProps {
1181
1507
  cell: MRT_Cell<TData>;
1182
1508
  row: MRT_Row<TData>;
1509
+ staticRowIndex?: number;
1183
1510
  table: MRT_TableInstance<TData>;
1184
1511
  }
1185
- declare const MRT_ToggleRowActionMenuButton: <TData extends MRT_RowData>({ cell, row, table, ...rest }: Props$A<TData>) => react_jsx_runtime.JSX.Element;
1186
-
1187
- declare const getColumnId: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => string;
1188
- declare const getAllLeafColumnDefs: <TData extends MRT_RowData>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
1189
- declare const prepareColumns: <TData extends MRT_RowData>({ aggregationFns, columnDefs, columnFilterFns, defaultDisplayColumn, filterFns, sortingFns, }: {
1190
- aggregationFns: {
1191
- sum: _tanstack_react_table.AggregationFn<any>;
1192
- min: _tanstack_react_table.AggregationFn<any>;
1193
- max: _tanstack_react_table.AggregationFn<any>;
1194
- extent: _tanstack_react_table.AggregationFn<any>;
1195
- mean: _tanstack_react_table.AggregationFn<any>;
1196
- median: _tanstack_react_table.AggregationFn<any>;
1197
- unique: _tanstack_react_table.AggregationFn<any>;
1198
- uniqueCount: _tanstack_react_table.AggregationFn<any>;
1199
- count: _tanstack_react_table.AggregationFn<any>;
1200
- } & Record<string, _tanstack_react_table.AggregationFn<any>>;
1201
- columnDefs: MRT_ColumnDef<TData>[];
1202
- columnFilterFns: {
1203
- [key: string]: MRT_FilterOption;
1204
- };
1205
- defaultDisplayColumn: Partial<MRT_ColumnDef<TData>>;
1206
- filterFns: {
1207
- between: {
1208
- <TData_1 extends MRT_RowData>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
1209
- autoRemove(val: any): boolean;
1210
- };
1211
- betweenInclusive: {
1212
- <TData_2 extends MRT_RowData>(row: Row<TData_2>, id: string, filterValues: [string | number, string | number]): boolean;
1213
- autoRemove(val: any): boolean;
1214
- };
1215
- contains: {
1216
- <TData_3 extends MRT_RowData>(row: Row<TData_3>, id: string, filterValue: string | number): boolean;
1217
- autoRemove(val: any): boolean;
1218
- };
1219
- empty: {
1220
- <TData_4 extends MRT_RowData>(row: Row<TData_4>, id: string, _filterValue: string | number): boolean;
1221
- autoRemove(val: any): boolean;
1222
- };
1223
- endsWith: {
1224
- <TData_5 extends MRT_RowData>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
1225
- autoRemove(val: any): boolean;
1226
- };
1227
- equals: {
1228
- <TData_6 extends MRT_RowData>(row: Row<TData_6>, id: string, filterValue: string | number): boolean;
1229
- autoRemove(val: any): boolean;
1230
- };
1231
- fuzzy: {
1232
- <TData_7 extends MRT_RowData>(row: Row<TData_7>, columnId: string, filterValue: string | number, addMeta: (item: _tanstack_match_sorter_utils.RankingInfo) => void): boolean;
1233
- autoRemove(val: any): boolean;
1234
- };
1235
- greaterThan: {
1236
- <TData_8 extends MRT_RowData>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
1237
- autoRemove(val: any): boolean;
1238
- };
1239
- greaterThanOrEqualTo: {
1240
- <TData_9 extends MRT_RowData>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
1241
- autoRemove(val: any): boolean;
1242
- };
1243
- lessThan: {
1244
- <TData_10 extends MRT_RowData>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
1245
- autoRemove(val: any): boolean;
1246
- };
1247
- lessThanOrEqualTo: {
1248
- <TData_11 extends MRT_RowData>(row: Row<TData_11>, id: string, filterValue: string | number): boolean;
1249
- autoRemove(val: any): boolean;
1250
- };
1251
- notEmpty: {
1252
- <TData_12 extends MRT_RowData>(row: Row<TData_12>, id: string, _filterValue: string | number): boolean;
1253
- autoRemove(val: any): boolean;
1254
- };
1255
- notEquals: {
1256
- <TData_13 extends MRT_RowData>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
1257
- autoRemove(val: any): boolean;
1258
- };
1259
- startsWith: {
1260
- <TData_14 extends MRT_RowData>(row: Row<TData_14>, id: string, filterValue: string | number): boolean;
1261
- autoRemove(val: any): boolean;
1262
- };
1263
- includesString: _tanstack_react_table.FilterFn<any>;
1264
- includesStringSensitive: _tanstack_react_table.FilterFn<any>;
1265
- equalsString: _tanstack_react_table.FilterFn<any>;
1266
- arrIncludes: _tanstack_react_table.FilterFn<any>;
1267
- arrIncludesAll: _tanstack_react_table.FilterFn<any>;
1268
- arrIncludesSome: _tanstack_react_table.FilterFn<any>;
1269
- weakEquals: _tanstack_react_table.FilterFn<any>;
1270
- inNumberRange: _tanstack_react_table.FilterFn<any>;
1271
- } & Record<string, _tanstack_react_table.FilterFn<any>>;
1272
- sortingFns: {
1273
- fuzzy: <TData_15 extends MRT_RowData>(rowA: Row<TData_15>, rowB: Row<TData_15>, columnId: string) => number;
1274
- alphanumeric: _tanstack_react_table.SortingFn<any>;
1275
- alphanumericCaseSensitive: _tanstack_react_table.SortingFn<any>;
1276
- text: _tanstack_react_table.SortingFn<any>;
1277
- textCaseSensitive: _tanstack_react_table.SortingFn<any>;
1278
- datetime: _tanstack_react_table.SortingFn<any>;
1279
- basic: _tanstack_react_table.SortingFn<any>;
1280
- } & Record<string, _tanstack_react_table.SortingFn<any>>;
1281
- }) => MRT_DefinedColumnDef<TData>[];
1282
- declare const reorderColumn: <TData extends MRT_RowData>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: _tanstack_react_table.ColumnOrderState) => _tanstack_react_table.ColumnOrderState;
1283
- declare const showExpandColumn: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>, grouping?: MRT_GroupingState) => boolean;
1284
- declare const getLeadingDisplayColumnIds: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
1285
- declare const getTrailingDisplayColumnIds: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
1286
- declare const getDefaultColumnOrderIds: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>) => string[];
1287
- declare const getDefaultColumnFilterFn: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => MRT_FilterOption;
1288
- declare const getIsFirstColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
1289
- declare const getIsLastColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
1290
- declare const getIsLastLeftPinnedColumn: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => boolean;
1291
- declare const getIsFirstRightPinnedColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>) => boolean;
1292
- declare const getTotalRight: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => number;
1293
- declare const getCanRankRows: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => boolean | undefined;
1294
- declare const parseFromValuesOrFunc: <T, U>(fn: T | ((arg: U) => T) | undefined, arg: U) => T | undefined;
1295
- declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | ReactNode;
1296
- declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;
1297
- declare const extraIndexRangeExtractor: (range: Range, draggingIndex?: number) => number[];
1298
- declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
1299
- declare const getValueAndLabel: (option: {
1300
- label?: string;
1301
- text?: string;
1302
- value: string;
1303
- } | string) => {
1304
- label: string;
1305
- value: string;
1306
- };
1512
+ declare const MRT_ToggleRowActionMenuButton: <TData extends MRT_RowData>({ cell, row, staticRowIndex, table, ...rest }: Props$A<TData>) => react_jsx_runtime.JSX.Element;
1307
1513
 
1308
1514
  interface Props$z<TData extends MRT_RowData> extends TableFooterProps {
1309
1515
  columnVirtualizer?: MRT_ColumnVirtualizer;
@@ -1380,46 +1586,6 @@ interface Props$o<TData extends MRT_RowData> extends TableRowProps {
1380
1586
  }
1381
1587
  declare const MRT_TableHeadRow: <TData extends MRT_RowData>({ columnVirtualizer, headerGroup, table, ...rest }: Props$o<TData>) => react_jsx_runtime.JSX.Element;
1382
1588
 
1383
- declare const useMRT_ColumnVirtualizer: <TData extends MRT_RowData, TScrollElement extends Element | Window = HTMLDivElement, TItemElement extends Element = HTMLTableCellElement>(table: MRT_TableInstance<TData>) => MRT_ColumnVirtualizer | undefined;
1384
-
1385
- interface Params<TData extends MRT_RowData> {
1386
- columnOrder: MRT_ColumnOrderState;
1387
- creatingRow: MRT_Row<TData> | null;
1388
- grouping: MRT_GroupingState;
1389
- tableOptions: MRT_DefinedTableOptions<TData>;
1390
- }
1391
- declare const useMRT_DisplayColumns: <TData extends MRT_RowData>(params: Params<TData>) => MRT_ColumnDef<TData>[];
1392
-
1393
- declare const useMRT_Effects: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => void;
1394
-
1395
- declare const useMRT_RowVirtualizer: <TData extends MRT_RowData, TScrollElement extends Element | Window = HTMLDivElement, TItemElement extends Element = HTMLTableRowElement>(table: MRT_TableInstance<TData>, rows?: MRT_Row<TData>[] | undefined) => MRT_RowVirtualizer<TScrollElement, TItemElement> | undefined;
1396
-
1397
- declare const useMRT_Rows: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, pinnedRowIds?: string[]) => MRT_Row<TData>[];
1398
-
1399
- declare const useMRT_TableInstance: <TData extends MRT_RowData>(tableOptions: MRT_DefinedTableOptions<TData>) => MRT_TableInstance<TData>;
1400
-
1401
- declare const MRT_DefaultColumn: {
1402
- readonly filterVariant: "text";
1403
- readonly maxSize: 1000;
1404
- readonly minSize: 40;
1405
- readonly size: 180;
1406
- };
1407
- declare const MRT_DefaultDisplayColumn: {
1408
- readonly columnDefType: "display";
1409
- readonly enableClickToCopy: false;
1410
- readonly enableColumnActions: false;
1411
- readonly enableColumnDragging: false;
1412
- readonly enableColumnFilter: false;
1413
- readonly enableColumnOrdering: false;
1414
- readonly enableEditing: false;
1415
- readonly enableGlobalFilter: false;
1416
- readonly enableGrouping: false;
1417
- readonly enableHiding: false;
1418
- readonly enableResizing: false;
1419
- readonly enableSorting: false;
1420
- };
1421
- declare const useMRT_TableOptions: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_DefinedTableOptions<TData>;
1422
-
1423
1589
  interface Props$n<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
1424
1590
  cell: MRT_Cell<TData>;
1425
1591
  table: MRT_TableInstance<TData>;
@@ -1498,9 +1664,10 @@ interface Props$e<TData extends MRT_RowData> extends Partial<MenuProps> {
1498
1664
  handleEdit: (event: MouseEvent) => void;
1499
1665
  row: MRT_Row<TData>;
1500
1666
  setAnchorEl: (anchorEl: HTMLElement | null) => void;
1667
+ staticRowIndex?: number;
1501
1668
  table: MRT_TableInstance<TData>;
1502
1669
  }
1503
- declare const MRT_RowActionMenu: <TData extends MRT_RowData>({ anchorEl, handleEdit, row, setAnchorEl, table, ...rest }: Props$e<TData>) => react_jsx_runtime.JSX.Element;
1670
+ declare const MRT_RowActionMenu: <TData extends MRT_RowData>({ anchorEl, handleEdit, row, setAnchorEl, staticRowIndex, table, ...rest }: Props$e<TData>) => react_jsx_runtime.JSX.Element;
1504
1671
 
1505
1672
  interface Props$d<TData extends MRT_RowData> extends Partial<MenuProps> {
1506
1673
  anchorEl: HTMLElement | null;
@@ -1525,41 +1692,6 @@ interface Props$b<TData extends MRT_RowData> extends Partial<DialogProps> {
1525
1692
  }
1526
1693
  declare const MRT_EditRowModal: <TData extends MRT_RowData>({ open, table, ...rest }: Props$b<TData>) => react_jsx_runtime.JSX.Element;
1527
1694
 
1528
- declare const parseCSSVarId: (id: string) => string;
1529
- declare const getMRTTheme: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, theme: Theme) => {
1530
- baseBackgroundColor: string;
1531
- draggingBorderColor: string;
1532
- matchHighlightColor: string;
1533
- pinnedRowBackgroundColor: string;
1534
- selectedRowBackgroundColor: string;
1535
- };
1536
- declare const getCommonMRTCellStyles: <TData extends MRT_RowData>({ column, header, table, tableCellProps, theme, }: {
1537
- column: MRT_Column<TData>;
1538
- header?: MRT_Header<TData> | undefined;
1539
- table: MRT_TableInstance<TData>;
1540
- tableCellProps: TableCellProps;
1541
- theme: Theme;
1542
- }) => any;
1543
- declare const getCommonToolbarStyles: <TData extends MRT_RowData>({ table, theme, }: {
1544
- table: MRT_TableInstance<TData>;
1545
- theme: Theme;
1546
- }) => {
1547
- alignItems: string;
1548
- backgroundColor: string;
1549
- display: string;
1550
- flexWrap: string;
1551
- minHeight: string;
1552
- overflow: string;
1553
- position: string;
1554
- transition: string;
1555
- zIndex: number;
1556
- };
1557
- declare const flipIconStyles: (theme: Theme) => {
1558
- style: {
1559
- transform: string;
1560
- };
1561
- } | undefined;
1562
-
1563
1695
  interface Props$a<TData extends MRT_RowData> extends TableProps {
1564
1696
  table: MRT_TableInstance<TData>;
1565
1697
  }
@@ -1626,6 +1758,4 @@ interface Props<TData extends MRT_RowData> {
1626
1758
  }
1627
1759
  declare const MRT_TopToolbar: <TData extends MRT_RowData>({ table, }: Props<TData>) => react_jsx_runtime.JSX.Element;
1628
1760
 
1629
- declare const useMaterialReactTable: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_TableInstance<TData>;
1630
-
1631
- export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnFiltersState, type MRT_ColumnHelper, type MRT_ColumnOrderState, MRT_ColumnPinningButtons, type MRT_ColumnPinningState, type MRT_ColumnSizingInfoState, type MRT_ColumnSizingState, type MRT_ColumnVirtualizer, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, type MRT_ExpandedState, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_GroupingState, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_PaginationState, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, type MRT_RowSelectionState, type MRT_RowVirtualizer, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, type MRT_SortingState, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, type MRT_Theme, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, type MRT_Updater, type MRT_VirtualItem, type MRT_Virtualizer, type MRT_VirtualizerOptions, type MRT_VisibilityState, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, flipIconStyles, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, getValueAndLabel, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMRT_ColumnVirtualizer, useMRT_DisplayColumns, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };
1761
+ export { type DropdownOption, type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnFiltersState, type MRT_ColumnHelper, type MRT_ColumnOrderState, MRT_ColumnPinningButtons, type MRT_ColumnPinningState, type MRT_ColumnSizingInfoState, type MRT_ColumnSizingState, type MRT_ColumnVirtualizer, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, type MRT_ExpandedState, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_GroupingState, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_PaginationState, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, type MRT_RowSelectionState, type MRT_RowVirtualizer, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, type MRT_SortingState, type MRT_StatefulTableOptions, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, type MRT_Theme, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, type MRT_Updater, type MRT_VirtualItem, type MRT_Virtualizer, type MRT_VirtualizerOptions, type MRT_VisibilityState, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };