material-react-table 0.30.2 → 0.32.0-alpha.1

package/dist/index.d.ts

@@ -1,7 +1,686 @@
-import MaterialReactTable from './MaterialReactTable';
-export default MaterialReactTable;
-export * from './MaterialReactTable';
-import type { MRT_Icons } from './icons';
-export type { MRT_Icons };
-import type { MRT_Localization } from './localization';
-export type { MRT_Localization };
+import { Dispatch, SetStateAction, ReactNode, FocusEvent, ChangeEvent, DragEvent, FC } from 'react';
+import { ButtonProps, TextFieldProps, TableCellProps, IconButtonProps, LinearProgressProps, CheckboxProps, SkeletonProps, TableBodyProps, TableRowProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, PaperProps, TableProps, AlertProps, ToolbarProps } from '@mui/material';
+import { Row, Table, TableState, ColumnDef, CoreColumnDefAccessorKey, Column, Header, HeaderGroup, Cell, SortingFn, FilterFn, TableOptions, OnChangeFn } from '@tanstack/react-table';
+import { VirtualizerOptions } from '@tanstack/react-virtual';
+import * as _tanstack_table_core from '@tanstack/table-core';
+import { RankingInfo } from '@tanstack/match-sorter-utils';
+
+interface MRT_Localization {
+    actions: string;
+    and: string;
+    cancel: string;
+    changeFilterMode: string;
+    changeSearchMode: string;
+    clearFilter: string;
+    clearSearch: string;
+    clearSort: string;
+    clickToCopy: string;
+    columnActions: string;
+    copiedToClipboard: string;
+    dropToGroupBy: string;
+    edit: string;
+    expand: string;
+    expandAll: string;
+    filterArrIncludes: string;
+    filterArrIncludesAll: string;
+    filterArrIncludesSome: string;
+    filterBetween: string;
+    filterBetweenInclusive: string;
+    filterByColumn: string;
+    filterContains: string;
+    filterEmpty: string;
+    filterEndsWith: string;
+    filterEquals: string;
+    filterEqualsString: string;
+    filterFuzzy: string;
+    filterGreaterThan: string;
+    filterGreaterThanOrEqualTo: string;
+    filterInNumberRange: string;
+    filterIncludesString: string;
+    filterIncludesStringSensitive: string;
+    filterLessThan: string;
+    filterLessThanOrEqualTo: string;
+    filterMode: string;
+    filterNotEmpty: string;
+    filterNotEquals: string;
+    filterStartsWith: string;
+    filterWeakEquals: string;
+    filteringByColumn: string;
+    grab: string;
+    groupByColumn: string;
+    groupedBy: string;
+    hideAll: string;
+    hideColumn: string;
+    max: string;
+    min: string;
+    move: string;
+    or: string;
+    pinToLeft: string;
+    pinToRight: string;
+    resetColumnSize: string;
+    resetOrder: string;
+    rowActions: string;
+    rowNumber: string;
+    rowNumbers: string;
+    save: string;
+    search: string;
+    select: string;
+    selectedCountOfRowCountRowsSelected: string;
+    showAll: string;
+    showAllColumns: string;
+    showHideColumns: string;
+    showHideFilters: string;
+    showHideSearch: string;
+    sortByColumnAsc: string;
+    sortByColumnDesc: string;
+    sortedByColumnAsc: string;
+    sortedByColumnDesc: string;
+    thenBy: string;
+    toggleDensity: string;
+    toggleFullScreen: string;
+    toggleSelectAll: string;
+    toggleSelectRow: string;
+    toggleVisibility: string;
+    ungroupByColumn: string;
+    unpin: string;
+    unpinAll: string;
+    unsorted: string;
+}
+
+interface MRT_Icons {
+    ArrowRightIcon: any;
+    CancelIcon: any;
+    CheckBoxIcon: any;
+    ClearAllIcon: any;
+    CloseIcon: any;
+    DensityLargeIcon: any;
+    DensityMediumIcon: any;
+    DensitySmallIcon: any;
+    KeyboardDoubleArrowDownIcon: any;
+    DragHandleIcon: any;
+    DynamicFeedIcon: any;
+    EditIcon: any;
+    ExpandLessIcon: any;
+    ExpandMoreIcon: any;
+    FilterAltIcon: any;
+    FilterAltOffIcon: any;
+    FilterListIcon: any;
+    FilterListOffIcon: any;
+    FullscreenExitIcon: any;
+    FullscreenIcon: any;
+    MoreHorizIcon: any;
+    MoreVertIcon: any;
+    PushPinIcon: any;
+    RestartAltIcon: any;
+    SaveIcon: any;
+    SearchIcon: any;
+    SearchOffIcon: any;
+    SortIcon: any;
+    ViewColumnIcon: any;
+    VisibilityOffIcon: any;
+}
+
+declare const MRT_FilterFns: {
+    between: {
+        <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
+        autoRemove(val: any): boolean;
+    };
+    betweenInclusive: {
+        <TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
+        autoRemove(val: any): boolean;
+    };
+    contains: {
+        <TData_2 extends Record<string, any> = {}>(row: Row<TData_2>, id: string, filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    empty: {
+        <TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, _filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    endsWith: {
+        <TData_4 extends Record<string, any> = {}>(row: Row<TData_4>, id: string, filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    equals: {
+        <TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    fuzzy: {
+        <TData_6 extends Record<string, any> = {}>(row: Row<TData_6>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
+        autoRemove(val: any): boolean;
+    };
+    greaterThan: {
+        <TData_7 extends Record<string, any> = {}>(row: Row<TData_7>, id: string, filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    greaterThanOrEqualTo: {
+        <TData_8 extends Record<string, any> = {}>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    lessThan: {
+        <TData_9 extends Record<string, any> = {}>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    lessThanOrEqualTo: {
+        <TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    notEmpty: {
+        <TData_11 extends Record<string, any> = {}>(row: Row<TData_11>, id: string, _filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    notEquals: {
+        <TData_12 extends Record<string, any> = {}>(row: Row<TData_12>, id: string, filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    startsWith: {
+        <TData_13 extends Record<string, any> = {}>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
+        autoRemove(val: any): boolean;
+    };
+    includesString: _tanstack_table_core.FilterFn<any>;
+    includesStringSensitive: _tanstack_table_core.FilterFn<any>;
+    equalsString: _tanstack_table_core.FilterFn<any>;
+    arrIncludes: _tanstack_table_core.FilterFn<any>;
+    arrIncludesAll: _tanstack_table_core.FilterFn<any>;
+    arrIncludesSome: _tanstack_table_core.FilterFn<any>;
+    weakEquals: _tanstack_table_core.FilterFn<any>;
+    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_RowModel<TData extends Record<string, any> = {}> {
+    flatRows: MRT_Row<TData>[];
+    rows: MRT_Row<TData>[];
+    rowsById: {
+        [key: string]: MRT_Row<TData>;
+    };
+}
+declare type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getCenterLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
+    getAllColumns: () => MRT_Column<TData>[];
+    getAllFlatColumns: () => MRT_Column<TData>[];
+    getAllLeafColumns: () => MRT_Column<TData>[];
+    getCenterLeafColumns: () => MRT_Column<TData>[];
+    getColumn: (columnId: string) => MRT_Column<TData>;
+    getExpandedRowModel: () => MRT_RowModel<TData>;
+    getFlatHeaders: () => MRT_Header<TData>[];
+    getLeftLeafColumns: () => MRT_Column<TData>[];
+    getPaginationRowModel: () => MRT_RowModel<TData>;
+    getPreFilteredRowModel: () => MRT_RowModel<TData>;
+    getPrePaginationRowModel: () => MRT_RowModel<TData>;
+    getRightLeafColumns: () => MRT_Column<TData>[];
+    getRowModel: () => MRT_RowModel<TData>;
+    getSelectedRowModel: () => MRT_RowModel<TData>;
+    getState: () => MRT_TableState<TData>;
+    options: MaterialReactTableProps<TData> & {
+        icons: MRT_Icons;
+        tableId: string;
+        localization: MRT_Localization;
+    };
+    setCurrentDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
+    setCurrentDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
+    setCurrentEditingCell: Dispatch<SetStateAction<MRT_Cell | null>>;
+    setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row | null>>;
+    setCurrentFilterFns: Dispatch<SetStateAction<{
+        [key: string]: MRT_FilterOption;
+    }>>;
+    setCurrentGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterOption>>;
+    setCurrentHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | {
+        id: string;
+    } | null>>;
+    setCurrentHoveredRow: Dispatch<SetStateAction<MRT_Row<TData> | {
+        id: string;
+    } | null>>;
+    setDensity: Dispatch<SetStateAction<'comfortable' | 'compact' | 'spacious'>>;
+    setIsFullScreen: Dispatch<SetStateAction<boolean>>;
+    setShowAlertBanner: Dispatch<SetStateAction<boolean>>;
+    setShowFilters: Dispatch<SetStateAction<boolean>>;
+    setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
+};
+declare type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
+    currentDraggingColumn: MRT_Column<TData> | null;
+    currentDraggingRow: MRT_Row<TData> | null;
+    currentEditingCell: MRT_Cell<TData> | null;
+    currentEditingRow: MRT_Row<TData> | null;
+    currentFilterFns: Record<string, MRT_FilterOption>;
+    currentGlobalFilterFn: Record<string, MRT_FilterOption>;
+    currentHoveredColumn: MRT_Column<TData> | {
+        id: string;
+    } | null;
+    currentHoveredRow: MRT_Row<TData> | {
+        id: string;
+    } | null;
+    density: 'comfortable' | 'compact' | 'spacious';
+    isFullScreen: boolean;
+    isLoading: boolean;
+    showAlertBanner: boolean;
+    showColumnFilters: boolean;
+    showGlobalFilter: boolean;
+    showProgressBars: boolean;
+    showSkeletons: boolean;
+};
+declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TData, unknown>, 'aggregatedCell' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
+    AggregatedCell?: ({ cell, column, table, }: {
+        cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    Cell?: ({ cell, column, table, }: {
+        cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    Edit?: ({ cell, column, table, }: {
+        cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    Filter?: ({ column, header, table, }: {
+        column: MRT_Column<TData>;
+        header: MRT_Header<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    Footer?: ReactNode | (({ column, footer, table, }: {
+        column: MRT_Column<TData>;
+        footer: MRT_Header<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode);
+    Header?: ReactNode | (({ column, header, table, }: {
+        column: MRT_Column<TData>;
+        header: MRT_Header<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode);
+    /**
+     * Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
+     * Specify a function here to point to the correct property in the data object.
+     *
+     * @example accessorFn: (row) => row.username
+     */
+    accessorFn?: (row: TData) => any;
+    /**
+     * Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
+     * Specify which key in the row this column should use to access the correct data.
+     * Also supports Deep Key Dot Notation.
+     *
+     * @example accessorKey: 'username' //simple
+     * @example accessorKey: 'name.firstName' //deep key dot notation
+     */
+    accessorKey?: CoreColumnDefAccessorKey<TData, unknown>['accessorKey'];
+    /**
+     * Specify what type of column this is. Either `data`, `display`, or `group`. Defaults to `data`.
+     * Leave this blank if you are just creating a normal data column.
+     *
+     * @default 'data'
+     *
+     * @example columnDefType: 'display'
+     */
+    columnDefType?: 'data' | 'display' | 'group';
+    columnFilterModeOptions?: MRT_FilterOption[] | null;
+    columns?: MRT_ColumnDef<TData>[];
+    enableClickToCopy?: boolean;
+    enableColumnActions?: boolean;
+    enableColumnDragging?: boolean;
+    enableColumnFilterChangeMode?: boolean;
+    enableColumnOrdering?: boolean;
+    enableEditing?: boolean;
+    filterFn?: MRT_FilterFn<TData>;
+    filterSelectOptions?: (string | {
+        text: string;
+        value: string;
+    })[];
+    filterVariant?: 'text' | 'select' | 'multi-select' | 'range';
+    /**
+     * footer must be a string. If you want custom JSX to render the footer, you can also specify a `Footer` option. (Capital F)
+     */
+    footer?: string;
+    /**
+     * header must be a string. If you want custom JSX to render the header, you can also specify a `Header` option. (Capital H)
+     */
+    header: string;
+    /**
+     * Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
+     *
+     * If you have also specified an `accessorFn`, MRT still needs to have a valid `id` to be able to identify the column uniquely.
+     *
+     * `id` defaults to the `accessorKey` or `header` if not specified.
+     *
+     * @default gets set to the same value as `accessorKey` by default
+     */
+    id?: LiteralUnion<string & keyof TData>;
+    muiTableBodyCellCopyButtonProps?: ButtonProps | (({ table, cell, }: {
+        table: MRT_TableInstance<TData>;
+        cell: MRT_Cell<TData>;
+    }) => ButtonProps);
+    muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ table, cell, }: {
+        table: MRT_TableInstance<TData>;
+        cell: MRT_Cell<TData>;
+    }) => TextFieldProps);
+    muiTableBodyCellProps?: TableCellProps | (({ table, cell, }: {
+        table: MRT_TableInstance<TData>;
+        cell: MRT_Cell<TData>;
+    }) => TableCellProps);
+    muiTableFooterCellProps?: TableCellProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => TableCellProps);
+    muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => IconButtonProps);
+    muiTableHeadCellDragHandleProps?: IconButtonProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => IconButtonProps);
+    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ table, column, rangeFilterIndex, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+        rangeFilterIndex?: number;
+    }) => TextFieldProps);
+    muiTableHeadCellProps?: TableCellProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => TableCellProps);
+    onCellEditBlur?: ({ cell, event, table, }: {
+        event: FocusEvent<HTMLInputElement>;
+        cell: MRT_Cell<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => void;
+    onCellEditChange?: ({ cell, event, table, }: {
+        event: ChangeEvent<HTMLInputElement>;
+        cell: MRT_Cell<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => void;
+    sortingFn?: MRT_SortingFn;
+};
+declare type MRT_DefinedColumnDef<TData extends Record<string, any> = {}> = Omit<MRT_ColumnDef<TData>, 'id'> & {
+    id: string;
+    _filterFn: MRT_FilterOption;
+};
+declare type MRT_Column<TData extends Record<string, any> = {}> = Omit<Column<TData, unknown>, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & {
+    columnDef: MRT_DefinedColumnDef<TData>;
+    columns?: MRT_Column<TData>[];
+    filterFn?: MRT_FilterFn<TData>;
+    footer: string;
+    header: string;
+};
+declare type MRT_Header<TData extends Record<string, any> = {}> = Omit<Header<TData, unknown>, 'column'> & {
+    column: MRT_Column<TData>;
+};
+declare type MRT_HeaderGroup<TData extends Record<string, any> = {}> = Omit<HeaderGroup<TData>, 'headers'> & {
+    headers: MRT_Header<TData>[];
+};
+declare type MRT_Row<TData extends Record<string, any> = {}> = Omit<Row<TData>, 'getVisibleCells' | 'getAllCells' | 'subRows' | '_valuesCache'> & {
+    getAllCells: () => MRT_Cell<TData>[];
+    getVisibleCells: () => MRT_Cell<TData>[];
+    subRows?: MRT_Row<TData>[];
+    _valuesCache?: TData;
+};
+declare type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell<TData, unknown>, 'column' | 'row'> & {
+    column: MRT_Column<TData>;
+    row: MRT_Row<TData>;
+};
+declare type MRT_SortingOption = LiteralUnion<string & keyof typeof MRT_SortingFns>;
+declare type MRT_SortingFn<TData extends Record<string, any> = {}> = SortingFn<TData> | MRT_SortingOption;
+declare type MRT_FilterOption = LiteralUnion<string & keyof typeof MRT_FilterFns>;
+declare type MRT_FilterFn<TData extends Record<string, any> = {}> = FilterFn<TData> | MRT_FilterOption;
+declare type MRT_DisplayColumnIds = 'mrt-row-drag' | 'mrt-row-actions' | 'mrt-row-expand' | 'mrt-row-select' | 'mrt-row-numbers';
+/**
+ * `columns` and `data` props are the only required props, but there are over 150 other optional props.
+ *
+ * See more info on creating columns and data on the official docs site:
+ * @link https://www.material-react-table.com/docs/usage
+ *
+ * See the full props list on the official docs site:
+ * @link https://www.material-react-table.com/docs/api/props
+ */
+declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'initialState' | 'state' | 'expandRowsFn'> & {
+    displayColumnDefOptions?: Partial<{
+        [key in MRT_DisplayColumnIds]: Partial<MRT_ColumnDef>;
+    }>;
+    columnFilterModeOptions?: (MRT_FilterOption | string)[] | null;
+    columns: MRT_ColumnDef<TData>[];
+    data: TData[];
+    editingMode?: 'table' | 'row' | 'cell';
+    enableClickToCopy?: boolean;
+    enableColumnActions?: boolean;
+    enableColumnDragging?: boolean;
+    enableColumnFilterChangeMode?: boolean;
+    enableColumnOrdering?: boolean;
+    enableDensityToggle?: boolean;
+    enableEditing?: boolean;
+    enableExpandAll?: boolean;
+    enableFullScreenToggle?: boolean;
+    enableGlobalFilterChangeMode?: boolean;
+    enableGlobalFilterRankedResults?: boolean;
+    enablePagination?: boolean;
+    enableRowActions?: boolean;
+    enableRowDragging?: boolean;
+    enableRowNumbers?: boolean;
+    enableRowOrdering?: boolean;
+    enableRowVirtualization?: boolean;
+    enableSelectAll?: boolean;
+    enableStickyHeader?: boolean;
+    enableTableFooter?: boolean;
+    enableTableHead?: boolean;
+    enableToolbarBottom?: boolean;
+    enableToolbarInternalActions?: boolean;
+    enableToolbarTop?: boolean;
+    enabledGlobalFilterOptions?: (MRT_FilterOption | string)[] | null;
+    expandRowsFn?: (dataRow: TData) => TData[];
+    icons?: Partial<MRT_Icons>;
+    initialState?: Partial<MRT_TableState<TData>>;
+    localization?: Partial<MRT_Localization>;
+    muiExpandAllButtonProps?: IconButtonProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => IconButtonProps);
+    muiExpandButtonProps?: IconButtonProps | (({ table, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => IconButtonProps);
+    muiLinearProgressProps?: LinearProgressProps | (({ isTopToolbar, table, }: {
+        isTopToolbar: boolean;
+        table: MRT_TableInstance<TData>;
+    }) => LinearProgressProps);
+    muiSearchTextFieldProps?: TextFieldProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => TextFieldProps);
+    muiSelectAllCheckboxProps?: CheckboxProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => CheckboxProps);
+    muiSelectCheckboxProps?: CheckboxProps | (({ table, row, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => CheckboxProps);
+    muiTableBodyCellCopyButtonProps?: ButtonProps | (({ table, cell, }: {
+        table: MRT_TableInstance<TData>;
+        cell: MRT_Cell<TData>;
+    }) => ButtonProps);
+    muiTableBodyCellEditTextFieldProps?: TextFieldProps | (({ table, cell, }: {
+        table: MRT_TableInstance<TData>;
+        cell: MRT_Cell<TData>;
+    }) => TextFieldProps);
+    muiTableBodyCellProps?: TableCellProps | (({ table, cell, }: {
+        table: MRT_TableInstance<TData>;
+        cell: MRT_Cell<TData>;
+    }) => TableCellProps);
+    muiTableBodyCellSkeletonProps?: SkeletonProps | (({ table, cell, }: {
+        table: MRT_TableInstance<TData>;
+        cell: MRT_Cell<TData>;
+    }) => SkeletonProps);
+    muiTableBodyProps?: TableBodyProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => TableBodyProps);
+    muiTableBodyRowDragHandleProps?: IconButtonProps | (({ table, row, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => IconButtonProps);
+    muiTableBodyRowProps?: TableRowProps | (({ table, row, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => TableRowProps);
+    muiTableContainerProps?: TableContainerProps | (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => TableContainerProps);
+    muiTableDetailPanelProps?: TableCellProps | (({ table, row, }: {
+        table: MRT_TableInstance<TData>;
+        row: MRT_Row<TData>;
+    }) => TableCellProps);
+    muiTableFooterCellProps?: TableCellProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => TableCellProps);
+    muiTableFooterProps?: TableFooterProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => TableFooterProps);
+    muiTableFooterRowProps?: TableRowProps | (({ table, footerGroup, }: {
+        table: MRT_TableInstance<TData>;
+        footerGroup: MRT_HeaderGroup<TData>;
+    }) => TableRowProps);
+    muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => IconButtonProps);
+    muiTableHeadCellDragHandleProps?: IconButtonProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => IconButtonProps);
+    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | (({ table, column, rangeFilterIndex, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+        rangeFilterIndex?: number;
+    }) => TextFieldProps);
+    muiTableHeadCellProps?: TableCellProps | (({ table, column, }: {
+        table: MRT_TableInstance<TData>;
+        column: MRT_Column<TData>;
+    }) => TableCellProps);
+    muiTableHeadProps?: TableHeadProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => TableHeadProps);
+    muiTableHeadRowProps?: TableRowProps | (({ table, headerGroup, }: {
+        table: MRT_TableInstance<TData>;
+        headerGroup: MRT_HeaderGroup<TData>;
+    }) => TableRowProps);
+    muiTablePaginationProps?: Partial<TablePaginationProps> | (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<TablePaginationProps>);
+    muiTablePaperProps?: PaperProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => PaperProps);
+    muiTableProps?: TableProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => TableProps);
+    muiTableToolbarAlertBannerProps?: AlertProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => AlertProps);
+    muiTableToolbarBottomProps?: ToolbarProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => ToolbarProps);
+    muiTableToolbarTopProps?: ToolbarProps | (({ table }: {
+        table: MRT_TableInstance<TData>;
+    }) => ToolbarProps);
+    onCellEditBlur?: ({ cell, event, table, }: {
+        event: FocusEvent<HTMLInputElement>;
+        cell: MRT_Cell<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => void;
+    onCellEditChange?: ({ cell, event, table, }: {
+        event: ChangeEvent<HTMLInputElement>;
+        cell: MRT_Cell<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => void;
+    onColumnDrop?: ({ event, draggedColumn, targetColumn, }: {
+        event: DragEvent<HTMLButtonElement>;
+        draggedColumn: MRT_Column<TData>;
+        targetColumn: MRT_Column<TData> | {
+            id: string;
+        } | null;
+    }) => void;
+    onCurrentDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
+    onCurrentDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
+    onCurrentEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;
+    onCurrentEditingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
+    onCurrentFilterFnsChange?: OnChangeFn<{
+        [key: string]: MRT_FilterOption;
+    }>;
+    onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterOption>;
+    onCurrentHoveredColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
+    onCurrentHoveredRowChange?: OnChangeFn<MRT_Row<TData> | null>;
+    onDensityChange?: OnChangeFn<boolean>;
+    onEditRowSubmit?: ({ row, table, }: {
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => Promise<void> | void;
+    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>;
+    onTableInstanceChange?: (table: MRT_TableInstance<TData>) => void;
+    positionActionsColumn?: 'first' | 'last';
+    positionExpandColumn?: 'first' | 'last';
+    positionGlobalFilter?: 'left' | 'right';
+    positionPagination?: 'bottom' | 'top' | 'both';
+    positionToolbarAlertBanner?: 'bottom' | 'top' | 'none';
+    positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both';
+    renderDetailPanel?: ({ row, table, }: {
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    renderRowActionMenuItems?: ({ closeMenu, row, table, }: {
+        closeMenu: () => void;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode[];
+    renderRowActions?: ({ row, table, }: {
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    renderToolbarBottomCustomActions?: ({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    renderToolbarInternalActions?: ({ table, MRT_ToggleGlobalFilterButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
+        table: MRT_TableInstance<TData>;
+        MRT_ToggleGlobalFilterButton: FC<IconButtonProps & {
+            table: MRT_TableInstance<TData>;
+        }>;
+        MRT_ToggleFiltersButton: FC<IconButtonProps & {
+            table: MRT_TableInstance<TData>;
+        }>;
+        MRT_ShowHideColumnsButton: FC<IconButtonProps & {
+            table: MRT_TableInstance<TData>;
+        }>;
+        MRT_ToggleDensePaddingButton: FC<IconButtonProps & {
+            table: MRT_TableInstance<TData>;
+        }>;
+        MRT_FullScreenToggleButton: FC<IconButtonProps & {
+            table: MRT_TableInstance<TData>;
+        }>;
+    }) => ReactNode;
+    renderToolbarTopCustomActions?: ({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    rowCount?: number;
+    rowNumberMode?: 'original' | 'static';
+    selectAllMode?: 'all' | 'page';
+    state?: Partial<MRT_TableState<TData>>;
+    tableId?: string;
+    virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>;
+};
+declare const _default: <TData extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilterChangeMode, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterChangeMode, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
+
+export { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_Localization, MRT_Row, MRT_RowModel, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TableState, MaterialReactTableProps, _default as default };