material-react-table 0.6.10 → 0.7.0-alpha.3

package/README.md

@@ -1,47 +1,57 @@
 # Material React Table
 
-- A fully featured Material-UI implementation of react-table
+> This Project is based on react-table v8, which itself is still in alpha, and therefore this package is also still in alpha
+
+- A fully featured Material-UI v5 implementation of react-table v8 (alpha)
 - Inspired by material-table and the material-ui DataGrid
 - Written from the ground up in TypeScript, Material-UI, and React Table
+- All internal material-ui components are easily customizable
 
 ## This project is in alpha, but feel free to install and explore
 
-View the docs (alpha) site at https://www.material-react-table.com/
+View the [docs (alpha) site](https://www.material-react-table.com/)
 
-View additional storybook examples at https://www.material-react-table.dev/
+View additional [storybook examples](https://www.material-react-table.dev/)
 
-View the source code and open issues at https://github.com/KevinVandy/material-react-table
+View the [github source code](https://github.com/KevinVandy/material-react-table) and [github open issues](https://github.com/KevinVandy/material-react-table/issues)
 
-Join the discord development discussion at https://discord.gg/5wqyRx6fnm
+Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the development discussion
 
 <br />
 
-### Features (Still In Active Development)
+### Features (Some Still In Active Development)
 
-- [ ] Column Ordering
-- [ ] Column Resizing (in dev)
-- [x] Cell Editing
+- [x] Click To Copy Cell Values
 - [x] Column Actions
 - [x] Column Hiding
-- [x] Custom Styling
+- [x] Column Grouping (Group By and Aggregates)
+- [ ] Column Ordering (react-dnd planned)
+- [x] Column Pinning
+- [x] Column Resizing (work in progress)
+- [x] Custom Icons
+- [x] Custom Styling and internal Mui Components
+- [-] Data Editing (work in progress)
 - [x] Dense Padding Toggle
-- [x] Localization
 - [x] Filtering
-- [x] Global Search
+- [x] Fullscreen
+- [-] Global Search (Advanced search options!)
 - [x] HeaderGroups
-- [x] Pagination
+- [x] Localization i18n
+- [x] Pagination (supports client-side and server-side)
 - [x] Row Actions
-- [x] Selection
+- [x] Row Selection
+- [x] SSR compatible
 - [x] Sorting
 - [x] Toolbars
-- [x] Tree Data (Subrows)
+- [x] Tree Data / Expanding Subrows
+- [ ] Virtualization (planned)
 
 ### Installation
 
-1. Install Peer Dependencies (material-ui v5 and react table v7)
+1. Install Peer Dependencies (material-ui v5)
 
 ```bash
-npm install @mui/material @mui/icons-material @emotion/react @emotion/styled react-table
+npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
 ```
 
 2. Install material-react-table

package/dist/MaterialReactTable.d.ts

@@ -1,96 +1,170 @@
-import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
-import { AlertProps, ButtonProps, CheckboxProps, IconButtonProps, LinearProgressProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
-import { Cell, Column, ColumnInstance, FilterType, ColumnInterface, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
+import { ChangeEvent, Dispatch, FC, MouseEvent, ReactNode, SetStateAction } from 'react';
+import { AlertProps, ButtonProps, CheckboxProps, IconButtonProps, LinearProgressProps, PaperProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
+import { Cell, Column, ColumnDef, DefaultGenerics, FilterType, Header, HeaderGroup, Options, Overwrite, PaginationState, Row, TableInstance, TableState, VisibilityState } from '@tanstack/react-table';
 import { MRT_Localization } from './localization';
 import { MRT_Icons } from './icons';
 import { MRT_FILTER_TYPE } from './enums';
-export declare type MRT_TableOptions<D extends {} = {}> = TableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
-    columns: MRT_ColumnInterface[];
+export declare type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<Omit<Options<D>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn'>> & {
+    columns: MRT_ColumnInterface<D>[];
     data: D[];
-    initialState?: Partial<MRT_TableState>;
+    initialState?: Partial<MRT_TableState<D>>;
+    state?: Partial<MRT_TableState<D>>;
+    expandRowsFn?: (dataRow: D) => D[];
 };
-export declare type MRT_TableInstance<D extends {} = {}> = TableInstance<D> & UseTableInstanceProps<D> & UseColumnOrderInstanceProps<D> & UseExpandedInstanceProps<D> & UseFiltersInstanceProps<D> & UseGlobalFiltersInstanceProps<D> & UseGroupByInstanceProps<D> & UsePaginationInstanceProps<D> & UseRowSelectInstanceProps<D> & UseRowStateInstanceProps<D> & UseSortByInstanceProps<D> & {
-    columns: (Column<D> & MRT_ColumnInstance<D>)[];
-    footerGroups: MRT_HeaderGroup<D>[];
-    getToggleAllRowsExpandedProps: () => void;
-    headerGroups: MRT_HeaderGroup<D>[];
-    page: MRT_Row<D>[];
-    resetResizing: () => void;
+export interface MRT_RowModel<D extends Record<string, any> = {}> {
+    flatRows: MRT_Row<D>[];
     rows: MRT_Row<D>[];
-    state: MRT_TableState<D>;
+    rowsById: {
+        [key: string]: MRT_Row<D>;
+    };
+}
+export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit<TableInstance<Overwrite<Partial<DefaultGenerics>, {
+    Row: D;
+}>>, 'getAllColumns' | 'getAllLeafColumns' | 'getExpandedRowModel' | 'getPaginationRowModel' | 'getPrePaginationRowModel' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
+    getAllColumns: () => MRT_ColumnInstance<D>[];
+    getAllLeafColumns: () => MRT_ColumnInstance<D>[];
+    getExpandedRowModel: () => MRT_RowModel<D>;
+    getPaginationRowModel: () => MRT_RowModel<D>;
+    getPrePaginationRowModel: () => MRT_RowModel<D>;
+    getRowModel: () => MRT_RowModel<D>;
+    getSelectedRowModel: () => MRT_RowModel<D>;
+    getState: () => MRT_TableState<D>;
+    options: MaterialReactTableProps<D> & {
+        icons: MRT_Icons;
+        idPrefix: string;
+        filterTypes: {
+            [key in MRT_FILTER_TYPE]: any;
+        };
+        localization: MRT_Localization;
+        setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
+        setCurrentFilterTypes: Dispatch<SetStateAction<{
+            [key: string]: MRT_FilterType;
+        }>>;
+        setCurrentGlobalFilterType: Dispatch<SetStateAction<MRT_FILTER_TYPE>>;
+        setIsDensePadding: Dispatch<SetStateAction<boolean>>;
+        setIsFullScreen: Dispatch<SetStateAction<boolean>>;
+        setShowFilters: Dispatch<SetStateAction<boolean>>;
+        setShowSearch: Dispatch<SetStateAction<boolean>>;
+    };
+};
+export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<TableState, 'pagination'> & {
+    currentEditingRow: MRT_Row<D> | null;
+    currentFilterTypes: Record<string, string | Function>;
+    currentGlobalFilterType: Record<string, string | Function>;
+    isDensePadding: boolean;
+    isFullScreen: boolean;
+    showFilters: boolean;
+    showSearch: boolean;
+    pagination: Partial<PaginationState>;
 };
-export declare type MRT_ColumnInterface<D extends {} = {}> = ColumnInterface<D> & UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
-    Edit?: ({ cell, onChange, }: {
+export declare type MRT_ColumnInterface<D extends Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns'> & {
+    Edit?: ({ cell, tableInstance, }: {
         cell: MRT_Cell<D>;
-        onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    Filter?: ({ header, tableInstance, }: {
+        header: MRT_Header<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    Footer?: ({ footer, tableInstance, }: {
+        footer: MRT_Header<D>;
+        tableInstance: MRT_TableInstance<D>;
     }) => ReactNode;
-    Filter?: ({ column }: {
-        column: MRT_HeaderGroup<D>;
+    Header?: ({ header, tableInstance, }: {
+        header: MRT_Header<D>;
+        tableInstance: MRT_TableInstance<D>;
     }) => ReactNode;
-    Footer?: string;
-    Header?: string;
-    accessor?: string;
+    Cell?: ({ cell, tableInstance, }: {
+        cell: MRT_Cell<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    id: keyof D | string;
     columns?: MRT_ColumnInterface<D>[];
-    disableClickToCopy?: boolean;
-    disableColumnActions?: boolean;
-    disableColumnHiding?: boolean;
-    disableEditing?: boolean;
-    disableFilters?: boolean;
+    enableClickToCopy?: boolean;
+    enableColumnActions?: boolean;
+    enableEditing?: boolean;
     enabledFilterTypes?: (MRT_FILTER_TYPE | string)[];
     filter?: MRT_FilterType | string | FilterType<D>;
     filterSelectOptions?: (string | {
         text: string;
         value: string;
     })[];
-    muiTableBodyCellCopyButtonProps?: ButtonProps | ((cell?: MRT_Cell<D>) => ButtonProps);
-    muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
-    muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
-    muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
-    muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((column: Column<D>) => IconButtonProps);
-    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
-    muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
-    onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
-    onFilterChange?: (event: ChangeEvent<HTMLInputElement>, filterValue: any) => void;
+    footer?: string;
+    header: string;
+    muiTableBodyCellCopyButtonProps?: ButtonProps | (({ tableInstance, cell, }: {
+        tableInstance: MRT_TableInstance;
+        cell: MRT_Cell<D>;
+    }) => ButtonProps);
+    muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ tableInstance, cell, }: {
+        tableInstance: MRT_TableInstance;
+        cell: MRT_Cell<D>;
+    }) => TextFieldProps);
+    muiTableBodyCellProps?: TableCellProps | (({ tableInstance, cell, }: {
+        tableInstance: MRT_TableInstance;
+        cell: MRT_Cell<D>;
+    }) => TableCellProps);
+    muiTableFooterCellProps?: TableCellProps | (({ tableInstance, column, }: {
+        tableInstance: MRT_TableInstance;
+        column: MRT_ColumnInstance<D>;
+    }) => TableCellProps);
+    muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ tableInstance, column, }: {
+        tableInstance: MRT_TableInstance;
+        column: MRT_ColumnInstance<D>;
+    }) => IconButtonProps);
+    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ tableInstance, column, }: {
+        tableInstance: MRT_TableInstance;
+        column: MRT_ColumnInstance<D>;
+    }) => TextFieldProps);
+    muiTableHeadCellProps?: TableCellProps | (({ tableInstance, column, }: {
+        tableInstance: MRT_TableInstance;
+        column: MRT_ColumnInstance<D>;
+    }) => TableCellProps);
+    onCellEditChange?: ({ cell, event, tableInstance, }: {
+        event: ChangeEvent<HTMLInputElement>;
+        cell: MRT_Cell<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onColumnFilterValueChange?: ({ event, filterValue, }: {
+        event: ChangeEvent<HTMLInputElement>;
+        filterValue: any;
+    }) => void;
 };
-export declare type MRT_ColumnInstance<D extends {} = {}> = ColumnInstance<D> & UseFiltersColumnProps<D> & UseGroupByColumnProps<D> & UseResizeColumnsColumnProps<D> & UseSortByColumnProps<D> & MRT_ColumnInterface<D> & {
+export declare type MRT_ColumnInstance<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns'> & MRT_ColumnInterface<D> & {
     columns?: MRT_ColumnInstance<D>[];
 };
-export declare type MRT_HeaderGroup<D extends {} = {}> = HeaderGroup<D> & MRT_ColumnInstance<D> & UseTableHeaderGroupProps<D> & {
-    headers: MRT_HeaderGroup<D>[];
+export declare type MRT_Header<D extends Record<string, any> = {}> = Omit<Header<D>, 'column'> & {
+    column: MRT_ColumnInstance<D>;
+};
+export declare type MRT_HeaderGroup<D extends Record<string, any> = {}> = Omit<HeaderGroup<D>, 'headers'> & {
+    headers: MRT_Header<D>[];
 };
-export declare type MRT_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D> & UseGroupByRowProps<D> & UseRowSelectRowProps<D> & UseRowStateRowProps<D> & {
-    cells: MRT_Cell<D>[];
+export declare type MRT_Row<D extends Record<string, any> = {}> = Omit<Row<D>, 'getVisibleCells' | 'getAllCells' | 'subRows' | 'original' | 'getLeftVisibleCells' | 'getRightVisibleCells' | 'getCenterVisibleCells'> & {
+    getAllCells: () => MRT_Cell<D>[];
+    getCenterVisibleCells: () => MRT_Cell<D>[];
+    getLeftVisibleCells: () => MRT_Cell<D>[];
+    getRightVisibleCells: () => MRT_Cell<D>[];
+    getVisibleCells: () => MRT_Cell<D>[];
+    subRows?: MRT_Row<D>[];
+    original: D;
 };
-export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {
+export declare type MRT_Cell<D extends Record<string, any> = {}> = Omit<Cell<D>, 'column' | 'row'> & {
     column: MRT_ColumnInstance<D>;
+    row: MRT_Row<D>;
 };
 export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
-export declare type MRT_TableState<D extends {} = {}> = TableState<D> & UseColumnOrderState<D> & UseExpandedState<D> & UseFiltersState<D> & UseGlobalFiltersState<D> & UseGroupByState<D> & UsePaginationState<D> & UseResizeColumnsState<D> & UseRowSelectState<D> & UseRowStateState<D> & UseSortByState<D> & {
-    currentEditingRow: MRT_Row<D> | null;
-    currentFilterTypes: {
-        [key: string]: MRT_FilterType;
-    };
-    currentGlobalFilterType: MRT_FilterType;
-    densePadding: boolean;
-    fullScreen: boolean;
-    showFilters: boolean;
-    showSearch: boolean;
-};
-export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & MRT_TableOptions<D> & {
-    disableColumnActions?: boolean;
-    disableColumnHiding?: boolean;
-    disableDensePaddingToggle?: boolean;
-    disableExpandAll?: boolean;
-    disableFullScreenToggle?: boolean;
-    disableSelectAll?: boolean;
-    disableSubRowTree?: boolean;
+export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
     enableClickToCopy?: boolean;
-    enableColumnGrouping?: boolean;
-    enableColumnResizing?: boolean;
+    enableColumnActions?: boolean;
+    enableColumnPinning?: boolean;
+    enableDensePaddingToggle?: boolean;
+    enableExpandAll?: boolean;
+    enableFullScreenToggle?: boolean;
+    enablePagination?: boolean;
     enableRowActions?: boolean;
+    enableStickyHeader?: boolean;
     enableRowEditing?: boolean;
     enableRowNumbers?: boolean;
-    enableSelection?: boolean;
+    enableSelectAll?: boolean;
     enabledGlobalFilterTypes?: (MRT_FILTER_TYPE | string)[];
     filterTypes?: {
         [key in MRT_FILTER_TYPE]: any;
@@ -102,57 +176,180 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
     hideToolbarTop?: boolean;
     icons?: Partial<MRT_Icons>;
     idPrefix?: string;
-    isFetching?: boolean;
+    isReloading?: boolean;
     isLoading?: boolean;
     localization?: Partial<MRT_Localization>;
-    muiLinearProgressProps?: LinearProgressProps | ((tableInstance: MRT_TableInstance) => LinearProgressProps);
-    muiSearchTextFieldProps?: TextFieldProps;
-    muiSelectCheckboxProps?: CheckboxProps | ((isSelectAll?: boolean, row?: MRT_Row<D>, tableInstance?: MRT_TableInstance<D>) => CheckboxProps);
-    muiTableBodyCellCopyButtonProps?: ButtonProps | ((cell?: MRT_Cell<D>) => ButtonProps);
-    muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell?: MRT_Cell<D>) => TextFieldProps);
-    muiTableBodyCellProps?: TableCellProps | ((cell?: MRT_Cell<D>) => TableCellProps);
-    muiTableBodyCellSkeletonProps?: SkeletonProps | ((cell?: MRT_Cell<D>) => SkeletonProps);
-    muiTableBodyProps?: TableBodyProps | ((tableInstance: MRT_TableInstance<D>) => TableBodyProps);
-    muiTableBodyRowProps?: TableRowProps | ((row: Row<D>) => TableRowProps);
-    muiTableContainerProps?: TableContainerProps | ((tableInstance: MRT_TableInstance<D>) => TableContainerProps);
-    muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
-    muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
-    muiTableFooterProps?: TableFooterProps | ((tableInstance: MRT_TableInstance<D>) => TableFooterProps);
-    muiTableFooterRowProps?: TableRowProps | ((footerGroup: MRT_HeaderGroup<D>) => TableRowProps);
-    muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((column: Column<D>) => IconButtonProps);
-    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
-    muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
-    muiTableHeadProps?: TableHeadProps | ((tableInstance: MRT_TableInstance<D>) => TableHeadProps);
-    muiTableHeadRowProps?: TableRowProps | ((row: MRT_HeaderGroup<D>) => TableRowProps);
-    muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: MRT_TableInstance<D>) => Partial<TablePaginationProps>);
-    muiTableProps?: TableProps | ((tableInstance: MRT_TableInstance<D>) => TableProps);
-    muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: MRT_TableInstance<D>) => AlertProps);
-    muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
-    muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
-    onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: MRT_Cell<D>) => void;
-    onColumnHide?: (column: Column<D>, hiddenColumns?: string[]) => void;
-    onDetailPanelClick?: (event: MouseEvent<HTMLTableCellElement>, row: Row<D>) => void;
-    onGlobalFilterChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: Row<D>) => void;
-    onRowEditSubmit?: (row: Row<D>) => Promise<void> | void;
-    onRowExpandChange?: (event: MouseEvent<HTMLButtonElement>, row: Row<D>) => void;
-    onSelectAllChange?: (event: ChangeEvent, selectedRows: Row<D>[]) => void;
-    onSelectChange?: (event: ChangeEvent, row: Row<D>, selectedRows: Row<D>[]) => void;
+    muiLinearProgressProps?: LinearProgressProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => LinearProgressProps);
+    muiSearchTextFieldProps?: TextFieldProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => TextFieldProps);
+    muiSelectCheckboxProps?: CheckboxProps | (({ tableInstance, isSelectAll, row, }: {
+        tableInstance: MRT_TableInstance;
+        isSelectAll: boolean;
+        row?: MRT_Row<D>;
+    }) => CheckboxProps);
+    muiTableBodyCellCopyButtonProps?: ButtonProps | (({ tableInstance, cell, }: {
+        tableInstance: MRT_TableInstance;
+        cell: MRT_Cell<D>;
+    }) => ButtonProps);
+    muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ tableInstance, cell, }: {
+        tableInstance: MRT_TableInstance;
+        cell: MRT_Cell<D>;
+    }) => TextFieldProps);
+    muiTableBodyCellProps?: TableCellProps | (({ tableInstance, cell, }: {
+        tableInstance: MRT_TableInstance;
+        cell: MRT_Cell<D>;
+    }) => TableCellProps);
+    muiTableBodyCellSkeletonProps?: SkeletonProps | (({ tableInstance, cell, }: {
+        tableInstance: MRT_TableInstance;
+        cell: MRT_Cell<D>;
+    }) => SkeletonProps);
+    muiTableBodyProps?: TableBodyProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => TableBodyProps);
+    muiTableBodyRowProps?: TableRowProps | (({ tableInstance, row, }: {
+        tableInstance: MRT_TableInstance;
+        row: MRT_Row<D>;
+    }) => TableRowProps);
+    muiTableContainerProps?: TableContainerProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => TableContainerProps);
+    muiTableDetailPanelProps?: TableCellProps | (({ tableInstance, row, }: {
+        tableInstance: MRT_TableInstance;
+        row: MRT_Row<D>;
+    }) => TableCellProps);
+    muiTableFooterCellProps?: TableCellProps | (({ tableInstance, column, }: {
+        tableInstance: MRT_TableInstance;
+        column: MRT_ColumnInstance<D>;
+    }) => TableCellProps);
+    muiTableFooterProps?: TableFooterProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => TableFooterProps);
+    muiTableFooterRowProps?: TableRowProps | (({ tableInstance, footerGroup, }: {
+        tableInstance: MRT_TableInstance;
+        footerGroup: MRT_HeaderGroup<D>;
+    }) => TableRowProps);
+    muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ tableInstance, column, }: {
+        tableInstance: MRT_TableInstance;
+        column: MRT_ColumnInstance<D>;
+    }) => IconButtonProps);
+    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ tableInstance, column, }: {
+        tableInstance: MRT_TableInstance;
+        column: MRT_ColumnInstance<D>;
+    }) => TextFieldProps);
+    muiTableHeadCellProps?: TableCellProps | (({ tableInstance, column, }: {
+        tableInstance: MRT_TableInstance;
+        column: MRT_ColumnInstance<D>;
+    }) => TableCellProps);
+    muiTableHeadProps?: TableHeadProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => TableHeadProps);
+    muiTableHeadRowProps?: TableRowProps | (({ tableInstance, headerGroup, }: {
+        tableInstance: MRT_TableInstance;
+        headerGroup: MRT_HeaderGroup<D>;
+    }) => TableRowProps);
+    muiTablePaperProps?: PaperProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => PaperProps);
+    muiTablePaginationProps?: Partial<TablePaginationProps> | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => Partial<TablePaginationProps>);
+    muiTableProps?: TableProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => TableProps);
+    muiTableToolbarAlertBannerProps?: AlertProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => AlertProps);
+    muiTableToolbarBottomProps?: ToolbarProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => ToolbarProps);
+    muiTableToolbarTopProps?: ToolbarProps | (({ tableInstance, }: {
+        tableInstance: MRT_TableInstance;
+    }) => ToolbarProps);
+    onCellClick?: ({ cell, event, tableInstance, }: {
+        cell: MRT_Cell<D>;
+        tableInstance: MRT_TableInstance<D>;
+        event: MouseEvent<HTMLTableCellElement>;
+    }) => void;
+    onColumnHide?: ({ column, columnVisibility, tableInstance, }: {
+        column: MRT_ColumnInstance<D>;
+        columnVisibility: VisibilityState;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onDetailPanelClick?: ({ event, row, tableInstance, }: {
+        event: MouseEvent<HTMLTableCellElement>;
+        row: MRT_Row<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onGlobalFilterChange?: ({ event, tableInstance, }: {
+        event: ChangeEvent<HTMLInputElement>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onRowClick?: ({ event, row, tableInstance, }: {
+        event: MouseEvent<HTMLTableRowElement>;
+        row: MRT_Row<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onRowEditSubmit?: ({ row, tableInstance, }: {
+        row: MRT_Row<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => Promise<void> | void;
+    onRowExpandChange?: ({ event, row, }: {
+        event: MouseEvent<HTMLButtonElement>;
+        row: MRT_Row<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onSelectAllChange?: ({ event, selectedRows, tableInstance, }: {
+        event: ChangeEvent;
+        selectedRows: MRT_Row<D>[];
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onSelectChange?: ({ event, row, selectedRows, tableInstance, }: {
+        event: ChangeEvent;
+        row: MRT_Row<D>;
+        selectedRows: MRT_Row<D>[];
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
     positionActionsColumn?: 'first' | 'last';
     positionPagination?: 'bottom' | 'top' | 'both';
     positionToolbarActions?: 'bottom' | 'top';
     positionToolbarAlertBanner?: 'bottom' | 'top';
-    renderDetailPanel?: (row: Row<D>) => ReactNode;
-    renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: MRT_TableInstance<D>, closeMenu: () => void) => ReactNode[];
-    renderRowActions?: (row: Row<D>, tableInstance: MRT_TableInstance<D>) => ReactNode;
-    renderToolbarCustomActions?: (tableInstance: MRT_TableInstance<D>) => ReactNode;
-    renderToolbarInternalActions?: (tableInstance: MRT_TableInstance<D>, { MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
-        MRT_ToggleSearchButton: FC<IconButtonProps>;
-        MRT_ToggleFiltersButton: FC<IconButtonProps>;
-        MRT_ShowHideColumnsButton: FC<IconButtonProps>;
-        MRT_ToggleDensePaddingButton: FC<IconButtonProps>;
-        MRT_FullScreenToggleButton: FC<IconButtonProps>;
+    renderDetailPanel?: ({ row, tableInstance, }: {
+        row: MRT_Row<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    renderRowActionMenuItems?: ({ closeMenu, row, tableInstance, }: {
+        closeMenu: () => void;
+        row: MRT_Row<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode[];
+    renderRowActions?: ({ row, tableInstance, }: {
+        row: MRT_Row<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    renderToolbarCustomActions?: ({ tableInstance, }: {
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    renderToolbarInternalActions?: ({ tableInstance, MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
+        tableInstance: MRT_TableInstance<D>;
+        MRT_ToggleSearchButton: FC<IconButtonProps & {
+            tableInstance: MRT_TableInstance<D>;
+        }>;
+        MRT_ToggleFiltersButton: FC<IconButtonProps & {
+            tableInstance: MRT_TableInstance<D>;
+        }>;
+        MRT_ShowHideColumnsButton: FC<IconButtonProps & {
+            tableInstance: MRT_TableInstance<D>;
+        }>;
+        MRT_ToggleDensePaddingButton: FC<IconButtonProps & {
+            tableInstance: MRT_TableInstance<D>;
+        }>;
+        MRT_FullScreenToggleButton: FC<IconButtonProps & {
+            tableInstance: MRT_TableInstance<D>;
+        }>;
     }) => ReactNode;
 };
-declare const _default: <D extends {} = {}>({ defaultColumn, filterTypes, globalFilter, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+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;
 export default _default;

package/dist/body/MRT_TableBody.d.ts

@@ -1,5 +1,8 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
+    pinned: 'left' | 'center' | 'right' | 'none';
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_TableBody: FC<Props>;
 export {};

package/dist/body/MRT_TableBodyCell.d.ts

@@ -1,17 +1,8 @@
 import { FC } from 'react';
-import type { MRT_Cell } from '..';
-export declare const commonTableBodyCellStyles: (densePadding: boolean) => {
-    p: string;
-    transition: string;
-    whiteSpace: string;
-};
-export declare const commonTableBodyButtonCellStyles: (densePadding: boolean) => {
-    p: string;
-    textAlign: string;
-    transition: string;
-};
+import type { MRT_Cell, MRT_TableInstance } from '..';
 interface Props {
     cell: MRT_Cell;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_TableBodyCell: FC<Props>;
 export {};

package/dist/body/MRT_TableBodyRow.d.ts

@@ -1,7 +1,9 @@
 import { FC } from 'react';
-import type { MRT_Row } from '..';
+import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props {
+    pinned: 'left' | 'center' | 'right' | 'none';
     row: MRT_Row;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_TableBodyRow: FC<Props>;
 export {};

package/dist/body/MRT_TableDetailPanel.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import type { MRT_Row } from '..';
+import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props {
     row: MRT_Row;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_TableDetailPanel: FC<Props>;
 export {};

package/dist/buttons/MRT_CopyButton.d.ts

@@ -1,7 +1,9 @@
-import { FC } from 'react';
-import { MRT_Cell } from '..';
+import { FC, ReactNode } from 'react';
+import { MRT_Cell, MRT_TableInstance } from '..';
 interface Props {
     cell: MRT_Cell;
+    children: ReactNode;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_CopyButton: FC<Props>;
 export {};

package/dist/buttons/MRT_EditActionButtons.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import type { MRT_Row } from '..';
+import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props {
     row: MRT_Row;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_EditActionButtons: FC<Props>;
 export {};

package/dist/buttons/MRT_ExpandAllButton.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ExpandAllButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ExpandButton.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import type { MRT_Row } from '..';
+import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props {
     row: MRT_Row;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ExpandButton: FC<Props>;
 export {};