material-react-table 1.5.3 → 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/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_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/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.3",
+  "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/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,9 +165,10 @@ export const MRT_FilterTextField: FC<Props> = ({
     column.setFilterValue(undefined);
     setColumnFilterFns((prev) => ({
       ...prev,
-      [header.id]: columnDef.columnFilterModeOptions?.[0]
-        ?? columnFilterModeOptions?.[0] 
-        ?? 'fuzzy',
+      [header.id]:
+        columnDef.columnFilterModeOptions?.[0] ??
+        columnFilterModeOptions?.[0] ??
+        'fuzzy',
     }));
   };
 
@@ -178,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()]);
 
@@ -269,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_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';