material-react-table 2.13.0 → 2.13.2

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as react from 'react';
 import { MutableRefObject, Dispatch, SetStateAction, ReactNode, RefObject, ChangeEvent, MouseEvent, DragEventHandler } from 'react';
 import * as _tanstack_react_table from '@tanstack/react-table';
@@ -59,55 +58,55 @@ declare const MRT_FilterFns: {
         autoRemove(val: any): boolean;
     };
     betweenInclusive: {
-        <TData_1 extends MRT_RowData>(row: Row<TData_1>, id: string, filterValues: [number | string, number | string]): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValues: [number | string, number | string]): boolean;
         autoRemove(val: any): boolean;
     };
     contains: {
-        <TData_2 extends MRT_RowData>(row: Row<TData_2>, id: string, filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     empty: {
-        <TData_3 extends MRT_RowData>(row: Row<TData_3>, id: string, _filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, _filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     endsWith: {
-        <TData_4 extends MRT_RowData>(row: Row<TData_4>, id: string, filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     equals: {
-        <TData_5 extends MRT_RowData>(row: Row<TData_5>, id: string, filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     fuzzy: {
-        <TData_6 extends MRT_RowData>(row: Row<TData_6>, columnId: string, filterValue: number | string, addMeta: (item: RankingInfo) => void): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, columnId: string, filterValue: number | string, addMeta: (item: RankingInfo) => void): boolean;
         autoRemove(val: any): boolean;
     };
     greaterThan: {
-        <TData_7 extends MRT_RowData>(row: Row<TData_7>, id: string, filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     greaterThanOrEqualTo: {
-        <TData_8 extends MRT_RowData>(row: Row<TData_8>, id: string, filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     lessThan: {
-        <TData_9 extends MRT_RowData>(row: Row<TData_9>, id: string, filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     lessThanOrEqualTo: {
-        <TData_10 extends MRT_RowData>(row: Row<TData_10>, id: string, filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     notEmpty: {
-        <TData_11 extends MRT_RowData>(row: Row<TData_11>, id: string, _filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, _filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     notEquals: {
-        <TData_12 extends MRT_RowData>(row: Row<TData_12>, id: string, filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     startsWith: {
-        <TData_13 extends MRT_RowData>(row: Row<TData_13>, id: string, filterValue: number | string): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     includesString: _tanstack_react_table.FilterFn<any>;
@@ -480,12 +479,14 @@ interface MRT_TableState<TData extends MRT_RowData> extends TableState {
     showSkeletons: boolean;
     showToolbarDropZone: boolean;
 }
-type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef<TData, TValue>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
+interface MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> extends Omit<ColumnDef<TData, TValue>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> {
     AggregatedCell?: (props: {
         cell: MRT_Cell<TData, TValue>;
         column: MRT_Column<TData, TValue>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
+        staticColumnIndex?: number;
+        staticRowIndex?: number;
     }) => ReactNode;
     Cell?: (props: {
         cell: MRT_Cell<TData, TValue>;
@@ -519,6 +520,8 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
         column: MRT_Column<TData, TValue>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
+        staticColumnIndex?: number;
+        staticRowIndex?: number;
     }) => ReactNode;
     Header?: ((props: {
         column: MRT_Column<TData, TValue>;
@@ -688,7 +691,7 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
     }) => ReactNode[];
     sortingFn?: MRT_SortingFn<TData>;
     visibleInShowHideMenu?: boolean;
-};
+}
 type MRT_DisplayColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<MRT_ColumnDef<TData, TValue>, 'accessorFn' | 'accessorKey'>;
 type MRT_GroupColumnDef<TData extends MRT_RowData> = MRT_DisplayColumnDef<TData, any> & {
     columns: MRT_ColumnDef<TData>[];
@@ -746,7 +749,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 MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & {
+interface MRT_TableOptions<TData extends MRT_RowData> extends Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> {
     columnFilterDisplayMode?: 'custom' | 'popover' | 'subheader';
     columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
     columnVirtualizerInstanceRef?: MutableRefObject<MRT_ColumnVirtualizer | MRT_Virtualizer | null>;
@@ -1157,7 +1160,7 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
      * Manage state externally any way you want, then pass it back into MRT.
      */
     state?: Partial<MRT_TableState<TData>>;
-};
+}
 
 declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | ReactNode;
 declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
@@ -1178,7 +1181,7 @@ declare const prepareColumns: <TData extends MRT_RowData>({ columnDefs, tableOpt
     columnDefs: MRT_ColumnDef<TData>[];
     tableOptions: MRT_DefinedTableOptions<TData>;
 }) => MRT_DefinedColumnDef<TData>[];
-declare const reorderColumn: <TData extends MRT_RowData>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: _tanstack_react_table.ColumnOrderState) => _tanstack_react_table.ColumnOrderState;
+declare const reorderColumn: <TData extends MRT_RowData>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: MRT_ColumnOrderState) => MRT_ColumnOrderState;
 declare const getDefaultColumnFilterFn: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => MRT_FilterOption;
 declare const getColumnFilterInfo: <TData extends MRT_RowData>({ header, table, }: {
     header: MRT_Header<TData>;
@@ -1212,37 +1215,39 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
     readonly aggregationFn?: MRT_AggregationFn<TData> | MRT_AggregationFn<TData>[] | undefined;
     readonly columns?: MRT_ColumnDef<TData, unknown>[] | undefined;
     readonly filterFn?: MRT_FilterFn<TData> | undefined;
-    readonly footer?: string | undefined;
+    readonly footer?: string;
     readonly sortingFn?: MRT_SortingFn<TData> | undefined;
     readonly meta?: _tanstack_react_table.ColumnMeta<TData, unknown> | undefined;
-    readonly enableHiding?: boolean | undefined;
-    readonly enablePinning?: boolean | undefined;
-    readonly enableColumnFilter?: boolean | undefined;
-    readonly enableGlobalFilter?: boolean | undefined;
-    readonly enableMultiSort?: boolean | undefined;
-    readonly enableSorting?: boolean | undefined;
-    readonly invertSorting?: boolean | undefined;
-    readonly sortDescFirst?: boolean | undefined;
-    readonly sortUndefined?: false | 1 | -1 | "first" | "last" | undefined;
-    readonly enableGrouping?: boolean | undefined;
-    readonly enableResizing?: boolean | undefined;
-    readonly maxSize?: number | undefined;
-    readonly minSize?: number | undefined;
+    readonly enableHiding?: boolean;
+    readonly enablePinning?: boolean;
+    readonly enableColumnFilter?: boolean;
+    readonly enableGlobalFilter?: boolean;
+    readonly enableMultiSort?: boolean;
+    readonly enableSorting?: boolean;
+    readonly invertSorting?: boolean;
+    readonly sortDescFirst?: boolean;
+    readonly sortUndefined?: false | -1 | 1 | "first" | "last";
+    readonly enableGrouping?: boolean;
+    readonly enableResizing?: boolean;
+    readonly maxSize?: number;
+    readonly minSize?: number;
     readonly size: number;
     readonly AggregatedCell?: ((props: {
         cell: MRT_Cell<TData, unknown>;
         column: MRT_Column<TData, unknown>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
+        staticColumnIndex?: number;
+        staticRowIndex?: number;
     }) => react.ReactNode) | undefined;
     readonly Cell?: ((props: {
         cell: MRT_Cell<TData, unknown>;
         column: MRT_Column<TData, unknown>;
         renderedCellValue: react.ReactNode;
         row: MRT_Row<TData>;
-        rowRef?: react.RefObject<HTMLTableRowElement> | undefined;
-        staticColumnIndex?: number | undefined;
-        staticRowIndex?: number | undefined;
+        rowRef?: react.RefObject<HTMLTableRowElement>;
+        staticColumnIndex?: number;
+        staticRowIndex?: number;
         table: MRT_TableInstance<TData>;
     }) => react.ReactNode) | undefined;
     readonly Edit?: ((props: {
@@ -1254,7 +1259,7 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
     readonly Filter?: ((props: {
         column: MRT_Column<TData, unknown>;
         header: MRT_Header<TData>;
-        rangeFilterIndex?: number | undefined;
+        rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
     }) => react.ReactNode) | undefined;
     readonly Footer?: react.ReactNode | ((props: {
@@ -1267,6 +1272,8 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
         column: MRT_Column<TData, unknown>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
+        staticColumnIndex?: number;
+        staticRowIndex?: number;
     }) => react.ReactNode) | undefined;
     readonly Header?: react.ReactNode | ((props: {
         column: MRT_Column<TData, unknown>;
@@ -1279,25 +1286,25 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => react.ReactNode) | undefined;
-    readonly columnDefType?: "data" | "display" | "group" | undefined;
-    readonly columnFilterModeOptions?: LiteralUnion<string & MRT_FilterOption, string>[] | null | undefined;
+    readonly columnDefType?: "data" | "display" | "group";
+    readonly columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
     readonly editSelectOptions?: DropdownOption[] | ((props: {
         cell: MRT_Cell<TData, unknown>;
         column: MRT_Column<TData, unknown>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => DropdownOption[]) | undefined;
-    readonly editVariant?: "text" | "select" | undefined;
-    readonly enableClickToCopy?: boolean | "context-menu" | ((cell: MRT_Cell<TData, unknown>) => boolean | "context-menu") | undefined;
-    readonly enableColumnActions?: boolean | undefined;
-    readonly enableColumnDragging?: boolean | undefined;
-    readonly enableColumnFilterModes?: boolean | undefined;
-    readonly enableColumnOrdering?: boolean | undefined;
+    readonly editVariant?: "select" | "text";
+    readonly enableClickToCopy?: boolean | "context-menu" | ((cell: MRT_Cell<TData, unknown>) => "context-menu" | boolean) | undefined;
+    readonly enableColumnActions?: boolean;
+    readonly enableColumnDragging?: boolean;
+    readonly enableColumnFilterModes?: boolean;
+    readonly enableColumnOrdering?: boolean;
     readonly enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
-    readonly enableFilterMatchHighlighting?: boolean | undefined;
-    readonly filterSelectOptions?: DropdownOption[] | undefined;
-    readonly filterVariant?: "text" | "datetime" | "select" | "autocomplete" | "checkbox" | "date" | "date-range" | "datetime-range" | "multi-select" | "range" | "range-slider" | "time" | "time-range" | undefined;
-    readonly grow?: number | boolean | undefined;
+    readonly enableFilterMatchHighlighting?: boolean;
+    readonly filterSelectOptions?: DropdownOption[];
+    readonly filterVariant?: "autocomplete" | "checkbox" | "date" | "date-range" | "datetime" | "datetime-range" | "multi-select" | "range" | "range-slider" | "select" | "text" | "time" | "time-range";
+    readonly grow?: boolean | number;
     readonly muiColumnActionsButtonProps?: _mui_material.IconButtonProps | ((props: {
         column: MRT_Column<TData, unknown>;
         table: MRT_TableInstance<TData>;
@@ -1321,35 +1328,35 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
     readonly muiFilterAutocompleteProps?: _mui_material.AutocompleteProps<any, any, any, any, "div"> | ((props: {
         column: MRT_Column<TData, unknown>;
         table: MRT_TableInstance<TData>;
-    }) => _mui_material.AutocompleteProps<any, any, any, any, "div">) | undefined;
+    }) => _mui_material.AutocompleteProps<any, any, any, any>) | undefined;
     readonly muiFilterCheckboxProps?: _mui_material.CheckboxProps | ((props: {
         column: MRT_Column<TData, unknown>;
         table: MRT_TableInstance<TData>;
     }) => _mui_material.CheckboxProps) | undefined;
     readonly muiFilterDatePickerProps?: _mui_x_date_pickers.DatePickerProps<never, false> | ((props: {
         column: MRT_Column<TData, unknown>;
-        rangeFilterIndex?: number | undefined;
+        rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => _mui_x_date_pickers.DatePickerProps<never, false>) | undefined;
+    }) => _mui_x_date_pickers.DatePickerProps<never>) | undefined;
     readonly muiFilterDateTimePickerProps?: _mui_x_date_pickers.DateTimePickerProps<never, false> | ((props: {
         column: MRT_Column<TData, unknown>;
-        rangeFilterIndex?: number | undefined;
+        rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => _mui_x_date_pickers.DateTimePickerProps<never, false>) | undefined;
+    }) => _mui_x_date_pickers.DateTimePickerProps<never>) | undefined;
     readonly muiFilterSliderProps?: _mui_material.SliderProps | ((props: {
         column: MRT_Column<TData, unknown>;
         table: MRT_TableInstance<TData>;
     }) => _mui_material.SliderProps) | undefined;
     readonly muiFilterTextFieldProps?: _mui_material.TextFieldProps | ((props: {
         column: MRT_Column<TData, unknown>;
-        rangeFilterIndex?: number | undefined;
+        rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
     }) => _mui_material.TextFieldProps) | undefined;
     readonly muiFilterTimePickerProps?: _mui_x_date_pickers.TimePickerProps<never, false> | ((props: {
         column: MRT_Column<TData, unknown>;
-        rangeFilterIndex?: number | undefined;
+        rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => _mui_x_date_pickers.TimePickerProps<never, false>) | undefined;
+    }) => _mui_x_date_pickers.TimePickerProps<never>) | undefined;
     readonly muiTableBodyCellProps?: _mui_material.TableCellProps | ((props: {
         cell: MRT_Cell<TData, unknown>;
         column: MRT_Column<TData, unknown>;
@@ -1370,8 +1377,8 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
         column: MRT_Column<TData, unknown>;
         internalMenuItems: react.ReactNode[];
         row: MRT_Row<TData>;
-        staticColumnIndex?: number | undefined;
-        staticRowIndex?: number | undefined;
+        staticColumnIndex?: number;
+        staticRowIndex?: number;
         table: MRT_TableInstance<TData>;
     }) => react.ReactNode[]) | undefined;
     readonly renderColumnActionsMenuItems?: ((props: {
@@ -1386,7 +1393,7 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
         onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
         table: MRT_TableInstance<TData>;
     }) => react.ReactNode[]) | undefined;
-    readonly visibleInShowHideMenu?: boolean | undefined;
+    readonly visibleInShowHideMenu?: boolean;
 };
 declare const showRowPinningColumn: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => boolean;
 declare const showRowDragColumn: <TData extends MRT_RowData>(tableOptions: MRT_StatefulTableOptions<TData>) => boolean;
@@ -1465,7 +1472,7 @@ interface MRT_TableBodyProps<TData extends MRT_RowData> extends TableBodyProps {
     table: MRT_TableInstance<TData>;
 }
 declare const MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, ...rest }: MRT_TableBodyProps<TData>) => react_jsx_runtime.JSX.Element;
-declare const Memo_MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, ...rest }: MRT_TableBodyProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const Memo_MRT_TableBody: typeof MRT_TableBody;
 
 interface MRT_TableBodyCellProps<TData extends MRT_RowData> extends TableCellProps {
     cell: MRT_Cell<TData>;
@@ -1476,7 +1483,7 @@ interface MRT_TableBodyCellProps<TData extends MRT_RowData> extends TableCellPro
     table: MRT_TableInstance<TData>;
 }
 declare const MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, numRows, rowRef, staticColumnIndex, staticRowIndex, table, ...rest }: MRT_TableBodyCellProps<TData>) => react_jsx_runtime.JSX.Element;
-declare const Memo_MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, numRows, rowRef, staticColumnIndex, staticRowIndex, table, ...rest }: MRT_TableBodyCellProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const Memo_MRT_TableBodyCell: typeof MRT_TableBodyCell;
 
 interface MRT_TableBodyCellValueProps<TData extends MRT_RowData> {
     cell: MRT_Cell<TData>;
@@ -1498,7 +1505,7 @@ interface MRT_TableBodyRowProps<TData extends MRT_RowData> extends TableRowProps
     virtualRow?: VirtualItem;
 }
 declare const MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, numRows, pinnedRowIds, row, rowVirtualizer, staticRowIndex, table, virtualRow, ...rest }: MRT_TableBodyRowProps<TData>) => react_jsx_runtime.JSX.Element;
-declare const Memo_MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, numRows, pinnedRowIds, row, rowVirtualizer, staticRowIndex, table, virtualRow, ...rest }: MRT_TableBodyRowProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const Memo_MRT_TableBodyRow: typeof MRT_TableBodyRow;
 
 interface MRT_TableBodyRowGrabHandleProps<TData extends MRT_RowData> extends IconButtonProps {
     row: MRT_Row<TData>;

package/dist/index.esm.js

@@ -962,7 +962,7 @@ const getMRT_RowExpandColumnDef = (tableOptions) => {
         header: 'expand',
         id: 'mrt-row-expand',
         size: groupedColumnMode === 'remove'
-            ? (_a = defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.size) !== null && _a !== void 0 ? _a : 180
+            ? ((_a = defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.size) !== null && _a !== void 0 ? _a : 180)
             : renderDetailPanel
                 ? enableExpandAll
                     ? 60
@@ -1480,8 +1480,8 @@ const useMRT_TableInstance = (definedTableOptions) => {
         var _a, _b, _c, _d;
         return ({
             [getColumnId(col)]: col.filterFn instanceof Function
-                ? (_a = col.filterFn.name) !== null && _a !== void 0 ? _a : 'custom'
-                : (_d = (_b = col.filterFn) !== null && _b !== void 0 ? _b : (_c = initialState === null || initialState === void 0 ? void 0 : initialState.columnFilterFns) === null || _c === void 0 ? void 0 : _c[getColumnId(col)]) !== null && _d !== void 0 ? _d : getDefaultColumnFilterFn(col),
+                ? ((_a = col.filterFn.name) !== null && _a !== void 0 ? _a : 'custom')
+                : ((_d = (_b = col.filterFn) !== null && _b !== void 0 ? _b : (_c = initialState === null || initialState === void 0 ? void 0 : initialState.columnFilterFns) === null || _c === void 0 ? void 0 : _c[getColumnId(col)]) !== null && _d !== void 0 ? _d : getDefaultColumnFilterFn(col)),
         });
     })));
     const [columnOrder, onColumnOrderChange] = useState((_c = initialState.columnOrder) !== null && _c !== void 0 ? _c : []);
@@ -1768,6 +1768,8 @@ const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowInde
             column,
             row,
             table,
+            staticColumnIndex,
+            staticRowIndex,
         })
         : row.getIsGrouped() && !cell.getIsGrouped()
             ? null
@@ -1777,6 +1779,8 @@ const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowInde
                     column,
                     row,
                     table,
+                    staticColumnIndex,
+                    staticRowIndex,
                 })
                 : undefined;
     const isGroupedValue = renderedCellValue !== undefined;
@@ -1864,6 +1868,7 @@ const MRT_EditCellTextField = (_a) => {
     const isCreating = (creatingRow === null || creatingRow === void 0 ? void 0 : creatingRow.id) === row.id;
     const isEditing = (editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) === row.id;
     const [value, setValue] = useState(() => cell.getValue());
+    const [completesComposition, setCompletesComposition] = useState(true);
     const textFieldProps = Object.assign(Object.assign(Object.assign({}, parseFromValuesOrFunc(muiEditTextFieldProps, {
         cell,
         column,
@@ -1909,7 +1914,7 @@ const MRT_EditCellTextField = (_a) => {
     const handleEnterKeyDown = (event) => {
         var _a, _b;
         (_a = textFieldProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(textFieldProps, event);
-        if (event.key === 'Enter' && !event.shiftKey) {
+        if (event.key === 'Enter' && !event.shiftKey && completesComposition) {
             (_b = editInputRefs.current[column.id]) === null || _b === void 0 ? void 0 : _b.blur();
         }
     };
@@ -1932,13 +1937,11 @@ const MRT_EditCellTextField = (_a) => {
             : {})), textFieldProps.InputProps), { sx: (theme) => {
                 var _a;
                 return (Object.assign({ mb: 0 }, parseFromValuesOrFunc((_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.sx, theme)));
-            } }), SelectProps: {
-            MenuProps: { disableScrollLock: true },
-        }, inputProps: Object.assign({ autoComplete: 'new-password' }, textFieldProps.inputProps), onBlur: handleBlur, onChange: handleChange, onClick: (e) => {
+            } }), SelectProps: Object.assign({ MenuProps: { disableScrollLock: true } }, textFieldProps.SelectProps), inputProps: Object.assign({ autoComplete: 'new-password' }, textFieldProps.inputProps), onBlur: handleBlur, onChange: handleChange, onClick: (e) => {
             var _a;
             e.stopPropagation();
             (_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.onClick) === null || _a === void 0 ? void 0 : _a.call(textFieldProps, e);
-        }, onKeyDown: handleEnterKeyDown, children: (_c = textFieldProps.children) !== null && _c !== void 0 ? _c : selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions.map((option) => {
+        }, onKeyDown: handleEnterKeyDown, onCompositionStart: () => setCompletesComposition(false), onCompositionEnd: () => setCompletesComposition(true), children: (_c = textFieldProps.children) !== null && _c !== void 0 ? _c : selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions.map((option) => {
             const { label, value } = getValueAndLabel(option);
             return (jsx(MenuItem, { sx: {
                     alignItems: 'center',
@@ -2043,6 +2046,8 @@ const MRT_TableBodyCell = (_a) => {
     const cellValueProps = {
         cell,
         table,
+        staticColumnIndex,
+        staticRowIndex,
     };
     const handleDoubleClick = (event) => {
         var _a;
@@ -2101,7 +2106,7 @@ const MRT_TableBodyCell = (_a) => {
             table,
             tableCellProps,
             theme,
-        })), draggingBorders)), children: (_b = tableCellProps.children) !== null && _b !== void 0 ? _b : (jsxs(Fragment, { children: [cell.getIsPlaceholder() ? ((_d = (_c = columnDef.PlaceholderCell) === null || _c === void 0 ? void 0 : _c.call(columnDef, { cell, column, row, table })) !== null && _d !== void 0 ? _d : null) : showSkeletons !== false && (isLoading || showSkeletons) ? (jsx(Skeleton, Object.assign({ animation: "wave", height: 20, width: skeletonWidth }, skeletonProps))) : columnDefType === 'display' &&
+        })), draggingBorders)), children: (_b = tableCellProps.children) !== null && _b !== void 0 ? _b : (jsxs(Fragment, { children: [cell.getIsPlaceholder() ? (((_d = (_c = columnDef.PlaceholderCell) === null || _c === void 0 ? void 0 : _c.call(columnDef, { cell, column, row, table })) !== null && _d !== void 0 ? _d : null)) : showSkeletons !== false && (isLoading || showSkeletons) ? (jsx(Skeleton, Object.assign({ animation: "wave", height: 20, width: skeletonWidth }, skeletonProps))) : columnDefType === 'display' &&
                     (['mrt-row-expand', 'mrt-row-numbers', 'mrt-row-select'].includes(column.id) ||
                         !row.getIsGrouped()) ? ((_e = columnDef.Cell) === null || _e === void 0 ? void 0 : _e.call(columnDef, {
                     cell,
@@ -2359,11 +2364,11 @@ const MRT_TableFooterCell = (_a) => {
             theme,
         })), parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme))), children: (_b = tableCellProps.children) !== null && _b !== void 0 ? _b : (footer.isPlaceholder
             ? null
-            : (_d = (_c = parseFromValuesOrFunc(columnDef.Footer, {
+            : ((_d = (_c = parseFromValuesOrFunc(columnDef.Footer, {
                 column,
                 footer,
                 table,
-            })) !== null && _c !== void 0 ? _c : columnDef.footer) !== null && _d !== void 0 ? _d : null) })));
+            })) !== null && _c !== void 0 ? _c : columnDef.footer) !== null && _d !== void 0 ? _d : null)) })));
 };
 
 const MRT_TableFooterRow = (_a) => {
@@ -2595,7 +2600,7 @@ const MRT_FilterOptionMenu = (_a) => {
                 backgroundColor: menuBackgroundColor,
             },
         }, anchorEl: anchorEl, anchorOrigin: { horizontal: 'right', vertical: 'center' }, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: (_e = (header && column && columnDef
-            ? (_d = (_c = columnDef.renderColumnFilterModeMenuItems) === null || _c === void 0 ? void 0 : _c.call(columnDef, {
+            ? ((_d = (_c = columnDef.renderColumnFilterModeMenuItems) === null || _c === void 0 ? void 0 : _c.call(columnDef, {
                 column: column,
                 internalFilterOptions,
                 onSelectFilterMode: handleSelectFilterMode,
@@ -2605,7 +2610,7 @@ const MRT_FilterOptionMenu = (_a) => {
                 internalFilterOptions,
                 onSelectFilterMode: handleSelectFilterMode,
                 table,
-            })
+            }))
             : renderGlobalFilterModeMenuItems === null || renderGlobalFilterModeMenuItems === void 0 ? void 0 : renderGlobalFilterModeMenuItems({
                 internalFilterOptions,
                 onSelectFilterMode: handleSelectFilterMode,
@@ -2820,7 +2825,7 @@ const MRT_FilterTextField = (_a) => {
                 (currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.slice(1))}`]
         : '';
     const filterPlaceholder = !isRangeFilter
-        ? (_d = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.placeholder) !== null && _d !== void 0 ? _d : (_f = localization.filterByColumn) === null || _f === void 0 ? void 0 : _f.replace('{column}', String(columnDef.header))
+        ? ((_d = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.placeholder) !== null && _d !== void 0 ? _d : (_f = localization.filterByColumn) === null || _f === void 0 ? void 0 : _f.replace('{column}', String(columnDef.header)))
         : rangeFilterIndex === 0
             ? localization.min
             : rangeFilterIndex === 1
@@ -2838,7 +2843,7 @@ const MRT_FilterTextField = (_a) => {
             ? column.getFilterValue() || []
             : isRangeFilter
                 ? ((_a = column.getFilterValue()) === null || _a === void 0 ? void 0 : _a[rangeFilterIndex]) || ''
-                : (_b = column.getFilterValue()) !== null && _b !== void 0 ? _b : '';
+                : ((_b = column.getFilterValue()) !== null && _b !== void 0 ? _b : '');
     });
     const [autocompleteValue, setAutocompleteValue] = useState(isAutocompleteFilter ? filterValue : null);
     const handleChangeDebounced = useCallback(debounce((newValue) => {
@@ -3019,7 +3024,7 @@ const MRT_FilterRangeSlider = (_a) => {
     const sliderProps = Object.assign(Object.assign(Object.assign({}, parseFromValuesOrFunc(muiFilterSliderProps, { column, table })), parseFromValuesOrFunc(columnDef.muiFilterSliderProps, { column, table })), rest);
     let [min, max] = sliderProps.min !== undefined && sliderProps.max !== undefined
         ? [sliderProps.min, sliderProps.max]
-        : (_b = column.getFacetedMinMaxValues()) !== null && _b !== void 0 ? _b : [0, 1];
+        : ((_b = column.getFacetedMinMaxValues()) !== null && _b !== void 0 ? _b : [0, 1]);
     //fix potential TanStack Table bugs where min or max is an array
     if (Array.isArray(min))
         min = min[0];
@@ -3341,7 +3346,11 @@ const MRT_TableHeadCell = (_a) => {
             ? 'center'
             : theme.direction === 'rtl'
                 ? 'right'
-                : 'left', colSpan: header.colSpan, "data-index": staticColumnIndex, "data-pinned": !!isColumnPinned || undefined, onDragEnter: handleDragEnter, onDragOver: handleDragOver, ref: (node) => {
+                : 'left', "aria-sort": column.getIsSorted()
+            ? column.getIsSorted() === 'asc'
+                ? 'ascending'
+                : 'descending'
+            : 'none', colSpan: header.colSpan, "data-can-sort": column.getCanSort() || undefined, "data-index": staticColumnIndex, "data-pinned": !!isColumnPinned || undefined, "data-sort": column.getIsSorted() || undefined, onDragEnter: handleDragEnter, onDragOver: handleDragOver, ref: (node) => {
             var _a;
             if (node) {
                 tableHeadCellRefs.current[column.id] = node;
@@ -3377,7 +3386,7 @@ const MRT_TableHeadCell = (_a) => {
             theme,
         })), draggingBorders)), children: [header.isPlaceholder
                 ? null
-                : (_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxs(Box, { className: "Mui-TableHeadCell-Content", sx: {
+                : ((_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxs(Box, { className: "Mui-TableHeadCell-Content", sx: {
                         alignItems: 'center',
                         display: 'flex',
                         flexDirection: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'right' ? 'row-reverse' : 'row',
@@ -3414,7 +3423,7 @@ const MRT_TableHeadCell = (_a) => {
                                 whiteSpace: 'nowrap',
                             }, children: [showDragHandle && (jsx(MRT_TableHeadCellGrabHandle, { column: column, table: table, tableHeadCellRef: {
                                         current: tableHeadCellRefs.current[column.id],
-                                    } })), showColumnActions && (jsx(MRT_TableHeadCellColumnActionsButton, { header: header, table: table }))] })), column.getCanResize() && (jsx(MRT_TableHeadCellResizeHandle, { header: header, table: table }))] })), columnFilterDisplayMode === 'subheader' && column.getCanFilter() && (jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }))] })));
+                                    } })), showColumnActions && (jsx(MRT_TableHeadCellColumnActionsButton, { header: header, table: table }))] })), column.getCanResize() && (jsx(MRT_TableHeadCellResizeHandle, { header: header, table: table }))] }))), columnFilterDisplayMode === 'subheader' && column.getCanFilter() && (jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }))] })));
 };
 
 const MRT_TableHeadRow = (_a) => {
@@ -3649,10 +3658,10 @@ const MRT_TableContainer = (_a) => {
     useIsomorphicLayoutEffect(() => {
         var _a, _b, _c, _d;
         const topToolbarHeight = typeof document !== 'undefined'
-            ? (_b = (_a = topToolbarRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0
+            ? ((_b = (_a = topToolbarRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0)
             : 0;
         const bottomToolbarHeight = typeof document !== 'undefined'
-            ? (_d = (_c = bottomToolbarRef === null || bottomToolbarRef === void 0 ? void 0 : bottomToolbarRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0
+            ? ((_d = (_c = bottomToolbarRef === null || bottomToolbarRef === void 0 ? void 0 : bottomToolbarRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0)
             : 0;
         setTotalToolbarHeight(topToolbarHeight + bottomToolbarHeight);
     });