material-react-table 0.7.0-alpha.1 → 0.7.0-alpha.4

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 (45) hide show
  1. package/README.md +29 -19
  2. package/dist/MaterialReactTable.d.ts +196 -59
  3. package/dist/buttons/MRT_CopyButton.d.ts +1 -2
  4. package/dist/material-react-table.cjs.development.js +246 -932
  5. package/dist/material-react-table.cjs.development.js.map +1 -1
  6. package/dist/material-react-table.cjs.production.min.js +1 -1
  7. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  8. package/dist/material-react-table.esm.js +246 -932
  9. package/dist/material-react-table.esm.js.map +1 -1
  10. package/dist/utils.d.ts +1 -1
  11. package/package.json +4 -4
  12. package/src/MaterialReactTable.tsx +364 -127
  13. package/src/body/MRT_TableBody.tsx +1 -1
  14. package/src/body/MRT_TableBodyCell.tsx +3 -3
  15. package/src/body/MRT_TableBodyRow.tsx +2 -2
  16. package/src/body/MRT_TableDetailPanel.tsx +6 -4
  17. package/src/buttons/MRT_CopyButton.tsx +3 -4
  18. package/src/buttons/MRT_EditActionButtons.tsx +4 -2
  19. package/src/buttons/MRT_ExpandButton.tsx +1 -1
  20. package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +5 -2
  21. package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +1 -1
  22. package/src/buttons/MRT_ToggleSearchButton.tsx +6 -1
  23. package/src/footer/MRT_TableFooter.tsx +1 -1
  24. package/src/footer/MRT_TableFooterCell.tsx +2 -2
  25. package/src/footer/MRT_TableFooterRow.tsx +1 -1
  26. package/src/head/MRT_TableHead.tsx +1 -1
  27. package/src/head/MRT_TableHeadCell.tsx +22 -29
  28. package/src/head/MRT_TableHeadRow.tsx +1 -1
  29. package/src/inputs/MRT_EditCellTextField.tsx +7 -7
  30. package/src/inputs/MRT_FilterTextField.tsx +2 -2
  31. package/src/inputs/MRT_SearchTextField.tsx +8 -3
  32. package/src/inputs/MRT_SelectCheckbox.tsx +9 -7
  33. package/src/localization.ts +0 -1
  34. package/src/menus/MRT_RowActionMenu.tsx +5 -3
  35. package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +4 -5
  36. package/src/table/MRT_Table.tsx +1 -1
  37. package/src/table/MRT_TableContainer.tsx +16 -20
  38. package/src/table/MRT_TablePaper.tsx +9 -5
  39. package/src/table/MRT_TableRoot.tsx +1 -0
  40. package/src/toolbar/MRT_LinearProgressBar.tsx +1 -1
  41. package/src/toolbar/MRT_TablePagination.tsx +6 -2
  42. package/src/toolbar/MRT_ToolbarAlertBanner.tsx +2 -1
  43. package/src/toolbar/MRT_ToolbarBottom.tsx +1 -1
  44. package/src/toolbar/MRT_ToolbarInternalButtons.tsx +5 -4
  45. package/src/toolbar/MRT_ToolbarTop.tsx +2 -2
package/README.md CHANGED
@@ -1,47 +1,57 @@
1
1
  # Material React Table
2
2
 
3
- - A fully featured Material-UI implementation of react-table
4
- - Inspired by material-table and the material-ui DataGrid
5
- - Written from the ground up in TypeScript, Material-UI, and React Table
3
+ > This Project is based on react-table v8, which itself is still in alpha, and therefore this package is also still in alpha
4
+
5
+ - A fully featured Material UI v5 implementation of react-table v8 (alpha)
6
+ - Inspired by material-table and the MUI X DataGrid
7
+ - Written from the ground up in TypeScript, Material UI, and React Table
8
+ - All internal Material UI components are easily customizable
6
9
 
7
10
  ## This project is in alpha, but feel free to install and explore
8
11
 
9
- View the docs (alpha) site at https://www.material-react-table.com/
12
+ View the [docs (alpha) site](https://www.material-react-table.com/)
10
13
 
11
- View additional storybook examples at https://www.material-react-table.dev/
14
+ View additional [storybook examples](https://www.material-react-table.dev/)
12
15
 
13
- View the source code and open issues at https://github.com/KevinVandy/material-react-table
16
+ View the [github source code](https://github.com/KevinVandy/material-react-table) and [github open issues](https://github.com/KevinVandy/material-react-table/issues)
14
17
 
15
- Join the discord development discussion at https://discord.gg/5wqyRx6fnm
18
+ Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the development discussion
16
19
 
17
20
  <br />
18
21
 
19
- ### Features (Still In Active Development)
22
+ ### Features (Some Still In Active Development)
20
23
 
21
- - [ ] Column Ordering
22
- - [ ] Column Resizing (in dev)
23
- - [x] Cell Editing
24
+ - [x] Click To Copy Cell Values
24
25
  - [x] Column Actions
25
26
  - [x] Column Hiding
26
- - [x] Custom Styling
27
+ - [x] Column Grouping (Group By and Aggregates)
28
+ - [ ] Column Ordering (react-dnd planned)
29
+ - [x] Column Pinning
30
+ - [x] Column Resizing (work in progress)
31
+ - [x] Custom Icons
32
+ - [x] Custom Styling and internal Mui Components
33
+ - [ ] Data Editing (work in progress)
27
34
  - [x] Dense Padding Toggle
28
- - [x] Localization
29
35
  - [x] Filtering
30
- - [x] Global Search
36
+ - [x] Fullscreen
37
+ - [ ] Global Search (Advanced search options!)
31
38
  - [x] HeaderGroups
32
- - [x] Pagination
39
+ - [x] Localization i18n
40
+ - [x] Pagination (supports client-side and server-side)
33
41
  - [x] Row Actions
34
- - [x] Selection
42
+ - [x] Row Selection
43
+ - [x] SSR compatible
35
44
  - [x] Sorting
36
45
  - [x] Toolbars
37
- - [x] Tree Data (Subrows)
46
+ - [x] Tree Data / Expanding Subrows
47
+ - [ ] Virtualization (planned)
38
48
 
39
49
  ### Installation
40
50
 
41
- 1. Install Peer Dependencies (material-ui v5 and react table v7)
51
+ 1. Install Peer Dependencies (Material UI v5)
42
52
 
43
53
  ```bash
44
- npm install @mui/material @mui/icons-material @emotion/react @emotion/styled react-table
54
+ npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
45
55
  ```
46
56
 
47
57
  2. Install material-react-table
@@ -1,6 +1,6 @@
1
1
  import { ChangeEvent, Dispatch, FC, 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, DefaultGenerics, FilterType, Header, HeaderGroup, Options, Overwrite, PaginationState, Row, TableInstance, TableState } from '@tanstack/react-table';
3
+ import { Cell, Column, ColumnDef, DefaultGenerics, FilterType, Header, HeaderGroup, Options, Overwrite, PaginationState, Row, TableInstance, TableState, VisibilityState } from '@tanstack/react-table';
4
4
  import { MRT_Localization } from './localization';
5
5
  import { MRT_Icons } from './icons';
6
6
  import { MRT_FILTER_TYPE } from './enums';
@@ -23,11 +23,11 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
23
23
  }>>, 'getAllColumns' | 'getAllLeafColumns' | 'getExpandedRowModel' | 'getPaginationRowModel' | 'getPrePaginationRowModel' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
24
24
  getAllColumns: () => MRT_ColumnInstance<D>[];
25
25
  getAllLeafColumns: () => MRT_ColumnInstance<D>[];
26
- getExpandedRowModel: () => MRT_RowModel;
27
- getPaginationRowModel: () => MRT_RowModel;
28
- getPrePaginationRowModel: () => MRT_RowModel;
29
- getRowModel: () => MRT_RowModel;
30
- getSelectedRowModel: () => MRT_RowModel;
26
+ getExpandedRowModel: () => MRT_RowModel<D>;
27
+ getPaginationRowModel: () => MRT_RowModel<D>;
28
+ getPrePaginationRowModel: () => MRT_RowModel<D>;
29
+ getRowModel: () => MRT_RowModel<D>;
30
+ getSelectedRowModel: () => MRT_RowModel<D>;
31
31
  getState: () => MRT_TableState<D>;
32
32
  options: MaterialReactTableProps<D> & {
33
33
  icons: MRT_Icons;
@@ -58,10 +58,9 @@ export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<Ta
58
58
  pagination: Partial<PaginationState>;
59
59
  };
60
60
  export declare type MRT_ColumnInterface<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns'> & {
61
- Edit?: ({ cell, tableInstance, onChange, }: {
61
+ Edit?: ({ cell, tableInstance, }: {
62
62
  cell: MRT_Cell<D>;
63
63
  tableInstance: MRT_TableInstance<D>;
64
- onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
65
64
  }) => ReactNode;
66
65
  Filter?: ({ header, tableInstance, }: {
67
66
  header: MRT_Header<D>;
@@ -84,8 +83,6 @@ export declare type MRT_ColumnInterface<D extends Record<string, any> = {}> = Om
84
83
  enableClickToCopy?: boolean;
85
84
  enableColumnActions?: boolean;
86
85
  enableEditing?: boolean;
87
- enableColumnFilters?: boolean;
88
- enableHiding?: boolean;
89
86
  enabledFilterTypes?: (MRT_FILTER_TYPE | string)[];
90
87
  filter?: MRT_FilterType | string | FilterType<D>;
91
88
  filterSelectOptions?: (string | {
@@ -94,15 +91,43 @@ export declare type MRT_ColumnInterface<D extends Record<string, any> = {}> = Om
94
91
  })[];
95
92
  footer?: string;
96
93
  header: string;
97
- muiTableBodyCellCopyButtonProps?: ButtonProps | ((cell?: MRT_Cell<D>) => ButtonProps);
98
- muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
99
- muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
100
- muiTableFooterCellProps?: TableCellProps | ((column: MRT_ColumnInstance<D>) => TableCellProps);
101
- muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((column: MRT_ColumnInstance<D>) => IconButtonProps);
102
- muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: MRT_ColumnInstance<D>) => TextFieldProps);
103
- muiTableHeadCellProps?: TableCellProps | ((column: MRT_ColumnInstance<D>) => TableCellProps);
104
- onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
105
- onFilterChange?: (event: ChangeEvent<HTMLInputElement>, filterValue: any) => void;
94
+ muiTableBodyCellCopyButtonProps?: ButtonProps | (({ tableInstance, cell, }: {
95
+ tableInstance: MRT_TableInstance;
96
+ cell: MRT_Cell<D>;
97
+ }) => ButtonProps);
98
+ muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ tableInstance, cell, }: {
99
+ tableInstance: MRT_TableInstance;
100
+ cell: MRT_Cell<D>;
101
+ }) => TextFieldProps);
102
+ muiTableBodyCellProps?: TableCellProps | (({ tableInstance, cell, }: {
103
+ tableInstance: MRT_TableInstance;
104
+ cell: MRT_Cell<D>;
105
+ }) => TableCellProps);
106
+ muiTableFooterCellProps?: TableCellProps | (({ tableInstance, column, }: {
107
+ tableInstance: MRT_TableInstance;
108
+ column: MRT_ColumnInstance<D>;
109
+ }) => TableCellProps);
110
+ muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ tableInstance, column, }: {
111
+ tableInstance: MRT_TableInstance;
112
+ column: MRT_ColumnInstance<D>;
113
+ }) => IconButtonProps);
114
+ muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ tableInstance, column, }: {
115
+ tableInstance: MRT_TableInstance;
116
+ column: MRT_ColumnInstance<D>;
117
+ }) => TextFieldProps);
118
+ muiTableHeadCellProps?: TableCellProps | (({ tableInstance, column, }: {
119
+ tableInstance: MRT_TableInstance;
120
+ column: MRT_ColumnInstance<D>;
121
+ }) => TableCellProps);
122
+ onCellEditChange?: ({ cell, event, tableInstance, }: {
123
+ event: ChangeEvent<HTMLInputElement>;
124
+ cell: MRT_Cell<D>;
125
+ tableInstance: MRT_TableInstance<D>;
126
+ }) => void;
127
+ onColumnFilterValueChange?: ({ event, filterValue, }: {
128
+ event: ChangeEvent<HTMLInputElement>;
129
+ filterValue: any;
130
+ }) => void;
106
131
  };
107
132
  export declare type MRT_ColumnInstance<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns'> & MRT_ColumnInterface<D> & {
108
133
  columns?: MRT_ColumnInstance<D>[];
@@ -154,49 +179,161 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
154
179
  isReloading?: boolean;
155
180
  isLoading?: boolean;
156
181
  localization?: Partial<MRT_Localization>;
157
- muiLinearProgressProps?: LinearProgressProps | ((tableInstance: MRT_TableInstance) => LinearProgressProps);
158
- muiSearchTextFieldProps?: TextFieldProps;
159
- muiSelectCheckboxProps?: CheckboxProps | ((isSelectAll?: boolean, row?: MRT_Row<D>, tableInstance?: MRT_TableInstance<D>) => CheckboxProps);
160
- muiTableBodyCellCopyButtonProps?: ButtonProps | ((cell?: MRT_Cell<D>) => ButtonProps);
161
- muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell?: MRT_Cell<D>) => TextFieldProps);
162
- muiTableBodyCellProps?: TableCellProps | ((cell?: MRT_Cell<D>) => TableCellProps);
163
- muiTableBodyCellSkeletonProps?: SkeletonProps | ((cell?: MRT_Cell<D>) => SkeletonProps);
164
- muiTableBodyProps?: TableBodyProps | ((tableInstance: MRT_TableInstance<D>) => TableBodyProps);
165
- muiTableBodyRowProps?: TableRowProps | ((row: MRT_Row<D>) => TableRowProps);
166
- muiTableContainerProps?: TableContainerProps | ((tableInstance: MRT_TableInstance<D>) => TableContainerProps);
167
- muiTableDetailPanelProps?: TableCellProps | ((row: MRT_Row<D>) => TableCellProps);
168
- muiTableFooterCellProps?: TableCellProps | ((column: MRT_ColumnInstance<D>) => TableCellProps);
169
- muiTableFooterProps?: TableFooterProps | ((tableInstance: MRT_TableInstance<D>) => TableFooterProps);
170
- muiTableFooterRowProps?: TableRowProps | ((footerGroup: MRT_HeaderGroup<D>) => TableRowProps);
171
- muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((column: MRT_ColumnInstance<D>) => IconButtonProps);
172
- muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: MRT_ColumnInstance<D>) => TextFieldProps);
173
- muiTableHeadCellProps?: TableCellProps | ((column: MRT_ColumnInstance<D>) => TableCellProps);
174
- muiTableHeadProps?: TableHeadProps | ((tableInstance: MRT_TableInstance<D>) => TableHeadProps);
175
- muiTableHeadRowProps?: TableRowProps | ((headerGroup: MRT_HeaderGroup<D>) => TableRowProps);
176
- muiTablePaperProps?: PaperProps | ((tableInstance: MRT_TableInstance<D>) => PaperProps);
177
- muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: MRT_TableInstance<D>) => Partial<TablePaginationProps>);
178
- muiTableProps?: TableProps | ((tableInstance: MRT_TableInstance<D>) => TableProps);
179
- muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: MRT_TableInstance<D>) => AlertProps);
180
- muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
181
- muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
182
- onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: MRT_Cell<D>) => void;
183
- onColumnHide?: (column: MRT_ColumnInstance<D>, hiddenColumns?: string[]) => void;
184
- onDetailPanelClick?: (event: MouseEvent<HTMLTableCellElement>, row: MRT_Row<D>) => void;
185
- onGlobalFilterChange?: (event: ChangeEvent<HTMLInputElement>) => void;
186
- onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: MRT_Row<D>) => void;
187
- onRowEditSubmit?: (row: MRT_Row<D>) => Promise<void> | void;
188
- onRowExpandChange?: (event: MouseEvent<HTMLButtonElement>, row: MRT_Row<D>) => void;
189
- onSelectAllChange?: (event: ChangeEvent, selectedRows: MRT_Row<D>[]) => void;
190
- onSelectChange?: (event: ChangeEvent, row: MRT_Row<D>, selectedRows: MRT_Row<D>[]) => void;
182
+ muiLinearProgressProps?: LinearProgressProps | (({ tableInstance, }: {
183
+ tableInstance: MRT_TableInstance;
184
+ }) => LinearProgressProps);
185
+ muiSearchTextFieldProps?: TextFieldProps | (({ tableInstance, }: {
186
+ tableInstance: MRT_TableInstance;
187
+ }) => TextFieldProps);
188
+ muiSelectCheckboxProps?: CheckboxProps | (({ tableInstance, isSelectAll, row, }: {
189
+ tableInstance: MRT_TableInstance;
190
+ isSelectAll: boolean;
191
+ row?: MRT_Row<D>;
192
+ }) => CheckboxProps);
193
+ muiTableBodyCellCopyButtonProps?: ButtonProps | (({ tableInstance, cell, }: {
194
+ tableInstance: MRT_TableInstance;
195
+ cell: MRT_Cell<D>;
196
+ }) => ButtonProps);
197
+ muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ tableInstance, cell, }: {
198
+ tableInstance: MRT_TableInstance;
199
+ cell: MRT_Cell<D>;
200
+ }) => TextFieldProps);
201
+ muiTableBodyCellProps?: TableCellProps | (({ tableInstance, cell, }: {
202
+ tableInstance: MRT_TableInstance;
203
+ cell: MRT_Cell<D>;
204
+ }) => TableCellProps);
205
+ muiTableBodyCellSkeletonProps?: SkeletonProps | (({ tableInstance, cell, }: {
206
+ tableInstance: MRT_TableInstance;
207
+ cell: MRT_Cell<D>;
208
+ }) => SkeletonProps);
209
+ muiTableBodyProps?: TableBodyProps | (({ tableInstance, }: {
210
+ tableInstance: MRT_TableInstance;
211
+ }) => TableBodyProps);
212
+ muiTableBodyRowProps?: TableRowProps | (({ tableInstance, row, }: {
213
+ tableInstance: MRT_TableInstance;
214
+ row: MRT_Row<D>;
215
+ }) => TableRowProps);
216
+ muiTableContainerProps?: TableContainerProps | (({ tableInstance, }: {
217
+ tableInstance: MRT_TableInstance;
218
+ }) => TableContainerProps);
219
+ muiTableDetailPanelProps?: TableCellProps | (({ tableInstance, row, }: {
220
+ tableInstance: MRT_TableInstance;
221
+ row: MRT_Row<D>;
222
+ }) => TableCellProps);
223
+ muiTableFooterCellProps?: TableCellProps | (({ tableInstance, column, }: {
224
+ tableInstance: MRT_TableInstance;
225
+ column: MRT_ColumnInstance<D>;
226
+ }) => TableCellProps);
227
+ muiTableFooterProps?: TableFooterProps | (({ tableInstance, }: {
228
+ tableInstance: MRT_TableInstance;
229
+ }) => TableFooterProps);
230
+ muiTableFooterRowProps?: TableRowProps | (({ tableInstance, footerGroup, }: {
231
+ tableInstance: MRT_TableInstance;
232
+ footerGroup: MRT_HeaderGroup<D>;
233
+ }) => TableRowProps);
234
+ muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ tableInstance, column, }: {
235
+ tableInstance: MRT_TableInstance;
236
+ column: MRT_ColumnInstance<D>;
237
+ }) => IconButtonProps);
238
+ muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ tableInstance, column, }: {
239
+ tableInstance: MRT_TableInstance;
240
+ column: MRT_ColumnInstance<D>;
241
+ }) => TextFieldProps);
242
+ muiTableHeadCellProps?: TableCellProps | (({ tableInstance, column, }: {
243
+ tableInstance: MRT_TableInstance;
244
+ column: MRT_ColumnInstance<D>;
245
+ }) => TableCellProps);
246
+ muiTableHeadProps?: TableHeadProps | (({ tableInstance, }: {
247
+ tableInstance: MRT_TableInstance;
248
+ }) => TableHeadProps);
249
+ muiTableHeadRowProps?: TableRowProps | (({ tableInstance, headerGroup, }: {
250
+ tableInstance: MRT_TableInstance;
251
+ headerGroup: MRT_HeaderGroup<D>;
252
+ }) => TableRowProps);
253
+ muiTablePaperProps?: PaperProps | (({ tableInstance, }: {
254
+ tableInstance: MRT_TableInstance;
255
+ }) => PaperProps);
256
+ muiTablePaginationProps?: Partial<TablePaginationProps> | (({ tableInstance, }: {
257
+ tableInstance: MRT_TableInstance;
258
+ }) => Partial<TablePaginationProps>);
259
+ muiTableProps?: TableProps | (({ tableInstance, }: {
260
+ tableInstance: MRT_TableInstance;
261
+ }) => TableProps);
262
+ muiTableToolbarAlertBannerProps?: AlertProps | (({ tableInstance, }: {
263
+ tableInstance: MRT_TableInstance;
264
+ }) => AlertProps);
265
+ muiTableToolbarBottomProps?: ToolbarProps | (({ tableInstance, }: {
266
+ tableInstance: MRT_TableInstance;
267
+ }) => ToolbarProps);
268
+ muiTableToolbarTopProps?: ToolbarProps | (({ tableInstance, }: {
269
+ tableInstance: MRT_TableInstance;
270
+ }) => ToolbarProps);
271
+ onCellClick?: ({ cell, event, tableInstance, }: {
272
+ cell: MRT_Cell<D>;
273
+ tableInstance: MRT_TableInstance<D>;
274
+ event: MouseEvent<HTMLTableCellElement>;
275
+ }) => void;
276
+ onColumnHide?: ({ column, columnVisibility, tableInstance, }: {
277
+ column: MRT_ColumnInstance<D>;
278
+ columnVisibility: VisibilityState;
279
+ tableInstance: MRT_TableInstance<D>;
280
+ }) => void;
281
+ onDetailPanelClick?: ({ event, row, tableInstance, }: {
282
+ event: MouseEvent<HTMLTableCellElement>;
283
+ row: MRT_Row<D>;
284
+ tableInstance: MRT_TableInstance<D>;
285
+ }) => void;
286
+ onGlobalFilterChange?: ({ event, tableInstance, }: {
287
+ event: ChangeEvent<HTMLInputElement>;
288
+ tableInstance: MRT_TableInstance<D>;
289
+ }) => void;
290
+ onRowClick?: ({ event, row, tableInstance, }: {
291
+ event: MouseEvent<HTMLTableRowElement>;
292
+ row: MRT_Row<D>;
293
+ tableInstance: MRT_TableInstance<D>;
294
+ }) => void;
295
+ onRowEditSubmit?: ({ row, tableInstance, }: {
296
+ row: MRT_Row<D>;
297
+ tableInstance: MRT_TableInstance<D>;
298
+ }) => Promise<void> | void;
299
+ onRowExpandChange?: ({ event, row, }: {
300
+ event: MouseEvent<HTMLButtonElement>;
301
+ row: MRT_Row<D>;
302
+ tableInstance: MRT_TableInstance<D>;
303
+ }) => void;
304
+ onSelectAllChange?: ({ event, selectedRows, tableInstance, }: {
305
+ event: ChangeEvent;
306
+ selectedRows: MRT_Row<D>[];
307
+ tableInstance: MRT_TableInstance<D>;
308
+ }) => void;
309
+ onSelectChange?: ({ event, row, selectedRows, tableInstance, }: {
310
+ event: ChangeEvent;
311
+ row: MRT_Row<D>;
312
+ selectedRows: MRT_Row<D>[];
313
+ tableInstance: MRT_TableInstance<D>;
314
+ }) => void;
191
315
  positionActionsColumn?: 'first' | 'last';
192
316
  positionPagination?: 'bottom' | 'top' | 'both';
193
317
  positionToolbarActions?: 'bottom' | 'top';
194
318
  positionToolbarAlertBanner?: 'bottom' | 'top';
195
- renderDetailPanel?: (row: MRT_Row<D>) => ReactNode;
196
- renderRowActionMenuItems?: (rowData: MRT_Row<D>, tableInstance: MRT_TableInstance<D>, closeMenu: () => void) => ReactNode[];
197
- renderRowActions?: (row: MRT_Row<D>, tableInstance: MRT_TableInstance<D>) => ReactNode;
198
- renderToolbarCustomActions?: (tableInstance: MRT_TableInstance<D>) => ReactNode;
199
- renderToolbarInternalActions?: (tableInstance: MRT_TableInstance<D>, { MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
319
+ renderDetailPanel?: ({ row, tableInstance, }: {
320
+ row: MRT_Row<D>;
321
+ tableInstance: MRT_TableInstance<D>;
322
+ }) => ReactNode;
323
+ renderRowActionMenuItems?: ({ closeMenu, row, tableInstance, }: {
324
+ closeMenu: () => void;
325
+ row: MRT_Row<D>;
326
+ tableInstance: MRT_TableInstance<D>;
327
+ }) => ReactNode[];
328
+ renderRowActions?: ({ row, tableInstance, }: {
329
+ row: MRT_Row<D>;
330
+ tableInstance: MRT_TableInstance<D>;
331
+ }) => ReactNode;
332
+ renderToolbarCustomActions?: ({ tableInstance, }: {
333
+ tableInstance: MRT_TableInstance<D>;
334
+ }) => ReactNode;
335
+ renderToolbarInternalActions?: ({ tableInstance, MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
336
+ tableInstance: MRT_TableInstance<D>;
200
337
  MRT_ToggleSearchButton: FC<IconButtonProps & {
201
338
  tableInstance: MRT_TableInstance<D>;
202
339
  }>;
@@ -214,5 +351,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
214
351
  }>;
215
352
  }) => ReactNode;
216
353
  };
217
- declare const _default: <D extends Record<string, any> = {}>({ enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFullScreenToggle, enableGlobalFilter, enableHiding, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, filterTypes, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
354
+ declare const _default: <D extends Record<string, any> = {}>({ enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFullScreenToggle, enableGlobalFilter, enableHiding, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
218
355
  export default _default;
@@ -1,8 +1,7 @@
1
- import { FC, ReactNode } from 'react';
1
+ import { FC } from 'react';
2
2
  import { MRT_Cell, MRT_TableInstance } from '..';
3
3
  interface Props {
4
4
  cell: MRT_Cell;
5
- children: ReactNode;
6
5
  tableInstance: MRT_TableInstance;
7
6
  }
8
7
  export declare const MRT_CopyButton: FC<Props>;