material-react-table 1.5.2 → 1.5.4

package/dist/cjs/types/buttons/MRT_ExpandAllButton.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props {
     table: MRT_TableInstance;
 }

package/dist/cjs/types/buttons/MRT_FullScreenToggleButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { IconButtonProps } from '@mui/material/IconButton';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }

package/dist/cjs/types/buttons/MRT_GrabHandleButton.d.ts

@@ -1,6 +1,6 @@
 import { DragEventHandler } from 'react';
 import type { IconButtonProps } from '@mui/material/IconButton';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     iconButtonProps?: IconButtonProps;
     onDragStart: DragEventHandler<HTMLButtonElement>;

package/dist/cjs/types/buttons/MRT_ShowHideColumnsButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { IconButtonProps } from '@mui/material/IconButton';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }

package/dist/cjs/types/buttons/MRT_ToggleDensePaddingButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { IconButtonProps } from '@mui/material/IconButton';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }

package/dist/cjs/types/buttons/MRT_ToggleFiltersButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { IconButtonProps } from '@mui/material/IconButton';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }

package/dist/cjs/types/buttons/MRT_ToggleGlobalFilterButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { IconButtonProps } from '@mui/material/IconButton';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }

package/dist/cjs/types/icons.d.ts

@@ -2,7 +2,6 @@ export interface MRT_Icons {
     ArrowDownwardIcon: any;
     ArrowRightIcon: any;
     CancelIcon: any;
-    CheckBoxIcon: any;
     ClearAllIcon: any;
     CloseIcon: any;
     DensityLargeIcon: any;
@@ -15,7 +14,6 @@ export interface MRT_Icons {
     ExpandLessIcon: any;
     ExpandMoreIcon: any;
     FilterAltIcon: any;
-    FilterAltOffIcon: any;
     FilterListIcon: any;
     FilterListOffIcon: any;
     FullscreenExitIcon: any;

package/dist/cjs/types/inputs/MRT_GlobalFilterTextField.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     table: MRT_TableInstance<TData>;
 }

package/dist/cjs/types/table/MRT_Table.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props {
     table: MRT_TableInstance;
 }

package/dist/cjs/types/toolbar/MRT_BottomToolbar.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props {
     table: MRT_TableInstance;
 }

package/dist/cjs/types/toolbar/MRT_LinearProgressBar.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props {
     isTopToolbar: boolean;
     table: MRT_TableInstance;

package/dist/cjs/types/toolbar/MRT_TablePagination.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     position?: 'top' | 'bottom';
     table: MRT_TableInstance<TData>;

package/dist/cjs/types/toolbar/MRT_ToolbarAlertBanner.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     stackAlertBanner: boolean;
     table: MRT_TableInstance<TData>;

package/dist/cjs/types/toolbar/MRT_ToolbarDropZone.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     table: MRT_TableInstance<TData>;
 }

package/dist/cjs/types/toolbar/MRT_TopToolbar.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 import type { Theme } from '@mui/material/styles';
 export declare const commonToolbarStyles: ({ theme }: {
     theme: Theme;

package/dist/esm/material-react-table.esm.js

@@ -5,7 +5,6 @@ import { rankItem, rankings, compareItems } from '@tanstack/match-sorter-utils';
 import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';
 import ArrowRightIcon from '@mui/icons-material/ArrowRight';
 import CancelIcon from '@mui/icons-material/Cancel';
-import CheckBoxIcon from '@mui/icons-material/CheckBox';
 import ClearAllIcon from '@mui/icons-material/ClearAll';
 import CloseIcon from '@mui/icons-material/Close';
 import DensityLargeIcon from '@mui/icons-material/DensityLarge';
@@ -17,7 +16,6 @@ import EditIcon from '@mui/icons-material/Edit';
 import ExpandLessIcon from '@mui/icons-material/ExpandLess';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import FilterAltIcon from '@mui/icons-material/FilterAlt';
-import FilterAltOffIcon from '@mui/icons-material/FilterAltOff';
 import FilterListIcon from '@mui/icons-material/FilterList';
 import FilterListOffIcon from '@mui/icons-material/FilterListOff';
 import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
@@ -371,7 +369,6 @@ const MRT_Default_Icons = {
     ArrowDownwardIcon,
     ArrowRightIcon,
     CancelIcon,
-    CheckBoxIcon,
     ClearAllIcon,
     CloseIcon,
     DensityLargeIcon,
@@ -383,7 +380,6 @@ const MRT_Default_Icons = {
     ExpandLessIcon,
     ExpandMoreIcon,
     FilterAltIcon,
-    FilterAltOffIcon,
     FilterListIcon,
     FilterListOffIcon,
     FullscreenExitIcon,
@@ -1465,7 +1461,7 @@ const MRT_TableHeadCellColumnActionsButton = ({ header, table, }) => {
 };
 
 const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { options: { enableColumnFilterModes, columnFilterModeOptions, icons: { FilterListIcon, CloseIcon }, localization, manualFiltering, muiTableHeadCellFilterTextFieldProps, }, refs: { filterInputRefs }, setColumnFilterFns, } = table;
     const { column } = header;
     const { columnDef } = column;
@@ -1559,15 +1555,27 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
     const handleClearEmptyFilterChip = () => {
         setFilterValue('');
         column.setFilterValue(undefined);
-        setColumnFilterFns((prev) => (Object.assign(Object.assign({}, prev), { [header.id]: 'fuzzy' })));
+        setColumnFilterFns((prev) => {
+            var _a, _b, _c;
+            return (Object.assign(Object.assign({}, prev), { [header.id]: (_c = (_b = (_a = columnDef.columnFilterModeOptions) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : columnFilterModeOptions === null || columnFilterModeOptions === void 0 ? void 0 : columnFilterModeOptions[0]) !== null && _c !== void 0 ? _c : 'fuzzy' }));
+        });
     };
     const handleFilterMenuOpen = (event) => {
         setAnchorEl(event.currentTarget);
     };
     const isMounted = useRef(false);
     useEffect(() => {
-        if (isMounted.current && column.getFilterValue() === undefined) {
-            handleClear();
+        if (isMounted.current) {
+            const filterValue = column.getFilterValue();
+            if (filterValue === undefined) {
+                handleClear();
+            }
+            else if (isRangeFilter && rangeFilterIndex !== undefined) {
+                setFilterValue(filterValue[rangeFilterIndex]);
+            }
+            else {
+                setFilterValue(filterValue);
+            }
         }
         isMounted.current = true;
     }, [column.getFilterValue()]);
@@ -1603,7 +1611,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 endAdornment: !filterChipLabel && (React.createElement(InputAdornment, { position: "end" },
                     React.createElement(Tooltip, { arrow: true, placement: "right", title: (_h = localization.clearFilter) !== null && _h !== void 0 ? _h : '' },
                         React.createElement("span", null,
-                            React.createElement(IconButton, { "aria-label": localization.clearFilter, disabled: !(filterValue === null || filterValue === void 0 ? void 0 : filterValue.length), onClick: handleClear, size: "small", sx: {
+                            React.createElement(IconButton, { "aria-label": localization.clearFilter, disabled: !((_j = filterValue === null || filterValue === void 0 ? void 0 : filterValue.toString()) === null || _j === void 0 ? void 0 : _j.length), onClick: handleClear, size: "small", sx: {
                                     height: '1.75rem',
                                     width: '1.75rem',
                                 } },
@@ -1638,8 +1646,8 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 ? textFieldProps.sx(theme)
                 : textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.sx))) }),
             (isSelectFilter || isMultiSelectFilter) && (React.createElement(MenuItem, { divider: true, disabled: true, hidden: true, value: "" },
-                React.createElement(Box, { sx: { opacity: 0.5 } }, filterPlaceholder))), (_j = columnDef === null || columnDef === void 0 ? void 0 : columnDef.filterSelectOptions) === null || _j === void 0 ? void 0 :
-            _j.map((option) => {
+                React.createElement(Box, { sx: { opacity: 0.5 } }, filterPlaceholder))), (_k = columnDef === null || columnDef === void 0 ? void 0 : columnDef.filterSelectOptions) === null || _k === void 0 ? void 0 :
+            _k.map((option) => {
                 var _a;
                 let value;
                 let text;