material-react-table 1.8.0 → 1.8.2

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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[];
@@ -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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/esm/material-react-table.esm.js

@@ -581,15 +581,18 @@ const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, setFilt
             }
             else if ((columnDef === null || columnDef === void 0 ? void 0 : columnDef.filterVariant) === 'multi-select' ||
                 ['arrIncludesSome', 'arrIncludesAll', 'arrIncludes'].includes(option)) {
-                if (currentFilterValue === null || currentFilterValue === void 0 ? void 0 : currentFilterValue.length) {
+                if (currentFilterValue instanceof String ||
+                    (currentFilterValue === null || currentFilterValue === void 0 ? void 0 : currentFilterValue.length)) {
                     column.setFilterValue([]);
                     setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue([]);
                 }
             }
             else if ((columnDef === null || columnDef === void 0 ? void 0 : columnDef.filterVariant) === 'range' ||
                 ['between', 'betweenInclusive', 'inNumberRange'].includes(option)) {
-                column.setFilterValue(['', '']);
-                setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue('');
+                if (!(currentFilterValue === null || currentFilterValue === void 0 ? void 0 : currentFilterValue.every((v) => v === ''))) {
+                    column.setFilterValue(['', '']);
+                    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue('');
+                }
             }
             else {
                 if (!['', undefined].includes(currentFilterValue)) {
@@ -1047,7 +1050,7 @@ const MRT_ToggleRowActionMenuButton = ({ cell, row, table, }) => {
         setEditingRow(Object.assign({}, row));
         setAnchorEl(null);
     };
-    return (React.createElement(React.Fragment, null, renderRowActions ? (React.createElement(React.Fragment, null, renderRowActions({ cell, row, table }))) : row.id === (editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) && editingMode === 'row' ? (React.createElement(MRT_EditActionButtons, { row: row, table: table })) : !renderRowActionMenuItems &&
+    return (React.createElement(React.Fragment, null, renderRowActions ? (renderRowActions({ cell, row, table })) : row.id === (editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) && editingMode === 'row' ? (React.createElement(MRT_EditActionButtons, { row: row, table: table })) : !renderRowActionMenuItems &&
         (enableEditing instanceof Function
             ? enableEditing(row)
             : enableEditing) ? (React.createElement(Tooltip, { placement: "right", arrow: true, title: localization.edit },
@@ -1879,7 +1882,11 @@ const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
                 transform: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) !== 'right'
                     ? 'translateX(-0.5ch)'
                     : undefined,
-            }, IconComponent: ArrowDownwardIcon })));
+            }, IconComponent: ArrowDownwardIcon, onClick: (e) => {
+                var _a;
+                e.stopPropagation();
+                (_a = header.column.getToggleSortingHandler()) === null || _a === void 0 ? void 0 : _a(e);
+            } })));
 };
 
 const MRT_TableHeadCell = ({ header, table }) => {
@@ -2670,7 +2677,7 @@ const MRT_Table = ({ table }) => {
             colSizes[`--col-${parseCSSVarId(header.column.id)}-size`] = colSize;
         }
         return colSizes;
-    }, [columns, columnSizing, columnSizingInfo]);
+    }, [columns, columnSizing, columnSizingInfo, columnVisibility]);
     //get first 16 column widths and average them
     const averageColumnWidth = useMemo(() => {
         var _a, _b, _c, _d;
@@ -2952,6 +2959,11 @@ const MRT_TableRoot = (props) => {
             tablePaperRef,
             topToolbarRef,
         }, setColumnFilterFns: (_0 = props.onColumnFilterFnsChange) !== null && _0 !== void 0 ? _0 : setColumnFilterFns, setDensity: (_1 = props.onDensityChange) !== null && _1 !== void 0 ? _1 : setDensity, setDraggingColumn: (_2 = props.onDraggingColumnChange) !== null && _2 !== void 0 ? _2 : setDraggingColumn, setDraggingRow: (_3 = props.onDraggingRowChange) !== null && _3 !== void 0 ? _3 : setDraggingRow, setEditingCell: (_4 = props.onEditingCellChange) !== null && _4 !== void 0 ? _4 : setEditingCell, setEditingRow: (_5 = props.onEditingRowChange) !== null && _5 !== void 0 ? _5 : setEditingRow, setGlobalFilterFn: (_6 = props.onGlobalFilterFnChange) !== null && _6 !== void 0 ? _6 : setGlobalFilterFn, setHoveredColumn: (_7 = props.onHoveredColumnChange) !== null && _7 !== void 0 ? _7 : setHoveredColumn, setHoveredRow: (_8 = props.onHoveredRowChange) !== null && _8 !== void 0 ? _8 : setHoveredRow, setIsFullScreen: (_9 = props.onIsFullScreenChange) !== null && _9 !== void 0 ? _9 : setIsFullScreen, setShowAlertBanner: (_10 = props.onShowAlertBannerChange) !== null && _10 !== void 0 ? _10 : setShowAlertBanner, setShowFilters: (_11 = props.onShowFiltersChange) !== null && _11 !== void 0 ? _11 : setShowFilters, setShowGlobalFilter: (_12 = props.onShowGlobalFilterChange) !== null && _12 !== void 0 ? _12 : setShowGlobalFilter, setShowToolbarDropZone: (_13 = props.onShowToolbarDropZoneChange) !== null && _13 !== void 0 ? _13 : setShowToolbarDropZone });
+    if (props.tableFeatures) {
+        props.tableFeatures.forEach((feature) => {
+            Object.assign(table, feature(table));
+        });
+    }
     if (props.tableInstanceRef) {
         props.tableInstanceRef.current = table;
     }