material-react-table 1.5.2 → 1.5.4

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/index.d.ts

@@ -107,7 +107,6 @@ interface MRT_Icons {
     ArrowDownwardIcon: any;
     ArrowRightIcon: any;
     CancelIcon: any;
-    CheckBoxIcon: any;
     ClearAllIcon: any;
     CloseIcon: any;
     DensityLargeIcon: any;
@@ -120,7 +119,6 @@ interface MRT_Icons {
     ExpandLessIcon: any;
     ExpandMoreIcon: any;
     FilterAltIcon: any;
-    FilterAltOffIcon: any;
     FilterListIcon: any;
     FilterListOffIcon: any;
     FullscreenExitIcon: any;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.2",
+  "version": "1.5.4",
   "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.",

package/src/buttons/MRT_ExpandAllButton.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props {
   table: MRT_TableInstance;

package/src/buttons/MRT_FullScreenToggleButton.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}>
   extends IconButtonProps {

package/src/buttons/MRT_GrabHandleButton.tsx

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

package/src/buttons/MRT_ShowHideColumnsButton.tsx

@@ -3,7 +3,7 @@ import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import { MRT_ShowHideColumnsMenu } from '../menus/MRT_ShowHideColumnsMenu';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}>
   extends IconButtonProps {

package/src/buttons/MRT_ToggleDensePaddingButton.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}>
   extends IconButtonProps {

package/src/buttons/MRT_ToggleFiltersButton.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}>
   extends IconButtonProps {

package/src/buttons/MRT_ToggleGlobalFilterButton.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}>
   extends IconButtonProps {

package/src/icons.ts

@@ -1,7 +1,6 @@
 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';
@@ -13,7 +12,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';
@@ -34,7 +32,6 @@ export interface MRT_Icons {
   ArrowDownwardIcon: any;
   ArrowRightIcon: any;
   CancelIcon: any;
-  CheckBoxIcon: any;
   ClearAllIcon: any;
   CloseIcon: any;
   DensityLargeIcon: any;
@@ -47,7 +44,6 @@ export interface MRT_Icons {
   ExpandLessIcon: any;
   ExpandMoreIcon: any;
   FilterAltIcon: any;
-  FilterAltOffIcon: any;
   FilterListIcon: any;
   FilterListOffIcon: any;
   FullscreenExitIcon: any;
@@ -68,7 +64,6 @@ export const MRT_Default_Icons: MRT_Icons = {
   ArrowDownwardIcon,
   ArrowRightIcon,
   CancelIcon,
-  CheckBoxIcon,
   ClearAllIcon,
   CloseIcon,
   DensityLargeIcon,
@@ -80,7 +75,6 @@ export const MRT_Default_Icons: MRT_Icons = {
   ExpandLessIcon,
   ExpandMoreIcon,
   FilterAltIcon,
-  FilterAltOffIcon,
   FilterListIcon,
   FilterListOffIcon,
   FullscreenExitIcon,

package/src/inputs/MRT_FilterTextField.tsx

@@ -16,9 +16,9 @@ import MenuItem from '@mui/material/MenuItem';
 import TextField from '@mui/material/TextField';
 import Tooltip from '@mui/material/Tooltip';
 import { debounce } from '@mui/material/utils';
+import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
 import type { TextFieldProps } from '@mui/material/TextField';
 import type { MRT_Header, MRT_TableInstance } from '..';
-import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
 
 interface Props {
   header: MRT_Header;
@@ -165,7 +165,10 @@ export const MRT_FilterTextField: FC<Props> = ({
     column.setFilterValue(undefined);
     setColumnFilterFns((prev) => ({
       ...prev,
-      [header.id]: 'fuzzy',
+      [header.id]:
+        columnDef.columnFilterModeOptions?.[0] ??
+        columnFilterModeOptions?.[0] ??
+        'fuzzy',
     }));
   };
 
@@ -176,9 +179,17 @@ export const MRT_FilterTextField: FC<Props> = ({
   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 as [string, string])[rangeFilterIndex]);
+      } else {
+        setFilterValue(filterValue as string);
+      }
     }
+
     isMounted.current = true;
   }, [column.getFilterValue()]);
 
@@ -267,7 +278,7 @@ export const MRT_FilterTextField: FC<Props> = ({
                 <span>
                   <IconButton
                     aria-label={localization.clearFilter}
-                    disabled={!filterValue?.length}
+                    disabled={!filterValue?.toString()?.length}
                     onClick={handleClear}
                     size="small"
                     sx={{

package/src/inputs/MRT_GlobalFilterTextField.tsx

@@ -12,7 +12,7 @@ import TextField from '@mui/material/TextField';
 import Tooltip from '@mui/material/Tooltip';
 import { debounce } from '@mui/material/utils';
 import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}> {
   table: MRT_TableInstance<TData>;

package/src/table/MRT_Table.tsx

@@ -9,7 +9,7 @@ import Table from '@mui/material/Table';
 import { MRT_TableHead } from '../head/MRT_TableHead';
 import { Memo_MRT_TableBody, MRT_TableBody } from '../body/MRT_TableBody';
 import { MRT_TableFooter } from '../footer/MRT_TableFooter';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props {
   table: MRT_TableInstance;

package/src/toolbar/MRT_BottomToolbar.tsx

@@ -5,10 +5,10 @@ import useMediaQuery from '@mui/material/useMediaQuery';
 import { alpha } from '@mui/material/styles';
 import { MRT_TablePagination } from './MRT_TablePagination';
 import { MRT_ToolbarAlertBanner } from './MRT_ToolbarAlertBanner';
+import { MRT_ToolbarDropZone } from './MRT_ToolbarDropZone';
 import { MRT_LinearProgressBar } from './MRT_LinearProgressBar';
 import { commonToolbarStyles } from './MRT_TopToolbar';
-import { MRT_TableInstance } from '..';
-import { MRT_ToolbarDropZone } from './MRT_ToolbarDropZone';
+import type { MRT_TableInstance } from '..';
 
 interface Props {
   table: MRT_TableInstance;

package/src/toolbar/MRT_LinearProgressBar.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 import Collapse from '@mui/material/Collapse';
 import LinearProgress from '@mui/material/LinearProgress';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props {
   isTopToolbar: boolean;

package/src/toolbar/MRT_TablePagination.tsx

@@ -1,6 +1,6 @@
 import React, { ChangeEvent } from 'react';
 import TablePagination from '@mui/material/TablePagination';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}> {
   position?: 'top' | 'bottom';

package/src/toolbar/MRT_ToolbarAlertBanner.tsx

@@ -4,7 +4,7 @@ import AlertTitle from '@mui/material/AlertTitle';
 import Box from '@mui/material/Box';
 import Chip from '@mui/material/Chip';
 import Collapse from '@mui/material/Collapse';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}> {
   stackAlertBanner: boolean;

package/src/toolbar/MRT_ToolbarDropZone.tsx

@@ -3,7 +3,7 @@ import { alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Fade from '@mui/material/Fade';
 import Typography from '@mui/material/Typography';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}> {
   table: MRT_TableInstance<TData>;

package/src/toolbar/MRT_TopToolbar.tsx

@@ -5,7 +5,7 @@ import useMediaQuery from '@mui/material/useMediaQuery';
 import { lighten } from '@mui/material/styles';
 import { MRT_GlobalFilterTextField } from '../inputs/MRT_GlobalFilterTextField';
 import { MRT_LinearProgressBar } from './MRT_LinearProgressBar';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 import { MRT_TablePagination } from './MRT_TablePagination';
 import { MRT_ToolbarAlertBanner } from './MRT_ToolbarAlertBanner';
 import { MRT_ToolbarInternalButtons } from './MRT_ToolbarInternalButtons';