UNPKG

mantine-react-table

Version:

A fully featured Mantine implementation of TanStack React Table V8, written from the ground up in TypeScript.

414 lines (413 loc) 28.6 kB
import React from 'react'; import type { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_FilterOption, MRT_Row, MRT_TableInstance, MRT_TableState, MantineReactTableProps, MRT_Localization } from '..'; export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/react-table").TableOptions<TData>>, "state" | "data" | "onStateChange" | "initialState" | "getRowId" | "columns" | "defaultColumn" | "globalFilterFn" | "enableRowSelection" | "expandRowsFn"> & { columnFilterModeOptions?: (string & MRT_FilterOption)[] | null | undefined; columns: MRT_ColumnDef<TData>[]; columnVirtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableCellElement> | null> | undefined; columnVirtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | (({ table, }: { table: MRT_TableInstance<TData>; }) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>) | undefined; data: TData[]; defaultColumn?: Partial<MRT_ColumnDef<TData>> | undefined; defaultDisplayColumn?: Partial<MRT_ColumnDef<TData>> | undefined; displayColumnDefOptions?: Partial<{ "mrt-row-drag": Partial<MRT_ColumnDef<{}>>; "mrt-row-actions": Partial<MRT_ColumnDef<{}>>; "mrt-row-expand": Partial<MRT_ColumnDef<{}>>; "mrt-row-select": Partial<MRT_ColumnDef<{}>>; "mrt-row-numbers": Partial<MRT_ColumnDef<{}>>; }> | undefined; editingMode?: "row" | "cell" | "table" | "modal" | undefined; enableBottomToolbar?: boolean | undefined; enableClickToCopy?: boolean | undefined; enableColumnActions?: boolean | undefined; enableColumnDragging?: boolean | undefined; enableColumnFilterModes?: boolean | undefined; enableColumnOrdering?: boolean | undefined; enableColumnVirtualization?: boolean | undefined; enableDensityToggle?: boolean | undefined; enableEditing?: boolean | undefined; enableExpandAll?: boolean | undefined; enableFullScreenToggle?: boolean | undefined; enableGlobalFilterModes?: boolean | undefined; enableGlobalFilterRankedResults?: boolean | undefined; enablePagination?: boolean | undefined; enableRowActions?: boolean | undefined; enableRowDragging?: boolean | undefined; enableRowNumbers?: boolean | undefined; enableRowOrdering?: boolean | undefined; enableRowSelection?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined; enableRowVirtualization?: boolean | undefined; enableSelectAll?: boolean | undefined; enableStickyFooter?: boolean | undefined; enableStickyHeader?: boolean | undefined; enableTableFooter?: boolean | undefined; enableTableHead?: boolean | undefined; enableToolbarInternalActions?: boolean | undefined; enableTopToolbar?: boolean | undefined; expandRowsFn?: ((dataRow: TData) => TData[]) | undefined; getRowId?: ((originalRow: TData, index: number, parentRow: MRT_Row<TData>) => string) | undefined; globalFilterFn?: MRT_FilterOption | undefined; globalFilterModeOptions?: MRT_FilterOption[] | null | undefined; icons?: Partial<import("..").MRT_Icons> | undefined; initialState?: Partial<MRT_TableState<TData>> | undefined; layoutMode?: "grid" | "semantic" | undefined; localization?: Partial<MRT_Localization> | undefined; mantineBottomToolbarProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | undefined; mantineColumnActionsButtonProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | (({ table, column, }: { table: MRT_TableInstance<TData>; column: MRT_Column<TData>; }) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | undefined; mantineColumnDragHandleProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | (({ table, column, }: { table: MRT_TableInstance<TData>; column: MRT_Column<TData>; }) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | undefined; mantineCopyButtonProps?: (import("@mantine/core").UnstyledButtonProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | (({ cell, column, row, table, }: { cell: MRT_Cell<TData>; column: MRT_Column<TData>; row: MRT_Row<TData>; table: MRT_TableInstance<TData>; }) => import("@mantine/core").UnstyledButtonProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | undefined; mantineDetailPanelProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined; }) | (({ table, row, }: { table: MRT_TableInstance<TData>; row: MRT_Row<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined; }) | undefined; mantineEditTextInputProps?: (import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | (({ cell, column, row, table, }: { cell: MRT_Cell<TData>; column: MRT_Column<TData>; row: MRT_Row<TData>; table: MRT_TableInstance<TData>; }) => import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | undefined; mantineExpandAllButtonProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | undefined; mantineExpandButtonProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | (({ row, table, }: { table: MRT_TableInstance<TData>; row: MRT_Row<TData>; }) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | undefined; mantineFilterCheckboxProps?: (import("@mantine/core").CheckboxProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | (({ column, table, }: { column: MRT_Column<TData>; table: MRT_TableInstance<TData>; }) => import("@mantine/core").CheckboxProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | undefined; mantineFilterMultiSelectProps?: (Partial<import("@mantine/core").MultiSelectProps> & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | (({ table, column, rangeFilterIndex, }: { table: MRT_TableInstance<TData>; column: MRT_Column<TData>; rangeFilterIndex?: number | undefined; }) => Partial<import("@mantine/core").MultiSelectProps> & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | undefined; mantineFilterSelectProps?: (Partial<import("@mantine/core").SelectProps> & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | (({ table, column, rangeFilterIndex, }: { table: MRT_TableInstance<TData>; column: MRT_Column<TData>; rangeFilterIndex?: number | undefined; }) => Partial<import("@mantine/core").SelectProps> & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | undefined; mantineFilterTextInputProps?: (import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | (({ table, column, rangeFilterIndex, }: { table: MRT_TableInstance<TData>; column: MRT_Column<TData>; rangeFilterIndex?: number | undefined; }) => import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | undefined; mantineProgressProps?: (import("@mantine/core").ProgressProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | (({ isTopToolbar, table, }: { isTopToolbar: boolean; table: MRT_TableInstance<TData>; }) => import("@mantine/core").ProgressProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | undefined; mantinePaginationProps?: Partial<import("..").MRT_PaginationProps & import("@mantine/core").FlexProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }> | (({ table, }: { table: MRT_TableInstance<TData>; }) => Partial<import("..").MRT_PaginationProps & import("@mantine/core").FlexProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }>) | undefined; mantinePaperProps?: (import("@mantine/core").PaperProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").PaperProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | undefined; mantineRowDragHandleProps?: (import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | (({ table, row, }: { table: MRT_TableInstance<TData>; row: MRT_Row<TData>; }) => import("@mantine/core").ActionIconProps & Omit<React.HTMLProps<HTMLButtonElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLButtonElement | null> | null | undefined; }) | undefined; mantineSearchTextInputProps?: (import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").TextInputProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | undefined; mantineSelectAllCheckboxProps?: (import("@mantine/core").CheckboxProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").CheckboxProps & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | undefined; mantineSelectCheckboxProps?: ((import("@mantine/core").CheckboxProps | import("@mantine/core").RadioProps) & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | (({ table, row, }: { table: MRT_TableInstance<TData>; row: MRT_Row<TData>; }) => (import("@mantine/core").CheckboxProps | import("@mantine/core").RadioProps) & Omit<React.HTMLProps<HTMLInputElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLInputElement | null> | null | undefined; }) | undefined; mantineSkeletonProps?: (import("@mantine/core").SkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | (({ cell, column, row, table, }: { cell: MRT_Cell<TData>; column: MRT_Column<TData>; row: MRT_Row<TData>; table: MRT_TableInstance<TData>; }) => import("@mantine/core").SkeletonProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | undefined; mantineTableBodyCellProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined; } & import("..").ColumnAlignment) | (({ cell, column, row, table, }: { cell: MRT_Cell<TData>; column: MRT_Column<TData>; row: MRT_Row<TData>; table: MRT_TableInstance<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined; } & import("..").ColumnAlignment) | undefined; mantineTableBodyProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined; }) | undefined; mantineTableBodyRowProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined; }) | (({ isDetailPanel, row, table, }: { isDetailPanel?: boolean | undefined; row: MRT_Row<TData>; table: MRT_TableInstance<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined; }) | undefined; mantineTableContainerProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | undefined; mantineTableFooterCellProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined; } & import("..").ColumnAlignment) | (({ table, column, }: { table: MRT_TableInstance<TData>; column: MRT_Column<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined; } & import("..").ColumnAlignment) | undefined; mantineTableFooterProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined; }) | undefined; mantineTableFooterRowProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined; }) | (({ table, footerGroup, }: { table: MRT_TableInstance<TData>; footerGroup: import("..").MRT_HeaderGroup<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined; }) | undefined; mantineTableHeadCellProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined; } & import("..").ColumnAlignment) | (({ table, column, }: { table: MRT_TableInstance<TData>; column: MRT_Column<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableCellElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableCellElement | null> | null | undefined; } & import("..").ColumnAlignment) | undefined; mantineTableHeadProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableSectionElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableSectionElement | null> | null | undefined; }) | undefined; mantineTableHeadRowProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined; }) | (({ table, headerGroup, }: { table: MRT_TableInstance<TData>; headerGroup: import("..").MRT_HeaderGroup<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLTableRowElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableRowElement | null> | null | undefined; }) | undefined; mantineTableProps?: (import("@mantine/core").TableProps & Omit<React.HTMLProps<HTMLTableElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").TableProps & Omit<React.HTMLProps<HTMLTableElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLTableElement | null> | null | undefined; }) | undefined; mantineToolbarAlertBannerChipProps?: (Partial<import("@mantine/core").ChipProps> & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => Partial<import("@mantine/core").ChipProps> & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | undefined; mantineToolbarAlertBannerProps?: (import("@mantine/core").AlertProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").AlertProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | undefined; mantineTopToolbarProps?: (import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | (({ table, }: { table: MRT_TableInstance<TData>; }) => import("@mantine/core").BoxProps & Omit<React.HTMLProps<HTMLDivElement>, "color" | "type" | "size" | "ref"> & { ref?: React.MutableRefObject<HTMLDivElement | null> | null | undefined; }) | undefined; memoMode?: "rows" | "cells" | "table-body" | undefined; onColumnFilterFnsChange?: import("@tanstack/react-table").OnChangeFn<{ [key: string]: MRT_FilterOption; }> | undefined; onDensityChange?: import("@tanstack/react-table").OnChangeFn<import("@mantine/core").MantineSize> | undefined; onDraggingColumnChange?: import("@tanstack/react-table").OnChangeFn<MRT_Column<TData> | null> | undefined; onDraggingRowChange?: import("@tanstack/react-table").OnChangeFn<MRT_Row<TData> | null> | undefined; onEditingCellChange?: import("@tanstack/react-table").OnChangeFn<MRT_Cell<TData> | null> | undefined; onEditingRowCancel?: (({ row, table, }: { row: MRT_Row<TData>; table: MRT_TableInstance<TData>; }) => void) | undefined; onEditingRowChange?: import("@tanstack/react-table").OnChangeFn<MRT_Row<TData> | null> | undefined; onEditingRowSave?: (({ exitEditingMode, row, table, values, }: { exitEditingMode: () => void; row: MRT_Row<TData>; table: MRT_TableInstance<TData>; values: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>; }) => void | Promise<void>) | undefined; onGlobalFilterFnChange?: import("@tanstack/react-table").OnChangeFn<MRT_FilterOption> | undefined; onHoveredColumnChange?: import("@tanstack/react-table").OnChangeFn<MRT_Column<TData> | null> | undefined; onHoveredRowChange?: import("@tanstack/react-table").OnChangeFn<MRT_Row<TData> | null> | undefined; onIsFullScreenChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined; onShowAlertBannerChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined; onShowFiltersChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined; onShowGlobalFilterChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined; onShowToolbarDropZoneChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined; positionActionsColumn?: "first" | "last" | undefined; positionExpandColumn?: "first" | "last" | undefined; positionGlobalFilter?: "left" | "right" | "none" | undefined; positionPagination?: "none" | "bottom" | "top" | "both" | undefined; positionToolbarAlertBanner?: "none" | "bottom" | "top" | undefined; positionToolbarDropZone?: "none" | "bottom" | "top" | "both" | undefined; renderBottomToolbar?: React.ReactNode | (({ table }: { table: MRT_TableInstance<TData>; }) => React.ReactNode); renderBottomToolbarCustomActions?: (({ table, }: { table: MRT_TableInstance<TData>; }) => React.ReactNode) | undefined; renderColumnActionsMenuItems?: (({ column, table, }: { column: MRT_Column<TData>; table: MRT_TableInstance<TData>; }) => React.ReactNode) | undefined; renderColumnFilterModeMenuItems?: (({ column, internalFilterOptions, onSelectFilterMode, table, }: { column: MRT_Column<TData>; internalFilterOptions: import("..").MRT_InternalFilterOption[]; onSelectFilterMode: (filterMode: MRT_FilterOption) => void; table: MRT_TableInstance<TData>; }) => React.ReactNode) | undefined; renderDetailPanel?: (({ row, table, }: { row: MRT_Row<TData>; table: MRT_TableInstance<TData>; }) => React.ReactNode) | undefined; renderGlobalFilterModeMenuItems?: (({ internalFilterOptions, onSelectFilterMode, table, }: { internalFilterOptions: import("..").MRT_InternalFilterOption[]; onSelectFilterMode: (filterMode: MRT_FilterOption) => void; table: MRT_TableInstance<TData>; }) => React.ReactNode) | undefined; renderRowActionMenuItems?: (({ row, table, }: { row: MRT_Row<TData>; table: MRT_TableInstance<TData>; }) => React.ReactNode) | undefined; renderRowActions?: (({ cell, row, table, }: { cell: MRT_Cell<TData>; row: MRT_Row<TData>; table: MRT_TableInstance<TData>; }) => React.ReactNode) | undefined; renderToolbarInternalActions?: (({ table, }: { table: MRT_TableInstance<TData>; }) => React.ReactNode) | undefined; renderTopToolbar?: React.ReactNode | (({ table }: { table: MRT_TableInstance<TData>; }) => React.ReactNode); renderTopToolbarCustomActions?: (({ table, }: { table: MRT_TableInstance<TData>; }) => React.ReactNode) | undefined; rowCount?: number | undefined; rowNumberMode?: "original" | "static" | undefined; rowVirtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableRowElement> | null> | undefined; rowVirtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: { table: MRT_TableInstance<TData>; }) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>) | undefined; selectAllMode?: "page" | "all" | undefined; state?: Partial<MRT_TableState<TData>> | undefined; tableInstanceRef?: React.MutableRefObject<MRT_TableInstance<TData> | null> | undefined; } & { localization: MRT_Localization; }) => JSX.Element;