material-react-table 0.9.7 → 0.12.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 (110) hide show
  1. package/dist/MaterialReactTable.d.ts +176 -158
  2. package/dist/body/MRT_TableBody.d.ts +1 -1
  3. package/dist/body/MRT_TableBodyCell.d.ts +1 -1
  4. package/dist/body/MRT_TableBodyRow.d.ts +1 -1
  5. package/dist/body/MRT_TableDetailPanel.d.ts +1 -1
  6. package/dist/buttons/MRT_ColumnPinningButtons.d.ts +1 -1
  7. package/dist/buttons/MRT_CopyButton.d.ts +1 -1
  8. package/dist/buttons/MRT_EditActionButtons.d.ts +1 -1
  9. package/dist/buttons/MRT_ExpandAllButton.d.ts +1 -1
  10. package/dist/buttons/MRT_ExpandButton.d.ts +1 -1
  11. package/dist/buttons/MRT_FullScreenToggleButton.d.ts +1 -1
  12. package/dist/buttons/MRT_GrabHandleButton.d.ts +1 -1
  13. package/dist/buttons/MRT_ShowHideColumnsButton.d.ts +1 -1
  14. package/dist/buttons/MRT_ToggleColumnActionMenuButton.d.ts +1 -1
  15. package/dist/buttons/MRT_ToggleDensePaddingButton.d.ts +1 -1
  16. package/dist/buttons/MRT_ToggleFiltersButton.d.ts +1 -1
  17. package/dist/buttons/MRT_ToggleGlobalFilterButton.d.ts +1 -1
  18. package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts +1 -1
  19. package/dist/filtersFNs.d.ts +2 -2
  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 +607 -577
  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 +607 -577
  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 +1 -1
  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 +227 -211
  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 -12
  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/filtersFNs.ts +2 -2
  77. package/src/footer/MRT_TableFooter.tsx +5 -5
  78. package/src/footer/MRT_TableFooterCell.tsx +6 -6
  79. package/src/footer/MRT_TableFooterRow.tsx +5 -8
  80. package/src/head/MRT_DraggableTableHeadCell.tsx +4 -7
  81. package/src/head/MRT_TableHead.tsx +5 -5
  82. package/src/head/MRT_TableHeadCell.tsx +14 -22
  83. package/src/head/MRT_TableHeadCellFilterContainer.tsx +6 -7
  84. package/src/head/MRT_TableHeadCellFilterLabel.tsx +3 -3
  85. package/src/head/MRT_TableHeadCellResizeHandle.tsx +3 -3
  86. package/src/head/MRT_TableHeadCellSortLabel.tsx +3 -6
  87. package/src/head/MRT_TableHeadRow.tsx +6 -6
  88. package/src/inputs/MRT_EditCellTextField.tsx +12 -12
  89. package/src/inputs/MRT_FilterRangeFields.tsx +5 -13
  90. package/src/inputs/MRT_FilterTextField.tsx +82 -53
  91. package/src/inputs/MRT_SearchTextField.tsx +17 -13
  92. package/src/inputs/MRT_SelectCheckbox.tsx +14 -20
  93. package/src/menus/MRT_ColumnActionMenu.tsx +5 -5
  94. package/src/menus/MRT_FilterOptionMenu.tsx +43 -36
  95. package/src/menus/MRT_RowActionMenu.tsx +4 -4
  96. package/src/menus/MRT_ShowHideColumnsMenu.tsx +6 -6
  97. package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +9 -12
  98. package/src/table/MRT_Table.tsx +7 -7
  99. package/src/table/MRT_TableContainer.tsx +5 -8
  100. package/src/table/MRT_TablePaper.tsx +7 -9
  101. package/src/table/MRT_TableRoot.tsx +13 -21
  102. package/src/toolbar/MRT_LinearProgressBar.tsx +4 -7
  103. package/src/toolbar/MRT_TablePagination.tsx +4 -4
  104. package/src/toolbar/MRT_ToolbarAlertBanner.tsx +6 -8
  105. package/src/toolbar/MRT_ToolbarBottom.tsx +8 -8
  106. package/src/toolbar/MRT_ToolbarInternalButtons.tsx +10 -12
  107. package/src/toolbar/MRT_ToolbarTop.tsx +10 -10
  108. package/src/utils.ts +2 -2
  109. package/dist/enums.d.ts +0 -13
  110. package/src/enums.ts +0 -13
@@ -4,7 +4,6 @@ import { Cell, Column, ColumnDef, FilterFn, FilterFnOption, Header, HeaderGroup,
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,34 +65,38 @@ 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;
94
97
  enableColumnOrdering?: boolean;
95
98
  enableEditing?: boolean;
96
- enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
99
+ enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
97
100
  filterFn?: MRT_FilterFn;
98
101
  filterSelectOptions?: (string | {
99
102
  text: string;
@@ -102,51 +105,56 @@ 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
+ onCellEditBlur?: ({ 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
+ onCellEditChanged?: ({ cell, event, instance, }: {
139
142
  event: ChangeEvent<HTMLInputElement>;
140
143
  cell: MRT_Cell<D>;
141
- tableInstance: MRT_TableInstance<D>;
144
+ instance: MRT_TableInstance<D>;
145
+ }) => void;
146
+ onColumnFilterValueChanged?: ({ column, event, filterValue, }: {
147
+ column: MRT_Column<D>;
148
+ event: ChangeEvent<HTMLInputElement>;
149
+ filterValue: any;
142
150
  }) => void;
143
- onMrtFilterValueChange?: ({ column, event, filterValue, }: {
151
+ onColumnFilterValueChangedDebounced?: ({ column, event, filterValue, }: {
144
152
  column: MRT_Column<D>;
145
153
  event: ChangeEvent<HTMLInputElement>;
146
154
  filterValue: any;
147
155
  }) => void;
148
156
  };
149
- export declare type MRT_Column<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns'> & {
157
+ export declare type MRT_Column<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns' | 'columnDef'> & {
150
158
  columns?: MRT_Column<D>[];
151
159
  columnDef: MRT_ColumnDef<D>;
152
160
  header: string;
@@ -169,7 +177,8 @@ export declare type MRT_Cell<D extends Record<string, any> = {}> = Omit<Cell<D>,
169
177
  column: MRT_Column<D>;
170
178
  row: MRT_Row<D>;
171
179
  };
172
- export declare type MRT_FilterFn<D extends Record<string, any> = {}> = FilterFn<TableGenerics> | FilterFnOption<D> | MRT_FILTER_OPTION | number | string | symbol;
180
+ export declare type MRT_FILTER_OPTION = 'between' | 'contains' | 'empty' | 'endsWith' | 'equals' | 'fuzzy' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'notEmpty' | 'notEquals' | 'startsWith' | FilterFnOption<TableGenerics>;
181
+ export declare type MRT_FilterFn = FilterFn<TableGenerics> | MRT_FILTER_OPTION | number | string | symbol;
173
182
  export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
174
183
  editingMode?: 'table' | 'row' | 'cell';
175
184
  enableClickToCopy?: boolean;
@@ -191,226 +200,235 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
191
200
  enableToolbarBottom?: boolean;
192
201
  enableToolbarInternalActions?: boolean;
193
202
  enableToolbarTop?: boolean;
194
- enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
195
- enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[];
203
+ enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
204
+ enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
196
205
  icons?: Partial<MRT_Icons>;
197
206
  localization?: Partial<MRT_Localization>;
198
- muiLinearProgressProps?: LinearProgressProps | (({ tableInstance, }: {
199
- tableInstance: MRT_TableInstance;
207
+ muiLinearProgressProps?: LinearProgressProps | (({ instance, }: {
208
+ instance: MRT_TableInstance;
200
209
  }) => LinearProgressProps);
201
- muiSearchTextFieldProps?: TextFieldProps | (({ tableInstance, }: {
202
- tableInstance: MRT_TableInstance;
210
+ muiSearchTextFieldProps?: TextFieldProps | (({ instance }: {
211
+ instance: MRT_TableInstance;
203
212
  }) => TextFieldProps);
204
- muiSelectCheckboxProps?: CheckboxProps | (({ tableInstance, isSelectAll, row, }: {
205
- tableInstance: MRT_TableInstance;
213
+ muiSelectCheckboxProps?: CheckboxProps | (({ instance, isSelectAll, row, }: {
214
+ instance: MRT_TableInstance;
206
215
  isSelectAll: boolean;
207
216
  row?: MRT_Row<D>;
208
217
  }) => CheckboxProps);
209
- muiTableBodyCellCopyButtonProps?: ButtonProps | (({ tableInstance, cell, }: {
210
- tableInstance: MRT_TableInstance;
218
+ muiTableBodyCellCopyButtonProps?: ButtonProps | (({ instance, cell, }: {
219
+ instance: MRT_TableInstance;
211
220
  cell: MRT_Cell<D>;
212
221
  }) => ButtonProps);
213
- muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ tableInstance, cell, }: {
214
- tableInstance: MRT_TableInstance;
222
+ muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ instance, cell, }: {
223
+ instance: MRT_TableInstance;
215
224
  cell: MRT_Cell<D>;
216
225
  }) => TextFieldProps);
217
- muiTableBodyCellProps?: TableCellProps | (({ tableInstance, cell, }: {
218
- tableInstance: MRT_TableInstance;
226
+ muiTableBodyCellProps?: TableCellProps | (({ instance, cell, }: {
227
+ instance: MRT_TableInstance;
219
228
  cell: MRT_Cell<D>;
220
229
  }) => TableCellProps);
221
- muiTableBodyCellSkeletonProps?: SkeletonProps | (({ tableInstance, cell, }: {
222
- tableInstance: MRT_TableInstance;
230
+ muiTableBodyCellSkeletonProps?: SkeletonProps | (({ instance, cell, }: {
231
+ instance: MRT_TableInstance;
223
232
  cell: MRT_Cell<D>;
224
233
  }) => SkeletonProps);
225
- muiTableBodyProps?: TableBodyProps | (({ tableInstance, }: {
226
- tableInstance: MRT_TableInstance;
234
+ muiTableBodyProps?: TableBodyProps | (({ instance }: {
235
+ instance: MRT_TableInstance;
227
236
  }) => TableBodyProps);
228
- muiTableBodyRowProps?: TableRowProps | (({ tableInstance, row, }: {
229
- tableInstance: MRT_TableInstance;
237
+ muiTableBodyRowProps?: TableRowProps | (({ instance, row, }: {
238
+ instance: MRT_TableInstance;
230
239
  row: MRT_Row<D>;
231
240
  }) => TableRowProps);
232
- muiTableContainerProps?: TableContainerProps | (({ tableInstance, }: {
233
- tableInstance: MRT_TableInstance;
241
+ muiTableContainerProps?: TableContainerProps | (({ instance, }: {
242
+ instance: MRT_TableInstance;
234
243
  }) => TableContainerProps);
235
- muiTableDetailPanelProps?: TableCellProps | (({ tableInstance, row, }: {
236
- tableInstance: MRT_TableInstance;
244
+ muiTableDetailPanelProps?: TableCellProps | (({ instance, row, }: {
245
+ instance: MRT_TableInstance;
237
246
  row: MRT_Row<D>;
238
247
  }) => TableCellProps);
239
- muiTableFooterCellProps?: TableCellProps | (({ tableInstance, column, }: {
240
- tableInstance: MRT_TableInstance;
248
+ muiTableFooterCellProps?: TableCellProps | (({ instance, column, }: {
249
+ instance: MRT_TableInstance;
241
250
  column: MRT_Column<D>;
242
251
  }) => TableCellProps);
243
- muiTableFooterProps?: TableFooterProps | (({ tableInstance, }: {
244
- tableInstance: MRT_TableInstance;
252
+ muiTableFooterProps?: TableFooterProps | (({ instance }: {
253
+ instance: MRT_TableInstance;
245
254
  }) => TableFooterProps);
246
- muiTableFooterRowProps?: TableRowProps | (({ tableInstance, footerGroup, }: {
247
- tableInstance: MRT_TableInstance;
255
+ muiTableFooterRowProps?: TableRowProps | (({ instance, footerGroup, }: {
256
+ instance: MRT_TableInstance;
248
257
  footerGroup: MRT_HeaderGroup<D>;
249
258
  }) => TableRowProps);
250
- muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ tableInstance, column, }: {
251
- tableInstance: MRT_TableInstance;
259
+ muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ instance, column, }: {
260
+ instance: MRT_TableInstance;
252
261
  column: MRT_Column<D>;
253
262
  }) => IconButtonProps);
254
- muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ tableInstance, column, }: {
255
- tableInstance: MRT_TableInstance;
263
+ muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ instance, column, }: {
264
+ instance: MRT_TableInstance;
256
265
  column: MRT_Column<D>;
257
266
  }) => TextFieldProps);
258
- muiTableHeadCellProps?: TableCellProps | (({ tableInstance, column, }: {
259
- tableInstance: MRT_TableInstance;
267
+ muiTableHeadCellProps?: TableCellProps | (({ instance, column, }: {
268
+ instance: MRT_TableInstance;
260
269
  column: MRT_Column<D>;
261
270
  }) => TableCellProps);
262
- muiTableHeadProps?: TableHeadProps | (({ tableInstance, }: {
263
- tableInstance: MRT_TableInstance;
271
+ muiTableHeadProps?: TableHeadProps | (({ instance }: {
272
+ instance: MRT_TableInstance;
264
273
  }) => TableHeadProps);
265
- muiTableHeadRowProps?: TableRowProps | (({ tableInstance, headerGroup, }: {
266
- tableInstance: MRT_TableInstance;
274
+ muiTableHeadRowProps?: TableRowProps | (({ instance, headerGroup, }: {
275
+ instance: MRT_TableInstance;
267
276
  headerGroup: MRT_HeaderGroup<D>;
268
277
  }) => TableRowProps);
269
- muiTablePaginationProps?: Partial<TablePaginationProps> | (({ tableInstance, }: {
270
- tableInstance: MRT_TableInstance;
278
+ muiTablePaginationProps?: Partial<TablePaginationProps> | (({ instance, }: {
279
+ instance: MRT_TableInstance;
271
280
  }) => Partial<TablePaginationProps>);
272
- muiTablePaperProps?: PaperProps | (({ tableInstance, }: {
273
- tableInstance: MRT_TableInstance;
281
+ muiTablePaperProps?: PaperProps | (({ instance }: {
282
+ instance: MRT_TableInstance;
274
283
  }) => PaperProps);
275
- muiTableProps?: TableProps | (({ tableInstance, }: {
276
- tableInstance: MRT_TableInstance;
284
+ muiTableProps?: TableProps | (({ instance }: {
285
+ instance: MRT_TableInstance;
277
286
  }) => TableProps);
278
- muiTableToolbarAlertBannerProps?: AlertProps | (({ tableInstance, }: {
279
- tableInstance: MRT_TableInstance;
287
+ muiTableToolbarAlertBannerProps?: AlertProps | (({ instance }: {
288
+ instance: MRT_TableInstance;
280
289
  }) => AlertProps);
281
- muiTableToolbarBottomProps?: ToolbarProps | (({ tableInstance, }: {
282
- tableInstance: MRT_TableInstance;
290
+ muiTableToolbarBottomProps?: ToolbarProps | (({ instance }: {
291
+ instance: MRT_TableInstance;
283
292
  }) => ToolbarProps);
284
- muiTableToolbarTopProps?: ToolbarProps | (({ tableInstance, }: {
285
- tableInstance: MRT_TableInstance;
293
+ muiTableToolbarTopProps?: ToolbarProps | (({ instance }: {
294
+ instance: MRT_TableInstance;
286
295
  }) => ToolbarProps);
287
- onCurrentEditingCellChange?: OnChangeFn<MRT_Cell>;
288
- onCurrentEditingRowChange?: OnChangeFn<MRT_Row>;
289
- onCurrentFilterFnsChange?: OnChangeFn<{
290
- [key: string]: MRT_FilterFn<D>;
291
- }>;
292
- onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterFn<D>>;
293
- onIsDensePaddingChange?: OnChangeFn<boolean>;
294
- onIsFullScreenChange?: OnChangeFn<boolean>;
295
- onMrtCellClick?: ({ cell, event, tableInstance, }: {
296
+ onCellClick?: ({ cell, event, instance, }: {
296
297
  cell: MRT_Cell<D>;
297
- tableInstance: MRT_TableInstance<D>;
298
+ instance: MRT_TableInstance<D>;
298
299
  event: MouseEvent<HTMLTableCellElement>;
299
300
  }) => void;
300
- onMrtCellEditBlur?: ({ cell, event, tableInstance, }: {
301
+ onCellEditBlur?: ({ cell, event, instance, }: {
301
302
  event: FocusEvent<HTMLInputElement>;
302
303
  cell: MRT_Cell<D>;
303
- tableInstance: MRT_TableInstance<D>;
304
+ instance: MRT_TableInstance<D>;
304
305
  }) => void;
305
- onMrtCellEditChange?: ({ cell, event, tableInstance, }: {
306
+ onCellEditChanged?: ({ cell, event, instance, }: {
306
307
  event: ChangeEvent<HTMLInputElement>;
307
308
  cell: MRT_Cell<D>;
308
- tableInstance: MRT_TableInstance<D>;
309
+ instance: MRT_TableInstance<D>;
309
310
  }) => void;
310
- onMrtDetailPanelClick?: ({ event, row, tableInstance, }: {
311
+ onColumnFilterValueChanged?: ({ column, event, filterValue, }: {
312
+ column: MRT_Column<D>;
313
+ event: ChangeEvent<HTMLInputElement>;
314
+ filterValue: any;
315
+ }) => void;
316
+ onColumnFilterValueChangedDebounced?: ({ column, event, filterValue, }: {
317
+ column: MRT_Column<D>;
318
+ event: ChangeEvent<HTMLInputElement>;
319
+ filterValue: any;
320
+ }) => void;
321
+ onColumnVisibilityChanged?: ({ column, columnVisibility, instance, }: {
322
+ column: MRT_Column<D>;
323
+ columnVisibility: VisibilityState;
324
+ instance: MRT_TableInstance<D>;
325
+ }) => void;
326
+ onCurrentEditingCellChange?: OnChangeFn<MRT_Cell>;
327
+ onCurrentEditingRowChange?: OnChangeFn<MRT_Row>;
328
+ onCurrentFilterFnsChange?: OnChangeFn<{
329
+ [key: string]: MRT_FilterFn;
330
+ }>;
331
+ onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterFn>;
332
+ onDetailPanelClick?: ({ event, row, instance, }: {
311
333
  event: MouseEvent<HTMLTableCellElement>;
312
334
  row: MRT_Row<D>;
313
- tableInstance: MRT_TableInstance<D>;
335
+ instance: MRT_TableInstance<D>;
314
336
  }) => void;
315
- onMrtEditRowSubmit?: ({ row, tableInstance, }: {
337
+ onEditRowSubmit?: ({ row, instance, }: {
316
338
  row: MRT_Row<D>;
317
- tableInstance: MRT_TableInstance<D>;
339
+ instance: MRT_TableInstance<D>;
318
340
  }) => Promise<void> | void;
319
- onMrtFilterValueChange?: ({ column, event, filterValue, }: {
320
- column: MRT_Column<D>;
341
+ onExpandChanged?: ({ event, row, }: {
342
+ event: MouseEvent<HTMLButtonElement>;
343
+ row: MRT_Row<D>;
344
+ instance: MRT_TableInstance<D>;
345
+ }) => void;
346
+ onGlobalFilterValueChanged?: ({ event, instance, }: {
321
347
  event: ChangeEvent<HTMLInputElement>;
322
- filterValue: any;
348
+ instance: MRT_TableInstance<D>;
323
349
  }) => void;
324
- onMrtGlobalFilterValueChange?: ({ event, tableInstance, }: {
350
+ onGlobalFilterValueChangedDebounced?: ({ event, instance, }: {
325
351
  event: ChangeEvent<HTMLInputElement>;
326
- tableInstance: MRT_TableInstance<D>;
352
+ instance: MRT_TableInstance<D>;
327
353
  }) => void;
328
- onMrtRowClick?: ({ event, row, tableInstance, }: {
329
- event: MouseEvent<HTMLTableRowElement>;
330
- row: MRT_Row<D>;
331
- tableInstance: MRT_TableInstance<D>;
354
+ onIsDensePaddingChange?: OnChangeFn<boolean>;
355
+ onIsDensePaddingChanged?: ({ event, isDensePadding, instance, }: {
356
+ event: MouseEvent<HTMLButtonElement>;
357
+ isDensePadding: boolean;
358
+ instance: MRT_TableInstance<D>;
332
359
  }) => void;
333
- onMrtRowExpandChange?: ({ event, row, }: {
360
+ onIsFullScreenChange?: OnChangeFn<boolean>;
361
+ onIsFullScreenChanged?: ({ event, isFullScreen, instance, }: {
334
362
  event: MouseEvent<HTMLButtonElement>;
363
+ isFullScreen: boolean;
364
+ instance: MRT_TableInstance<D>;
365
+ }) => void;
366
+ onRowClick?: ({ event, row, instance, }: {
367
+ event: MouseEvent<HTMLTableRowElement>;
335
368
  row: MRT_Row<D>;
336
- tableInstance: MRT_TableInstance<D>;
369
+ instance: MRT_TableInstance<D>;
337
370
  }) => void;
338
- onMrtSelectAllChange?: ({ event, selectedRows, tableInstance, }: {
371
+ onRowSelectAllChanged?: ({ event, selectedRows, instance, }: {
339
372
  event: ChangeEvent;
340
373
  selectedRows: MRT_Row<D>[];
341
- tableInstance: MRT_TableInstance<D>;
374
+ instance: MRT_TableInstance<D>;
342
375
  }) => void;
343
- onMrtSelectRowChange?: ({ event, row, selectedRows, tableInstance, }: {
376
+ onRowSelectionChanged?: ({ event, row, selectedRows, instance, }: {
344
377
  event: ChangeEvent;
345
378
  row: MRT_Row<D>;
346
379
  selectedRows: MRT_Row<D>[];
347
- tableInstance: MRT_TableInstance<D>;
348
- }) => void;
349
- onMrtToggleColumnVisibility?: ({ column, columnVisibility, tableInstance, }: {
350
- column: MRT_Column<D>;
351
- columnVisibility: VisibilityState;
352
- tableInstance: MRT_TableInstance<D>;
353
- }) => void;
354
- onMrtToggleDensePadding?: ({ event, isDensePadding, tableInstance, }: {
355
- event: MouseEvent<HTMLButtonElement>;
356
- isDensePadding: boolean;
357
- tableInstance: MRT_TableInstance<D>;
358
- }) => void;
359
- onMrtToggleFullScreen?: ({ event, isFullScreen, tableInstance, }: {
360
- event: MouseEvent<HTMLButtonElement>;
361
- isFullScreen: boolean;
362
- tableInstance: MRT_TableInstance<D>;
380
+ instance: MRT_TableInstance<D>;
363
381
  }) => void;
364
- onMrtToggleShowFilters?: ({ event, showFilters, tableInstance, }: {
382
+ onShowFiltersChange?: OnChangeFn<boolean>;
383
+ onShowFiltersChanged?: ({ event, instance, showFilters, }: {
365
384
  event: MouseEvent<HTMLButtonElement>;
385
+ instance: MRT_TableInstance<D>;
366
386
  showFilters: boolean;
367
- tableInstance: MRT_TableInstance<D>;
368
387
  }) => void;
369
- onMrtToggleShowGlobalFilter?: ({ event, showGlobalFilter, tableInstance, }: {
388
+ onShowGlobalFilterChange?: OnChangeFn<boolean>;
389
+ onShowGlobalFilterChanged?: ({ event, instance, showGlobalFilter, }: {
370
390
  event: MouseEvent<HTMLButtonElement>;
391
+ instance: MRT_TableInstance<D>;
371
392
  showGlobalFilter: boolean;
372
- tableInstance: MRT_TableInstance<D>;
373
393
  }) => void;
374
- onShowFiltersChange?: OnChangeFn<boolean>;
375
- onShowGlobalFilterChange?: OnChangeFn<boolean>;
376
394
  persistentStateMode?: 'localStorage' | 'sessionStorage';
377
395
  positionActionsColumn?: 'first' | 'last';
378
- positionPagination?: 'bottom' | 'top' | 'both';
379
396
  positionGlobalFilter?: 'left' | 'right';
397
+ positionPagination?: 'bottom' | 'top' | 'both';
380
398
  positionToolbarActions?: 'bottom' | 'top';
381
399
  positionToolbarAlertBanner?: 'bottom' | 'top';
382
- renderDetailPanel?: ({ row, tableInstance, }: {
400
+ renderDetailPanel?: ({ row, instance, }: {
383
401
  row: MRT_Row<D>;
384
- tableInstance: MRT_TableInstance<D>;
402
+ instance: MRT_TableInstance<D>;
385
403
  }) => ReactNode;
386
- renderRowActionMenuItems?: ({ closeMenu, row, tableInstance, }: {
404
+ renderRowActionMenuItems?: ({ closeMenu, row, instance, }: {
387
405
  closeMenu: () => void;
388
406
  row: MRT_Row<D>;
389
- tableInstance: MRT_TableInstance<D>;
407
+ instance: MRT_TableInstance<D>;
390
408
  }) => ReactNode[];
391
- renderRowActions?: ({ row, tableInstance, }: {
409
+ renderRowActions?: ({ row, instance, }: {
392
410
  row: MRT_Row<D>;
393
- tableInstance: MRT_TableInstance<D>;
411
+ instance: MRT_TableInstance<D>;
394
412
  }) => ReactNode;
395
- renderToolbarCustomActions?: ({ tableInstance, }: {
396
- tableInstance: MRT_TableInstance<D>;
413
+ renderToolbarCustomActions?: ({ instance, }: {
414
+ instance: MRT_TableInstance<D>;
397
415
  }) => ReactNode;
398
- renderToolbarInternalActions?: ({ tableInstance, MRT_ToggleGlobalFilterButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
399
- tableInstance: MRT_TableInstance<D>;
416
+ renderToolbarInternalActions?: ({ instance, MRT_ToggleGlobalFilterButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
417
+ instance: MRT_TableInstance<D>;
400
418
  MRT_ToggleGlobalFilterButton: FC<IconButtonProps & {
401
- tableInstance: MRT_TableInstance<D>;
419
+ instance: MRT_TableInstance<D>;
402
420
  }>;
403
421
  MRT_ToggleFiltersButton: FC<IconButtonProps & {
404
- tableInstance: MRT_TableInstance<D>;
422
+ instance: MRT_TableInstance<D>;
405
423
  }>;
406
424
  MRT_ShowHideColumnsButton: FC<IconButtonProps & {
407
- tableInstance: MRT_TableInstance<D>;
425
+ instance: MRT_TableInstance<D>;
408
426
  }>;
409
427
  MRT_ToggleDensePaddingButton: FC<IconButtonProps & {
410
- tableInstance: MRT_TableInstance<D>;
428
+ instance: MRT_TableInstance<D>;
411
429
  }>;
412
430
  MRT_FullScreenToggleButton: FC<IconButtonProps & {
413
- tableInstance: MRT_TableInstance<D>;
431
+ instance: MRT_TableInstance<D>;
414
432
  }>;
415
433
  }) => ReactNode;
416
434
  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 {};