material-react-table 0.9.6 → 0.11.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 (109) hide show
  1. package/README.md +2 -0
  2. package/dist/MaterialReactTable.d.ts +145 -131
  3. package/dist/body/MRT_TableBody.d.ts +1 -1
  4. package/dist/body/MRT_TableBodyCell.d.ts +1 -1
  5. package/dist/body/MRT_TableBodyRow.d.ts +1 -1
  6. package/dist/body/MRT_TableDetailPanel.d.ts +1 -1
  7. package/dist/buttons/MRT_ColumnPinningButtons.d.ts +1 -1
  8. package/dist/buttons/MRT_CopyButton.d.ts +1 -1
  9. package/dist/buttons/MRT_EditActionButtons.d.ts +1 -1
  10. package/dist/buttons/MRT_ExpandAllButton.d.ts +1 -1
  11. package/dist/buttons/MRT_ExpandButton.d.ts +1 -1
  12. package/dist/buttons/MRT_FullScreenToggleButton.d.ts +1 -1
  13. package/dist/buttons/MRT_GrabHandleButton.d.ts +1 -1
  14. package/dist/buttons/MRT_ShowHideColumnsButton.d.ts +1 -1
  15. package/dist/buttons/MRT_ToggleColumnActionMenuButton.d.ts +1 -1
  16. package/dist/buttons/MRT_ToggleDensePaddingButton.d.ts +1 -1
  17. package/dist/buttons/MRT_ToggleFiltersButton.d.ts +1 -1
  18. package/dist/buttons/MRT_ToggleGlobalFilterButton.d.ts +1 -1
  19. package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts +1 -1
  20. package/dist/footer/MRT_TableFooter.d.ts +1 -1
  21. package/dist/footer/MRT_TableFooterCell.d.ts +1 -1
  22. package/dist/footer/MRT_TableFooterRow.d.ts +1 -1
  23. package/dist/head/MRT_DraggableTableHeadCell.d.ts +1 -1
  24. package/dist/head/MRT_TableHead.d.ts +1 -1
  25. package/dist/head/MRT_TableHeadCell.d.ts +1 -1
  26. package/dist/head/MRT_TableHeadCellFilterContainer.d.ts +1 -1
  27. package/dist/head/MRT_TableHeadCellFilterLabel.d.ts +1 -1
  28. package/dist/head/MRT_TableHeadCellResizeHandle.d.ts +1 -1
  29. package/dist/head/MRT_TableHeadCellSortLabel.d.ts +1 -1
  30. package/dist/head/MRT_TableHeadRow.d.ts +1 -1
  31. package/dist/inputs/MRT_EditCellTextField.d.ts +1 -1
  32. package/dist/inputs/MRT_FilterRangeFields.d.ts +1 -1
  33. package/dist/inputs/MRT_FilterTextField.d.ts +1 -1
  34. package/dist/inputs/MRT_SearchTextField.d.ts +1 -1
  35. package/dist/inputs/MRT_SelectCheckbox.d.ts +1 -1
  36. package/dist/material-react-table.cjs.development.js +565 -573
  37. package/dist/material-react-table.cjs.development.js.map +1 -1
  38. package/dist/material-react-table.cjs.production.min.js +1 -1
  39. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  40. package/dist/material-react-table.esm.js +565 -573
  41. package/dist/material-react-table.esm.js.map +1 -1
  42. package/dist/menus/MRT_ColumnActionMenu.d.ts +1 -1
  43. package/dist/menus/MRT_FilterOptionMenu.d.ts +1 -1
  44. package/dist/menus/MRT_RowActionMenu.d.ts +1 -1
  45. package/dist/menus/MRT_ShowHideColumnsMenu.d.ts +1 -1
  46. package/dist/menus/MRT_ShowHideColumnsMenuItems.d.ts +1 -1
  47. package/dist/table/MRT_Table.d.ts +1 -1
  48. package/dist/table/MRT_TableContainer.d.ts +1 -1
  49. package/dist/table/MRT_TablePaper.d.ts +2 -2
  50. package/dist/toolbar/MRT_LinearProgressBar.d.ts +1 -1
  51. package/dist/toolbar/MRT_TablePagination.d.ts +1 -1
  52. package/dist/toolbar/MRT_ToolbarAlertBanner.d.ts +1 -1
  53. package/dist/toolbar/MRT_ToolbarBottom.d.ts +1 -1
  54. package/dist/toolbar/MRT_ToolbarInternalButtons.d.ts +1 -1
  55. package/dist/toolbar/MRT_ToolbarTop.d.ts +1 -1
  56. package/dist/utils.d.ts +2 -2
  57. package/package.json +1 -1
  58. package/src/MaterialReactTable.tsx +175 -175
  59. package/src/body/MRT_TableBody.tsx +5 -8
  60. package/src/body/MRT_TableBodyCell.tsx +15 -19
  61. package/src/body/MRT_TableBodyRow.tsx +8 -8
  62. package/src/body/MRT_TableDetailPanel.tsx +13 -11
  63. package/src/buttons/MRT_ColumnPinningButtons.tsx +3 -6
  64. package/src/buttons/MRT_CopyButton.tsx +5 -9
  65. package/src/buttons/MRT_EditActionButtons.tsx +5 -5
  66. package/src/buttons/MRT_ExpandAllButton.tsx +3 -3
  67. package/src/buttons/MRT_ExpandButton.tsx +5 -5
  68. package/src/buttons/MRT_FullScreenToggleButton.tsx +6 -6
  69. package/src/buttons/MRT_GrabHandleButton.tsx +3 -3
  70. package/src/buttons/MRT_ShowHideColumnsButton.tsx +4 -7
  71. package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +6 -6
  72. package/src/buttons/MRT_ToggleDensePaddingButton.tsx +6 -6
  73. package/src/buttons/MRT_ToggleFiltersButton.tsx +6 -9
  74. package/src/buttons/MRT_ToggleGlobalFilterButton.tsx +7 -7
  75. package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +6 -9
  76. package/src/footer/MRT_TableFooter.tsx +5 -5
  77. package/src/footer/MRT_TableFooterCell.tsx +6 -6
  78. package/src/footer/MRT_TableFooterRow.tsx +5 -8
  79. package/src/head/MRT_DraggableTableHeadCell.tsx +4 -7
  80. package/src/head/MRT_TableHead.tsx +5 -5
  81. package/src/head/MRT_TableHeadCell.tsx +14 -22
  82. package/src/head/MRT_TableHeadCellFilterContainer.tsx +6 -7
  83. package/src/head/MRT_TableHeadCellFilterLabel.tsx +3 -3
  84. package/src/head/MRT_TableHeadCellResizeHandle.tsx +3 -3
  85. package/src/head/MRT_TableHeadCellSortLabel.tsx +3 -6
  86. package/src/head/MRT_TableHeadRow.tsx +6 -6
  87. package/src/inputs/MRT_EditCellTextField.tsx +12 -12
  88. package/src/inputs/MRT_FilterRangeFields.tsx +5 -13
  89. package/src/inputs/MRT_FilterTextField.tsx +10 -14
  90. package/src/inputs/MRT_SearchTextField.tsx +7 -7
  91. package/src/inputs/MRT_SelectCheckbox.tsx +14 -20
  92. package/src/menus/MRT_ColumnActionMenu.tsx +5 -5
  93. package/src/menus/MRT_FilterOptionMenu.tsx +33 -33
  94. package/src/menus/MRT_RowActionMenu.tsx +4 -4
  95. package/src/menus/MRT_ShowHideColumnsMenu.tsx +6 -6
  96. package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +9 -12
  97. package/src/table/MRT_Table.tsx +13 -8
  98. package/src/table/MRT_TableContainer.tsx +16 -12
  99. package/src/table/MRT_TablePaper.tsx +8 -14
  100. package/src/table/MRT_TableRoot.tsx +25 -30
  101. package/src/toolbar/MRT_LinearProgressBar.tsx +4 -7
  102. package/src/toolbar/MRT_TablePagination.tsx +4 -4
  103. package/src/toolbar/MRT_ToolbarAlertBanner.tsx +6 -8
  104. package/src/toolbar/MRT_ToolbarBottom.tsx +8 -8
  105. package/src/toolbar/MRT_ToolbarInternalButtons.tsx +10 -12
  106. package/src/toolbar/MRT_ToolbarTop.tsx +11 -10
  107. package/src/utils.ts +2 -2
  108. package/dist/enums.d.ts +0 -13
  109. package/src/enums.ts +0 -13
package/README.md CHANGED
@@ -29,6 +29,8 @@ Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the devel
29
29
 
30
30
  ### Features (All Features work and are MVP, but are still being polished)
31
31
 
32
+ _All features can be enabled/disabled easily_
33
+
32
34
  - [x] Click To Copy Cell Values
33
35
  - [x] Column Actions
34
36
  - [x] Column Grouping (Group By and Aggregates)
@@ -1,10 +1,9 @@
1
1
  import { ChangeEvent, Dispatch, FC, FocusEvent, MouseEvent, ReactNode, SetStateAction } from 'react';
2
2
  import { AlertProps, ButtonProps, CheckboxProps, IconButtonProps, LinearProgressProps, PaperProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
3
- import { Cell, Column, ColumnDef, FilterFn, FilterFnOption, Header, HeaderGroup, Overwrite, ReactTableGenerics, Row, TableGenerics, TableInstance, TableState, UseTableInstanceOptions, VisibilityState } from '@tanstack/react-table';
3
+ import { Cell, Column, ColumnDef, FilterFn, FilterFnOption, Header, HeaderGroup, OnChangeFn, Overwrite, ReactTableGenerics, Row, TableGenerics, TableInstance, TableState, UseTableInstanceOptions, VisibilityState } from '@tanstack/react-table';
4
4
  import { Options as VirtualizerOptions } from 'react-virtual';
5
5
  import { MRT_Localization } from './localization';
6
6
  import { MRT_Icons } from './icons';
7
- import { MRT_FILTER_OPTION } from './enums';
8
7
  export declare type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<Omit<UseTableInstanceOptions<ReactTableGenerics>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn' | 'filterFns'>> & {
9
8
  columns: MRT_ColumnDef<D>[];
10
9
  data: D[];
@@ -47,7 +46,7 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
47
46
  setCurrentFilterFns: Dispatch<SetStateAction<{
48
47
  [key: string]: MRT_FilterFn;
49
48
  }>>;
50
- setCurrentGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterFn<D>>>;
49
+ setCurrentGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterFn>>;
51
50
  setIsDensePadding: Dispatch<SetStateAction<boolean>>;
52
51
  setIsFullScreen: Dispatch<SetStateAction<boolean>>;
53
52
  setShowFilters: Dispatch<SetStateAction<boolean>>;
@@ -66,28 +65,32 @@ export declare type MRT_TableState<D extends Record<string, any> = {}> = TableSt
66
65
  showProgressBars: boolean;
67
66
  showSkeletons: boolean;
68
67
  };
69
- export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'accessorFN' | 'header' | 'footer' | 'columns' | 'filterFn'> & {
70
- Cell?: ({ cell, tableInstance, }: {
68
+ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'accessorFn' | 'aggregatedCell' | 'header' | 'footer' | 'columns' | 'filterFn' | 'cell'> & {
69
+ AggregatedCell?: ({ cell, instance, }: {
71
70
  cell: MRT_Cell<D>;
72
- tableInstance: MRT_TableInstance<D>;
71
+ instance: MRT_TableInstance<D>;
73
72
  }) => ReactNode;
74
- Edit?: ({ cell, tableInstance, }: {
73
+ Cell?: ({ cell, instance, }: {
75
74
  cell: MRT_Cell<D>;
76
- tableInstance: MRT_TableInstance<D>;
75
+ instance: MRT_TableInstance<D>;
77
76
  }) => ReactNode;
78
- Filter?: ({ header, tableInstance, }: {
77
+ Edit?: ({ cell, instance, }: {
78
+ cell: MRT_Cell<D>;
79
+ instance: MRT_TableInstance<D>;
80
+ }) => ReactNode;
81
+ Filter?: ({ header, instance, }: {
79
82
  header: MRT_Header<D>;
80
- tableInstance: MRT_TableInstance<D>;
83
+ instance: MRT_TableInstance<D>;
81
84
  }) => ReactNode;
82
- Footer?: ReactNode | (({ footer, tableInstance, }: {
85
+ Footer?: ReactNode | (({ footer, instance, }: {
83
86
  footer: MRT_Header<D>;
84
- tableInstance: MRT_TableInstance<D>;
87
+ instance: MRT_TableInstance<D>;
85
88
  }) => ReactNode);
86
- Header?: ReactNode | (({ header, tableInstance, }: {
89
+ Header?: ReactNode | (({ header, instance, }: {
87
90
  header: MRT_Header<D>;
88
- tableInstance: MRT_TableInstance<D>;
91
+ instance: MRT_TableInstance<D>;
89
92
  }) => ReactNode);
90
- accessorFN?: (row: D) => any;
93
+ accessorFn?: (row: D) => any;
91
94
  columns?: MRT_ColumnDef<D>[];
92
95
  enableClickToCopy?: boolean;
93
96
  enableColumnActions?: boolean;
@@ -102,45 +105,45 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
102
105
  footer?: string;
103
106
  header: string;
104
107
  id: keyof D | string;
105
- muiTableBodyCellCopyButtonProps?: ButtonProps | (({ tableInstance, cell, }: {
106
- tableInstance: MRT_TableInstance;
108
+ muiTableBodyCellCopyButtonProps?: ButtonProps | (({ instance, cell, }: {
109
+ instance: MRT_TableInstance;
107
110
  cell: MRT_Cell<D>;
108
111
  }) => ButtonProps);
109
- muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ tableInstance, cell, }: {
110
- tableInstance: MRT_TableInstance;
112
+ muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ instance, cell, }: {
113
+ instance: MRT_TableInstance;
111
114
  cell: MRT_Cell<D>;
112
115
  }) => TextFieldProps);
113
- muiTableBodyCellProps?: TableCellProps | (({ tableInstance, cell, }: {
114
- tableInstance: MRT_TableInstance;
116
+ muiTableBodyCellProps?: TableCellProps | (({ instance, cell, }: {
117
+ instance: MRT_TableInstance;
115
118
  cell: MRT_Cell<D>;
116
119
  }) => TableCellProps);
117
- muiTableFooterCellProps?: TableCellProps | (({ tableInstance, column, }: {
118
- tableInstance: MRT_TableInstance;
120
+ muiTableFooterCellProps?: TableCellProps | (({ instance, column, }: {
121
+ instance: MRT_TableInstance;
119
122
  column: MRT_Column<D>;
120
123
  }) => TableCellProps);
121
- muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ tableInstance, column, }: {
122
- tableInstance: MRT_TableInstance;
124
+ muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ instance, column, }: {
125
+ instance: MRT_TableInstance;
123
126
  column: MRT_Column<D>;
124
127
  }) => IconButtonProps);
125
- muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ tableInstance, column, }: {
126
- tableInstance: MRT_TableInstance;
128
+ muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ instance, column, }: {
129
+ instance: MRT_TableInstance;
127
130
  column: MRT_Column<D>;
128
131
  }) => TextFieldProps);
129
- muiTableHeadCellProps?: TableCellProps | (({ tableInstance, column, }: {
130
- tableInstance: MRT_TableInstance;
132
+ muiTableHeadCellProps?: TableCellProps | (({ instance, column, }: {
133
+ instance: MRT_TableInstance;
131
134
  column: MRT_Column<D>;
132
135
  }) => TableCellProps);
133
- onMrtCellEditBlur?: ({ cell, event, tableInstance, }: {
136
+ onHandleCellEditBlur?: ({ cell, event, instance, }: {
134
137
  event: FocusEvent<HTMLInputElement>;
135
138
  cell: MRT_Cell<D>;
136
- tableInstance: MRT_TableInstance<D>;
139
+ instance: MRT_TableInstance<D>;
137
140
  }) => void;
138
- onMrtCellEditChange?: ({ cell, event, tableInstance, }: {
141
+ onHandleCellEditChange?: ({ cell, event, instance, }: {
139
142
  event: ChangeEvent<HTMLInputElement>;
140
143
  cell: MRT_Cell<D>;
141
- tableInstance: MRT_TableInstance<D>;
144
+ instance: MRT_TableInstance<D>;
142
145
  }) => void;
143
- onMrtFilterValueChange?: ({ column, event, filterValue, }: {
146
+ onHandleFilterValueChange?: ({ column, event, filterValue, }: {
144
147
  column: MRT_Column<D>;
145
148
  event: ChangeEvent<HTMLInputElement>;
146
149
  filterValue: any;
@@ -169,7 +172,8 @@ export declare type MRT_Cell<D extends Record<string, any> = {}> = Omit<Cell<D>,
169
172
  column: MRT_Column<D>;
170
173
  row: MRT_Row<D>;
171
174
  };
172
- export declare type MRT_FilterFn<D extends Record<string, any> = {}> = FilterFn<TableGenerics> | FilterFnOption<D> | MRT_FILTER_OPTION | number | string | symbol;
175
+ export declare type MRT_FILTER_OPTION = 'between' | 'contains' | 'empty' | 'endsWith' | 'equals' | 'fuzzy' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'notEmpty' | 'notEquals' | 'startsWith' | FilterFnOption<TableGenerics>;
176
+ export declare type MRT_FilterFn = FilterFn<TableGenerics> | MRT_FILTER_OPTION | number | string | symbol;
173
177
  export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
174
178
  editingMode?: 'table' | 'row' | 'cell';
175
179
  enableClickToCopy?: boolean;
@@ -195,212 +199,222 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
195
199
  enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[];
196
200
  icons?: Partial<MRT_Icons>;
197
201
  localization?: Partial<MRT_Localization>;
198
- muiLinearProgressProps?: LinearProgressProps | (({ tableInstance, }: {
199
- tableInstance: MRT_TableInstance;
202
+ muiLinearProgressProps?: LinearProgressProps | (({ instance, }: {
203
+ instance: MRT_TableInstance;
200
204
  }) => LinearProgressProps);
201
- muiSearchTextFieldProps?: TextFieldProps | (({ tableInstance, }: {
202
- tableInstance: MRT_TableInstance;
205
+ muiSearchTextFieldProps?: TextFieldProps | (({ instance }: {
206
+ instance: MRT_TableInstance;
203
207
  }) => TextFieldProps);
204
- muiSelectCheckboxProps?: CheckboxProps | (({ tableInstance, isSelectAll, row, }: {
205
- tableInstance: MRT_TableInstance;
208
+ muiSelectCheckboxProps?: CheckboxProps | (({ instance, isSelectAll, row, }: {
209
+ instance: MRT_TableInstance;
206
210
  isSelectAll: boolean;
207
211
  row?: MRT_Row<D>;
208
212
  }) => CheckboxProps);
209
- muiTableBodyCellCopyButtonProps?: ButtonProps | (({ tableInstance, cell, }: {
210
- tableInstance: MRT_TableInstance;
213
+ muiTableBodyCellCopyButtonProps?: ButtonProps | (({ instance, cell, }: {
214
+ instance: MRT_TableInstance;
211
215
  cell: MRT_Cell<D>;
212
216
  }) => ButtonProps);
213
- muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ tableInstance, cell, }: {
214
- tableInstance: MRT_TableInstance;
217
+ muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ instance, cell, }: {
218
+ instance: MRT_TableInstance;
215
219
  cell: MRT_Cell<D>;
216
220
  }) => TextFieldProps);
217
- muiTableBodyCellProps?: TableCellProps | (({ tableInstance, cell, }: {
218
- tableInstance: MRT_TableInstance;
221
+ muiTableBodyCellProps?: TableCellProps | (({ instance, cell, }: {
222
+ instance: MRT_TableInstance;
219
223
  cell: MRT_Cell<D>;
220
224
  }) => TableCellProps);
221
- muiTableBodyCellSkeletonProps?: SkeletonProps | (({ tableInstance, cell, }: {
222
- tableInstance: MRT_TableInstance;
225
+ muiTableBodyCellSkeletonProps?: SkeletonProps | (({ instance, cell, }: {
226
+ instance: MRT_TableInstance;
223
227
  cell: MRT_Cell<D>;
224
228
  }) => SkeletonProps);
225
- muiTableBodyProps?: TableBodyProps | (({ tableInstance, }: {
226
- tableInstance: MRT_TableInstance;
229
+ muiTableBodyProps?: TableBodyProps | (({ instance }: {
230
+ instance: MRT_TableInstance;
227
231
  }) => TableBodyProps);
228
- muiTableBodyRowProps?: TableRowProps | (({ tableInstance, row, }: {
229
- tableInstance: MRT_TableInstance;
232
+ muiTableBodyRowProps?: TableRowProps | (({ instance, row, }: {
233
+ instance: MRT_TableInstance;
230
234
  row: MRT_Row<D>;
231
235
  }) => TableRowProps);
232
- muiTableContainerProps?: TableContainerProps | (({ tableInstance, }: {
233
- tableInstance: MRT_TableInstance;
236
+ muiTableContainerProps?: TableContainerProps | (({ instance, }: {
237
+ instance: MRT_TableInstance;
234
238
  }) => TableContainerProps);
235
- muiTableDetailPanelProps?: TableCellProps | (({ tableInstance, row, }: {
236
- tableInstance: MRT_TableInstance;
239
+ muiTableDetailPanelProps?: TableCellProps | (({ instance, row, }: {
240
+ instance: MRT_TableInstance;
237
241
  row: MRT_Row<D>;
238
242
  }) => TableCellProps);
239
- muiTableFooterCellProps?: TableCellProps | (({ tableInstance, column, }: {
240
- tableInstance: MRT_TableInstance;
243
+ muiTableFooterCellProps?: TableCellProps | (({ instance, column, }: {
244
+ instance: MRT_TableInstance;
241
245
  column: MRT_Column<D>;
242
246
  }) => TableCellProps);
243
- muiTableFooterProps?: TableFooterProps | (({ tableInstance, }: {
244
- tableInstance: MRT_TableInstance;
247
+ muiTableFooterProps?: TableFooterProps | (({ instance }: {
248
+ instance: MRT_TableInstance;
245
249
  }) => TableFooterProps);
246
- muiTableFooterRowProps?: TableRowProps | (({ tableInstance, footerGroup, }: {
247
- tableInstance: MRT_TableInstance;
250
+ muiTableFooterRowProps?: TableRowProps | (({ instance, footerGroup, }: {
251
+ instance: MRT_TableInstance;
248
252
  footerGroup: MRT_HeaderGroup<D>;
249
253
  }) => TableRowProps);
250
- muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ tableInstance, column, }: {
251
- tableInstance: MRT_TableInstance;
254
+ muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ instance, column, }: {
255
+ instance: MRT_TableInstance;
252
256
  column: MRT_Column<D>;
253
257
  }) => IconButtonProps);
254
- muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ tableInstance, column, }: {
255
- tableInstance: MRT_TableInstance;
258
+ muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ instance, column, }: {
259
+ instance: MRT_TableInstance;
256
260
  column: MRT_Column<D>;
257
261
  }) => TextFieldProps);
258
- muiTableHeadCellProps?: TableCellProps | (({ tableInstance, column, }: {
259
- tableInstance: MRT_TableInstance;
262
+ muiTableHeadCellProps?: TableCellProps | (({ instance, column, }: {
263
+ instance: MRT_TableInstance;
260
264
  column: MRT_Column<D>;
261
265
  }) => TableCellProps);
262
- muiTableHeadProps?: TableHeadProps | (({ tableInstance, }: {
263
- tableInstance: MRT_TableInstance;
266
+ muiTableHeadProps?: TableHeadProps | (({ instance }: {
267
+ instance: MRT_TableInstance;
264
268
  }) => TableHeadProps);
265
- muiTableHeadRowProps?: TableRowProps | (({ tableInstance, headerGroup, }: {
266
- tableInstance: MRT_TableInstance;
269
+ muiTableHeadRowProps?: TableRowProps | (({ instance, headerGroup, }: {
270
+ instance: MRT_TableInstance;
267
271
  headerGroup: MRT_HeaderGroup<D>;
268
272
  }) => TableRowProps);
269
- muiTablePaginationProps?: Partial<TablePaginationProps> | (({ tableInstance, }: {
270
- tableInstance: MRT_TableInstance;
273
+ muiTablePaginationProps?: Partial<TablePaginationProps> | (({ instance, }: {
274
+ instance: MRT_TableInstance;
271
275
  }) => Partial<TablePaginationProps>);
272
- muiTablePaperProps?: PaperProps | (({ tableInstance, }: {
273
- tableInstance: MRT_TableInstance;
276
+ muiTablePaperProps?: PaperProps | (({ instance }: {
277
+ instance: MRT_TableInstance;
274
278
  }) => PaperProps);
275
- muiTableProps?: TableProps | (({ tableInstance, }: {
276
- tableInstance: MRT_TableInstance;
279
+ muiTableProps?: TableProps | (({ instance }: {
280
+ instance: MRT_TableInstance;
277
281
  }) => TableProps);
278
- muiTableToolbarAlertBannerProps?: AlertProps | (({ tableInstance, }: {
279
- tableInstance: MRT_TableInstance;
282
+ muiTableToolbarAlertBannerProps?: AlertProps | (({ instance }: {
283
+ instance: MRT_TableInstance;
280
284
  }) => AlertProps);
281
- muiTableToolbarBottomProps?: ToolbarProps | (({ tableInstance, }: {
282
- tableInstance: MRT_TableInstance;
285
+ muiTableToolbarBottomProps?: ToolbarProps | (({ instance }: {
286
+ instance: MRT_TableInstance;
283
287
  }) => ToolbarProps);
284
- muiTableToolbarTopProps?: ToolbarProps | (({ tableInstance, }: {
285
- tableInstance: MRT_TableInstance;
288
+ muiTableToolbarTopProps?: ToolbarProps | (({ instance }: {
289
+ instance: MRT_TableInstance;
286
290
  }) => ToolbarProps);
287
- onMrtCellClick?: ({ cell, event, tableInstance, }: {
291
+ onCurrentEditingCellChange?: OnChangeFn<MRT_Cell>;
292
+ onCurrentEditingRowChange?: OnChangeFn<MRT_Row>;
293
+ onCurrentFilterFnsChange?: OnChangeFn<{
294
+ [key: string]: MRT_FilterFn;
295
+ }>;
296
+ onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterFn>;
297
+ onIsDensePaddingChange?: OnChangeFn<boolean>;
298
+ onIsFullScreenChange?: OnChangeFn<boolean>;
299
+ onHandleCellClick?: ({ cell, event, instance, }: {
288
300
  cell: MRT_Cell<D>;
289
- tableInstance: MRT_TableInstance<D>;
301
+ instance: MRT_TableInstance<D>;
290
302
  event: MouseEvent<HTMLTableCellElement>;
291
303
  }) => void;
292
- onMrtCellEditBlur?: ({ cell, event, tableInstance, }: {
304
+ onHandleCellEditBlur?: ({ cell, event, instance, }: {
293
305
  event: FocusEvent<HTMLInputElement>;
294
306
  cell: MRT_Cell<D>;
295
- tableInstance: MRT_TableInstance<D>;
307
+ instance: MRT_TableInstance<D>;
296
308
  }) => void;
297
- onMrtCellEditChange?: ({ cell, event, tableInstance, }: {
309
+ onHandleCellEditChange?: ({ cell, event, instance, }: {
298
310
  event: ChangeEvent<HTMLInputElement>;
299
311
  cell: MRT_Cell<D>;
300
- tableInstance: MRT_TableInstance<D>;
312
+ instance: MRT_TableInstance<D>;
301
313
  }) => void;
302
- onMrtDetailPanelClick?: ({ event, row, tableInstance, }: {
314
+ onHandleDetailPanelClick?: ({ event, row, instance, }: {
303
315
  event: MouseEvent<HTMLTableCellElement>;
304
316
  row: MRT_Row<D>;
305
- tableInstance: MRT_TableInstance<D>;
317
+ instance: MRT_TableInstance<D>;
306
318
  }) => void;
307
- onMrtEditRowSubmit?: ({ row, tableInstance, }: {
319
+ onHandleEditRowSubmit?: ({ row, instance, }: {
308
320
  row: MRT_Row<D>;
309
- tableInstance: MRT_TableInstance<D>;
321
+ instance: MRT_TableInstance<D>;
310
322
  }) => Promise<void> | void;
311
- onMrtFilterValueChange?: ({ column, event, filterValue, }: {
323
+ onHandleFilterValueChange?: ({ column, event, filterValue, }: {
312
324
  column: MRT_Column<D>;
313
325
  event: ChangeEvent<HTMLInputElement>;
314
326
  filterValue: any;
315
327
  }) => void;
316
- onMrtGlobalFilterValueChange?: ({ event, tableInstance, }: {
328
+ onHandleGlobalFilterValueChange?: ({ event, instance, }: {
317
329
  event: ChangeEvent<HTMLInputElement>;
318
- tableInstance: MRT_TableInstance<D>;
330
+ instance: MRT_TableInstance<D>;
319
331
  }) => void;
320
- onMrtRowClick?: ({ event, row, tableInstance, }: {
332
+ onHandleRowClick?: ({ event, row, instance, }: {
321
333
  event: MouseEvent<HTMLTableRowElement>;
322
334
  row: MRT_Row<D>;
323
- tableInstance: MRT_TableInstance<D>;
335
+ instance: MRT_TableInstance<D>;
324
336
  }) => void;
325
- onMrtRowExpandChange?: ({ event, row, }: {
337
+ onHandleRowExpandChange?: ({ event, row, }: {
326
338
  event: MouseEvent<HTMLButtonElement>;
327
339
  row: MRT_Row<D>;
328
- tableInstance: MRT_TableInstance<D>;
340
+ instance: MRT_TableInstance<D>;
329
341
  }) => void;
330
- onMrtSelectAllChange?: ({ event, selectedRows, tableInstance, }: {
342
+ onHandleSelectAllChange?: ({ event, selectedRows, instance, }: {
331
343
  event: ChangeEvent;
332
344
  selectedRows: MRT_Row<D>[];
333
- tableInstance: MRT_TableInstance<D>;
345
+ instance: MRT_TableInstance<D>;
334
346
  }) => void;
335
- onMrtSelectRowChange?: ({ event, row, selectedRows, tableInstance, }: {
347
+ onHandleSelectRowChange?: ({ event, row, selectedRows, instance, }: {
336
348
  event: ChangeEvent;
337
349
  row: MRT_Row<D>;
338
350
  selectedRows: MRT_Row<D>[];
339
- tableInstance: MRT_TableInstance<D>;
351
+ instance: MRT_TableInstance<D>;
340
352
  }) => void;
341
- onMrtToggleColumnVisibility?: ({ column, columnVisibility, tableInstance, }: {
353
+ onHandleToggleColumnVisibility?: ({ column, columnVisibility, instance, }: {
342
354
  column: MRT_Column<D>;
343
355
  columnVisibility: VisibilityState;
344
- tableInstance: MRT_TableInstance<D>;
356
+ instance: MRT_TableInstance<D>;
345
357
  }) => void;
346
- onMrtToggleDensePadding?: ({ event, isDensePadding, tableInstance, }: {
358
+ onHandleToggleDensePadding?: ({ event, isDensePadding, instance, }: {
347
359
  event: MouseEvent<HTMLButtonElement>;
348
360
  isDensePadding: boolean;
349
- tableInstance: MRT_TableInstance<D>;
361
+ instance: MRT_TableInstance<D>;
350
362
  }) => void;
351
- onMrtToggleFullScreen?: ({ event, isFullScreen, tableInstance, }: {
363
+ onHandleToggleFullScreen?: ({ event, isFullScreen, instance, }: {
352
364
  event: MouseEvent<HTMLButtonElement>;
353
365
  isFullScreen: boolean;
354
- tableInstance: MRT_TableInstance<D>;
366
+ instance: MRT_TableInstance<D>;
355
367
  }) => void;
356
- onMrtToggleShowFilters?: ({ event, showFilters, tableInstance, }: {
368
+ onHandleToggleShowFilters?: ({ event, showFilters, instance, }: {
357
369
  event: MouseEvent<HTMLButtonElement>;
358
370
  showFilters: boolean;
359
- tableInstance: MRT_TableInstance<D>;
371
+ instance: MRT_TableInstance<D>;
360
372
  }) => void;
361
- onMrtToggleShowGlobalFilter?: ({ event, showGlobalFilter, tableInstance, }: {
373
+ onHandleToggleShowGlobalFilter?: ({ event, showGlobalFilter, instance, }: {
362
374
  event: MouseEvent<HTMLButtonElement>;
363
375
  showGlobalFilter: boolean;
364
- tableInstance: MRT_TableInstance<D>;
376
+ instance: MRT_TableInstance<D>;
365
377
  }) => void;
378
+ onShowFiltersChange?: OnChangeFn<boolean>;
379
+ onShowGlobalFilterChange?: OnChangeFn<boolean>;
366
380
  persistentStateMode?: 'localStorage' | 'sessionStorage';
367
381
  positionActionsColumn?: 'first' | 'last';
368
382
  positionPagination?: 'bottom' | 'top' | 'both';
369
383
  positionGlobalFilter?: 'left' | 'right';
370
384
  positionToolbarActions?: 'bottom' | 'top';
371
385
  positionToolbarAlertBanner?: 'bottom' | 'top';
372
- renderDetailPanel?: ({ row, tableInstance, }: {
386
+ renderDetailPanel?: ({ row, instance, }: {
373
387
  row: MRT_Row<D>;
374
- tableInstance: MRT_TableInstance<D>;
388
+ instance: MRT_TableInstance<D>;
375
389
  }) => ReactNode;
376
- renderRowActionMenuItems?: ({ closeMenu, row, tableInstance, }: {
390
+ renderRowActionMenuItems?: ({ closeMenu, row, instance, }: {
377
391
  closeMenu: () => void;
378
392
  row: MRT_Row<D>;
379
- tableInstance: MRT_TableInstance<D>;
393
+ instance: MRT_TableInstance<D>;
380
394
  }) => ReactNode[];
381
- renderRowActions?: ({ row, tableInstance, }: {
395
+ renderRowActions?: ({ row, instance, }: {
382
396
  row: MRT_Row<D>;
383
- tableInstance: MRT_TableInstance<D>;
397
+ instance: MRT_TableInstance<D>;
384
398
  }) => ReactNode;
385
- renderToolbarCustomActions?: ({ tableInstance, }: {
386
- tableInstance: MRT_TableInstance<D>;
399
+ renderToolbarCustomActions?: ({ instance, }: {
400
+ instance: MRT_TableInstance<D>;
387
401
  }) => ReactNode;
388
- renderToolbarInternalActions?: ({ tableInstance, MRT_ToggleGlobalFilterButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
389
- tableInstance: MRT_TableInstance<D>;
402
+ renderToolbarInternalActions?: ({ instance, MRT_ToggleGlobalFilterButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
403
+ instance: MRT_TableInstance<D>;
390
404
  MRT_ToggleGlobalFilterButton: FC<IconButtonProps & {
391
- tableInstance: MRT_TableInstance<D>;
405
+ instance: MRT_TableInstance<D>;
392
406
  }>;
393
407
  MRT_ToggleFiltersButton: FC<IconButtonProps & {
394
- tableInstance: MRT_TableInstance<D>;
408
+ instance: MRT_TableInstance<D>;
395
409
  }>;
396
410
  MRT_ShowHideColumnsButton: FC<IconButtonProps & {
397
- tableInstance: MRT_TableInstance<D>;
411
+ instance: MRT_TableInstance<D>;
398
412
  }>;
399
413
  MRT_ToggleDensePaddingButton: FC<IconButtonProps & {
400
- tableInstance: MRT_TableInstance<D>;
414
+ instance: MRT_TableInstance<D>;
401
415
  }>;
402
416
  MRT_FullScreenToggleButton: FC<IconButtonProps & {
403
- tableInstance: MRT_TableInstance<D>;
417
+ instance: MRT_TableInstance<D>;
404
418
  }>;
405
419
  }) => ReactNode;
406
420
  rowNumberMode?: 'original' | 'static';
@@ -1,7 +1,7 @@
1
1
  import { FC, RefObject } from 'react';
2
2
  import type { MRT_TableInstance } from '..';
3
3
  interface Props {
4
- tableInstance: MRT_TableInstance;
4
+ instance: MRT_TableInstance;
5
5
  tableContainerRef: RefObject<HTMLDivElement>;
6
6
  }
7
7
  export declare const MRT_TableBody: FC<Props>;
@@ -4,7 +4,7 @@ interface Props {
4
4
  cell: MRT_Cell;
5
5
  enableHover?: boolean;
6
6
  rowIndex: number;
7
- tableInstance: MRT_TableInstance;
7
+ instance: MRT_TableInstance;
8
8
  }
9
9
  export declare const MRT_TableBodyCell: FC<Props>;
10
10
  export {};
@@ -3,7 +3,7 @@ import type { MRT_Row, MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
5
  rowIndex: number;
6
- tableInstance: MRT_TableInstance;
6
+ instance: MRT_TableInstance;
7
7
  }
8
8
  export declare const MRT_TableBodyRow: FC<Props>;
9
9
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import type { MRT_Row, MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_TableDetailPanel: FC<Props>;
8
8
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import type { MRT_Column, MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  column: MRT_Column;
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_ColumnPinningButtons: FC<Props>;
8
8
  export {};
@@ -3,7 +3,7 @@ import { MRT_Cell, MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  cell: MRT_Cell;
5
5
  children: ReactNode;
6
- tableInstance: MRT_TableInstance;
6
+ instance: MRT_TableInstance;
7
7
  }
8
8
  export declare const MRT_CopyButton: FC<Props>;
9
9
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import type { MRT_Row, MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_EditActionButtons: FC<Props>;
8
8
  export {};
@@ -1,7 +1,7 @@
1
1
  import { FC } from 'react';
2
2
  import { MRT_TableInstance } from '..';
3
3
  interface Props {
4
- tableInstance: MRT_TableInstance;
4
+ instance: MRT_TableInstance;
5
5
  }
6
6
  export declare const MRT_ExpandAllButton: FC<Props>;
7
7
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import type { MRT_Row, MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_ExpandButton: FC<Props>;
8
8
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import { IconButtonProps } from '@mui/material';
3
3
  import { MRT_TableInstance } from '..';
4
4
  interface Props extends IconButtonProps {
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_FullScreenToggleButton: FC<Props>;
8
8
  export {};
@@ -2,7 +2,7 @@ import { FC, Ref } from 'react';
2
2
  import { MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  ref: Ref<HTMLButtonElement>;
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_GrabHandleButton: FC<Props>;
8
8
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import { IconButtonProps } from '@mui/material';
3
3
  import { MRT_TableInstance } from '..';
4
4
  interface Props extends IconButtonProps {
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_ShowHideColumnsButton: FC<Props>;
8
8
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import type { MRT_Header, MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  header: MRT_Header;
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_ToggleColumnActionMenuButton: FC<Props>;
8
8
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import { IconButtonProps } from '@mui/material';
3
3
  import { MRT_TableInstance } from '..';
4
4
  interface Props extends IconButtonProps {
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_ToggleDensePaddingButton: FC<Props>;
8
8
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import { IconButtonProps } from '@mui/material';
3
3
  import { MRT_TableInstance } from '..';
4
4
  interface Props extends IconButtonProps {
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_ToggleFiltersButton: FC<Props>;
8
8
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import { IconButtonProps } from '@mui/material';
3
3
  import { MRT_TableInstance } from '..';
4
4
  interface Props extends IconButtonProps {
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_ToggleGlobalFilterButton: FC<Props>;
8
8
  export {};
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import type { MRT_Row, MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  row: MRT_Row;
5
- tableInstance: MRT_TableInstance;
5
+ instance: MRT_TableInstance;
6
6
  }
7
7
  export declare const MRT_ToggleRowActionMenuButton: FC<Props>;
8
8
  export {};