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

package/dist/MaterialReactTable.d.ts

@@ -1,96 +1,145 @@
-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 } 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;
+    getPaginationRowModel: () => MRT_RowModel;
+    getPrePaginationRowModel: () => MRT_RowModel;
+    getRowModel: () => MRT_RowModel;
+    getSelectedRowModel: () => MRT_RowModel;
+    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_ColumnInterface<D extends {} = {}> = ColumnInterface<D> & UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
-    Edit?: ({ cell, onChange, }: {
+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 Record<string, any> = {}> = Omit<ColumnDef<D>, 'header' | 'footer' | 'columns'> & {
+    Edit?: ({ cell, tableInstance, onChange, }: {
         cell: MRT_Cell<D>;
+        tableInstance: MRT_TableInstance<D>;
         onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     }) => ReactNode;
-    Filter?: ({ column }: {
-        column: MRT_HeaderGroup<D>;
+    Filter?: ({ header, tableInstance, }: {
+        header: MRT_Header<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    Footer?: ({ footer, tableInstance, }: {
+        footer: MRT_Header<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    Header?: ({ header, tableInstance, }: {
+        header: MRT_Header<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => ReactNode;
+    Cell?: ({ cell, tableInstance, }: {
+        cell: MRT_Cell<D>;
+        tableInstance: MRT_TableInstance<D>;
     }) => ReactNode;
-    Footer?: string;
-    Header?: string;
-    accessor?: string;
+    id: keyof D | string;
     columns?: MRT_ColumnInterface<D>[];
-    disableClickToCopy?: boolean;
-    disableColumnActions?: boolean;
-    disableColumnHiding?: boolean;
-    disableEditing?: boolean;
-    disableFilters?: boolean;
+    enableClickToCopy?: boolean;
+    enableColumnActions?: boolean;
+    enableEditing?: boolean;
+    enableColumnFilters?: boolean;
+    enableHiding?: boolean;
     enabledFilterTypes?: (MRT_FILTER_TYPE | string)[];
     filter?: MRT_FilterType | string | FilterType<D>;
     filterSelectOptions?: (string | {
         text: string;
         value: string;
     })[];
+    footer?: string;
+    header: 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);
+    muiTableFooterCellProps?: TableCellProps | ((column: MRT_ColumnInstance<D>) => TableCellProps);
+    muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((column: MRT_ColumnInstance<D>) => IconButtonProps);
+    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: MRT_ColumnInstance<D>) => TextFieldProps);
+    muiTableHeadCellProps?: TableCellProps | ((column: MRT_ColumnInstance<D>) => TableCellProps);
     onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
     onFilterChange?: (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_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D> & UseGroupByRowProps<D> & UseRowSelectRowProps<D> & UseRowStateRowProps<D> & {
-    cells: MRT_Cell<D>[];
+export declare type MRT_HeaderGroup<D extends Record<string, any> = {}> = Omit<HeaderGroup<D>, 'headers'> & {
+    headers: MRT_Header<D>[];
 };
-export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<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 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,7 +151,7 @@ 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);
@@ -113,46 +162,57 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
     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);
+    muiTableBodyRowProps?: TableRowProps | ((row: MRT_Row<D>) => TableRowProps);
     muiTableContainerProps?: TableContainerProps | ((tableInstance: MRT_TableInstance<D>) => TableContainerProps);
-    muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
-    muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
+    muiTableDetailPanelProps?: TableCellProps | ((row: MRT_Row<D>) => TableCellProps);
+    muiTableFooterCellProps?: TableCellProps | ((column: MRT_ColumnInstance<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);
+    muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((column: MRT_ColumnInstance<D>) => IconButtonProps);
+    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: MRT_ColumnInstance<D>) => TextFieldProps);
+    muiTableHeadCellProps?: TableCellProps | ((column: MRT_ColumnInstance<D>) => TableCellProps);
     muiTableHeadProps?: TableHeadProps | ((tableInstance: MRT_TableInstance<D>) => TableHeadProps);
-    muiTableHeadRowProps?: TableRowProps | ((row: MRT_HeaderGroup<D>) => TableRowProps);
+    muiTableHeadRowProps?: TableRowProps | ((headerGroup: MRT_HeaderGroup<D>) => TableRowProps);
+    muiTablePaperProps?: PaperProps | ((tableInstance: MRT_TableInstance<D>) => PaperProps);
     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;
+    onColumnHide?: (column: MRT_ColumnInstance<D>, hiddenColumns?: string[]) => void;
+    onDetailPanelClick?: (event: MouseEvent<HTMLTableCellElement>, row: MRT_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;
+    onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: MRT_Row<D>) => void;
+    onRowEditSubmit?: (row: MRT_Row<D>) => Promise<void> | void;
+    onRowExpandChange?: (event: MouseEvent<HTMLButtonElement>, row: MRT_Row<D>) => void;
+    onSelectAllChange?: (event: ChangeEvent, selectedRows: MRT_Row<D>[]) => void;
+    onSelectChange?: (event: ChangeEvent, row: MRT_Row<D>, selectedRows: MRT_Row<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;
+    renderDetailPanel?: (row: MRT_Row<D>) => ReactNode;
+    renderRowActionMenuItems?: (rowData: MRT_Row<D>, tableInstance: MRT_TableInstance<D>, closeMenu: () => void) => ReactNode[];
+    renderRowActions?: (row: MRT_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>;
+        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 {};

package/dist/buttons/MRT_FullScreenToggleButton.d.ts

@@ -1,6 +1,8 @@
 import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
+import { MRT_TableInstance } from '..';
 interface Props extends IconButtonProps {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_FullScreenToggleButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ShowHideColumnsButton.d.ts

@@ -1,6 +1,8 @@
 import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
+import { MRT_TableInstance } from '..';
 interface Props extends IconButtonProps {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ShowHideColumnsButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleColumnActionMenuButton.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import type { MRT_HeaderGroup } from '..';
+import type { MRT_Header, MRT_TableInstance } from '..';
 interface Props {
-    column: MRT_HeaderGroup;
+    header: MRT_Header;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ToggleColumnActionMenuButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleDensePaddingButton.d.ts

@@ -1,6 +1,8 @@
 import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
+import { MRT_TableInstance } from '..';
 interface Props extends IconButtonProps {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ToggleDensePaddingButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleFiltersButton.d.ts

@@ -1,6 +1,8 @@
 import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
+import { MRT_TableInstance } from '..';
 interface Props extends IconButtonProps {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ToggleFiltersButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleRowActionMenuButton.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_ToggleRowActionMenuButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleSearchButton.d.ts

@@ -1,6 +1,8 @@
 import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
+import { MRT_TableInstance } from '..';
 interface Props extends IconButtonProps {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ToggleSearchButton: FC<Props>;
 export {};

package/dist/footer/MRT_TableFooter.d.ts

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

package/dist/footer/MRT_TableFooterCell.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import type { MRT_HeaderGroup } from '..';
+import type { MRT_Header, MRT_TableInstance } from '..';
 interface Props {
-    column: MRT_HeaderGroup;
+    footer: MRT_Header;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_TableFooterCell: FC<Props>;
 export {};

package/dist/footer/MRT_TableFooterRow.d.ts

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

package/dist/head/MRT_TableHead.d.ts

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

package/dist/head/MRT_TableHeadCell.d.ts

@@ -1,22 +1,8 @@
-import { CSSProperties, FC } from 'react';
-import type { MRT_HeaderGroup } from '..';
-export declare const commonTableHeadCellStyles: (densePadding: boolean, enableColumnResizing?: boolean | undefined, widths?: {
-    maxWidth?: CSSProperties['maxWidth'];
-    minWidth?: CSSProperties['minWidth'];
-    width?: CSSProperties['width'];
-} | undefined) => {
-    maxWidth?: CSSProperties['maxWidth'];
-    minWidth?: CSSProperties['minWidth'];
-    width?: CSSProperties['width'];
-    fontWeight: string;
-    height: string;
-    p: string;
-    pt: string;
-    transition: string;
-    verticalAlign: string;
-};
+import { FC } from 'react';
+import type { MRT_Header, MRT_TableInstance } from '..';
 interface Props {
-    column: MRT_HeaderGroup;
+    header: MRT_Header;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_TableHeadCell: FC<Props>;
 export {};

package/dist/head/MRT_TableHeadRow.d.ts

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

package/dist/icons.d.ts

@@ -4,7 +4,6 @@ export interface MRT_Icons {
     CheckBoxIcon: any;
     ClearAllIcon: any;
     CloseIcon: any;
-    ContentCopyIcon: any;
     DensityMediumIcon: any;
     DensitySmallIcon: any;
     DoubleArrowDownIcon: any;
@@ -20,6 +19,7 @@ export interface MRT_Icons {
     FullscreenIcon: any;
     MoreHorizIcon: any;
     MoreVertIcon: any;
+    PushPinIcon: any;
     SaveIcon: any;
     SearchIcon: any;
     SearchOffIcon: any;

package/dist/inputs/MRT_EditCellTextField.d.ts

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

package/dist/inputs/MRT_FilterTextField.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import type { MRT_HeaderGroup } from '..';
+import type { MRT_Header, MRT_TableInstance } from '..';
 interface Props {
-    column: MRT_HeaderGroup;
+    header: MRT_Header;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_FilterTextField: FC<Props>;
 export {};

package/dist/inputs/MRT_SearchTextField.d.ts

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

package/dist/inputs/MRT_SelectCheckbox.d.ts

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