material-react-table 1.8.1 → 1.8.3

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

@@ -28,9 +28,12 @@ export { MRT_AggregationFns, MRT_FilterFns, MRT_SortingFns };
 /**
  * Most of this file is just TypeScript types
  */
+type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 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;
     and: string;
@@ -129,7 +132,7 @@ export interface MRT_RowModel<TData extends Record<string, any> = {}> {
         [key: string]: MRT_Row<TData>;
     };
 }
-export type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getCenterLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
+export type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify<Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getCenterLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
     getAllColumns: () => MRT_Column<TData>[];
     getAllFlatColumns: () => MRT_Column<TData>[];
     getAllLeafColumns: () => MRT_Column<TData>[];
@@ -179,8 +182,8 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Tab
     setShowFilters: Dispatch<SetStateAction<boolean>>;
     setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
     setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
-};
-export type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
+}>;
+export type MRT_TableState<TData extends Record<string, any> = {}> = Prettify<TableState & {
     columnFilterFns: Record<string, MRT_FilterOption>;
     density: MRT_DensityState;
     draggingColumn: MRT_Column<TData> | null;
@@ -202,7 +205,7 @@ export type MRT_TableState<TData extends Record<string, any> = {}> = TableState
     showProgressBars: boolean;
     showSkeletons: boolean;
     showToolbarDropZone: boolean;
-};
+}>;
 export type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TData, unknown>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
     AggregatedCell?: (props: {
         cell: MRT_Cell<TData>;
@@ -383,22 +386,22 @@ export type MRT_Column<TData extends Record<string, any> = {}> = Omit<Column<TDa
     footer: string;
     header: string;
 };
-export type MRT_Header<TData extends Record<string, any> = {}> = Omit<Header<TData, unknown>, 'column'> & {
+export type MRT_Header<TData extends Record<string, any> = {}> = Prettify<Omit<Header<TData, unknown>, 'column'> & {
     column: MRT_Column<TData>;
-};
-export type MRT_HeaderGroup<TData extends Record<string, any> = {}> = Omit<HeaderGroup<TData>, 'headers'> & {
+}>;
+export type MRT_HeaderGroup<TData extends Record<string, any> = {}> = Prettify<Omit<HeaderGroup<TData>, 'headers'> & {
     headers: MRT_Header<TData>[];
-};
-export type MRT_Row<TData extends Record<string, any> = {}> = Omit<Row<TData>, 'getVisibleCells' | 'getAllCells' | 'subRows' | '_valuesCache'> & {
+}>;
+export type MRT_Row<TData extends Record<string, any> = {}> = Prettify<Omit<Row<TData>, 'getVisibleCells' | 'getAllCells' | 'subRows' | '_valuesCache'> & {
     getAllCells: () => MRT_Cell<TData>[];
     getVisibleCells: () => MRT_Cell<TData>[];
     subRows?: MRT_Row<TData>[];
     _valuesCache: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
-};
-export type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell<TData, unknown>, 'column' | 'row'> & {
+}>;
+export type MRT_Cell<TData extends Record<string, any> = {}> = Prettify<Omit<Cell<TData, unknown>, 'column' | 'row'> & {
     column: MRT_Column<TData>;
     row: MRT_Row<TData>;
-};
+}>;
 export type MRT_AggregationOption = string & keyof typeof MRT_AggregationFns;
 export type MRT_AggregationFn<TData extends Record<string, any> = {}> = AggregationFn<TData> | MRT_AggregationOption;
 export type MRT_SortingOption = LiteralUnion<string & keyof typeof MRT_SortingFns>;
@@ -412,8 +415,9 @@ export type MRT_InternalFilterOption = {
     divider: boolean;
 };
 export type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-select';
+export type MRT_CreateTableFeature<TData extends Record<string, any> = {}, TFeature = any> = (table: MRT_TableInstance<TData>) => TFeature;
 /**
- * `columns` and `data` props are the only required props, but there are over 150 other optional props.
+ * `columns` and `data` props are the only required props, but there are over 170 other optional props.
  *
  * See more info on creating columns and data on the official docs site:
  * @link https://www.material-react-table.com/docs/getting-started/usage
@@ -421,7 +425,7 @@ export type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row
  * See the full props list on the official docs site:
  * @link https://www.material-react-table.com/docs/api/props
  */
-export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & {
+export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Prettify<Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & {
     columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
     /**
      * The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop.
@@ -709,15 +713,17 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
     rowCount?: number;
     rowNumberMode?: 'original' | 'static';
     selectAllMode?: 'all' | 'page';
+    /**
+     * Manage state externally any way you want, then pass it back into MRT.
+     */
     state?: Partial<MRT_TableState<TData>>;
-    columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
-    columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
-    rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
-    rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
+    /**
+     * Sequence of features important any dependent feature must be defined first
+     */
+    tableFeatures?: Array<MRT_CreateTableFeature<TData>>;
+    /**
+     * Get access to the table instance via a ref to read state or call built-in methods
+     */
     tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
     /**
      * @deprecated Use `rowVirtualizerInstanceRef` instead
@@ -727,6 +733,15 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
      * @deprecated Use `rowVirtualizerProps` instead
      */
     virtualizerProps?: any;
+}> & {
+    columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
+    columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
+    rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
+    rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
 };
 declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilterMatchHighlighting, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
 export default MaterialReactTable;

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

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

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

@@ -1,5 +1,6 @@
 import React, { RefObject } from 'react';
-import type { MRT_Cell, MRT_TableInstance, MRT_VirtualItem } from '..';
+import type { VirtualItem } from '@tanstack/react-virtual';
+import type { MRT_Cell, MRT_TableInstance } from '..';
 interface Props {
     cell: MRT_Cell;
     enableHover?: boolean;
@@ -8,7 +9,7 @@ interface Props {
     rowIndex: number;
     rowRef: RefObject<HTMLTableRowElement>;
     table: MRT_TableInstance;
-    virtualCell?: MRT_VirtualItem;
+    virtualCell?: 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,16 +1,17 @@
 import React from 'react';
-import type { MRT_Row, MRT_TableInstance, MRT_VirtualItem, MRT_Virtualizer } from '..';
+import type { VirtualItem, Virtualizer } from '@tanstack/react-virtual';
+import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props {
-    columnVirtualizer?: MRT_Virtualizer<HTMLDivElement, HTMLTableCellElement>;
+    columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     measureElement?: (element: HTMLTableRowElement) => void;
     numRows: number;
     row: MRT_Row;
     rowIndex: number;
     table: MRT_TableInstance;
-    virtualColumns?: MRT_VirtualItem[];
+    virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
-    virtualRow?: MRT_VirtualItem;
+    virtualRow?: 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,10 +1,11 @@
 import React from 'react';
-import type { MRT_Row, MRT_TableInstance, MRT_VirtualItem } from '..';
+import type { VirtualItem } from '@tanstack/react-virtual';
+import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props {
     parentRowRef: React.RefObject<HTMLTableRowElement>;
     row: MRT_Row;
     table: MRT_TableInstance;
-    virtualRow?: MRT_VirtualItem;
+    virtualRow?: VirtualItem;
 }
 export declare const MRT_TableDetailPanel: ({ parentRowRef, row, table, virtualRow, }: Props) => JSX.Element;
 export {};

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

@@ -113,7 +113,23 @@ export declare const getIsFirstRightPinnedColumn: (column: MRT_Column) => boolea
 export declare const getTotalRight: (table: MRT_TableInstance, column: MRT_Column) => number;
 export declare const getCommonCellStyles: ({ column, header, table, tableCellProps, theme, }: {
     column: MRT_Column;
-    header?: MRT_Header<{}> | undefined;
+    header?: {
+        id: string;
+        getContext: () => import("@tanstack/react-table").HeaderContext<{}, unknown>;
+        getLeafHeaders: () => import("@tanstack/react-table").Header<{}, unknown>[];
+        depth: number;
+        getSize: () => number;
+        getStart: (position?: import("@tanstack/react-table").ColumnPinningPosition | undefined) => number;
+        index: number;
+        colSpan: number;
+        rowSpan: number;
+        headerGroup: import("@tanstack/react-table").HeaderGroup<{}>;
+        subHeaders: import("@tanstack/react-table").Header<{}, unknown>[];
+        isPlaceholder: boolean;
+        placeholderId?: string | undefined;
+        getResizeHandler: () => (event: unknown) => void;
+        column: MRT_Column<{}>;
+    } | undefined;
     table: MRT_TableInstance;
     tableCellProps: TableCellProps;
     theme: Theme;

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

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

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

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

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

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

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

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

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

@@ -9,4 +9,120 @@ export declare const MRT_SortingFns: {
     datetime: import("@tanstack/react-table").SortingFn<any>;
     basic: import("@tanstack/react-table").SortingFn<any>;
 };
-export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(rowA: MRT_Row<TData>, rowB: MRT_Row<TData>) => number;
+export declare const rankGlobalFuzzy: <TData extends Record<string, any> = {}>(rowA: {
+    getValue: <TValue>(columnId: string) => TValue;
+    renderValue: <TValue_1>(columnId: string) => TValue_1;
+    id: string;
+    getIsGrouped: () => boolean;
+    depth: number;
+    index: number;
+    original: TData;
+    _uniqueValuesCache: Record<string, unknown>;
+    getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
+    getLeafRows: () => Row<TData>[];
+    originalSubRows?: TData[] | undefined;
+    _getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
+    _getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
+    getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
+    getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
+    getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
+    columnFilters: Record<string, boolean>;
+    columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
+    groupingColumnId?: string | undefined;
+    groupingValue?: unknown;
+    _groupingValuesCache: Record<string, any>;
+    getIsSelected: () => boolean;
+    getIsSomeSelected: () => boolean;
+    getIsAllSubRowsSelected: () => boolean;
+    getCanSelect: () => boolean;
+    getCanMultiSelect: () => boolean;
+    getCanSelectSubRows: () => boolean;
+    toggleSelected: (value?: boolean | undefined) => void;
+    getToggleSelectedHandler: () => (event: unknown) => void;
+    toggleExpanded: (expanded?: boolean | undefined) => void;
+    getIsExpanded: () => boolean;
+    getCanExpand: () => boolean;
+    getToggleExpandedHandler: () => () => void;
+    getAllCells: () => {
+        getValue: import("@tanstack/react-table").Getter<unknown>;
+        renderValue: import("@tanstack/react-table").Getter<unknown>;
+        id: string;
+        getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
+        getIsGrouped: () => boolean;
+        getIsPlaceholder: () => boolean;
+        getIsAggregated: () => boolean;
+        column: import("./MaterialReactTable").MRT_Column<TData>;
+        row: any;
+    }[];
+    getVisibleCells: () => {
+        getValue: import("@tanstack/react-table").Getter<unknown>;
+        renderValue: import("@tanstack/react-table").Getter<unknown>;
+        id: string;
+        getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
+        getIsGrouped: () => boolean;
+        getIsPlaceholder: () => boolean;
+        getIsAggregated: () => boolean;
+        column: import("./MaterialReactTable").MRT_Column<TData>;
+        row: any;
+    }[];
+    subRows?: any[] | undefined;
+    _valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
+}, rowB: {
+    getValue: <TValue>(columnId: string) => TValue;
+    renderValue: <TValue_1>(columnId: string) => TValue_1;
+    id: string;
+    getIsGrouped: () => boolean;
+    depth: number;
+    index: number;
+    original: TData;
+    _uniqueValuesCache: Record<string, unknown>;
+    getUniqueValues: <TValue_2>(columnId: string) => TValue_2[];
+    getLeafRows: () => Row<TData>[];
+    originalSubRows?: TData[] | undefined;
+    _getAllCellsByColumnId: () => Record<string, import("@tanstack/react-table").Cell<TData, unknown>>;
+    _getAllVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
+    getLeftVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
+    getCenterVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
+    getRightVisibleCells: () => import("@tanstack/react-table").Cell<TData, unknown>[];
+    columnFilters: Record<string, boolean>;
+    columnFiltersMeta: Record<string, import("@tanstack/react-table").FilterMeta>;
+    groupingColumnId?: string | undefined;
+    groupingValue?: unknown;
+    _groupingValuesCache: Record<string, any>;
+    getIsSelected: () => boolean;
+    getIsSomeSelected: () => boolean;
+    getIsAllSubRowsSelected: () => boolean;
+    getCanSelect: () => boolean;
+    getCanMultiSelect: () => boolean;
+    getCanSelectSubRows: () => boolean;
+    toggleSelected: (value?: boolean | undefined) => void;
+    getToggleSelectedHandler: () => (event: unknown) => void;
+    toggleExpanded: (expanded?: boolean | undefined) => void;
+    getIsExpanded: () => boolean;
+    getCanExpand: () => boolean;
+    getToggleExpandedHandler: () => () => void;
+    getAllCells: () => {
+        getValue: import("@tanstack/react-table").Getter<unknown>;
+        renderValue: import("@tanstack/react-table").Getter<unknown>;
+        id: string;
+        getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
+        getIsGrouped: () => boolean;
+        getIsPlaceholder: () => boolean;
+        getIsAggregated: () => boolean;
+        column: import("./MaterialReactTable").MRT_Column<TData>;
+        row: any;
+    }[];
+    getVisibleCells: () => {
+        getValue: import("@tanstack/react-table").Getter<unknown>;
+        renderValue: import("@tanstack/react-table").Getter<unknown>;
+        id: string;
+        getContext: () => import("@tanstack/react-table").CellContext<TData, unknown>;
+        getIsGrouped: () => boolean;
+        getIsPlaceholder: () => boolean;
+        getIsAggregated: () => boolean;
+        column: import("./MaterialReactTable").MRT_Column<TData>;
+        row: any;
+    }[];
+    subRows?: any[] | undefined;
+    _valuesCache: Record<(string & Record<never, never>) | (string & import("@tanstack/react-table").DeepKeys<TData>), any>;
+}) => number;

package/dist/index.d.ts

@@ -149,9 +149,12 @@ declare const MRT_SortingFns: {
 /**
  * Most of this file is just TypeScript types
  */
+type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
 
-type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 interface MRT_Localization {
     actions: string;
     and: string;
@@ -250,7 +253,7 @@ interface MRT_RowModel<TData extends Record<string, any> = {}> {
         [key: string]: MRT_Row<TData>;
     };
 }
-type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getCenterLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
+type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify<Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getCenterLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
     getAllColumns: () => MRT_Column<TData>[];
     getAllFlatColumns: () => MRT_Column<TData>[];
     getAllLeafColumns: () => MRT_Column<TData>[];
@@ -300,8 +303,8 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Table<TDat
     setShowFilters: Dispatch<SetStateAction<boolean>>;
     setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
     setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
-};
-type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
+}>;
+type MRT_TableState<TData extends Record<string, any> = {}> = Prettify<TableState & {
     columnFilterFns: Record<string, MRT_FilterOption>;
     density: MRT_DensityState;
     draggingColumn: MRT_Column<TData> | null;
@@ -323,7 +326,7 @@ type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
     showProgressBars: boolean;
     showSkeletons: boolean;
     showToolbarDropZone: boolean;
-};
+}>;
 type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TData, unknown>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
     AggregatedCell?: (props: {
         cell: MRT_Cell<TData>;
@@ -504,22 +507,22 @@ type MRT_Column<TData extends Record<string, any> = {}> = Omit<Column<TData, unk
     footer: string;
     header: string;
 };
-type MRT_Header<TData extends Record<string, any> = {}> = Omit<Header<TData, unknown>, 'column'> & {
+type MRT_Header<TData extends Record<string, any> = {}> = Prettify<Omit<Header<TData, unknown>, 'column'> & {
     column: MRT_Column<TData>;
-};
-type MRT_HeaderGroup<TData extends Record<string, any> = {}> = Omit<HeaderGroup<TData>, 'headers'> & {
+}>;
+type MRT_HeaderGroup<TData extends Record<string, any> = {}> = Prettify<Omit<HeaderGroup<TData>, 'headers'> & {
     headers: MRT_Header<TData>[];
-};
-type MRT_Row<TData extends Record<string, any> = {}> = Omit<Row<TData>, 'getVisibleCells' | 'getAllCells' | 'subRows' | '_valuesCache'> & {
+}>;
+type MRT_Row<TData extends Record<string, any> = {}> = Prettify<Omit<Row<TData>, 'getVisibleCells' | 'getAllCells' | 'subRows' | '_valuesCache'> & {
     getAllCells: () => MRT_Cell<TData>[];
     getVisibleCells: () => MRT_Cell<TData>[];
     subRows?: MRT_Row<TData>[];
     _valuesCache: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
-};
-type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell<TData, unknown>, 'column' | 'row'> & {
+}>;
+type MRT_Cell<TData extends Record<string, any> = {}> = Prettify<Omit<Cell<TData, unknown>, 'column' | 'row'> & {
     column: MRT_Column<TData>;
     row: MRT_Row<TData>;
-};
+}>;
 type MRT_AggregationOption = string & keyof typeof MRT_AggregationFns;
 type MRT_AggregationFn<TData extends Record<string, any> = {}> = AggregationFn<TData> | MRT_AggregationOption;
 type MRT_SortingOption = LiteralUnion<string & keyof typeof MRT_SortingFns>;
@@ -533,8 +536,9 @@ type MRT_InternalFilterOption = {
     divider: boolean;
 };
 type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-select';
+type MRT_CreateTableFeature<TData extends Record<string, any> = {}, TFeature = any> = (table: MRT_TableInstance<TData>) => TFeature;
 /**
- * `columns` and `data` props are the only required props, but there are over 150 other optional props.
+ * `columns` and `data` props are the only required props, but there are over 170 other optional props.
  *
  * See more info on creating columns and data on the official docs site:
  * @link https://www.material-react-table.com/docs/getting-started/usage
@@ -542,7 +546,7 @@ type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand
  * See the full props list on the official docs site:
  * @link https://www.material-react-table.com/docs/api/props
  */
-type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & {
+type MaterialReactTableProps<TData extends Record<string, any> = {}> = Prettify<Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & {
     columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
     /**
      * The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop.
@@ -830,15 +834,17 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
     rowCount?: number;
     rowNumberMode?: 'original' | 'static';
     selectAllMode?: 'all' | 'page';
+    /**
+     * Manage state externally any way you want, then pass it back into MRT.
+     */
     state?: Partial<MRT_TableState<TData>>;
-    columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
-    columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
-    rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
-    rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
+    /**
+     * Sequence of features important any dependent feature must be defined first
+     */
+    tableFeatures?: Array<MRT_CreateTableFeature<TData>>;
+    /**
+     * Get access to the table instance via a ref to read state or call built-in methods
+     */
     tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
     /**
      * @deprecated Use `rowVirtualizerInstanceRef` instead
@@ -848,6 +854,15 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
      * @deprecated Use `rowVirtualizerProps` instead
      */
     virtualizerProps?: any;
+}> & {
+    columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
+    columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
+    rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
+    rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
 };
 declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilterMatchHighlighting, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
 
@@ -944,4 +959,4 @@ interface Props<TData extends Record<string, any> = {}> {
 }
 declare const MRT_BottomToolbar: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
 
-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 };
+export { MRT_AggregationFn, MRT_AggregationFns, MRT_AggregationOption, MRT_BottomToolbar, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_CreateTableFeature, MRT_DefinedColumnDef, MRT_DensityState, MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_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.8.1",
+  "version": "1.8.3",
   "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.",
@@ -52,31 +52,31 @@
     "size": "size-limit"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
+    "@babel/core": "^7.21.0",
     "@babel/preset-react": "^7.18.6",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@mui/icons-material": "^5.11.0",
-    "@mui/material": "^5.11.8",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@mui/icons-material": "^5.11.9",
+    "@mui/material": "^5.11.10",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@size-limit/preset-small-lib": "^8.1.2",
-    "@types/node": "^18.13.0",
+    "@size-limit/preset-small-lib": "^8.2.4",
+    "@types/node": "^18.14.2",
     "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.10",
-    "@typescript-eslint/eslint-plugin": "^5.51.0",
-    "@typescript-eslint/parser": "^5.51.0",
-    "eslint": "^8.34.0",
-    "eslint-plugin-mui-path-imports": "^0.0.9",
+    "@types/react-dom": "^18.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.53.0",
+    "@typescript-eslint/parser": "^5.53.0",
+    "eslint": "^8.35.0",
+    "eslint-plugin-mui-path-imports": "^0.0.14",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "rollup": "^2.79.1",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-dts": "^5.1.1",
+    "rollup-plugin-dts": "^5.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "size-limit": "^8.1.2",
+    "size-limit": "^8.2.4",
     "tslib": "^2.5.0",
     "typescript": "^4.9.5"
   },