/// import React, { MutableRefObject, Dispatch, SetStateAction, ReactNode, DragEventHandler } from 'react'; import { AlertProps } from '@mui/material/Alert'; import { ButtonProps } from '@mui/material/Button'; import { CheckboxProps } from '@mui/material/Checkbox'; import { ChipProps } from '@mui/material/Chip'; import { IconButtonProps } from '@mui/material/IconButton'; import { LinearProgressProps } from '@mui/material/LinearProgress'; import { PaperProps } from '@mui/material/Paper'; import { RadioProps } from '@mui/material/Radio'; import { SkeletonProps } from '@mui/material/Skeleton'; import { TableProps } from '@mui/material/Table'; import { TableBodyProps } from '@mui/material/TableBody'; import { TableCellProps } from '@mui/material/TableCell'; import { TableContainerProps } from '@mui/material/TableContainer'; import { TableFooterProps } from '@mui/material/TableFooter'; import { TableHeadProps } from '@mui/material/TableHead'; import { TablePaginationProps } from '@mui/material/TablePagination'; import { TableRowProps } from '@mui/material/TableRow'; import { TextFieldProps } from '@mui/material/TextField'; import { ToolbarProps } from '@mui/material/Toolbar'; import * as _tanstack_react_table from '@tanstack/react-table'; import { Row, Table, TableState, ColumnDef, DeepKeys, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, TableOptions, OnChangeFn } from '@tanstack/react-table'; export { ColumnFiltersState as MRT_ColumnFiltersState, ColumnOrderState as MRT_ColumnOrderState, ColumnPinningState as MRT_ColumnPinningState, ColumnSizingInfoState as MRT_ColumnSizingInfoState, ColumnSizingState as MRT_ColumnSizingState, ExpandedState as MRT_ExpandedState, GroupingState as MRT_GroupingState, PaginationState as MRT_PaginationState, RowSelectionState as MRT_RowSelectionState, SortingState as MRT_SortingState, Updater as MRT_Updater, VisibilityState as MRT_VisibilityState } from '@tanstack/react-table'; import { Virtualizer, VirtualizerOptions } from '@tanstack/react-virtual'; export { VirtualItem as MRT_VirtualItem, Virtualizer as MRT_Virtualizer, VirtualizerOptions as MRT_VirtualizerOptions } from '@tanstack/react-virtual'; import { RankingInfo } from '@tanstack/match-sorter-utils'; declare const MRT_AggregationFns: { sum: _tanstack_react_table.AggregationFn; min: _tanstack_react_table.AggregationFn; max: _tanstack_react_table.AggregationFn; extent: _tanstack_react_table.AggregationFn; mean: _tanstack_react_table.AggregationFn; median: _tanstack_react_table.AggregationFn; unique: _tanstack_react_table.AggregationFn; uniqueCount: _tanstack_react_table.AggregationFn; count: _tanstack_react_table.AggregationFn; }; declare const MRT_FilterFns: { between: { = {}>(row: Row, id: string, filterValues: [string | number, string | number]): boolean; autoRemove(val: any): boolean; }; betweenInclusive: { = {}>(row: Row, id: string, filterValues: [string | number, string | number]): boolean; autoRemove(val: any): boolean; }; contains: { = {}>(row: Row, id: string, filterValue: string | number): boolean; autoRemove(val: any): boolean; }; empty: { = {}>(row: Row, id: string, _filterValue: string | number): boolean; autoRemove(val: any): boolean; }; endsWith: { = {}>(row: Row, id: string, filterValue: string | number): boolean; autoRemove(val: any): boolean; }; equals: { = {}>(row: Row, id: string, filterValue: string | number): boolean; autoRemove(val: any): boolean; }; fuzzy: { = {}>(row: Row, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean; autoRemove(val: any): boolean; }; greaterThan: { = {}>(row: Row, id: string, filterValue: string | number): boolean; autoRemove(val: any): boolean; }; greaterThanOrEqualTo: { = {}>(row: Row, id: string, filterValue: string | number): boolean; autoRemove(val: any): boolean; }; lessThan: { = {}>(row: Row, id: string, filterValue: string | number): boolean; autoRemove(val: any): boolean; }; lessThanOrEqualTo: { = {}>(row: Row, id: string, filterValue: string | number): boolean; autoRemove(val: any): boolean; }; notEmpty: { = {}>(row: Row, id: string, _filterValue: string | number): boolean; autoRemove(val: any): boolean; }; notEquals: { = {}>(row: Row, id: string, filterValue: string | number): boolean; autoRemove(val: any): boolean; }; startsWith: { = {}>(row: Row, id: string, filterValue: string | number): boolean; autoRemove(val: any): boolean; }; includesString: _tanstack_react_table.FilterFn; includesStringSensitive: _tanstack_react_table.FilterFn; equalsString: _tanstack_react_table.FilterFn; arrIncludes: _tanstack_react_table.FilterFn; arrIncludesAll: _tanstack_react_table.FilterFn; arrIncludesSome: _tanstack_react_table.FilterFn; weakEquals: _tanstack_react_table.FilterFn; inNumberRange: _tanstack_react_table.FilterFn; }; interface MRT_Icons { ArrowDownwardIcon: any; ArrowRightIcon: any; CancelIcon: any; ClearAllIcon: any; CloseIcon: any; DensityLargeIcon: any; DensityMediumIcon: any; DensitySmallIcon: any; KeyboardDoubleArrowDownIcon: any; DragHandleIcon: any; DynamicFeedIcon: any; EditIcon: any; ExpandMoreIcon: any; FilterAltIcon: 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_SortingFns: { fuzzy: = {}>(rowA: Row, rowB: Row, columnId: string) => number; alphanumeric: _tanstack_react_table.SortingFn; alphanumericCaseSensitive: _tanstack_react_table.SortingFn; text: _tanstack_react_table.SortingFn; textCaseSensitive: _tanstack_react_table.SortingFn; datetime: _tanstack_react_table.SortingFn; basic: _tanstack_react_table.SortingFn; }; /** * Most of this file is just TypeScript types */ type Prettify = { [K in keyof T]: T[K]; } & {}; type LiteralUnion = T | (U & Record); type MRT_DensityState = 'comfortable' | 'compact' | 'spacious'; interface MRT_Localization { actions: string; and: string; cancel: string; changeFilterMode: string; changeSearchMode: string; clearFilter: string; clearSearch: string; clearSort: string; clickToCopy: string; collapse: string; collapseAll: 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; goToFirstPage: string; goToLastPage: string; goToNextPage: string; goToPreviousPage: string; grab: string; groupByColumn: string; groupedBy: string; hideAll: string; hideColumn: string; max: string; min: string; move: string; noRecordsToDisplay: string; noResultsFound: string; of: string; or: string; pinToLeft: string; pinToRight: string; resetColumnSize: string; resetOrder: string; rowActions: string; rowNumber: string; rowNumbers: string; rowsPerPage: 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_RowModel = {}> { flatRows: MRT_Row[]; rows: MRT_Row[]; rowsById: { [key: string]: MRT_Row; }; } type MRT_TableInstance = {}> = Prettify, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getCenterLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & { getAllColumns: () => MRT_Column[]; getAllFlatColumns: () => MRT_Column[]; getAllLeafColumns: () => MRT_Column[]; getCenterLeafColumns: () => MRT_Column[]; getColumn: (columnId: string) => MRT_Column; getExpandedRowModel: () => MRT_RowModel; getFlatHeaders: () => MRT_Header[]; getLeftLeafColumns: () => MRT_Column[]; getPaginationRowModel: () => MRT_RowModel; getPreFilteredRowModel: () => MRT_RowModel; getPrePaginationRowModel: () => MRT_RowModel; getRightLeafColumns: () => MRT_Column[]; getRowModel: () => MRT_RowModel; getSelectedRowModel: () => MRT_RowModel; getState: () => MRT_TableState; options: MaterialReactTableProps & { icons: MRT_Icons; localization: MRT_Localization; }; refs: { bottomToolbarRef: MutableRefObject; editInputRefs: MutableRefObject>; filterInputRefs: MutableRefObject>; searchInputRef: MutableRefObject; tableContainerRef: MutableRefObject; tableHeadCellRefs: MutableRefObject>; tablePaperRef: MutableRefObject; topToolbarRef: MutableRefObject; }; setColumnFilterFns: Dispatch>; setDensity: Dispatch>; setDraggingColumn: Dispatch | null>>; setDraggingRow: Dispatch | null>>; setEditingCell: Dispatch | null>>; setEditingRow: Dispatch | null>>; setGlobalFilterFn: Dispatch>; setHoveredColumn: Dispatch | { id: string; } | null>>; setHoveredRow: Dispatch | { id: string; } | null>>; setIsFullScreen: Dispatch>; setShowAlertBanner: Dispatch>; setShowFilters: Dispatch>; setShowGlobalFilter: Dispatch>; setShowToolbarDropZone: Dispatch>; }>; type MRT_TableState = {}> = Prettify; density: MRT_DensityState; draggingColumn: MRT_Column | null; draggingRow: MRT_Row | null; editingCell: MRT_Cell | null; editingRow: MRT_Row | null; globalFilterFn: MRT_FilterOption; hoveredColumn: MRT_Column | { id: string; } | null; hoveredRow: MRT_Row | { id: string; } | null; isFullScreen: boolean; isLoading: boolean; showAlertBanner: boolean; showColumnFilters: boolean; showGlobalFilter: boolean; hideSelectBanner: boolean; showProgressBars: boolean; showSkeletons: boolean; showToolbarDropZone: boolean; }>; interface editSelectOptions { text: string; value: number | string; label?: string; sub_label?: string; sub_label_variant?: string; } type MRT_ColumnDef = {}> = Omit, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & { AggregatedCell?: (props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; Cell?: (props: { cell: MRT_Cell; renderedCellValue: number | string | ReactNode; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; Edit?: (props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; Filter?: (props: { column: MRT_Column; header: MRT_Header; rangeFilterIndex?: number; table: MRT_TableInstance; }) => ReactNode; Footer?: ReactNode | ((props: { column: MRT_Column; footer: MRT_Header; table: MRT_TableInstance; }) => ReactNode); GroupedCell?: (props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; Header?: ReactNode | ((props: { column: MRT_Column; header: MRT_Header; table: MRT_TableInstance; }) => ReactNode); PlaceholderCell?: (props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => 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?: (originalRow: TData) => any; accessorObjectFn?: (originalRow: 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?: DeepKeys; aggregationFn?: MRT_AggregationFn | Array>; /** * 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?: Array> | null; columns?: MRT_ColumnDef[]; editSelectOptions?: (string | editSelectOptions)[]; editSelectOptionsFn?: (originalRow: TData) => any[]; editVariant?: 'text' | 'select' | 'tag' | 'currency' | 'percent'; enableClickToCopy?: boolean; enableColumnActions?: boolean; enableColumnDragging?: boolean; enableColumnFilterModes?: boolean; enableColumnOrdering?: boolean; enableEditing?: boolean | ((row: MRT_Row) => boolean); enableFilterMatchHighlighting?: boolean; filterFn?: MRT_FilterFn; filterSelectOptions?: (string | { text: string; value: any; })[]; filterVariant?: 'text' | 'select' | 'multi-select' | 'range' | 'checkbox'; /** * 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; muiTableBodyCellCopyButtonProps?: ButtonProps | ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ButtonProps); getSaving?: (originalRow: TData) => boolean | undefined; getEndAdornment?: (originalRow: TData) => ReactNode; getError?: (originalRow: TData) => { type: 'error' | 'warning'; content: string; } | undefined; muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => TextFieldProps); muiTableBodyCellProps?: TableCellProps | ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => TableCellProps); muiTableFooterCellProps?: TableCellProps | ((props: { table: MRT_TableInstance; column: MRT_Column; }) => TableCellProps); muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((props: { table: MRT_TableInstance; column: MRT_Column; }) => IconButtonProps); muiTableHeadCellDragHandleProps?: IconButtonProps | ((props: { table: MRT_TableInstance; column: MRT_Column; }) => IconButtonProps); muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((props: { column: MRT_Column; table: MRT_TableInstance; }) => CheckboxProps); muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((props: { table: MRT_TableInstance; column: MRT_Column; rangeFilterIndex?: number; }) => TextFieldProps); muiTableHeadCellProps?: TableCellProps | ((props: { table: MRT_TableInstance; column: MRT_Column; }) => TableCellProps); renderColumnActionsMenuItems?: (props: { closeMenu: () => void; column: MRT_Column; table: MRT_TableInstance; }) => ReactNode[]; renderColumnFilterModeMenuItems?: (props: { column: MRT_Column; internalFilterOptions: MRT_InternalFilterOption[]; onSelectFilterMode: (filterMode: MRT_FilterOption) => void; table: MRT_TableInstance; }) => ReactNode[]; sortingFn?: MRT_SortingFn; }; type MRT_DefinedColumnDef = {}> = Omit, 'id' | 'defaultDisplayColumn'> & { defaultDisplayColumn: Partial>; id: string; _filterFn: MRT_FilterOption; }; type MRT_Column = {}> = Omit, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & { columnDef: MRT_DefinedColumnDef; columns?: MRT_Column[]; filterFn?: MRT_FilterFn; footer: string; header: string; }; type MRT_Header = {}> = Prettify, 'column'> & { column: MRT_Column; }>; type MRT_HeaderGroup = {}> = Prettify, 'headers'> & { headers: MRT_Header[]; }>; type MRT_Row = {}> = Prettify, 'getVisibleCells' | 'getAllCells' | 'subRows' | '_valuesCache'> & { getAllCells: () => MRT_Cell[]; getVisibleCells: () => MRT_Cell[]; subRows?: MRT_Row[]; _valuesCache: Record>, any>; }>; type MRT_Cell = {}> = Prettify, 'column' | 'row'> & { column: MRT_Column; row: MRT_Row; }>; type MRT_AggregationOption = string & keyof typeof MRT_AggregationFns; type MRT_AggregationFn = {}> = AggregationFn | MRT_AggregationOption; type MRT_SortingOption = LiteralUnion; type MRT_SortingFn = {}> = SortingFn | MRT_SortingOption; type MRT_FilterOption = LiteralUnion; type MRT_FilterFn = {}> = FilterFn | MRT_FilterOption; type MRT_InternalFilterOption = { option: string; symbol: string; label: string; divider: boolean; }; type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-select'; type MRT_CreateTableFeature = {}, TFeature = any> = (table: MRT_TableInstance) => TFeature; /** * `columns` and `data` props are the only required props, but there are over 170 other optional props. * * See more info on creating columns and data on the official docs site: * @link https://www.material-react-table.com/docs/getting-started/usage * * See the full props list on the official docs site: * @link https://www.material-react-table.com/docs/api/props */ type MaterialReactTableProps = {}> = Prettify>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & { columnFilterModeOptions?: Array> | null; /** * The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop. * * See more info on creating columns on the official docs site: * @link https://www.material-react-table.com/docs/guides/data-columns * @link https://www.material-react-table.com/docs/guides/display-columns * * See all Columns Options on the official docs site: * @link https://www.material-react-table.com/docs/api/column-options */ columns: MRT_ColumnDef[]; /** * Pass your data as an array of objects. Objects can theoretically be any shape, but it's best to keep them consistent. * * See the usage guide for more info on creating columns and data: * @link https://www.material-react-table.com/docs/getting-started/usage */ data: TData[]; /** * Instead of specifying a bunch of the same options for each column, you can just change an option in the `defaultColumn` prop to change a default option for all columns. */ defaultColumn?: Partial>; /** * Change the default options for display columns. */ defaultDisplayColumn?: Partial>; displayColumnDefOptions?: Partial<{ [key in MRT_DisplayColumnIds]: Partial; }>; noRecordsToDisplay?: React.ReactNode; editingMode?: 'table' | 'modal' | 'row' | 'cell'; enableBottomToolbar?: boolean; enableClickToCopy?: boolean; enableColumnActions?: boolean; enableColumnDragging?: boolean; enableColumnFilterModes?: boolean; enableColumnOrdering?: boolean; enableColumnVirtualization?: boolean; enableDensityToggle?: boolean; enableEditing?: boolean | ((row: MRT_Row) => boolean); enableExpandAll?: boolean; enableFilterMatchHighlighting?: boolean; enableFullScreenToggle?: boolean; enableGlobalFilterModes?: boolean; enableGlobalFilterRankedResults?: boolean; enablePagination?: boolean; enableRowActions?: boolean; enableRowDragging?: boolean; enableRowNumbers?: boolean; enableRowOrdering?: boolean; enableRowSelection?: boolean | ((row: MRT_Row) => boolean); enableRowVirtualization?: boolean; enableSelectAll?: boolean; enableStickyFooter?: boolean; enableStickyHeader?: boolean; enableTableFooter?: boolean; enableTableHead?: boolean; enableToolbarInternalActions?: boolean; enableTopToolbar?: boolean; expandRowsFn?: (dataRow: TData) => TData[]; getRowId?: (originalRow: TData, index: number, parentRow: MRT_Row) => string; globalFilterFn?: MRT_FilterOption; globalFilterModeOptions?: MRT_FilterOption[] | null; icons?: Partial; initialState?: Partial>; /** * Changes which kind of CSS layout is used to render the table. `semantic` uses default semantic HTML elements, while `grid` adds CSS grid and flexbox styles */ layoutMode?: 'semantic' | 'grid'; /** * Pass in either a locale imported from `material-react-table/locales/*` or a custom locale object. * * See the localization (i18n) guide for more info: * @link https://www.material-react-table.com/docs/guides/localization */ localization?: Partial; /** * Memoize cells, rows, or the entire table body to potentially improve render performance. * * @warning This will break some dynamic rendering features. See the memoization guide for more info: * @link https://www.material-react-table.com/docs/guides/memoize-components */ memoMode?: 'cells' | 'rows' | 'table-body'; muiBottomToolbarProps?: ToolbarProps | ((props: { table: MRT_TableInstance; }) => ToolbarProps); muiExpandAllButtonProps?: IconButtonProps | ((props: { table: MRT_TableInstance; }) => IconButtonProps); muiExpandButtonProps?: IconButtonProps | ((props: { table: MRT_TableInstance; row: MRT_Row; }) => IconButtonProps); muiLinearProgressProps?: LinearProgressProps | ((props: { isTopToolbar: boolean; table: MRT_TableInstance; }) => LinearProgressProps); muiSearchTextFieldProps?: TextFieldProps | ((props: { table: MRT_TableInstance; }) => TextFieldProps); muiSelectAllCheckboxProps?: CheckboxProps | ((props: { table: MRT_TableInstance; }) => CheckboxProps); muiSelectCheckboxProps?: (CheckboxProps | RadioProps) | ((props: { table: MRT_TableInstance; row: MRT_Row; }) => CheckboxProps | RadioProps); muiTableBodyCellCopyButtonProps?: ButtonProps | ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ButtonProps); muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => TextFieldProps); muiTableBodyCellProps?: TableCellProps | ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => TableCellProps); muiTableBodyCellSkeletonProps?: SkeletonProps | ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => SkeletonProps); muiTableBodyProps?: TableBodyProps | ((props: { table: MRT_TableInstance; }) => TableBodyProps); muiTableBodyRowDragHandleProps?: IconButtonProps | ((props: { table: MRT_TableInstance; row: MRT_Row; }) => IconButtonProps); muiTableBodyRowProps?: TableRowProps | ((props: { isDetailPanel?: boolean; row: MRT_Row; table: MRT_TableInstance; }) => TableRowProps); muiTableContainerProps?: TableContainerProps | ((props: { table: MRT_TableInstance; }) => TableContainerProps); muiTableDetailPanelProps?: TableCellProps | ((props: { table: MRT_TableInstance; row: MRT_Row; }) => TableCellProps); muiTableFooterCellProps?: TableCellProps | ((props: { table: MRT_TableInstance; column: MRT_Column; }) => TableCellProps); muiTableFooterProps?: TableFooterProps | ((props: { table: MRT_TableInstance; }) => TableFooterProps); muiTableFooterRowProps?: TableRowProps | ((props: { table: MRT_TableInstance; footerGroup: MRT_HeaderGroup; }) => TableRowProps); muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((props: { table: MRT_TableInstance; column: MRT_Column; }) => IconButtonProps); muiTableHeadCellDragHandleProps?: IconButtonProps | ((props: { table: MRT_TableInstance; column: MRT_Column; }) => IconButtonProps); muiTableHeadCellFilterCheckboxProps?: CheckboxProps | ((props: { column: MRT_Column; table: MRT_TableInstance; }) => CheckboxProps); muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((props: { table: MRT_TableInstance; column: MRT_Column; rangeFilterIndex?: number; }) => TextFieldProps); muiTableHeadCellProps?: TableCellProps | ((props: { table: MRT_TableInstance; column: MRT_Column; }) => TableCellProps); muiTableHeadProps?: TableHeadProps | ((props: { table: MRT_TableInstance; }) => TableHeadProps); muiTableHeadRowProps?: TableRowProps | ((props: { table: MRT_TableInstance; headerGroup: MRT_HeaderGroup; }) => TableRowProps); muiTablePaginationProps?: Partial> | ((props: { table: MRT_TableInstance; }) => Partial>); muiTablePaperProps?: PaperProps | ((props: { table: MRT_TableInstance; }) => PaperProps); muiTableProps?: TableProps | ((props: { table: MRT_TableInstance; }) => TableProps); muiToolbarAlertBannerChipProps?: ChipProps | ((props: { table: MRT_TableInstance; }) => ChipProps); muiToolbarAlertBannerProps?: AlertProps | ((props: { table: MRT_TableInstance; }) => AlertProps); muiTopToolbarProps?: ToolbarProps | ((props: { table: MRT_TableInstance; }) => ToolbarProps); onDensityChange?: OnChangeFn; onDraggingColumnChange?: OnChangeFn | null>; onDraggingRowChange?: OnChangeFn | null>; onEditingCellChange?: OnChangeFn | null>; onEditingRowCancel?: (props: { row: MRT_Row; table: MRT_TableInstance; }) => void; onEditingRowSave?: (props: { exitEditingMode: () => void; row: MRT_Row; table: MRT_TableInstance; values: Record>, any>; }) => Promise | void; onEditingRowChange?: OnChangeFn | null>; onColumnFilterFnsChange?: OnChangeFn<{ [key: string]: MRT_FilterOption; }>; onGlobalFilterFnChange?: OnChangeFn; onHoveredColumnChange?: OnChangeFn | null>; onHoveredRowChange?: OnChangeFn | null>; onIsFullScreenChange?: OnChangeFn; onShowAlertBannerChange?: OnChangeFn; onShowFiltersChange?: OnChangeFn; onShowGlobalFilterChange?: OnChangeFn; onShowToolbarDropZoneChange?: OnChangeFn; positionActionsColumn?: 'first' | 'last'; positionExpandColumn?: 'first' | 'last'; positionGlobalFilter?: 'left' | 'right' | 'none'; positionPagination?: 'bottom' | 'top' | 'both' | 'none'; positionToolbarAlertBanner?: 'bottom' | 'top' | 'none'; positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both'; renderBottomToolbar?: ReactNode | ((props: { table: MRT_TableInstance; }) => ReactNode); renderBottomToolbarCustomActions?: (props: { table: MRT_TableInstance; }) => ReactNode; renderColumnActionsMenuItems?: (props: { column: MRT_Column; closeMenu: () => void; table: MRT_TableInstance; }) => ReactNode[]; renderColumnFilterModeMenuItems?: (props: { column: MRT_Column; internalFilterOptions: MRT_InternalFilterOption[]; onSelectFilterMode: (filterMode: MRT_FilterOption) => void; table: MRT_TableInstance; }) => ReactNode[]; renderDetailPanel?: (props: { row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; renderGlobalFilterModeMenuItems?: (props: { internalFilterOptions: MRT_InternalFilterOption[]; onSelectFilterMode: (filterMode: MRT_FilterOption) => void; table: MRT_TableInstance; }) => ReactNode[]; renderRowActionMenuItems?: (props: { closeMenu: () => void; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode[]; renderRowActions?: (props: { cell: MRT_Cell; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; renderToolbarInternalActions?: (props: { table: MRT_TableInstance; }) => ReactNode; renderTopToolbar?: ReactNode | ((props: { table: MRT_TableInstance; }) => ReactNode); renderTopToolbarCustomActions?: (props: { table: MRT_TableInstance; }) => ReactNode; rowCount?: number; rowNumberMode?: 'original' | 'static'; selectAllMode?: 'all' | 'page'; /** * Manage state externally any way you want, then pass it back into MRT. */ state?: Partial>; /** * Sequence of features important any dependent feature must be defined first */ tableFeatures?: Array>; /** * Get access to the table instance via a ref to read state or call built-in methods */ tableInstanceRef?: MutableRefObject | null>; /** * @deprecated Use `rowVirtualizerInstanceRef` instead */ virtualizerInstanceRef?: any; /** * @deprecated Use `rowVirtualizerProps` instead */ virtualizerProps?: any; }> & { columnVirtualizerInstanceRef?: MutableRefObject | null>; columnVirtualizerProps?: Partial> | ((props: { table: MRT_TableInstance; }) => Partial>); rowVirtualizerInstanceRef?: MutableRefObject | null>; rowVirtualizerProps?: Partial> | ((props: { table: MRT_TableInstance; }) => Partial>); }; declare const MaterialReactTable: = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, noRecordsToDisplay, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilterMatchHighlighting, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps) => JSX.Element; interface Props$h = {}> { table: MRT_TableInstance; } declare const MRT_BottomToolbar: = {}>({ table, }: Props$h) => JSX.Element; interface Props$g = {}> { cell: MRT_Cell; children: ReactNode; table: MRT_TableInstance; } declare const MRT_CopyButton: = {}>({ cell, children, table, }: Props$g) => JSX.Element; interface Props$f = {}> { row: MRT_Row; table: MRT_TableInstance; variant?: 'icon' | 'text'; } declare const MRT_EditActionButtons: = {}>({ row, table, variant, }: Props$f) => JSX.Element; interface Props$e = {}> { row: MRT_Row; table: MRT_TableInstance; } declare const MRT_ExpandButton: = {}>({ row, table, }: Props$e) => JSX.Element; interface Props$d = {}> { anchorEl: HTMLElement | null; header?: MRT_Header; onSelect?: () => void; setAnchorEl: (anchorEl: HTMLElement | null) => void; setFilterValue?: (filterValue: any) => void; table: MRT_TableInstance; } declare const MRT_FilterOptionMenu: = {}>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props$d) => JSX.Element; interface Props$c = {}> extends IconButtonProps { table: MRT_TableInstance; } declare const MRT_FullScreenToggleButton: = {}>({ table, ...rest }: Props$c) => JSX.Element; interface Props$b = {}> { iconButtonProps?: IconButtonProps; onDragStart: DragEventHandler; onDragEnd: DragEventHandler; table: MRT_TableInstance; } declare const MRT_GrabHandleButton: = {}>({ iconButtonProps, onDragEnd, onDragStart, table, }: Props$b) => JSX.Element; interface Props$a = {}> { table: MRT_TableInstance; } declare const MRT_GlobalFilterTextField: = {}>({ table, }: Props$a) => JSX.Element; interface Props$9 = {}> extends IconButtonProps { table: MRT_TableInstance; } declare const MRT_ShowHideColumnsButton: = {}>({ table, ...rest }: Props$9) => JSX.Element; interface Props$8 = {}> { position?: 'top' | 'bottom'; table: MRT_TableInstance; } declare const MRT_TablePagination: = {}>({ table, position, }: Props$8) => JSX.Element; interface Props$7 = {}> extends IconButtonProps { table: MRT_TableInstance; } declare const MRT_ToggleDensePaddingButton: = {}>({ table, ...rest }: Props$7) => JSX.Element; interface Props$6 = {}> extends IconButtonProps { table: MRT_TableInstance; } declare const MRT_ToggleFiltersButton: = {}>({ table, ...rest }: Props$6) => JSX.Element; interface Props$5 = {}> extends IconButtonProps { table: MRT_TableInstance; } declare const MRT_ToggleGlobalFilterButton: = {}>({ table, ...rest }: Props$5) => JSX.Element; interface Props$4 = {}> { cell: MRT_Cell; row: MRT_Row; table: MRT_TableInstance; } declare const MRT_ToggleRowActionMenuButton: = {}>({ cell, row, table, }: Props$4) => JSX.Element; interface Props$3 = {}> { stackAlertBanner: boolean; table: MRT_TableInstance; } declare const MRT_ToolbarAlertBanner: = {}>({ stackAlertBanner, table, }: Props$3) => JSX.Element; interface Props$2 = {}> { table: MRT_TableInstance; } declare const MRT_ToolbarDropZone: = {}>({ table, }: Props$2) => JSX.Element; interface Props$1 = {}> { table: MRT_TableInstance; } declare const MRT_ToolbarInternalButtons: = {}>({ table, }: Props$1) => JSX.Element; interface Props = {}> { table: MRT_TableInstance; } declare const MRT_TopToolbar: = {}>({ table, }: Props) => JSX.Element; export { MRT_AggregationFn, MRT_AggregationFns, MRT_AggregationOption, MRT_BottomToolbar, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_CreateTableFeature, MRT_DefinedColumnDef, MRT_DensityState, MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_ExpandButton, MRT_FilterFn, MRT_FilterFns, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingFns, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTableProps, MaterialReactTable as default };