import * as react_jsx_runtime from 'react/jsx-runtime'; import { PaginationProps, ActionIconProps, UnstyledButtonProps, SelectProps, TextInputProps, AutocompleteProps, CheckboxProps, MultiSelectProps, RangeSliderProps, TableTdProps, TableThProps, BoxProps, ModalProps, HighlightProps, LoadingOverlayProps, PaperProps, ProgressProps, ScrollAreaProps, TableScrollContainerProps, RadioProps, SwitchProps, SkeletonProps, TableTbodyProps, TableTrProps, TableTfootProps, TableTheadProps, TableProps, BadgeProps, AlertProps, FlexProps, MenuProps, MantineTheme } from '@mantine/core'; import * as react from 'react'; import { MutableRefObject, HTMLProps, Dispatch, SetStateAction, ReactNode, RefObject, DragEventHandler, MouseEvent, ChangeEvent } from 'react'; import * as _tanstack_react_table from '@tanstack/react-table'; import { Row, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, GroupingState, PaginationState, RowSelectionState, SortingState, Updater, VisibilityState, AccessorFn, DeepKeys, DeepValue, Table, TableState, ColumnDef, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, OnChangeFn, TableOptions, RowPinningPosition, Renderable } from '@tanstack/react-table'; import { VirtualItem, VirtualizerOptions, Virtualizer } from '@tanstack/react-virtual'; import { DateInputProps } from '@mantine/dates'; import { RankingInfo } from '@tanstack/match-sorter-utils'; import { Icon } from '@tabler/icons-react'; 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: [number | string, number | string]): boolean; autoRemove(val: any): boolean; }; betweenInclusive: { (row: Row, id: string, filterValues: [number | string, number | string]): boolean; autoRemove(val: any): boolean; }; contains: { (row: Row, id: string, filterValue: number | string): boolean; autoRemove(val: any): boolean; }; empty: { (row: Row, id: string, _filterValue: number | string): boolean; autoRemove(val: any): boolean; }; endsWith: { (row: Row, id: string, filterValue: number | string): boolean; autoRemove(val: any): boolean; }; equals: { (row: Row, id: string, filterValue: number | string): boolean; autoRemove(val: any): boolean; }; fuzzy: { (row: Row, columnId: string, filterValue: number | string, addMeta: (item: RankingInfo) => void): boolean; autoRemove(val: any): boolean; }; greaterThan: { (row: Row, id: string, filterValue: number | string): boolean; autoRemove(val: any): boolean; }; greaterThanOrEqualTo: { (row: Row, id: string, filterValue: number | string): boolean; autoRemove(val: any): boolean; }; lessThan: { (row: Row, id: string, filterValue: number | string): boolean; autoRemove(val: any): boolean; }; lessThanOrEqualTo: { (row: Row, id: string, filterValue: number | string): boolean; autoRemove(val: any): boolean; }; notEmpty: { (row: Row, id: string, _filterValue: number | string): boolean; autoRemove(val: any): boolean; }; notEquals: { (row: Row, id: string, filterValue: number | string): boolean; autoRemove(val: any): boolean; }; startsWith: { (row: Row, id: string, filterValue: number | string): 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; }; declare function localizedFilterOption(localization: MRT_Localization, option: MRT_FilterOption): string; 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; }; declare const rankGlobalFuzzy: (rowA: MRT_Row, rowB: MRT_Row) => number; declare const MRT_Default_Icons: Record; type MRT_Icons = Record; type LiteralUnion = (Record & U) | T; type Prettify = { [K in keyof T]: T[K]; } & unknown; type Xor = Prettify<{ [k in keyof A]?: never; } & B> | Prettify<{ [k in keyof B]?: never; } & A>; type HTMLPropsRef = { ref?: MutableRefObject | null; } & Omit, 'color' | 'data' | 'label' | 'ref' | 'size' | 'style' | 'type'>; type MantineShade = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9; type MRT_PaginationProps = { rowsPerPageOptions?: string[]; showRowsPerPage?: boolean; } & Partial; type MRT_DensityState = 'lg' | 'md' | 'sm' | 'xl' | 'xs'; type MRT_ColumnFilterFnsState = Record; type MRT_RowData = Record; type MRT_CellValue = unknown; type MRT_ColumnFiltersState = ColumnFiltersState; type MRT_ColumnOrderState = ColumnOrderState; type MRT_ColumnPinningState = ColumnPinningState; type MRT_ColumnSizingInfoState = ColumnSizingInfoState; type MRT_ColumnSizingState = ColumnSizingState; type MRT_ExpandedState = ExpandedState; type MRT_GroupingState = GroupingState; type MRT_PaginationState = PaginationState; type MRT_RowSelectionState = RowSelectionState; type MRT_SortingState = SortingState; type MRT_Updater = Updater; type MRT_VirtualItem = VirtualItem; type MRT_VisibilityState = VisibilityState; type MRT_VirtualizerOptions = VirtualizerOptions; type MRT_ColumnVirtualizer = { virtualColumns: MRT_VirtualItem[]; virtualPaddingLeft?: number; virtualPaddingRight?: number; } & Virtualizer; type MRT_RowVirtualizer = { virtualRows: MRT_VirtualItem[]; } & Virtualizer; type MRT_ColumnHelper = { accessor: | DeepKeys, TValue extends TAccessor extends AccessorFn ? TReturn : TAccessor extends DeepKeys ? DeepValue : never>(accessor: TAccessor, column: MRT_DisplayColumnDef) => MRT_ColumnDef; display: (column: MRT_DisplayColumnDef) => MRT_ColumnDef; group: (column: MRT_GroupColumnDef) => MRT_ColumnDef; }; interface MRT_Localization { actions: string; and: string; cancel: string; changeFilterMode: string; changeSearchMode: string; clearFilter: string; clearSearch: string; clearSelection: string; clearSort: string; clickToCopy: string; collapse: string; collapseAll: string; columnActions: string; copiedToClipboard: string; copy: 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; filterIncludesString: string; filterIncludesStringSensitive: string; filteringByColumn: string; filterInNumberRange: string; filterLessThan: string; filterLessThanOrEqualTo: string; filterMode: string; filterNotEmpty: string; filterNotEquals: string; filterStartsWith: string; filterWeakEquals: 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; pin: 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; } interface MRT_RowModel { flatRows: MRT_Row[]; rows: MRT_Row[]; rowsById: { [key: string]: MRT_Row; }; } type MRT_TableInstance = { getAllColumns: () => MRT_Column[]; getAllFlatColumns: () => MRT_Column[]; getAllLeafColumns: () => MRT_Column[]; getBottomRows: () => MRT_Row[]; getCenterLeafColumns: () => MRT_Column[]; getCenterRows: () => MRT_Row[]; getColumn: (columnId: string) => MRT_Column; getExpandedRowModel: () => MRT_RowModel; getFilteredSelectedRowModel: () => MRT_RowModel; getFlatHeaders: () => MRT_Header[]; getHeaderGroups: () => MRT_HeaderGroup[]; getLeftLeafColumns: () => MRT_Column[]; getPaginationRowModel: () => MRT_RowModel; getPreFilteredRowModel: () => MRT_RowModel; getPrePaginationRowModel: () => MRT_RowModel; getRightLeafColumns: () => MRT_Column[]; getRowModel: () => MRT_RowModel; getSelectedRowModel: () => MRT_RowModel; getState: () => MRT_TableState; getTopRows: () => MRT_Row[]; options: MRT_StatefulTableOptions; refs: { bottomToolbarRef: MutableRefObject; editInputRefs: MutableRefObject>; filterInputRefs: MutableRefObject>; lastSelectedRowId: MutableRefObject; scrollAreaViewportRef: MutableRefObject; searchInputRef: MutableRefObject; tableContainerRef: MutableRefObject; tableFooterRef: MutableRefObject; tableHeadCellRefs: MutableRefObject>; tableHeadRef: MutableRefObject; tablePaperRef: MutableRefObject; topToolbarRef: MutableRefObject; }; setColumnFilterFns: Dispatch>; setCreatingRow: Dispatch | null | true>>; setDensity: Dispatch>; setDraggingColumn: Dispatch | null>>; setDraggingRow: Dispatch | null>>; setEditingCell: Dispatch | null>>; setEditingRow: Dispatch | null>>; setGlobalFilterFn: Dispatch>; setHoveredColumn: Dispatch>>>; setHoveredRow: Dispatch>>>; setIsFullScreen: Dispatch>; setShowAlertBanner: Dispatch>; setShowColumnFilters: Dispatch>; setShowGlobalFilter: Dispatch>; setShowToolbarDropZone: Dispatch>; } & Omit, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getBottomRows' | 'getCenterLeafColumns' | 'getCenterRows' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getHeaderGroups' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'getTopRows' | 'options'>; type MRT_DefinedTableOptions = { icons: MRT_Icons; localization: MRT_Localization; } & Omit, 'icons' | 'localization'>; type MRT_StatefulTableOptions = { state: Pick, 'columnFilterFns' | 'columnOrder' | 'columnSizingInfo' | 'creatingRow' | 'density' | 'draggingColumn' | 'draggingRow' | 'editingCell' | 'editingRow' | 'globalFilterFn' | 'grouping' | 'hoveredColumn' | 'hoveredRow' | 'isFullScreen' | 'pagination' | 'showAlertBanner' | 'showColumnFilters' | 'showGlobalFilter' | 'showToolbarDropZone'>; } & MRT_DefinedTableOptions; type MRT_TableState = Prettify<{ columnFilterFns: MRT_ColumnFilterFnsState; creatingRow: MRT_Row | null; density: MRT_DensityState; draggingColumn: MRT_Column | null; draggingRow: MRT_Row | null; editingCell: MRT_Cell | null; editingRow: MRT_Row | null; globalFilterFn: MRT_FilterOption; hoveredColumn: null | Partial>; hoveredRow: null | Partial>; isFullScreen: boolean; isLoading: boolean; isSaving: boolean; showAlertBanner: boolean; showColumnFilters: boolean; showGlobalFilter: boolean; showLoadingOverlay: boolean; showProgressBars: boolean; showSkeletons: boolean; showToolbarDropZone: boolean; } & TableState>; type MRT_ColumnDef = { /** * 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; /** * 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?: ({} & string) | DeepKeys; AggregatedCell?: (props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; aggregationFn?: Array> | MRT_AggregationFn; Cell?: (props: { cell: MRT_Cell; column: MRT_Column; renderedCellValue: number | ReactNode | string; renderedColumnIndex?: number; renderedRowIndex?: number; row: MRT_Row; rowRef?: RefObject; table: MRT_TableInstance; }) => ReactNode; /** * 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[]; Edit?: (props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; editVariant?: 'multi-select' | 'select' | 'text'; enableCellHoverReveal?: boolean; enableClickToCopy?: ((cell: MRT_Cell) => boolean) | boolean; enableColumnActions?: boolean; enableColumnDragging?: boolean; enableColumnFilterModes?: boolean; enableColumnOrdering?: boolean; enableEditing?: ((row: MRT_Row) => boolean) | boolean; enableFilterMatchHighlighting?: boolean; Filter?: (props: { column: MRT_Column; header: MRT_Header; rangeFilterIndex?: number; table: MRT_TableInstance; }) => ReactNode; filterFn?: MRT_FilterFn; filterTooltipValueFn?: MRT_FilterTooltipValueFn; filterVariant?: 'autocomplete' | 'checkbox' | 'date' | 'date-range' | 'multi-select' | 'range' | 'range-slider' | 'select' | 'text'; Footer?: ((props: { column: MRT_Column; footer: MRT_Header; table: MRT_TableInstance; }) => ReactNode) | ReactNode; /** * 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; GroupedCell?: (props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; /** * If `layoutMode` is `'grid'` or `'grid-no-grow'`, you can specify the flex grow value for individual columns to still grow and take up remaining space, or set to `false`/0 to not grow. */ grow?: boolean | number; Header?: ((props: { column: MRT_Column; header: MRT_Header; table: MRT_TableInstance; }) => ReactNode) | ReactNode; /** * 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; mantineColumnActionsButtonProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineColumnDragHandleProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineCopyButtonProps?: ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineEditSelectProps?: ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineEditTextInputProps?: ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterAutocompleteProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterCheckboxProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterDateInputProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterMultiSelectProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterRangeSliderProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterSelectProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterTextInputProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineTableBodyCellProps?: ((props: { cell: MRT_Cell; column: MRT_Column; renderedRowIndex?: number; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & TableTdProps) | (HTMLPropsRef & TableTdProps); mantineTableFooterCellProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & TableThProps) | (HTMLPropsRef & TableThProps); mantineTableHeadCellProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & TableThProps) | (HTMLPropsRef & TableThProps); PlaceholderCell?: (props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; renderColumnActionsMenuItems?: (props: { column: MRT_Column; internalColumnMenuItems: ReactNode; table: MRT_TableInstance; }) => ReactNode; renderColumnFilterModeMenuItems?: (props: { column: MRT_Column; internalFilterOptions: MRT_InternalFilterOption[]; onSelectFilterMode: (filterMode: MRT_FilterOption) => void; table: MRT_TableInstance; }) => ReactNode; sortingFn?: MRT_SortingFn; visibleInShowHideMenu?: boolean; } & Omit, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'>; type MRT_DisplayColumnDef = Omit, 'accessorFn' | 'accessorKey'>; type MRT_GroupColumnDef = { columns: MRT_ColumnDef[]; } & MRT_DisplayColumnDef; type MRT_DefinedColumnDef = { _filterFn: MRT_FilterOption; defaultDisplayColumn: Partial>; id: string; } & Omit, 'defaultDisplayColumn' | 'id'>; type MRT_Column = { columnDef: MRT_DefinedColumnDef; columns?: MRT_Column[]; filterFn?: MRT_FilterFn; footer: string; header: string; } & Omit, 'columnDef' | 'columns' | 'filterFn' | 'footer' | 'header'>; type MRT_Header = { column: MRT_Column; } & Omit, 'column'>; type MRT_HeaderGroup = { headers: MRT_Header[]; } & Omit, 'headers'>; type MRT_Row = { _valuesCache: Record & string>, any>; getAllCells: () => MRT_Cell[]; getVisibleCells: () => MRT_Cell[]; subRows?: MRT_Row[]; } & Omit, '_valuesCache' | 'getAllCells' | 'getVisibleCells' | 'subRows'>; type MRT_Cell = { column: MRT_Column; row: MRT_Row; } & Omit, 'column' | 'row'>; type MRT_AggregationOption = keyof typeof MRT_AggregationFns & string; type MRT_AggregationFn = AggregationFn | MRT_AggregationOption; type MRT_SortingOption = LiteralUnion; type MRT_SortingFn = MRT_SortingOption | SortingFn; type MRT_FilterOption = LiteralUnion; type MRT_FilterFn = FilterFn | MRT_FilterOption; type MRT_FilterTooltipValueFn = (value: TValue) => string; type MRT_InternalFilterOption = { divider: boolean; label: string; option: string; symbol: string; }; type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-pin' | 'mrt-row-select' | 'mrt-row-spacer'; type MRT_CreateTableFeature = (table: MRT_TableInstance) => TFeature; /** * `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.mantine-react-table.com/docs/getting-started/usage * * See the full props list on the official docs site: * @link https://www.mantine-react-table.com/docs/api/table-options */ type MRT_TableOptions = { columnFilterDisplayMode?: 'custom' | 'popover' | 'subheader'; 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.mantine-react-table.com/docs/guides/data-columns * @link https://www.mantine-react-table.com/docs/guides/display-columns * * See all Columns Options on the official docs site: * @link https://www.mantine-react-table.com/docs/api/column-options */ columns: MRT_ColumnDef[]; columnVirtualizerInstanceRef?: MutableRefObject>; columnVirtualizerOptions?: ((props: { table: MRT_TableInstance; }) => Partial>) | Partial>; createDisplayMode?: 'custom' | 'modal' | 'row'; /** * 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.mantine-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>; }>; editDisplayMode?: 'cell' | 'custom' | 'modal' | 'row' | 'table'; enableBatchRowSelection?: boolean; enableBottomToolbar?: boolean; enableClickToCopy?: ((cell: MRT_Cell) => boolean) | boolean; enableColumnActions?: boolean; enableColumnDragging?: boolean; enableColumnFilterModes?: boolean; enableColumnOrdering?: boolean; enableColumnVirtualization?: boolean; enableDensityToggle?: boolean; enableEditing?: ((row: MRT_Row) => boolean) | boolean; enableExpandAll?: boolean; enableFacetedValues?: boolean; enableFilterMatchHighlighting?: boolean; enableFullScreenToggle?: boolean; enableGlobalFilterModes?: boolean; enableGlobalFilterRankedResults?: boolean; enableHeaderActionsHoverReveal?: boolean; enableIMEMode?: boolean; enablePagination?: boolean; enableRowActions?: boolean; enableRowDragging?: boolean; enableRowNumbers?: boolean; enableRowOrdering?: boolean; enableRowSelection?: ((row: MRT_Row) => boolean) | 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 | undefined; 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?: 'grid' | 'grid-no-grow' | 'semantic'; /** * Pass in either a locale imported from `mantine-react-table/locales/*` or a custom locale object. * * See the localization (i18n) guide for more info: * @link https://www.mantine-react-table.com/docs/guides/localization */ localization?: Partial; mantineBottomToolbarProps?: ((props: { table: MRT_TableInstance; }) => BoxProps & HTMLPropsRef) | (BoxProps & HTMLPropsRef); mantineColumnActionsButtonProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineColumnDragHandleProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineCopyButtonProps?: ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineCreateRowModalProps?: ((props: { row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineDetailPanelProps?: ((props: { row: MRT_Row; table: MRT_TableInstance; }) => BoxProps & HTMLPropsRef) | (BoxProps & HTMLPropsRef); mantineEditRowModalProps?: ((props: { row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineEditSelectProps?: ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineEditTextInputProps?: ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineExpandAllButtonProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineExpandButtonProps?: ((props: { renderedRowIndex?: number; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterAutocompleteProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterCheckboxProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterDateInputProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterMultiSelectProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterRangeSliderProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterSelectProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineFilterTextInputProps?: ((props: { column: MRT_Column; rangeFilterIndex?: number; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineHighlightProps?: ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineLoadingOverlayProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantinePaginationProps?: ((props: { table: MRT_TableInstance; }) => Partial & MRT_PaginationProps>) | Partial & MRT_PaginationProps>; mantinePaperProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & PaperProps) | (HTMLPropsRef & PaperProps); mantineProgressProps?: ((props: { isTopToolbar: boolean; table: MRT_TableInstance; }) => HTMLPropsRef & ProgressProps) | (HTMLPropsRef & ProgressProps); mantineRowDragHandleProps?: ((props: { row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineScrollAreaProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineSearchTextInputProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineSelectAllCheckboxProps?: ((CheckboxProps | RadioProps | SwitchProps) & HTMLPropsRef) | ((props: { table: MRT_TableInstance; }) => (CheckboxProps | RadioProps | SwitchProps) & HTMLPropsRef); mantineSelectCheckboxProps?: ((CheckboxProps | RadioProps | SwitchProps) & HTMLPropsRef) | ((props: { renderedRowIndex?: number; row: MRT_Row; table: MRT_TableInstance; }) => (CheckboxProps | RadioProps | SwitchProps) & HTMLPropsRef); mantineSkeletonProps?: ((props: { cell: MRT_Cell; column: MRT_Column; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & SkeletonProps) | (HTMLPropsRef & SkeletonProps); mantineTableBodyCellProps?: ((props: { cell: MRT_Cell; column: MRT_Column; renderedColumnIndex?: number; renderedRowIndex?: number; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & TableTdProps) | (HTMLPropsRef & TableTdProps); mantineTableBodyProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & TableTbodyProps) | (HTMLPropsRef & TableTbodyProps); mantineTableBodyRowProps?: ((props: { isDetailPanel?: boolean; renderedRowIndex?: number; row: MRT_Row; table: MRT_TableInstance; }) => HTMLPropsRef & TableTrProps) | (HTMLPropsRef & TableTrProps); mantineTableContainerProps?: ((props: { table: MRT_TableInstance; }) => BoxProps & HTMLPropsRef) | (BoxProps & HTMLPropsRef); mantineTableFooterCellProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & TableThProps) | (HTMLPropsRef & TableThProps); mantineTableFooterProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & TableTfootProps) | (HTMLPropsRef & TableTfootProps); mantineTableFooterRowProps?: ((props: { footerGroup: MRT_HeaderGroup; table: MRT_TableInstance; }) => HTMLPropsRef & TableTrProps) | (HTMLPropsRef & TableTrProps); mantineTableHeadCellProps?: ((props: { column: MRT_Column; table: MRT_TableInstance; }) => HTMLPropsRef & TableThProps) | (HTMLPropsRef & TableThProps); mantineTableHeadProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & TableTheadProps) | (HTMLPropsRef & TableTheadProps); mantineTableHeadRowProps?: ((props: { headerGroup: MRT_HeaderGroup; table: MRT_TableInstance; }) => HTMLPropsRef & TableTrProps) | (HTMLPropsRef & TableTrProps); mantineTableProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & TableProps) | (HTMLPropsRef & TableProps); mantineToolbarAlertBannerBadgeProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineToolbarAlertBannerProps?: ((props: { table: MRT_TableInstance; }) => HTMLPropsRef & Partial) | (HTMLPropsRef & Partial); mantineTopToolbarProps?: ((props: { table: MRT_TableInstance; }) => BoxProps & HTMLPropsRef) | (BoxProps & HTMLPropsRef); /** * 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.mantine-react-table.com/docs/guides/memoize-components */ memoMode?: 'cells' | 'rows' | 'table-body'; onColumnFilterFnsChange?: OnChangeFn<{ [key: string]: MRT_FilterOption; }>; onCreatingRowCancel?: (props: { row: MRT_Row; table: MRT_TableInstance; }) => void; onCreatingRowChange?: OnChangeFn | null>; onCreatingRowSave?: (props: { exitCreatingMode: () => void; row: MRT_Row; table: MRT_TableInstance; values: Record & string>, any>; }) => void; onDensityChange?: OnChangeFn; onDraggingColumnChange?: OnChangeFn | null>; onDraggingRowChange?: OnChangeFn | null>; onEditingCellChange?: OnChangeFn | null>; onEditingRowCancel?: (props: { row: MRT_Row; table: MRT_TableInstance; }) => void; onEditingRowChange?: OnChangeFn | null>; onEditingRowSave?: (props: { exitEditingMode: () => void; row: MRT_Row; table: MRT_TableInstance; values: Record & string>, any>; }) => Promise | void; onGlobalFilterFnChange?: OnChangeFn; onHoveredColumnChange?: OnChangeFn>>; onHoveredRowChange?: OnChangeFn>>; onIsFullScreenChange?: OnChangeFn; onShowAlertBannerChange?: OnChangeFn; onShowColumnFiltersChange?: OnChangeFn; onShowGlobalFilterChange?: OnChangeFn; onShowToolbarDropZoneChange?: OnChangeFn; paginationDisplayMode?: 'custom' | 'default' | 'pages'; positionActionsColumn?: 'first' | 'last'; positionCreatingRow?: 'bottom' | 'top' | number; positionExpandColumn?: 'first' | 'last'; positionGlobalFilter?: 'left' | 'none' | 'right'; positionPagination?: 'both' | 'bottom' | 'none' | 'top'; positionToolbarAlertBanner?: 'bottom' | 'head-overlay' | 'none' | 'top'; positionToolbarDropZone?: 'both' | 'bottom' | 'none' | 'top'; renderBottomToolbar?: ((props: { table: MRT_TableInstance; }) => ReactNode) | ReactNode; renderBottomToolbarCustomActions?: (props: { table: MRT_TableInstance; }) => ReactNode; renderColumnActionsMenuItems?: (props: { column: MRT_Column; internalColumnMenuItems: ReactNode; table: MRT_TableInstance; }) => ReactNode; renderColumnFilterModeMenuItems?: (props: { column: MRT_Column; internalFilterOptions: MRT_InternalFilterOption[]; onSelectFilterMode: (filterMode: MRT_FilterOption) => void; table: MRT_TableInstance; }) => ReactNode; renderCreateRowModalContent?: (props: { internalEditComponents: ReactNode[]; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; renderDetailPanel?: (props: { internalEditComponents: ReactNode[]; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; renderEditRowModalContent?: (props: { internalEditComponents: ReactNode[]; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; renderEmptyRowsFallback?: (props: { table: MRT_TableInstance; }) => ReactNode; renderGlobalFilterModeMenuItems?: (props: { internalFilterOptions: MRT_InternalFilterOption[]; onSelectFilterMode: (filterMode: MRT_FilterOption) => void; table: MRT_TableInstance; }) => ReactNode; renderRowActionMenuItems?: (props: { renderedRowIndex?: number; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; renderRowActions?: (props: { cell: MRT_Cell; renderedRowIndex?: number; row: MRT_Row; table: MRT_TableInstance; }) => ReactNode; renderToolbarAlertBannerContent?: (props: { groupedAlert: null | ReactNode; selectedAlert: null | ReactNode; table: MRT_TableInstance; }) => ReactNode; renderToolbarInternalActions?: (props: { table: MRT_TableInstance; }) => ReactNode; renderTopToolbar?: ((props: { table: MRT_TableInstance; }) => ReactNode) | ReactNode; renderTopToolbarCustomActions?: (props: { table: MRT_TableInstance; }) => ReactNode; rowCount?: number; rowNumberDisplayMode?: 'original' | 'static'; rowPinningDisplayMode?: 'bottom' | 'select-bottom' | 'select-sticky' | 'select-top' | 'sticky' | 'top' | 'top-and-bottom'; rowVirtualizerInstanceRef?: MutableRefObject>; rowVirtualizerOptions?: ((props: { table: MRT_TableInstance; }) => Partial>) | Partial>; scrollAreaViewportRef?: MutableRefObject; selectAllMode?: 'all' | 'page'; selectDisplayMode?: 'checkbox' | 'radio' | 'switch'; /** * Manage state externally any way you want, then pass it back into MRT. */ state?: Partial>; withScrollArea?: boolean; } & Omit>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'>; interface MRT_TableBodyProps extends TableTbodyProps { columnVirtualizer?: MRT_ColumnVirtualizer; table: MRT_TableInstance; tableProps: Partial; } declare const MRT_TableBody: ({ columnVirtualizer, table, tableProps, ...rest }: MRT_TableBodyProps) => react_jsx_runtime.JSX.Element; declare const Memo_MRT_TableBody: typeof MRT_TableBody; interface Props$R extends TableTdProps { cell: MRT_Cell; numRows?: number; renderedColumnIndex?: number; renderedRowIndex?: number; rowRef: RefObject; table: MRT_TableInstance; virtualCell?: MRT_VirtualItem; } declare const MRT_TableBodyCell: ({ cell, numRows, renderedColumnIndex, renderedRowIndex, rowRef, table, virtualCell, ...rest }: Props$R) => react_jsx_runtime.JSX.Element; declare const Memo_MRT_TableBodyCell: typeof MRT_TableBodyCell; interface Props$Q { cell: MRT_Cell; renderedColumnIndex?: number; renderedRowIndex?: number; table: MRT_TableInstance; } declare const MRT_TableBodyCellValue: ({ cell, renderedColumnIndex, renderedRowIndex, table, }: Props$Q) => react.ReactNode; interface Props$P extends TableTrProps { table: MRT_TableInstance; tableProps: Partial; } declare const MRT_TableBodyEmptyRow: ({ table, tableProps, ...commonRowProps }: Props$P) => react_jsx_runtime.JSX.Element; interface Props$O extends TableTrProps { columnVirtualizer?: MRT_ColumnVirtualizer; numRows?: number; pinnedRowIds?: string[]; renderedRowIndex?: number; row: MRT_Row; rowVirtualizer?: MRT_RowVirtualizer; table: MRT_TableInstance; tableProps: Partial; virtualRow?: MRT_VirtualItem; } declare const MRT_TableBodyRow: ({ children, columnVirtualizer, numRows, pinnedRowIds, renderedRowIndex, row, rowVirtualizer, table, tableProps, virtualRow, ...rest }: Props$O) => react_jsx_runtime.JSX.Element; declare const Memo_MRT_TableBodyRow: typeof MRT_TableBodyRow; interface Props$N extends ActionIconProps { row: MRT_Row; rowRef: RefObject; table: MRT_TableInstance; } declare const MRT_TableBodyRowGrabHandle: ({ row, rowRef, table, ...rest }: Props$N) => react_jsx_runtime.JSX.Element; interface Props$M extends ActionIconProps { row: MRT_Row; table: MRT_TableInstance; } declare const MRT_TableBodyRowPinButton: ({ row, table, ...rest }: Props$M) => react_jsx_runtime.JSX.Element | null; interface Props$L extends TableTdProps { parentRowRef: RefObject; renderedRowIndex?: number; row: MRT_Row; rowVirtualizer?: MRT_RowVirtualizer; striped?: false | string; table: MRT_TableInstance; virtualRow?: MRT_VirtualItem; } declare const MRT_TableDetailPanel: ({ parentRowRef, renderedRowIndex, row, rowVirtualizer, striped, table, virtualRow, ...rest }: Props$L) => react_jsx_runtime.JSX.Element; interface Props$K { column: MRT_Column; table: MRT_TableInstance; } declare const MRT_ColumnPinningButtons: ({ column, table, }: Props$K) => react_jsx_runtime.JSX.Element; interface Props$J extends UnstyledButtonProps { cell: MRT_Cell; children: ReactNode; table: MRT_TableInstance; } declare const MRT_CopyButton: ({ cell, children, table, ...rest }: Props$J) => react_jsx_runtime.JSX.Element; interface Props$I extends BoxProps { row: MRT_Row; table: MRT_TableInstance; variant?: 'icon' | 'text'; } declare const MRT_EditActionButtons: ({ row, table, variant, ...rest }: Props$I) => react_jsx_runtime.JSX.Element; interface Props$H extends ActionIconProps { table: MRT_TableInstance; } declare const MRT_ExpandAllButton: ({ table, ...rest }: Props$H) => react_jsx_runtime.JSX.Element; interface Props$G extends ActionIconProps { row: MRT_Row; table: MRT_TableInstance; } declare const MRT_ExpandButton: ({ row, table, ...rest }: Props$G) => react_jsx_runtime.JSX.Element; interface Props$F { actionIconProps?: ActionIconProps & HTMLPropsRef; onDragEnd: DragEventHandler; onDragStart: DragEventHandler; table: MRT_TableInstance; } declare const MRT_GrabHandleButton: ({ actionIconProps, onDragEnd, onDragStart, table: { options: { icons: { IconGripHorizontal }, localization: { move }, }, }, }: Props$F) => react_jsx_runtime.JSX.Element; interface Props$E extends ActionIconProps { pinningPosition: RowPinningPosition; row: MRT_Row; table: MRT_TableInstance; } declare const MRT_RowPinButton: ({ pinningPosition, row, table, ...rest }: Props$E) => react_jsx_runtime.JSX.Element; interface Props$D extends ActionIconProps, HTMLPropsRef { table: MRT_TableInstance; } declare const MRT_ShowHideColumnsButton: ({ table, title, ...rest }: Props$D) => react_jsx_runtime.JSX.Element; interface Props$C extends ActionIconProps, HTMLPropsRef { table: MRT_TableInstance; } declare const MRT_ToggleDensePaddingButton: ({ table: { getState, options: { icons: { IconBaselineDensityLarge, IconBaselineDensityMedium, IconBaselineDensitySmall, }, localization: { toggleDensity }, }, setDensity, }, title, ...rest }: Props$C) => react_jsx_runtime.JSX.Element; interface Props$B extends ActionIconProps, HTMLPropsRef { table: MRT_TableInstance; } declare const MRT_ToggleFiltersButton: ({ table: { getState, options: { icons: { IconFilter, IconFilterOff }, localization: { showHideFilters }, }, setShowColumnFilters, }, title, ...rest }: Props$B) => react_jsx_runtime.JSX.Element; interface Props$A extends ActionIconProps, HTMLPropsRef { table: MRT_TableInstance; } declare const MRT_ToggleFullScreenButton: ({ table: { getState, options: { icons: { IconMaximize, IconMinimize }, localization: { toggleFullScreen }, }, setIsFullScreen, }, title, ...rest }: Props$A) => react_jsx_runtime.JSX.Element; interface Props$z extends ActionIconProps, HTMLPropsRef { table: MRT_TableInstance; } declare const MRT_ToggleGlobalFilterButton: ({ table: { getState, options: { icons: { IconSearch, IconSearchOff }, localization: { showHideSearch }, }, refs: { searchInputRef }, setShowGlobalFilter, }, title, ...rest }: Props$z) => react_jsx_runtime.JSX.Element; interface Props$y { cell: MRT_Cell; row: MRT_Row; table: MRT_TableInstance; } declare const MRT_ToggleRowActionMenuButton: ({ cell, row, table, }: Props$y) => react_jsx_runtime.JSX.Element; interface Props$x extends TableTfootProps { columnVirtualizer?: MRT_ColumnVirtualizer; table: MRT_TableInstance; } declare const MRT_TableFooter: ({ columnVirtualizer, table, ...rest }: Props$x) => react_jsx_runtime.JSX.Element; interface Props$w extends TableThProps { footer: MRT_Header; renderedColumnIndex?: number; table: MRT_TableInstance; } declare const MRT_TableFooterCell: ({ footer, renderedColumnIndex, table, ...rest }: Props$w) => react_jsx_runtime.JSX.Element; interface Props$v extends TableTrProps { columnVirtualizer?: MRT_ColumnVirtualizer; footerGroup: MRT_HeaderGroup; table: MRT_TableInstance; } declare const MRT_TableFooterRow: ({ columnVirtualizer, footerGroup, table, ...rest }: Props$v) => react_jsx_runtime.JSX.Element | null; interface Props$u extends TableTheadProps { columnVirtualizer?: MRT_ColumnVirtualizer; table: MRT_TableInstance; } declare const MRT_TableHead: ({ columnVirtualizer, table, ...rest }: Props$u) => react_jsx_runtime.JSX.Element; interface Props$t extends TableThProps { columnVirtualizer?: MRT_ColumnVirtualizer; header: MRT_Header; renderedHeaderIndex?: number; table: MRT_TableInstance; } declare const MRT_TableHeadCell: ({ columnVirtualizer, header, renderedHeaderIndex, table, ...rest }: Props$t) => react_jsx_runtime.JSX.Element; interface Props$s extends FlexProps { header: MRT_Header; table: MRT_TableInstance; } declare const MRT_TableHeadCellFilterContainer: ({ header, table, ...rest }: Props$s) => react_jsx_runtime.JSX.Element; interface Props$r extends ActionIconProps { header: MRT_Header; table: MRT_TableInstance; } declare const MRT_TableHeadCellFilterLabel: ({ header, table, ...rest }: Props$r) => react_jsx_runtime.JSX.Element; interface Props$q extends ActionIconProps { column: MRT_Column; table: MRT_TableInstance; tableHeadCellRef: RefObject; } declare const MRT_TableHeadCellGrabHandle: ({ column, table, tableHeadCellRef, ...rest }: Props$q) => react_jsx_runtime.JSX.Element; interface Props$p extends BoxProps { header: MRT_Header; table: MRT_TableInstance; } declare const MRT_TableHeadCellResizeHandle: ({ header, table, ...rest }: Props$p) => react_jsx_runtime.JSX.Element; interface Props$o extends ActionIconProps { header: MRT_Header; table: MRT_TableInstance; } declare const MRT_TableHeadCellSortLabel: ({ header, table, ...rest }: Props$o) => react_jsx_runtime.JSX.Element; interface Props$n extends TableTrProps { columnVirtualizer?: MRT_ColumnVirtualizer; headerGroup: MRT_HeaderGroup; table: MRT_TableInstance; } declare const MRT_TableHeadRow: ({ columnVirtualizer, headerGroup, table, ...rest }: Props$n) => react_jsx_runtime.JSX.Element; interface PropsTextInput extends TextInputProps { cell: MRT_Cell; table: MRT_TableInstance; } interface PropsSelect extends SelectProps { cell: MRT_Cell; table: MRT_TableInstance; } interface PropsMultiSelect extends MultiSelectProps { cell: MRT_Cell; table: MRT_TableInstance; } declare const MRT_EditCellTextInput: ({ cell, table, ...rest }: PropsMultiSelect | PropsSelect | PropsTextInput) => string | number | bigint | boolean | Iterable | Promise> | Iterable | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined; interface Props$m extends CheckboxProps { column: MRT_Column; table: MRT_TableInstance; } declare const MRT_FilterCheckbox: ({ column, table, ...rest }: Props$m) => react_jsx_runtime.JSX.Element; interface Props$l extends BoxProps { header: MRT_Header; table: MRT_TableInstance; } declare const MRT_FilterRangeFields: ({ header, table, ...rest }: Props$l) => react_jsx_runtime.JSX.Element; interface Props$k extends RangeSliderProps { header: MRT_Header; table: MRT_TableInstance; } declare const MRT_FilterRangeSlider: ({ header, table, ...rest }: Props$k) => react_jsx_runtime.JSX.Element; interface Props$j extends TextInputProps { header: MRT_Header; rangeFilterIndex?: number; table: MRT_TableInstance; } declare const MRT_FilterTextInput: ({ header, rangeFilterIndex, table, ...rest }: Props$j) => react_jsx_runtime.JSX.Element; interface Props$i extends TextInputProps { table: MRT_TableInstance; } declare const MRT_GlobalFilterTextInput: ({ table, ...rest }: Props$i) => react_jsx_runtime.JSX.Element; interface Props$h extends CheckboxProps { renderedRowIndex?: number; row?: MRT_Row; table: MRT_TableInstance; } declare const MRT_SelectCheckbox: ({ renderedRowIndex, row, table, ...rest }: Props$h) => react_jsx_runtime.JSX.Element; type TableInstanceProp = { table: MRT_TableInstance; }; type Props$g = Xor, MRT_TableOptions>; declare const MantineReactTable: (props: Props$g) => react_jsx_runtime.JSX.Element; interface Props$f extends MenuProps { header: MRT_Header; table: MRT_TableInstance; } declare const MRT_ColumnActionMenu: ({ header, table, ...rest }: Props$f) => react_jsx_runtime.JSX.Element; declare const mrtFilterOptions: (localization: MRT_Localization) => MRT_InternalFilterOption[]; interface Props$e { header?: MRT_Header; onSelect?: () => void; table: MRT_TableInstance; } declare const MRT_FilterOptionMenu: ({ header, onSelect, table, }: Props$e) => react_jsx_runtime.JSX.Element; interface Props$d extends ActionIconProps { handleEdit: (event: MouseEvent) => void; row: MRT_Row; table: MRT_TableInstance; } declare const MRT_RowActionMenu: ({ handleEdit, row, table, ...rest }: Props$d) => react_jsx_runtime.JSX.Element; interface Props$c { table: MRT_TableInstance; } declare const MRT_ShowHideColumnsMenu: ({ table, }: Props$c) => react_jsx_runtime.JSX.Element; interface Props$b { allColumns: MRT_Column[]; column: MRT_Column; hoveredColumn: MRT_Column | null; setHoveredColumn: Dispatch | null>>; table: MRT_TableInstance; } declare const MRT_ShowHideColumnsMenuItems: ({ allColumns, column, hoveredColumn, setHoveredColumn, table, }: Props$b) => react_jsx_runtime.JSX.Element | null; interface Props$a extends Partial { open: boolean; table: MRT_TableInstance; } declare const MRT_EditRowModal: ({ open, table, ...rest }: Props$a) => react_jsx_runtime.JSX.Element; interface Props$9 extends TableProps { table: MRT_TableInstance; } declare const MRT_Table: ({ table, ...rest }: Props$9) => react_jsx_runtime.JSX.Element; interface Props$8 extends BoxProps { table: MRT_TableInstance; } declare const MRT_TableContainer: ({ table, ...rest }: Props$8) => react_jsx_runtime.JSX.Element; interface Props$7 extends PaperProps { table: MRT_TableInstance; } declare const MRT_TablePaper: ({ table, ...rest }: Props$7) => react_jsx_runtime.JSX.Element; interface Props$6 extends BoxProps { table: MRT_TableInstance; } declare const MRT_BottomToolbar: ({ table, ...rest }: Props$6) => react_jsx_runtime.JSX.Element; interface Props$5 extends Partial { isTopToolbar: boolean; table: MRT_TableInstance; } declare const MRT_ProgressBar: ({ isTopToolbar, table, ...rest }: Props$5) => react_jsx_runtime.JSX.Element; interface Props$4 extends Partial { position?: 'bottom' | 'top'; table: MRT_TableInstance; } declare const MRT_TablePagination: ({ position, table, ...props }: Props$4) => react_jsx_runtime.JSX.Element; interface Props$3 extends Partial { stackAlertBanner?: boolean; table: MRT_TableInstance; } declare const MRT_ToolbarAlertBanner: ({ stackAlertBanner, table, ...rest }: Props$3) => react_jsx_runtime.JSX.Element; interface Props$2 extends FlexProps { table: MRT_TableInstance; } declare const MRT_ToolbarDropZone: ({ table, ...rest }: Props$2) => react_jsx_runtime.JSX.Element; interface Props$1 extends FlexProps { table: MRT_TableInstance; } declare const MRT_ToolbarInternalButtons: ({ table, ...rest }: Props$1) => react_jsx_runtime.JSX.Element; interface Props extends BoxProps { table: MRT_TableInstance; } declare const MRT_TopToolbar: ({ table, ...rest }: Props) => react_jsx_runtime.JSX.Element; declare const useMantineReactTable: (tableOptions: MRT_TableOptions) => MRT_TableInstance; declare const useMRT_ColumnVirtualizer: (table: MRT_TableInstance) => MRT_ColumnVirtualizer | undefined; declare const useMRT_Effects: (table: MRT_TableInstance) => void; declare const useMRT_Rows: (table: MRT_TableInstance) => MRT_Row[]; declare const useMRT_RowVirtualizer: (table: MRT_TableInstance, rows?: MRT_Row[]) => MRT_RowVirtualizer | undefined; /** * The MRT hook that wraps the TanStack useReactTable hook and adds additional functionality * @param definedTableOptions - table options with proper defaults set * @returns the MRT table instance */ declare const useMRT_TableInstance: (definedTableOptions: MRT_DefinedTableOptions) => MRT_TableInstance; declare const MRT_DefaultColumn: { readonly filterVariant: "text"; readonly maxSize: 1000; readonly minSize: 40; readonly size: 180; }; declare const MRT_DefaultDisplayColumn: { readonly columnDefType: "display"; readonly enableClickToCopy: false; readonly enableColumnActions: false; readonly enableColumnDragging: false; readonly enableColumnFilter: false; readonly enableColumnOrdering: false; readonly enableEditing: false; readonly enableGlobalFilter: false; readonly enableGrouping: false; readonly enableHiding: false; readonly enableResizing: false; readonly enableSorting: false; }; declare const useMRT_TableOptions: (tableOptions: MRT_TableOptions) => MRT_DefinedTableOptions; declare const getColumnId: (columnDef: MRT_ColumnDef) => string; declare const getAllLeafColumnDefs: (columns: MRT_ColumnDef[]) => MRT_ColumnDef[]; declare const prepareColumns: ({ columnDefs, tableOptions, }: { columnDefs: MRT_ColumnDef[]; tableOptions: MRT_DefinedTableOptions; }) => MRT_DefinedColumnDef[]; declare const reorderColumn: (draggedColumn: MRT_Column, targetColumn: MRT_Column, columnOrder: MRT_ColumnOrderState) => MRT_ColumnOrderState; declare const getDefaultColumnFilterFn: (columnDef: MRT_ColumnDef) => MRT_FilterOption; declare function defaultDisplayColumnProps({ header, id, size, tableOptions, }: { header?: keyof MRT_Localization; id: MRT_DisplayColumnIds; size: number; tableOptions: MRT_DefinedTableOptions; }): MRT_ColumnDef; declare const showRowPinningColumn: (tableOptions: MRT_StatefulTableOptions) => boolean; declare const showRowDragColumn: (tableOptions: MRT_StatefulTableOptions) => boolean; declare const showRowExpandColumn: (tableOptions: MRT_StatefulTableOptions) => boolean; declare const showRowActionsColumn: (tableOptions: MRT_StatefulTableOptions) => boolean; declare const showRowSelectionColumn: (tableOptions: MRT_StatefulTableOptions) => boolean; declare const showRowNumbersColumn: (tableOptions: MRT_StatefulTableOptions) => boolean; declare const showRowSpacerColumn: (tableOptions: MRT_StatefulTableOptions) => boolean; declare const getLeadingDisplayColumnIds: (tableOptions: MRT_StatefulTableOptions) => MRT_DisplayColumnIds[]; declare const getTrailingDisplayColumnIds: (tableOptions: MRT_StatefulTableOptions) => MRT_DisplayColumnIds[]; declare const getDefaultColumnOrderIds: (tableOptions: MRT_StatefulTableOptions, reset?: boolean) => string[]; declare const getMRT_Rows: (table: MRT_TableInstance, all?: boolean) => MRT_Row[]; declare const getCanRankRows: (table: MRT_TableInstance) => boolean | undefined; declare const getIsRankingRows: (table: MRT_TableInstance) => any; declare const getIsRowSelected: ({ row, table, }: { row: MRT_Row; table: MRT_TableInstance; }) => boolean | undefined; declare const getMRT_RowSelectionHandler: ({ renderedRowIndex, row, table, }: { renderedRowIndex?: number; row: MRT_Row; table: MRT_TableInstance; }) => (event: ChangeEvent | MouseEvent, value?: boolean) => void; declare const getMRT_SelectAllHandler: ({ table }: { table: MRT_TableInstance; }) => (event: ChangeEvent | MouseEvent, value?: boolean, forceAll?: boolean) => void; declare const parseCSSVarId: (id: string) => string; declare const getPrimaryShade: (theme: MantineTheme) => number; declare const getPrimaryColor: (theme: MantineTheme, shade?: MantineShade) => string; declare function dataVariable(name: string, value: boolean | number | string | undefined): { [x: string]: string; } | null; declare const flexRender: (Comp: Renderable, props: any) => JSX.Element | ReactNode; declare function createMRTColumnHelper(): MRT_ColumnHelper; declare const createRow: (table: MRT_TableInstance, originalRow?: TData, rowIndex?: number, depth?: number, subRows?: MRT_Row[], parentId?: string) => MRT_Row; declare const parseFromValuesOrFunc: (fn: ((arg: U) => T) | T | undefined, arg: U) => T | undefined; export { type HTMLPropsRef, type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_CellValue, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnFiltersState, type MRT_ColumnHelper, type MRT_ColumnOrderState, MRT_ColumnPinningButtons, type MRT_ColumnPinningState, type MRT_ColumnSizingInfoState, type MRT_ColumnSizingState, type MRT_ColumnVirtualizer, MRT_CopyButton, type MRT_CreateTableFeature, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextInput, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, type MRT_ExpandedState, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextInput, type MRT_FilterTooltipValueFn, MRT_GlobalFilterTextInput, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_GroupingState, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, type MRT_Localization, type MRT_PaginationProps, type MRT_PaginationState, MRT_ProgressBar, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, type MRT_RowSelectionState, type MRT_RowVirtualizer, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, type MRT_SortingState, type MRT_StatefulTableOptions, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyEmptyRow, type MRT_TableBodyProps, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, type MRT_Updater, type MRT_VirtualItem, type MRT_VirtualizerOptions, type MRT_VisibilityState, MantineReactTable, type MantineShade, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, createMRTColumnHelper, createRow, dataVariable, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getPrimaryColor, getPrimaryShade, getTrailingDisplayColumnIds, localizedFilterOption, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMantineReactTable };