material-react-table 2.12.1 → 2.13.0

package/dist/index.d.ts

@@ -630,12 +630,12 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
         column: MRT_Column<TData>;
         rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => DatePickerProps<any>) | DatePickerProps<any>;
+    }) => DatePickerProps<never>) | DatePickerProps<never>;
     muiFilterDateTimePickerProps?: ((props: {
         column: MRT_Column<TData>;
         rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => DateTimePickerProps<any>) | DateTimePickerProps<any>;
+    }) => DateTimePickerProps<never>) | DateTimePickerProps<never>;
     muiFilterSliderProps?: ((props: {
         column: MRT_Column<TData>;
         table: MRT_TableInstance<TData>;
@@ -649,7 +649,7 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
         column: MRT_Column<TData>;
         rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => TimePickerProps<any>) | TimePickerProps<any>;
+    }) => TimePickerProps<never>) | TimePickerProps<never>;
     muiTableBodyCellProps?: ((props: {
         cell: MRT_Cell<TData, TValue>;
         column: MRT_Column<TData>;
@@ -902,12 +902,12 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
         column: MRT_Column<TData>;
         rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => DatePickerProps<any>) | DatePickerProps<any>;
+    }) => DatePickerProps<never>) | DatePickerProps<never>;
     muiFilterDateTimePickerProps?: ((props: {
         column: MRT_Column<TData>;
         rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => DateTimePickerProps<any>) | DateTimePickerProps<any>;
+    }) => DateTimePickerProps<never>) | DateTimePickerProps<never>;
     muiFilterSliderProps?: ((props: {
         column: MRT_Column<TData>;
         table: MRT_TableInstance<TData>;
@@ -921,7 +921,7 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
         column: MRT_Column<TData>;
         rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => TimePickerProps<any>) | TimePickerProps<any>;
+    }) => TimePickerProps<never>) | TimePickerProps<never>;
     muiLinearProgressProps?: ((props: {
         isTopToolbar: boolean;
         table: MRT_TableInstance<TData>;
@@ -1161,7 +1161,7 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
 
 declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | ReactNode;
 declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
-declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined, rowIndex?: number, depth?: number, subRows?: MRT_Row<TData>[] | undefined, parentId?: string) => MRT_Row<TData>;
+declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, originalRow?: TData, rowIndex?: number, depth?: number, subRows?: MRT_Row<TData>[], parentId?: string) => MRT_Row<TData>;
 
 declare const isCellEditable: <TData extends MRT_RowData>({ cell, table, }: {
     cell: MRT_Cell<TData>;
@@ -1223,7 +1223,7 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
     readonly enableSorting?: boolean | undefined;
     readonly invertSorting?: boolean | undefined;
     readonly sortDescFirst?: boolean | undefined;
-    readonly sortUndefined?: false | 1 | -1 | undefined;
+    readonly sortUndefined?: false | 1 | -1 | "first" | "last" | undefined;
     readonly enableGrouping?: boolean | undefined;
     readonly enableResizing?: boolean | undefined;
     readonly maxSize?: number | undefined;
@@ -1326,16 +1326,16 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
         column: MRT_Column<TData, unknown>;
         table: MRT_TableInstance<TData>;
     }) => _mui_material.CheckboxProps) | undefined;
-    readonly muiFilterDatePickerProps?: _mui_x_date_pickers.DatePickerProps<any> | ((props: {
+    readonly muiFilterDatePickerProps?: _mui_x_date_pickers.DatePickerProps<never, false> | ((props: {
         column: MRT_Column<TData, unknown>;
         rangeFilterIndex?: number | undefined;
         table: MRT_TableInstance<TData>;
-    }) => _mui_x_date_pickers.DatePickerProps<any>) | undefined;
-    readonly muiFilterDateTimePickerProps?: _mui_x_date_pickers.DateTimePickerProps<any> | ((props: {
+    }) => _mui_x_date_pickers.DatePickerProps<never, false>) | undefined;
+    readonly muiFilterDateTimePickerProps?: _mui_x_date_pickers.DateTimePickerProps<never, false> | ((props: {
         column: MRT_Column<TData, unknown>;
         rangeFilterIndex?: number | undefined;
         table: MRT_TableInstance<TData>;
-    }) => _mui_x_date_pickers.DateTimePickerProps<any>) | undefined;
+    }) => _mui_x_date_pickers.DateTimePickerProps<never, false>) | undefined;
     readonly muiFilterSliderProps?: _mui_material.SliderProps | ((props: {
         column: MRT_Column<TData, unknown>;
         table: MRT_TableInstance<TData>;
@@ -1345,11 +1345,11 @@ declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header,
         rangeFilterIndex?: number | undefined;
         table: MRT_TableInstance<TData>;
     }) => _mui_material.TextFieldProps) | undefined;
-    readonly muiFilterTimePickerProps?: _mui_x_date_pickers.TimePickerProps<any> | ((props: {
+    readonly muiFilterTimePickerProps?: _mui_x_date_pickers.TimePickerProps<never, false> | ((props: {
         column: MRT_Column<TData, unknown>;
         rangeFilterIndex?: number | undefined;
         table: MRT_TableInstance<TData>;
-    }) => _mui_x_date_pickers.TimePickerProps<any>) | undefined;
+    }) => _mui_x_date_pickers.TimePickerProps<never, false>) | undefined;
     readonly muiTableBodyCellProps?: _mui_material.TableCellProps | ((props: {
         cell: MRT_Cell<TData, unknown>;
         column: MRT_Column<TData, unknown>;
@@ -1408,7 +1408,7 @@ declare const getIsRowSelected: <TData extends MRT_RowData>({ row, table, }: {
 }) => boolean | undefined;
 declare const getMRT_RowSelectionHandler: <TData extends MRT_RowData>({ row, staticRowIndex, table, }: {
     row: MRT_Row<TData>;
-    staticRowIndex?: number | undefined;
+    staticRowIndex?: number;
     table: MRT_TableInstance<TData>;
 }) => (event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLTableRowElement>, value?: boolean) => void;
 declare const getMRT_SelectAllHandler: <TData extends MRT_RowData>({ table }: {
@@ -1421,7 +1421,7 @@ declare const useMRT_ColumnVirtualizer: <TData extends MRT_RowData, TScrollEleme
 
 declare const useMRT_Effects: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => void;
 
-declare const useMRT_RowVirtualizer: <TData extends MRT_RowData, TScrollElement extends Element | Window = HTMLDivElement, TItemElement extends Element = HTMLTableRowElement>(table: MRT_TableInstance<TData>, rows?: MRT_Row<TData>[] | undefined) => MRT_RowVirtualizer<TScrollElement, TItemElement> | undefined;
+declare const useMRT_RowVirtualizer: <TData extends MRT_RowData, TScrollElement extends Element | Window = HTMLDivElement, TItemElement extends Element = HTMLTableRowElement>(table: MRT_TableInstance<TData>, rows?: MRT_Row<TData>[]) => MRT_RowVirtualizer<TScrollElement, TItemElement> | undefined;
 
 declare const useMRT_Rows: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => MRT_Row<TData>[];
 

package/dist/index.esm.js

@@ -50,6 +50,7 @@ import ViewColumnIcon from '@mui/icons-material/ViewColumn';
 import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
 import { defaultRangeExtractor, useVirtualizer } from '@tanstack/react-virtual';
 import Paper from '@mui/material/Paper';
+import { useTheme as useTheme$1 } from '@mui/material';
 import TableContainer from '@mui/material/TableContainer';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
@@ -657,7 +658,7 @@ const MRT_EditActionButtons = (_a) => {
         }
     };
     return (jsx(Box, { onClick: (e) => e.stopPropagation(), sx: (theme) => (Object.assign({ display: 'flex', gap: '0.75rem' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: variant === 'icon' ? (jsxs(Fragment, { children: [jsx(Tooltip, { title: localization.cancel, children: jsx(IconButton, { "aria-label": localization.cancel, onClick: handleCancel, children: jsx(CancelIcon, {}) }) }), ((isCreating && onCreatingRowSave) ||
-                    (isEditing && onEditingRowSave)) && (jsx(Tooltip, { title: localization.save, children: jsx(IconButton, { "aria-label": localization.save, color: "info", onClick: handleSubmitRow, children: isSaving ? jsx(CircularProgress, { size: 18 }) : jsx(SaveIcon, {}) }) }))] })) : (jsxs(Fragment, { children: [jsx(Button, { onClick: handleCancel, sx: { minWidth: '100px' }, children: localization.cancel }), jsxs(Button, { onClick: handleSubmitRow, sx: { minWidth: '100px' }, variant: "contained", children: [isSaving && jsx(CircularProgress, { color: "inherit", size: 18 }), localization.save] })] })) }));
+                    (isEditing && onEditingRowSave)) && (jsx(Tooltip, { title: localization.save, children: jsx(IconButton, { "aria-label": localization.save, color: "info", disabled: isSaving, onClick: handleSubmitRow, children: isSaving ? jsx(CircularProgress, { size: 18 }) : jsx(SaveIcon, {}) }) }))] })) : (jsxs(Fragment, { children: [jsx(Button, { onClick: handleCancel, sx: { minWidth: '100px' }, children: localization.cancel }), jsxs(Button, { disabled: isSaving, onClick: handleSubmitRow, sx: { minWidth: '100px' }, variant: "contained", children: [isSaving && jsx(CircularProgress, { color: "inherit", size: 18 }), localization.save] })] })) }));
 };
 
 const parseCSSVarId = (id) => id.replace(/[^a-zA-Z0-9]/g, '_');
@@ -1326,11 +1327,12 @@ const useMRT_TableOptions = (_a) => {
             ? getFacetedMinMaxValues()
             : undefined, getFacetedRowModel: enableFacetedValues ? getFacetedRowModel() : undefined, getFacetedUniqueValues: enableFacetedValues
             ? getFacetedUniqueValues()
-            : undefined, getFilteredRowModel: enableColumnFilters || enableGlobalFilter || enableFilters
+            : undefined, getFilteredRowModel: (enableColumnFilters || enableGlobalFilter || enableFilters) &&
+            !manualFiltering
             ? getFilteredRowModel()
-            : undefined, getGroupedRowModel: enableGrouping ? getGroupedRowModel() : undefined, getPaginationRowModel: enablePagination
+            : undefined, getGroupedRowModel: enableGrouping && !manualGrouping ? getGroupedRowModel() : undefined, getPaginationRowModel: enablePagination && !manualPagination
             ? getPaginationRowModel()
-            : undefined, getSortedRowModel: enableSorting ? getSortedRowModel() : undefined, getSubRows: (row) => row === null || row === void 0 ? void 0 : row.subRows, icons,
+            : undefined, getSortedRowModel: enableSorting && !manualSorting ? getSortedRowModel() : undefined, getSubRows: (row) => row === null || row === void 0 ? void 0 : row.subRows, icons,
         layoutMode,
         localization,
         manualFiltering,
@@ -4095,6 +4097,7 @@ const MRT_TablePaper = (_a) => {
     const { getState, options: { enableBottomToolbar, enableTopToolbar, mrtTheme: { baseBackgroundColor }, muiTablePaperProps, renderBottomToolbar, renderTopToolbar, }, refs: { tablePaperRef }, } = table;
     const { isFullScreen } = getState();
     const paperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
+    const theme = useTheme$1();
     return (jsxs(Paper, Object.assign({ elevation: 2 }, paperProps, { ref: (ref) => {
             tablePaperRef.current = ref;
             if (paperProps === null || paperProps === void 0 ? void 0 : paperProps.ref) {
@@ -4114,7 +4117,7 @@ const MRT_TablePaper = (_a) => {
                 right: 0,
                 top: 0,
                 width: '100dvw',
-                zIndex: 999,
+                zIndex: theme.zIndex.modal,
             }
             : {})), paperProps === null || paperProps === void 0 ? void 0 : paperProps.style), sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, backgroundImage: 'unset', overflow: 'hidden', transition: 'all 100ms ease-in-out' }, parseFromValuesOrFunc(paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx, theme))), children: [enableTopToolbar &&
                 ((_b = parseFromValuesOrFunc(renderTopToolbar, { table })) !== null && _b !== void 0 ? _b : (jsx(MRT_TopToolbar, { table: table }))), jsx(MRT_TableContainer, { table: table }), enableBottomToolbar &&