material-react-table 1.0.0-beta.1 → 1.0.0-beta.12

package/dist/esm/menus/MRT_FilterOptionMenu.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import type { MRT_Header, MRT_InternalFilterOption, MRT_TableInstance } from '..';
-import { MRT_Localization } from '../localization';
+import type { MRT_Header, MRT_InternalFilterOption, MRT_Localization, MRT_TableInstance } from '..';
 export declare const mrtFilterOptions: (localization: MRT_Localization) => MRT_InternalFilterOption[];
 interface Props<TData extends Record<string, any> = {}> {
     anchorEl: HTMLElement | null;
     header?: MRT_Header<TData>;
     onSelect?: () => void;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
+    setFilterValue?: (filterValue: any) => void;
     table: MRT_TableInstance<TData>;
 }
-export declare const MRT_FilterOptionMenu: <TData extends Record<string, any> = {}>({ anchorEl, header, onSelect, setAnchorEl, table, }: Props<TData>) => JSX.Element;
+export declare const MRT_FilterOptionMenu: <TData extends Record<string, any> = {}>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/esm/menus/MRT_ShowHideColumnsMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     anchorEl: HTMLElement | null;

package/dist/esm/table/MRT_Table.d.ts

@@ -1,7 +1,6 @@
-import { FC, RefObject } from 'react';
+import { FC } from 'react';
 import { MRT_TableInstance } from '..';
 interface Props {
-    tableContainerRef: RefObject<HTMLDivElement>;
     table: MRT_TableInstance;
 }
 export declare const MRT_Table: FC<Props>;

package/dist/esm/table/MRT_TableRoot.d.ts

@@ -1,3 +1,250 @@
-/// <reference types="react" />
-import type { MaterialReactTableProps } from '..';
-export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>) => JSX.Element;
+import React from 'react';
+import type { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_FilterOption, MRT_Row, MRT_TableInstance, MRT_TableState, MaterialReactTableProps, MRT_Localization } from '..';
+export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/table-core").TableOptions<TData>>, "state" | "data" | "onStateChange" | "initialState" | "columns" | "defaultColumn" | "enableRowSelection" | "expandRowsFn"> & {
+    columnFilterModeOptions?: (string | (string & Record<never, never>))[] | null | undefined;
+    columns: MRT_ColumnDef<TData>[];
+    data: TData[];
+    defaultColumn?: Partial<MRT_ColumnDef<TData>> | undefined;
+    defaultDisplayColumn?: Partial<MRT_ColumnDef<TData>> | undefined;
+    displayColumnDefOptions?: Partial<{
+        "mrt-row-drag": Partial<MRT_ColumnDef<{}>>;
+        "mrt-row-actions": Partial<MRT_ColumnDef<{}>>;
+        "mrt-row-expand": Partial<MRT_ColumnDef<{}>>;
+        "mrt-row-select": Partial<MRT_ColumnDef<{}>>;
+        "mrt-row-numbers": Partial<MRT_ColumnDef<{}>>;
+    }> | undefined;
+    editingMode?: "cell" | "row" | "table" | "modal" | undefined;
+    enableBottomToolbar?: boolean | undefined;
+    enableClickToCopy?: boolean | undefined;
+    enableColumnActions?: boolean | undefined;
+    enableColumnDragging?: boolean | undefined;
+    enableColumnFilterModes?: boolean | undefined;
+    enableColumnOrdering?: boolean | undefined;
+    enableDensityToggle?: boolean | undefined;
+    enableEditing?: boolean | undefined;
+    enableExpandAll?: boolean | undefined;
+    enableFullScreenToggle?: boolean | undefined;
+    enableGlobalFilterModes?: boolean | undefined;
+    enableGlobalFilterRankedResults?: boolean | undefined;
+    enablePagination?: boolean | undefined;
+    enableRowActions?: boolean | undefined;
+    enableRowDragging?: boolean | undefined;
+    enableRowNumbers?: boolean | undefined;
+    enableRowOrdering?: boolean | undefined;
+    enableRowSelection?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
+    enableRowVirtualization?: boolean | undefined;
+    enableSelectAll?: boolean | undefined;
+    enableStickyFooter?: boolean | undefined;
+    enableStickyHeader?: boolean | undefined;
+    enableTableFooter?: boolean | undefined;
+    enableTableHead?: boolean | undefined;
+    enableToolbarInternalActions?: boolean | undefined;
+    enableTopToolbar?: boolean | undefined;
+    globalFilterModeOptions?: (string | (string & Record<never, never>))[] | null | undefined;
+    expandRowsFn?: ((dataRow: TData) => TData[]) | undefined;
+    icons?: Partial<import("..").MRT_Icons> | undefined;
+    initialState?: Partial<MRT_TableState<TData>> | undefined;
+    localization?: Partial<MRT_Localization> | undefined;
+    muiBottomToolbarProps?: import("@mui/material").ToolbarProps<"div", {}> | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").ToolbarProps<"div", {}>) | undefined;
+    muiExpandAllButtonProps?: import("@mui/material").IconButtonProps<"button", {}> | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
+    muiExpandButtonProps?: import("@mui/material").IconButtonProps<"button", {}> | (({ row, table, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
+    muiLinearProgressProps?: import("@mui/material").LinearProgressProps | (({ isTopToolbar, table, }: {
+        isTopToolbar: boolean;
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").LinearProgressProps) | undefined;
+    muiSearchTextFieldProps?: import("@mui/material").TextFieldProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").TextFieldProps) | undefined;
+    muiSelectAllCheckboxProps?: import("@mui/material").CheckboxProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").CheckboxProps) | undefined;
+    muiSelectCheckboxProps?: import("@mui/material").CheckboxProps | (({ table, row, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => import("@mui/material").CheckboxProps) | undefined;
+    muiTableBodyCellCopyButtonProps?: import("@mui/material").ButtonProps<"button", {}> | (({ cell, column, row, table, }: {
+        cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").ButtonProps<"button", {}>) | undefined;
+    muiTableBodyCellEditTextFieldProps?: import("@mui/material").TextFieldProps | (({ cell, column, row, table, }: {
+        cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").TextFieldProps) | undefined;
+    muiTableBodyCellProps?: import("@mui/material").TableCellProps | (({ cell, column, row, table, }: {
+        cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").TableCellProps) | undefined;
+    muiTableBodyCellSkeletonProps?: import("@mui/material").SkeletonProps<"span", {}> | (({ cell, column, row, table, }: {
+        cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").SkeletonProps<"span", {}>) | undefined;
+    muiTableBodyProps?: import("@mui/material").TableBodyProps<"tbody", {}> | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").TableBodyProps<"tbody", {}>) | undefined;
+    muiTableBodyRowDragHandleProps?: import("@mui/material").IconButtonProps<"button", {}> | (({ table, row, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
+    muiTableBodyRowProps?: import("@mui/material").TableRowProps<"tr", {}> | (({ table, row, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => import("@mui/material").TableRowProps<"tr", {}>) | undefined;
+    muiTableContainerProps?: import("@mui/material").TableContainerProps<"div", {}> | (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").TableContainerProps<"div", {}>) | undefined;
+    muiTableDetailPanelProps?: import("@mui/material").TableCellProps | (({ table, row, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => import("@mui/material").TableCellProps) | undefined;
+    muiTableFooterCellProps?: import("@mui/material").TableCellProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => import("@mui/material").TableCellProps) | undefined;
+    muiTableFooterProps?: import("@mui/material").TableFooterProps<"tfoot", {}> | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").TableFooterProps<"tfoot", {}>) | undefined;
+    muiTableFooterRowProps?: import("@mui/material").TableRowProps<"tr", {}> | (({ table, footerGroup, }: {
+        table: MRT_TableInstance<TData>;
+        footerGroup: import("..").MRT_HeaderGroup<TData>;
+    }) => import("@mui/material").TableRowProps<"tr", {}>) | undefined;
+    muiTableHeadCellColumnActionsButtonProps?: import("@mui/material").IconButtonProps<"button", {}> | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
+    muiTableHeadCellDragHandleProps?: import("@mui/material").IconButtonProps<"button", {}> | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
+    muiTableHeadCellFilterTextFieldProps?: import("@mui/material").TextFieldProps | (({ table, column, rangeFilterIndex, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+        rangeFilterIndex?: number | undefined;
+    }) => import("@mui/material").TextFieldProps) | undefined;
+    muiTableHeadCellProps?: import("@mui/material").TableCellProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => import("@mui/material").TableCellProps) | undefined;
+    muiTableHeadProps?: import("@mui/material").TableHeadProps<"thead", {}> | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").TableHeadProps<"thead", {}>) | undefined;
+    muiTableHeadRowProps?: import("@mui/material").TableRowProps<"tr", {}> | (({ table, headerGroup, }: {
+        table: MRT_TableInstance<TData>;
+        headerGroup: import("..").MRT_HeaderGroup<TData>;
+    }) => import("@mui/material").TableRowProps<"tr", {}>) | undefined;
+    muiTablePaginationProps?: Partial<import("@mui/material").TablePaginationProps<React.JSXElementConstructor<import("@mui/material").TablePaginationBaseProps>, {}>> | (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<import("@mui/material").TablePaginationProps<React.JSXElementConstructor<import("@mui/material").TablePaginationBaseProps>, {}>>) | undefined;
+    muiTablePaperProps?: import("@mui/material").PaperProps<"div", {}> | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").PaperProps<"div", {}>) | undefined;
+    muiTableProps?: import("@mui/material").TableProps<"table", {}> | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").TableProps<"table", {}>) | undefined;
+    muiToolbarAlertBannerChipProps?: import("@mui/material").ChipProps<"div", {}> | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").ChipProps<"div", {}>) | undefined;
+    muiToolbarAlertBannerProps?: import("@mui/material").AlertProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").AlertProps) | undefined;
+    muiTopToolbarProps?: import("@mui/material").ToolbarProps<"div", {}> | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => import("@mui/material").ToolbarProps<"div", {}>) | undefined;
+    onDensityChange?: import("@tanstack/table-core").OnChangeFn<boolean> | undefined;
+    onDraggingColumnChange?: import("@tanstack/table-core").OnChangeFn<MRT_Column<TData> | null> | undefined;
+    onDraggingRowChange?: import("@tanstack/table-core").OnChangeFn<MRT_Row<TData> | null> | undefined;
+    onEditingCellChange?: import("@tanstack/table-core").OnChangeFn<MRT_Cell<TData> | null> | undefined;
+    onEditingRowSave?: (({ exitEditingMode, row, table, values, }: {
+        exitEditingMode: () => void;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+        values: Record<(string & Record<never, never>) | (string & import("@tanstack/table-core").DeepKeys<TData>), any>;
+    }) => void | Promise<void>) | undefined;
+    onEditingRowChange?: import("@tanstack/table-core").OnChangeFn<MRT_Row<TData> | null> | undefined;
+    onFilterFnsChange?: import("@tanstack/table-core").OnChangeFn<{
+        [key: string]: MRT_FilterOption;
+    }> | undefined;
+    onGlobalFilterFnChange?: import("@tanstack/table-core").OnChangeFn<MRT_FilterOption> | undefined;
+    onHoveredColumnChange?: import("@tanstack/table-core").OnChangeFn<MRT_Column<TData> | null> | undefined;
+    onHoveredRowChange?: import("@tanstack/table-core").OnChangeFn<MRT_Row<TData> | null> | undefined;
+    onIsFullScreenChange?: import("@tanstack/table-core").OnChangeFn<boolean> | undefined;
+    onShowAlertBannerChange?: import("@tanstack/table-core").OnChangeFn<boolean> | undefined;
+    onShowFiltersChange?: import("@tanstack/table-core").OnChangeFn<boolean> | undefined;
+    onShowGlobalFilterChange?: import("@tanstack/table-core").OnChangeFn<boolean> | undefined;
+    positionActionsColumn?: "first" | "last" | undefined;
+    positionExpandColumn?: "first" | "last" | undefined;
+    positionGlobalFilter?: "left" | "right" | undefined;
+    positionPagination?: "bottom" | "top" | "both" | undefined;
+    positionToolbarAlertBanner?: "bottom" | "top" | "none" | undefined;
+    positionToolbarDropZone?: "bottom" | "top" | "none" | "both" | undefined;
+    renderBottomToolbar?: React.ReactNode | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode);
+    renderBottomToolbarCustomActions?: (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode) | undefined;
+    renderColumnActionsMenuItems?: (({ column, closeMenu, table, }: {
+        column: MRT_Column<TData>;
+        closeMenu: () => void;
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode[]) | undefined;
+    renderColumnFilterModeMenuItems?: (({ column, internalFilterOptions, onSelectFilterMode, table, }: {
+        column: MRT_Column<TData>;
+        internalFilterOptions: import("..").MRT_InternalFilterOption[];
+        onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode[]) | undefined;
+    renderDetailPanel?: (({ row, table, }: {
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode) | undefined;
+    renderGlobalFilterModeMenuItems?: (({ internalFilterOptions, onSelectFilterMode, table, }: {
+        internalFilterOptions: import("..").MRT_InternalFilterOption[];
+        onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode[]) | undefined;
+    renderRowActionMenuItems?: (({ closeMenu, row, table, }: {
+        closeMenu: () => void;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode[]) | undefined;
+    renderRowActions?: (({ cell, row, table, }: {
+        cell: MRT_Cell<TData>;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode) | undefined;
+    renderToolbarInternalActions?: (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode) | undefined;
+    renderTopToolbar?: React.ReactNode | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode);
+    renderTopToolbarCustomActions?: (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => React.ReactNode) | undefined;
+    rowCount?: number | undefined;
+    rowNumberMode?: "original" | "static" | undefined;
+    selectAllMode?: "all" | "page" | undefined;
+    state?: Partial<MRT_TableState<TData>> | undefined;
+    tableInstanceRef?: React.MutableRefObject<MRT_TableInstance<TData> | null> | undefined;
+    virtualizerProps?: Partial<import("react-virtual").Options<HTMLDivElement>> | (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<import("react-virtual").Options<HTMLDivElement>>) | undefined;
+    virtualizerInstanceRef?: React.MutableRefObject<import("..").Virtualizer | null> | undefined;
+} & {
+    localization: MRT_Localization;
+}) => JSX.Element;

package/dist/esm/toolbar/MRT_TablePagination.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { MRT_TableInstance } from '..';
-interface Props {
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> {
+    table: MRT_TableInstance<TData>;
     position: 'top' | 'bottom';
 }
-export declare const MRT_TablePagination: FC<Props>;
+export declare const MRT_TablePagination: <TData extends Record<string, any> = {}>({ table, position, }: Props<TData>) => JSX.Element;
 export {};

package/dist/esm/toolbar/MRT_ToolbarAlertBanner.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { MRT_TableInstance } from '..';
 interface Props {
-    stackAlertBanner?: boolean;
+    stackAlertBanner: boolean;
     table: MRT_TableInstance;
 }
 export declare const MRT_ToolbarAlertBanner: FC<Props>;

package/dist/esm/toolbar/MRT_ToolbarInternalButtons.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
 import type { MRT_TableInstance } from '..';
-interface Props {
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> {
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_ToolbarInternalButtons: FC<Props>;
+export declare const MRT_ToolbarInternalButtons: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/esm/toolbar/MRT_TopToolbar.d.ts

@@ -8,6 +8,7 @@ export declare const commonToolbarStyles: ({ theme }: {
     backgroundColor: string;
     backgroundImage: string;
     display: string;
+    flexWrap: string;
     minHeight: string;
     overflow: string;
     p: string;

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { MutableRefObject, Dispatch, SetStateAction, ReactNode, DragEvent } from 'react';
+import { MutableRefObject, Dispatch, SetStateAction, ReactNode } from 'react';
 import { ButtonProps, TextFieldProps, TableCellProps, IconButtonProps, ToolbarProps, LinearProgressProps, CheckboxProps, SkeletonProps, TableBodyProps, TableRowProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, PaperProps, TableProps, ChipProps, AlertProps } from '@mui/material';
 import { Row, Table, TableState, ColumnDef, DeepKeys, Column, Header, HeaderGroup, Cell, SortingFn, FilterFn, TableOptions, OnChangeFn } from '@tanstack/react-table';
 import { Options, VirtualItem } from 'react-virtual';
@@ -106,6 +105,17 @@ declare const MRT_FilterFns: {
     inNumberRange: _tanstack_table_core.FilterFn<any>;
 };
 
+declare const MRT_SortingFns: {
+    fuzzy: <TData extends Record<string, any> = {}>(rowA: Row<TData>, rowB: Row<TData>, columnId: string) => number;
+    alphanumeric: _tanstack_table_core.SortingFn<any>;
+    alphanumericCaseSensitive: _tanstack_table_core.SortingFn<any>;
+    text: _tanstack_table_core.SortingFn<any>;
+    textCaseSensitive: _tanstack_table_core.SortingFn<any>;
+    datetime: _tanstack_table_core.SortingFn<any>;
+    basic: _tanstack_table_core.SortingFn<any>;
+};
+
+declare type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 interface MRT_Localization {
     actions: string;
     and: string;
@@ -155,6 +165,8 @@ interface MRT_Localization {
     max: string;
     min: string;
     move: string;
+    noRecordsToDisplay: string;
+    noResultsFound: string;
     or: string;
     pinToLeft: string;
     pinToRight: string;
@@ -187,18 +199,6 @@ interface MRT_Localization {
     unpinAll: string;
     unsorted: string;
 }
-
-declare const MRT_SortingFns: {
-    fuzzy: <TData extends Record<string, any> = {}>(rowA: Row<TData>, rowB: Row<TData>, columnId: string) => number;
-    alphanumeric: _tanstack_table_core.SortingFn<any>;
-    alphanumericCaseSensitive: _tanstack_table_core.SortingFn<any>;
-    text: _tanstack_table_core.SortingFn<any>;
-    textCaseSensitive: _tanstack_table_core.SortingFn<any>;
-    datetime: _tanstack_table_core.SortingFn<any>;
-    basic: _tanstack_table_core.SortingFn<any>;
-};
-
-declare type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 interface MRT_RowModel<TData extends Record<string, any> = {}> {
     flatRows: MRT_Row<TData>[];
     rows: MRT_Row<TData>[];
@@ -232,6 +232,7 @@ declare type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Ta
         filterInputRefs: MutableRefObject<Record<string, HTMLInputElement>>;
         searchInputRef: MutableRefObject<HTMLInputElement>;
         tableContainerRef: MutableRefObject<HTMLDivElement>;
+        tablePaperRef: MutableRefObject<HTMLDivElement>;
         topToolbarRef: MutableRefObject<HTMLDivElement>;
     };
     setColumnFilterFns: Dispatch<SetStateAction<{
@@ -385,9 +386,11 @@ declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<Column
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => TextFieldProps);
-    muiTableBodyCellProps?: TableCellProps | (({ cell, table, }: {
-        table: MRT_TableInstance<TData>;
+    muiTableBodyCellProps?: TableCellProps | (({ cell, column, row, table, }: {
         cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
     }) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | (({ table, column, }: {
         table: MRT_TableInstance<TData>;
@@ -518,7 +521,7 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
     muiExpandAllButtonProps?: IconButtonProps | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => IconButtonProps);
-    muiExpandButtonProps?: IconButtonProps | (({ table, }: {
+    muiExpandButtonProps?: IconButtonProps | (({ row, table, }: {
         table: MRT_TableInstance<TData>;
         row: MRT_Row<TData>;
     }) => IconButtonProps);
@@ -554,9 +557,11 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => TableCellProps);
-    muiTableBodyCellSkeletonProps?: SkeletonProps | (({ table, cell, }: {
-        table: MRT_TableInstance<TData>;
+    muiTableBodyCellSkeletonProps?: SkeletonProps | (({ cell, column, row, table, }: {
         cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
     }) => SkeletonProps);
     muiTableBodyProps?: TableBodyProps | (({ table }: {
         table: MRT_TableInstance<TData>;
@@ -629,13 +634,6 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
     muiTopToolbarProps?: ToolbarProps | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => ToolbarProps);
-    onColumnDrop?: ({ event, draggedColumn, targetColumn, }: {
-        event: DragEvent<HTMLButtonElement>;
-        draggedColumn: MRT_Column<TData>;
-        targetColumn: MRT_Column<TData> | {
-            id: string;
-        } | null;
-    }) => void;
     onDensityChange?: OnChangeFn<boolean>;
     onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
     onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
@@ -654,13 +652,6 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
     onHoveredColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
     onHoveredRowChange?: OnChangeFn<MRT_Row<TData> | null>;
     onIsFullScreenChange?: OnChangeFn<boolean>;
-    onRowDrop?: ({ event, draggedRow, targetRow, }: {
-        event: DragEvent<HTMLButtonElement>;
-        draggedRow: MRT_Row<TData>;
-        targetRow: MRT_Row<TData> | {
-            id: string;
-        } | null;
-    }) => void;
     onShowAlertBannerChange?: OnChangeFn<boolean>;
     onShowFiltersChange?: OnChangeFn<boolean>;
     onShowGlobalFilterChange?: OnChangeFn<boolean>;
@@ -670,6 +661,9 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
     positionPagination?: 'bottom' | 'top' | 'both';
     positionToolbarAlertBanner?: 'bottom' | 'top' | 'none';
     positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both';
+    renderBottomToolbar?: ReactNode | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode);
     renderBottomToolbarCustomActions?: ({ table, }: {
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
@@ -706,6 +700,9 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
     renderToolbarInternalActions?: ({ table, }: {
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
+    renderTopToolbar?: ReactNode | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode);
     renderTopToolbarCustomActions?: ({ table, }: {
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
@@ -728,41 +725,52 @@ declare type Virtualizer = {
 };
 declare const _default: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
 
-interface Props$6<TData extends Record<string, any> = {}> {
+interface Props$8<TData extends Record<string, any> = {}> {
     cell: MRT_Cell<TData>;
     children: ReactNode;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$6<TData>) => JSX.Element;
+declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$8<TData>) => JSX.Element;
+
+interface Props$7<TData extends Record<string, any> = {}> extends IconButtonProps {
+    table: MRT_TableInstance<TData>;
+}
+declare const MRT_FullScreenToggleButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$7<TData>) => JSX.Element;
+
+interface Props$6<TData extends Record<string, any> = {}> {
+    table: MRT_TableInstance<TData>;
+}
+declare const MRT_GlobalFilterTextField: <TData extends Record<string, any> = {}>({ table, }: Props$6<TData>) => JSX.Element;
 
 interface Props$5<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FullScreenToggleButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$5<TData>) => JSX.Element;
+declare const MRT_ShowHideColumnsButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$5<TData>) => JSX.Element;
 
 interface Props$4<TData extends Record<string, any> = {}> {
     table: MRT_TableInstance<TData>;
+    position: 'top' | 'bottom';
 }
-declare const MRT_GlobalFilterTextField: <TData extends Record<string, any> = {}>({ table, }: Props$4<TData>) => JSX.Element;
+declare const MRT_TablePagination: <TData extends Record<string, any> = {}>({ table, position, }: Props$4<TData>) => JSX.Element;
 
 interface Props$3<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ShowHideColumnsButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$3<TData>) => JSX.Element;
+declare const MRT_ToggleDensePaddingButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$3<TData>) => JSX.Element;
 
 interface Props$2<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleDensePaddingButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$2<TData>) => JSX.Element;
+declare const MRT_ToggleFiltersButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$2<TData>) => JSX.Element;
 
 interface Props$1<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleFiltersButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$1<TData>) => JSX.Element;
+declare const MRT_ToggleGlobalFilterButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$1<TData>) => JSX.Element;
 
-interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
+interface Props<TData extends Record<string, any> = {}> {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleGlobalFilterButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props<TData>) => JSX.Element;
+declare const MRT_ToolbarInternalButtons: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
 
-export { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MaterialReactTableProps, Virtualizer, _default as default };
+export { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarInternalButtons, MaterialReactTableProps, Virtualizer, _default as default };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.12",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",
@@ -51,8 +51,8 @@
   "devDependencies": {
     "@babel/core": "^7.18.13",
     "@babel/preset-react": "^7.18.6",
-    "@emotion/react": "^11.10.0",
-    "@emotion/styled": "^11.10.0",
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
     "@faker-js/faker": "^7.5.0",
     "@mui/icons-material": "^5.10.3",
     "@mui/material": "^5.10.3",
@@ -68,7 +68,7 @@
     "@storybook/addon-storysource": "^6.5.10",
     "@storybook/addons": "^6.5.10",
     "@storybook/react": "^6.5.10",
-    "@types/react": "^18.0.17",
+    "@types/react": "^18.0.18",
     "@types/react-dom": "^18.0.6",
     "babel-loader": "^8.2.5",
     "eslint": "^8.23.0",
@@ -78,7 +78,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "rollup": "^2.78.1",
+    "rollup": "^2.79.0",
+    "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-dts": "^4.2.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "size-limit": "^8.0.1",
@@ -95,7 +96,7 @@
   },
   "dependencies": {
     "@tanstack/match-sorter-utils": "8.1.1",
-    "@tanstack/react-table": "8.5.11",
+    "@tanstack/react-table": "8.5.13",
     "react-virtual": "^2.10.4"
   }
 }