material-react-table 1.7.4 → 1.8.1

package/dist/esm/types/MaterialReactTable.d.ts

@@ -18,16 +18,18 @@ import type { TablePaginationProps } from '@mui/material/TablePagination';
 import type { TableRowProps } from '@mui/material/TableRow';
 import type { TextFieldProps } from '@mui/material/TextField';
 import type { ToolbarProps } from '@mui/material/Toolbar';
-import type { AggregationFn, Cell, Column, ColumnDef, DeepKeys, FilterFn, Header, HeaderGroup, OnChangeFn, Row, SortingFn, Table, TableOptions, TableState } from '@tanstack/react-table';
-import type { VirtualizerOptions, Virtualizer } from '@tanstack/react-virtual';
+import type { AggregationFn, Cell, Column, ColumnDef, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, DeepKeys, ExpandedState, FilterFn, GroupingState, Header, HeaderGroup, OnChangeFn, PaginationState, Row, RowSelectionState, SortingFn, SortingState, Table, TableOptions, TableState, VisibilityState } from '@tanstack/react-table';
+import type { VirtualizerOptions, Virtualizer, VirtualItem } from '@tanstack/react-virtual';
 import { MRT_AggregationFns } from './aggregationFns';
 import { MRT_FilterFns } from './filterFns';
 import { MRT_Icons } from './icons';
 import { MRT_SortingFns } from './sortingFns';
+export { MRT_AggregationFns, MRT_FilterFns, MRT_SortingFns };
 /**
  * Most of this file is just TypeScript types
  */
-export type DensityState = 'comfortable' | 'compact' | 'spacious';
+export type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
+export type { 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, VirtualItem as MRT_VirtualItem, Virtualizer as MRT_Virtualizer, VirtualizerOptions as MRT_VirtualizerOptions, VisibilityState as MRT_VisibilityState, };
 type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 export interface MRT_Localization {
     actions: string;
@@ -160,7 +162,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Tab
     setColumnFilterFns: Dispatch<SetStateAction<{
         [key: string]: MRT_FilterOption;
     }>>;
-    setDensity: Dispatch<SetStateAction<DensityState>>;
+    setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
     setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
     setEditingCell: Dispatch<SetStateAction<MRT_Cell<TData> | null>>;
@@ -180,7 +182,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Tab
 };
 export type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
     columnFilterFns: Record<string, MRT_FilterOption>;
-    density: DensityState;
+    density: MRT_DensityState;
     draggingColumn: MRT_Column<TData> | null;
     draggingRow: MRT_Row<TData> | null;
     editingCell: MRT_Cell<TData> | null;
@@ -277,12 +279,18 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnD
     columnDefType?: 'data' | 'display' | 'group';
     columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
     columns?: MRT_ColumnDef<TData>[];
+    editSelectOptions?: (string | {
+        text: string;
+        value: any;
+    })[];
+    editVariant?: 'text' | 'select';
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
     enableColumnDragging?: boolean;
     enableColumnFilterModes?: boolean;
     enableColumnOrdering?: boolean;
-    enableEditing?: boolean;
+    enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean);
+    enableFilterMatchHighlighting?: boolean;
     filterFn?: MRT_FilterFn<TData>;
     filterSelectOptions?: (string | {
         text: string;
@@ -453,7 +461,7 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
     enableColumnOrdering?: boolean;
     enableColumnVirtualization?: boolean;
     enableDensityToggle?: boolean;
-    enableEditing?: boolean;
+    enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean);
     enableExpandAll?: boolean;
     enableFilterMatchHighlighting?: boolean;
     enableFullScreenToggle?: boolean;
@@ -621,7 +629,7 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
     muiTopToolbarProps?: ToolbarProps | ((props: {
         table: MRT_TableInstance<TData>;
     }) => ToolbarProps);
-    onDensityChange?: OnChangeFn<DensityState>;
+    onDensityChange?: OnChangeFn<MRT_DensityState>;
     onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
     onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
     onEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;

package/dist/esm/types/body/MRT_TableBody.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-import { Virtualizer, VirtualItem } from '@tanstack/react-virtual';
-import type { MRT_TableInstance } from '..';
+import type { MRT_TableInstance, MRT_VirtualItem, MRT_Virtualizer } from '..';
 interface Props {
-    columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
+    columnVirtualizer?: MRT_Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     table: MRT_TableInstance;
-    virtualColumns?: VirtualItem[];
+    virtualColumns?: MRT_VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }

package/dist/esm/types/body/MRT_TableBodyCell.d.ts

@@ -1,6 +1,5 @@
 import React, { RefObject } from 'react';
-import type { VirtualItem } from '@tanstack/react-virtual';
-import type { MRT_Cell, MRT_TableInstance } from '..';
+import type { MRT_Cell, MRT_TableInstance, MRT_VirtualItem } from '..';
 interface Props {
     cell: MRT_Cell;
     enableHover?: boolean;
@@ -9,7 +8,7 @@ interface Props {
     rowIndex: number;
     rowRef: RefObject<HTMLTableRowElement>;
     table: MRT_TableInstance;
-    virtualCell?: VirtualItem;
+    virtualCell?: MRT_VirtualItem;
 }
 export declare const MRT_TableBodyCell: ({ cell, enableHover, measureElement, numRows, rowIndex, rowRef, table, virtualCell, }: Props) => JSX.Element;
 export declare const Memo_MRT_TableBodyCell: React.MemoExoticComponent<({ cell, enableHover, measureElement, numRows, rowIndex, rowRef, table, virtualCell, }: Props) => JSX.Element>;

package/dist/esm/types/body/MRT_TableBodyRow.d.ts

@@ -1,17 +1,16 @@
 import React from 'react';
-import type { VirtualItem, Virtualizer } from '@tanstack/react-virtual';
-import type { MRT_Row, MRT_TableInstance } from '..';
+import type { MRT_Row, MRT_TableInstance, MRT_VirtualItem, MRT_Virtualizer } from '..';
 interface Props {
-    columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
+    columnVirtualizer?: MRT_Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     measureElement?: (element: HTMLTableRowElement) => void;
     numRows: number;
     row: MRT_Row;
     rowIndex: number;
     table: MRT_TableInstance;
-    virtualColumns?: VirtualItem[];
+    virtualColumns?: MRT_VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
-    virtualRow?: VirtualItem;
+    virtualRow?: MRT_VirtualItem;
 }
 export declare const MRT_TableBodyRow: ({ columnVirtualizer, measureElement, numRows, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props) => JSX.Element;
 export declare const Memo_MRT_TableBodyRow: React.MemoExoticComponent<({ columnVirtualizer, measureElement, numRows, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props) => JSX.Element>;

package/dist/esm/types/body/MRT_TableDetailPanel.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import type { VirtualItem } from '@tanstack/react-virtual';
-import type { MRT_Row, MRT_TableInstance } from '..';
+import type { MRT_Row, MRT_TableInstance, MRT_VirtualItem } from '..';
 interface Props {
     parentRowRef: React.RefObject<HTMLTableRowElement>;
     row: MRT_Row;
     table: MRT_TableInstance;
-    virtualRow?: VirtualItem;
+    virtualRow?: MRT_VirtualItem;
 }
 export declare const MRT_TableDetailPanel: ({ parentRowRef, row, table, virtualRow, }: Props) => JSX.Element;
 export {};

package/dist/esm/types/column.utils.d.ts

@@ -1,10 +1,10 @@
-import type { ColumnOrderState, GroupingState, Row } from '@tanstack/react-table';
+import type { Row } from '@tanstack/react-table';
 import { MRT_AggregationFns } from './aggregationFns';
 import { MRT_FilterFns } from './filterFns';
 import { MRT_SortingFns } from './sortingFns';
 import type { TableCellProps } from '@mui/material/TableCell';
 import type { Theme } from '@mui/material/styles';
-import type { MaterialReactTableProps, MRT_Column, MRT_ColumnDef, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterOption, MRT_Header, MRT_TableInstance } from '.';
+import type { MaterialReactTableProps, MRT_Column, MRT_ColumnDef, MRT_ColumnOrderState, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterOption, MRT_GroupingState, MRT_Header, MRT_TableInstance } from '.';
 export declare const getColumnId: <TData extends Record<string, any> = {}>(columnDef: MRT_ColumnDef<TData>) => string;
 export declare const getAllLeafColumnDefs: <TData extends Record<string, any> = {}>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
 export declare const prepareColumns: <TData extends Record<string, any> = {}>({ aggregationFns, columnDefs, columnFilterFns, defaultDisplayColumn, filterFns, sortingFns, }: {
@@ -100,8 +100,8 @@ export declare const prepareColumns: <TData extends Record<string, any> = {}>({
         basic: import("@tanstack/react-table").SortingFn<any>;
     } & Record<string, import("@tanstack/react-table").SortingFn<any>>;
 }) => MRT_DefinedColumnDef<TData>[];
-export declare const reorderColumn: <TData extends Record<string, any> = {}>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: ColumnOrderState) => ColumnOrderState;
-export declare const showExpandColumn: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>, grouping?: GroupingState) => boolean;
+export declare const reorderColumn: <TData extends Record<string, any> = {}>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: MRT_ColumnOrderState) => MRT_ColumnOrderState;
+export declare const showExpandColumn: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>, grouping?: MRT_GroupingState) => boolean;
 export declare const getLeadingDisplayColumnIds: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>) => MRT_DisplayColumnIds[];
 export declare const getTrailingDisplayColumnIds: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>) => (string | false | undefined)[];
 export declare const getDefaultColumnOrderIds: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>) => string[];

package/dist/esm/types/footer/MRT_TableFooter.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import type { VirtualItem } from '@tanstack/react-virtual';
-import type { MRT_TableInstance } from '..';
+import type { MRT_TableInstance, MRT_VirtualItem } from '..';
 interface Props {
     table: MRT_TableInstance;
-    virtualColumns?: VirtualItem[];
+    virtualColumns?: MRT_VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }

package/dist/esm/types/footer/MRT_TableFooterRow.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { VirtualItem } from '@tanstack/react-virtual';
-import type { MRT_HeaderGroup, MRT_TableInstance } from '..';
+import type { MRT_HeaderGroup, MRT_TableInstance, MRT_VirtualItem } from '..';
 interface Props {
     footerGroup: MRT_HeaderGroup;
     table: MRT_TableInstance;
-    virtualColumns?: VirtualItem[];
+    virtualColumns?: MRT_VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }

package/dist/esm/types/head/MRT_TableHead.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import type { VirtualItem } from '@tanstack/react-virtual';
-import type { MRT_TableInstance } from '..';
+import type { MRT_TableInstance, MRT_VirtualItem } from '..';
 interface Props {
     table: MRT_TableInstance;
-    virtualColumns?: VirtualItem[];
+    virtualColumns?: MRT_VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }

package/dist/esm/types/head/MRT_TableHeadRow.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import type { VirtualItem } from '@tanstack/react-virtual';
-import type { MRT_HeaderGroup, MRT_TableInstance } from '..';
+import type { MRT_HeaderGroup, MRT_TableInstance, MRT_VirtualItem } from '..';
 interface Props {
     headerGroup: MRT_HeaderGroup;
     table: MRT_TableInstance;
-    virtualColumns?: VirtualItem[];
+    virtualColumns?: MRT_VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }

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

@@ -1,272 +1 @@
-import React from 'react';
-import type { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_FilterOption, MRT_Localization, MRT_Row, MRT_TableInstance, MRT_TableState, MaterialReactTableProps } 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>[];
-    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;
-    enableFilterMatchHighlighting?: 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;
-    memoMode?: "rows" | "cells" | "table-body" | undefined;
-    muiBottomToolbarProps?: import("@mui/material").ToolbarProps<"div", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").ToolbarProps<"div", {}>) | undefined;
-    muiExpandAllButtonProps?: import("@mui/material").IconButtonProps<"button", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
-    muiExpandButtonProps?: import("@mui/material").IconButtonProps<"button", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-        row: MRT_Row<TData>;
-    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
-    muiLinearProgressProps?: import("@mui/material").LinearProgressProps | ((props: {
-        isTopToolbar: boolean;
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").LinearProgressProps) | undefined;
-    muiSearchTextFieldProps?: import("@mui/material").TextFieldProps | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").TextFieldProps) | undefined;
-    muiSelectAllCheckboxProps?: import("@mui/material").CheckboxProps | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").CheckboxProps) | undefined;
-    muiSelectCheckboxProps?: import("@mui/material").CheckboxProps | import("@mui/material").RadioProps | ((props: {
-        table: MRT_TableInstance<TData>;
-        row: MRT_Row<TData>;
-    }) => import("@mui/material").CheckboxProps | import("@mui/material").RadioProps) | undefined;
-    muiTableBodyCellCopyButtonProps?: import("@mui/material").ButtonProps<"button", {}> | ((props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").ButtonProps<"button", {}>) | undefined;
-    muiTableBodyCellEditTextFieldProps?: import("@mui/material").TextFieldProps | ((props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").TextFieldProps) | undefined;
-    muiTableBodyCellProps?: import("@mui/material").TableCellProps | ((props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").TableCellProps) | undefined;
-    muiTableBodyCellSkeletonProps?: import("@mui/material").SkeletonProps<"span", {}> | ((props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").SkeletonProps<"span", {}>) | undefined;
-    muiTableBodyProps?: import("@mui/material").TableBodyProps<"tbody", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").TableBodyProps<"tbody", {}>) | undefined;
-    muiTableBodyRowDragHandleProps?: import("@mui/material").IconButtonProps<"button", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-        row: MRT_Row<TData>;
-    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
-    muiTableBodyRowProps?: import("@mui/material").TableRowProps<"tr", {}> | ((props: {
-        isDetailPanel?: boolean | undefined;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").TableRowProps<"tr", {}>) | undefined;
-    muiTableContainerProps?: import("@mui/material").TableContainerProps<"div", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").TableContainerProps<"div", {}>) | undefined;
-    muiTableDetailPanelProps?: import("@mui/material").TableCellProps | ((props: {
-        table: MRT_TableInstance<TData>;
-        row: MRT_Row<TData>;
-    }) => import("@mui/material").TableCellProps) | undefined;
-    muiTableFooterCellProps?: import("@mui/material").TableCellProps | ((props: {
-        table: MRT_TableInstance<TData>;
-        column: MRT_Column<TData>;
-    }) => import("@mui/material").TableCellProps) | undefined;
-    muiTableFooterProps?: import("@mui/material").TableFooterProps<"tfoot", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").TableFooterProps<"tfoot", {}>) | undefined;
-    muiTableFooterRowProps?: import("@mui/material").TableRowProps<"tr", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-        footerGroup: import("..").MRT_HeaderGroup<TData>;
-    }) => import("@mui/material").TableRowProps<"tr", {}>) | undefined;
-    muiTableHeadCellColumnActionsButtonProps?: import("@mui/material").IconButtonProps<"button", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-        column: MRT_Column<TData>;
-    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
-    muiTableHeadCellDragHandleProps?: import("@mui/material").IconButtonProps<"button", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-        column: MRT_Column<TData>;
-    }) => import("@mui/material").IconButtonProps<"button", {}>) | undefined;
-    muiTableHeadCellFilterCheckboxProps?: import("@mui/material").CheckboxProps | ((props: {
-        column: MRT_Column<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").CheckboxProps) | undefined;
-    muiTableHeadCellFilterTextFieldProps?: import("@mui/material").TextFieldProps | ((props: {
-        table: MRT_TableInstance<TData>;
-        column: MRT_Column<TData>;
-        rangeFilterIndex?: number | undefined;
-    }) => import("@mui/material").TextFieldProps) | undefined;
-    muiTableHeadCellProps?: import("@mui/material").TableCellProps | ((props: {
-        table: MRT_TableInstance<TData>;
-        column: MRT_Column<TData>;
-    }) => import("@mui/material").TableCellProps) | undefined;
-    muiTableHeadProps?: import("@mui/material").TableHeadProps<"thead", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").TableHeadProps<"thead", {}>) | undefined;
-    muiTableHeadRowProps?: import("@mui/material").TableRowProps<"tr", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-        headerGroup: import("..").MRT_HeaderGroup<TData>;
-    }) => import("@mui/material").TableRowProps<"tr", {}>) | undefined;
-    muiTablePaginationProps?: Partial<import("@mui/material").TablePaginationProps<React.JSXElementConstructor<import("@mui/material").TablePaginationBaseProps>, {}>> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<import("@mui/material").TablePaginationProps<React.JSXElementConstructor<import("@mui/material").TablePaginationBaseProps>, {}>>) | undefined;
-    muiTablePaperProps?: import("@mui/material").PaperProps<"div", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").PaperProps<"div", {}>) | undefined;
-    muiTableProps?: import("@mui/material").TableProps<"table", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").TableProps<"table", {}>) | undefined;
-    muiToolbarAlertBannerChipProps?: import("@mui/material").ChipProps<"div", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").ChipProps<"div", {}>) | undefined;
-    muiToolbarAlertBannerProps?: import("@mui/material").AlertProps | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").AlertProps) | undefined;
-    muiTopToolbarProps?: import("@mui/material").ToolbarProps<"div", {}> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => import("@mui/material").ToolbarProps<"div", {}>) | undefined;
-    onDensityChange?: import("@tanstack/react-table").OnChangeFn<import("..").DensityState> | 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?: ((props: {
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => void) | undefined;
-    onEditingRowSave?: ((props: {
-        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;
-    onEditingRowChange?: import("@tanstack/react-table").OnChangeFn<MRT_Row<TData> | null> | undefined;
-    onColumnFilterFnsChange?: import("@tanstack/react-table").OnChangeFn<{
-        [key: string]: MRT_FilterOption;
-    }> | 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?: "bottom" | "top" | "none" | "both" | undefined;
-    positionToolbarAlertBanner?: "bottom" | "top" | "none" | undefined;
-    positionToolbarDropZone?: "bottom" | "top" | "none" | "both" | undefined;
-    renderBottomToolbar?: React.ReactNode | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode);
-    renderBottomToolbarCustomActions?: ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode) | undefined;
-    renderColumnActionsMenuItems?: ((props: {
-        column: MRT_Column<TData>;
-        closeMenu: () => void;
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode[]) | undefined;
-    renderColumnFilterModeMenuItems?: ((props: {
-        column: MRT_Column<TData>;
-        internalFilterOptions: import("..").MRT_InternalFilterOption[];
-        onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode[]) | undefined;
-    renderDetailPanel?: ((props: {
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode) | undefined;
-    renderGlobalFilterModeMenuItems?: ((props: {
-        internalFilterOptions: import("..").MRT_InternalFilterOption[];
-        onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode[]) | undefined;
-    renderRowActionMenuItems?: ((props: {
-        closeMenu: () => void;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode[]) | undefined;
-    renderRowActions?: ((props: {
-        cell: MRT_Cell<TData>;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode) | undefined;
-    renderToolbarInternalActions?: ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode) | undefined;
-    renderTopToolbar?: React.ReactNode | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode);
-    renderTopToolbarCustomActions?: ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => React.ReactNode) | undefined;
-    rowCount?: number | undefined;
-    rowNumberMode?: "original" | "static" | undefined;
-    selectAllMode?: "all" | "page" | undefined;
-    state?: Partial<MRT_TableState<TData>> | undefined;
-    columnVirtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableCellElement> | null> | undefined;
-    columnVirtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>) | undefined;
-    rowVirtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableRowElement> | null> | undefined;
-    rowVirtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>) | undefined;
-    tableInstanceRef?: React.MutableRefObject<MRT_TableInstance<TData> | null> | undefined;
-    virtualizerInstanceRef?: any;
-    virtualizerProps?: any;
-} & {
-    localization: MRT_Localization;
-}) => JSX.Element;
+export declare const MRT_TableRoot: any;

package/dist/index.d.ts

@@ -21,7 +21,9 @@ 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, 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: {
@@ -147,7 +149,8 @@ declare const MRT_SortingFns: {
 /**
  * Most of this file is just TypeScript types
  */
-type DensityState = 'comfortable' | 'compact' | 'spacious';
+type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
+
 type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 interface MRT_Localization {
     actions: string;
@@ -280,7 +283,7 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Table<TDat
     setColumnFilterFns: Dispatch<SetStateAction<{
         [key: string]: MRT_FilterOption;
     }>>;
-    setDensity: Dispatch<SetStateAction<DensityState>>;
+    setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
     setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
     setEditingCell: Dispatch<SetStateAction<MRT_Cell<TData> | null>>;
@@ -300,7 +303,7 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Table<TDat
 };
 type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
     columnFilterFns: Record<string, MRT_FilterOption>;
-    density: DensityState;
+    density: MRT_DensityState;
     draggingColumn: MRT_Column<TData> | null;
     draggingRow: MRT_Row<TData> | null;
     editingCell: MRT_Cell<TData> | null;
@@ -397,12 +400,18 @@ type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TDat
     columnDefType?: 'data' | 'display' | 'group';
     columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
     columns?: MRT_ColumnDef<TData>[];
+    editSelectOptions?: (string | {
+        text: string;
+        value: any;
+    })[];
+    editVariant?: 'text' | 'select';
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
     enableColumnDragging?: boolean;
     enableColumnFilterModes?: boolean;
     enableColumnOrdering?: boolean;
-    enableEditing?: boolean;
+    enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean);
+    enableFilterMatchHighlighting?: boolean;
     filterFn?: MRT_FilterFn<TData>;
     filterSelectOptions?: (string | {
         text: string;
@@ -573,7 +582,7 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
     enableColumnOrdering?: boolean;
     enableColumnVirtualization?: boolean;
     enableDensityToggle?: boolean;
-    enableEditing?: boolean;
+    enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean);
     enableExpandAll?: boolean;
     enableFilterMatchHighlighting?: boolean;
     enableFullScreenToggle?: boolean;
@@ -741,7 +750,7 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
     muiTopToolbarProps?: ToolbarProps | ((props: {
         table: MRT_TableInstance<TData>;
     }) => ToolbarProps);
-    onDensityChange?: OnChangeFn<DensityState>;
+    onDensityChange?: OnChangeFn<MRT_DensityState>;
     onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
     onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
     onEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;
@@ -935,4 +944,4 @@ interface Props<TData extends Record<string, any> = {}> {
 }
 declare const MRT_BottomToolbar: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
 
-export { DensityState, MRT_AggregationFn, MRT_AggregationOption, MRT_BottomToolbar, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_FilterFn, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTableProps, MaterialReactTable as default };
+export { MRT_AggregationFn, MRT_AggregationFns, MRT_AggregationOption, MRT_BottomToolbar, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DensityState, MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_FilterFn, MRT_FilterFns, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, 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 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.7.4",
+  "version": "1.8.1",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",
@@ -34,7 +34,7 @@
   "size-limit": [
     {
       "path": "dist/cjs/index.js",
-      "limit": "50 KB"
+      "limit": "54 KB"
     },
     {
       "path": "dist/esm/material-react-table.esm.js",