material-react-table 1.2.2 → 1.2.4

package/src/icons.ts

@@ -1,35 +1,33 @@
-import {
-  ArrowRight,
-  Cancel,
-  CheckBox,
-  ClearAll,
-  Close,
-  DensityLarge,
-  DensityMedium,
-  DensitySmall,
-  DragHandle,
-  DynamicFeed,
-  Edit,
-  ExpandLess,
-  ExpandMore,
-  FilterAlt,
-  FilterAltOff,
-  FilterList,
-  FilterListOff,
-  Fullscreen,
-  FullscreenExit,
-  KeyboardDoubleArrowDown,
-  MoreHoriz,
-  MoreVert,
-  PushPin,
-  RestartAlt,
-  Save,
-  Search,
-  SearchOff,
-  Sort,
-  ViewColumn,
-  VisibilityOff,
-} from '@mui/icons-material';
+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';
+import DensityMediumIcon from '@mui/icons-material/DensityMedium';
+import DensitySmallIcon from '@mui/icons-material/DensitySmall';
+import DragHandleIcon from '@mui/icons-material/DragHandle';
+import DynamicFeedIcon from '@mui/icons-material/DynamicFeed';
+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';
+import FullscreenIcon from '@mui/icons-material/Fullscreen';
+import KeyboardDoubleArrowDownIcon from '@mui/icons-material/KeyboardDoubleArrowDown';
+import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import PushPinIcon from '@mui/icons-material/PushPin';
+import RestartAltIcon from '@mui/icons-material/RestartAlt';
+import SaveIcon from '@mui/icons-material/Save';
+import SearchIcon from '@mui/icons-material/Search';
+import SearchOffIcon from '@mui/icons-material/SearchOff';
+import SortIcon from '@mui/icons-material/Sort';
+import ViewColumnIcon from '@mui/icons-material/ViewColumn';
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
 
 export interface MRT_Icons {
   ArrowRightIcon: any;
@@ -65,34 +63,34 @@ export interface MRT_Icons {
 }
 
 export const MRT_Default_Icons: MRT_Icons = {
-  ArrowRightIcon: ArrowRight,
-  CancelIcon: Cancel,
-  CheckBoxIcon: CheckBox,
-  ClearAllIcon: ClearAll,
-  CloseIcon: Close,
-  DensityLargeIcon: DensityLarge,
-  DensityMediumIcon: DensityMedium,
-  DensitySmallIcon: DensitySmall,
-  DragHandleIcon: DragHandle,
-  DynamicFeedIcon: DynamicFeed,
-  EditIcon: Edit,
-  ExpandLessIcon: ExpandLess,
-  ExpandMoreIcon: ExpandMore,
-  FilterAltIcon: FilterAlt,
-  FilterAltOffIcon: FilterAltOff,
-  FilterListIcon: FilterList,
-  FilterListOffIcon: FilterListOff,
-  FullscreenExitIcon: FullscreenExit,
-  FullscreenIcon: Fullscreen,
-  KeyboardDoubleArrowDownIcon: KeyboardDoubleArrowDown,
-  MoreHorizIcon: MoreHoriz,
-  MoreVertIcon: MoreVert,
-  PushPinIcon: PushPin,
-  RestartAltIcon: RestartAlt,
-  SaveIcon: Save,
-  SearchIcon: Search,
-  SearchOffIcon: SearchOff,
-  SortIcon: Sort,
-  ViewColumnIcon: ViewColumn,
-  VisibilityOffIcon: VisibilityOff,
+  ArrowRightIcon,
+  CancelIcon,
+  CheckBoxIcon,
+  ClearAllIcon,
+  CloseIcon,
+  DensityLargeIcon,
+  DensityMediumIcon,
+  DensitySmallIcon,
+  DragHandleIcon,
+  DynamicFeedIcon,
+  EditIcon,
+  ExpandLessIcon,
+  ExpandMoreIcon,
+  FilterAltIcon,
+  FilterAltOffIcon,
+  FilterListIcon,
+  FilterListOffIcon,
+  FullscreenExitIcon,
+  FullscreenIcon,
+  KeyboardDoubleArrowDownIcon,
+  MoreHorizIcon,
+  MoreVertIcon,
+  PushPinIcon,
+  RestartAltIcon,
+  SaveIcon,
+  SearchIcon,
+  SearchOffIcon,
+  SortIcon,
+  ViewColumnIcon,
+  VisibilityOffIcon,
 };

package/src/inputs/MRT_EditCellTextField.tsx

@@ -1,5 +1,6 @@
 import React, { ChangeEvent, FocusEvent, KeyboardEvent, useState } from 'react';
-import { TextField, TextFieldProps } from '@mui/material';
+import TextField from '@mui/material/TextField';
+import type { TextFieldProps } from '@mui/material/TextField';
 import type { MRT_Cell, MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}> {

package/src/inputs/MRT_FilterCheckbox.tsx

@@ -1,10 +1,8 @@
 import React, { FC } from 'react';
-import {
-  Checkbox,
-  CheckboxProps,
-  FormControlLabel,
-  Tooltip,
-} from '@mui/material';
+import Checkbox from '@mui/material/Checkbox';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Tooltip from '@mui/material/Tooltip';
+import type { CheckboxProps } from '@mui/material/Checkbox';
 import type { MRT_Column, MRT_TableInstance } from '..';
 
 interface Props {

package/src/inputs/MRT_FilterRangeFields.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { Box } from '@mui/material';
+import Box from '@mui/material/Box';
 import { MRT_FilterTextField } from './MRT_FilterTextField';
 import { MRT_Header, MRT_TableInstance } from '..';
 

package/src/inputs/MRT_FilterTextField.tsx

@@ -6,18 +6,16 @@ import React, {
   useEffect,
   useState,
 } from 'react';
-import {
-  Box,
-  Checkbox,
-  Chip,
-  debounce,
-  IconButton,
-  InputAdornment,
-  MenuItem,
-  TextField,
-  TextFieldProps,
-  Tooltip,
-} from '@mui/material';
+import Box from '@mui/material/Box';
+import Checkbox from '@mui/material/Checkbox';
+import Chip from '@mui/material/Chip';
+import IconButton from '@mui/material/IconButton';
+import InputAdornment from '@mui/material/InputAdornment';
+import MenuItem from '@mui/material/MenuItem';
+import TextField from '@mui/material/TextField';
+import Tooltip from '@mui/material/Tooltip';
+import debounce from '@mui/material/utils/debounce';
+import type { TextFieldProps } from '@mui/material/TextField';
 import type { MRT_Header, MRT_TableInstance } from '..';
 import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
 
@@ -117,7 +115,7 @@ export const MRT_FilterTextField: FC<Props> = ({
   const handleChangeDebounced = useCallback(
     debounce(
       (event: ChangeEvent<HTMLInputElement>) => {
-        let value =
+        const value =
           textFieldProps.type === 'date'
             ? event.target.valueAsDate
             : textFieldProps.type === 'number'

package/src/inputs/MRT_GlobalFilterTextField.tsx

@@ -5,14 +5,12 @@ import React, {
   useEffect,
   useState,
 } from 'react';
-import {
-  Collapse,
-  debounce,
-  IconButton,
-  InputAdornment,
-  TextField,
-  Tooltip,
-} from '@mui/material';
+import Collapse from '@mui/material/Collapse';
+import IconButton from '@mui/material/IconButton';
+import InputAdornment from '@mui/material/InputAdornment';
+import TextField from '@mui/material/TextField';
+import Tooltip from '@mui/material/Tooltip';
+import debounce from '@mui/material/utils/debounce';
 import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
 import { MRT_TableInstance } from '..';
 

package/src/inputs/MRT_SelectCheckbox.tsx

@@ -1,5 +1,8 @@
 import React, { FC, MouseEvent } from 'react';
-import { Checkbox, Tooltip, Radio, Theme } from '@mui/material';
+import Checkbox from '@mui/material/Checkbox';
+import Tooltip from '@mui/material/Tooltip';
+import Radio from '@mui/material/Radio';
+import type { Theme } from '@mui/material/styles';
 import type { MRT_Row, MRT_TableInstance } from '..';
 
 interface Props {

package/src/menus/MRT_ColumnActionMenu.tsx

@@ -1,8 +1,12 @@
 import React, { FC, useState } from 'react';
-import { Box, IconButton, ListItemIcon, Menu, MenuItem } from '@mui/material';
-import type { MRT_Header, MRT_TableInstance } from '..';
+import Box from '@mui/material/Box';
+import IconButton from '@mui/material/IconButton';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
 import { MRT_FilterOptionMenu } from './MRT_FilterOptionMenu';
 import { MRT_ShowHideColumnsMenu } from './MRT_ShowHideColumnsMenu';
+import type { MRT_Header, MRT_TableInstance } from '..';
 
 export const commonMenuItemStyles = {
   py: '6px',

package/src/menus/MRT_FilterOptionMenu.tsx

@@ -1,5 +1,7 @@
 import React, { useMemo } from 'react';
-import { Box, Menu, MenuItem } from '@mui/material';
+import Box from '@mui/material/Box';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
 import type {
   MRT_FilterOption,
   MRT_Header,

package/src/menus/MRT_RowActionMenu.tsx

@@ -1,10 +1,13 @@
 import React, { FC, MouseEvent } from 'react';
-import { Box, ListItemIcon, Menu, MenuItem } from '@mui/material';
-import type { MRT_Row, MRT_TableInstance } from '..';
+import Box from '@mui/material/Box';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
 import {
   commonListItemStyles,
   commonMenuItemStyles,
 } from './MRT_ColumnActionMenu';
+import type { MRT_Row, MRT_TableInstance } from '..';
 
 interface Props {
   anchorEl: HTMLElement | null;

package/src/menus/MRT_ShowHideColumnsMenu.tsx

@@ -1,8 +1,11 @@
 import React, { useMemo, useState } from 'react';
-import { Button, Menu, Divider, Box } from '@mui/material';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Divider from '@mui/material/Divider';
+import Menu from '@mui/material/Menu';
 import { MRT_ShowHideColumnsMenuItems } from './MRT_ShowHideColumnsMenuItems';
-import type { MRT_Column, MRT_TableInstance } from '..';
 import { getDefaultColumnOrderIds } from '../column.utils';
+import type { MRT_Column, MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}> {
   anchorEl: HTMLElement | null;

package/src/menus/MRT_ShowHideColumnsMenuItems.tsx

@@ -5,14 +5,12 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import {
-  Box,
-  FormControlLabel,
-  MenuItem,
-  Switch,
-  Tooltip,
-  Typography,
-} from '@mui/material';
+import Box from '@mui/material/Box';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import MenuItem from '@mui/material/MenuItem';
+import Switch from '@mui/material/Switch';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
 import { MRT_ColumnPinningButtons } from '../buttons/MRT_ColumnPinningButtons';
 import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
 import { reorderColumn } from '../column.utils';

package/src/sortingFns.ts

@@ -10,8 +10,8 @@ const fuzzy = <TData extends Record<string, any> = {}>(
   let dir = 0;
   if (rowA.columnFiltersMeta[columnId]) {
     dir = compareItems(
-      rowA.columnFiltersMeta[columnId]! as RankingInfo,
-      rowB.columnFiltersMeta[columnId]! as RankingInfo,
+      rowA.columnFiltersMeta[columnId] as RankingInfo,
+      rowB.columnFiltersMeta[columnId] as RankingInfo,
     );
   }
   // Provide a fallback for when the item ranks are equal

package/src/table/MRT_Table.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { Table } from '@mui/material';
+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';

package/src/table/MRT_TableContainer.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useEffect, useLayoutEffect, useState } from 'react';
-import { TableContainer } from '@mui/material';
+import TableContainer from '@mui/material/TableContainer';
 import { MRT_Table } from './MRT_Table';
 import type { MRT_TableInstance } from '..';
 

package/src/table/MRT_TablePaper.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { Paper } from '@mui/material';
+import Paper from '@mui/material/Paper';
 import { MRT_TopToolbar } from '../toolbar/MRT_TopToolbar';
 import { MRT_BottomToolbar } from '../toolbar/MRT_BottomToolbar';
 import { MRT_TableContainer } from './MRT_TableContainer';

package/src/table/MRT_TableRoot.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import {
-  TableState,
   getCoreRowModel,
   getExpandedRowModel,
   getFacetedRowModel,
@@ -9,14 +8,16 @@ import {
   getPaginationRowModel,
   getSortedRowModel,
   useReactTable,
-  GroupingState,
 } from '@tanstack/react-table';
-import { Box, Dialog, Grow } from '@mui/material';
+import Box from '@mui/material/Box';
+import Dialog from '@mui/material/Dialog';
+import Grow from '@mui/material/Grow';
 import { MRT_ExpandAllButton } from '../buttons/MRT_ExpandAllButton';
 import { MRT_ExpandButton } from '../buttons/MRT_ExpandButton';
 import { MRT_ToggleRowActionMenuButton } from '../buttons/MRT_ToggleRowActionMenuButton';
 import { MRT_SelectCheckbox } from '../inputs/MRT_SelectCheckbox';
 import { MRT_TablePaper } from './MRT_TablePaper';
+import { MRT_EditRowModal } from '../body/MRT_EditRowModal';
 import {
   prepareColumns,
   getAllLeafColumnDefs,
@@ -25,6 +26,7 @@ import {
   showExpandColumn,
   getColumnId,
 } from '../column.utils';
+import type { GroupingState, TableState } from '@tanstack/react-table';
 import type {
   MRT_Cell,
   MRT_Column,
@@ -36,7 +38,6 @@ import type {
   MaterialReactTableProps,
   MRT_Localization,
 } from '..';
-import { MRT_EditRowModal } from '../body/MRT_EditRowModal';
 
 export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
   props: MaterialReactTableProps<TData> & { localization: MRT_Localization },

package/src/toolbar/MRT_BottomToolbar.tsx

@@ -1,5 +1,8 @@
 import React, { FC } from 'react';
-import { alpha, Box, Toolbar, useMediaQuery } from '@mui/material';
+import Box from '@mui/material/Box';
+import Toolbar from '@mui/material/Toolbar';
+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_LinearProgressBar } from './MRT_LinearProgressBar';

package/src/toolbar/MRT_LinearProgressBar.tsx

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
-import { Collapse, LinearProgress } from '@mui/material';
+import Collapse from '@mui/material/Collapse';
+import LinearProgress from '@mui/material/LinearProgress';
 import { MRT_TableInstance } from '..';
 
 interface Props {

package/src/toolbar/MRT_TablePagination.tsx

@@ -1,5 +1,5 @@
 import React, { ChangeEvent } from 'react';
-import { TablePagination } from '@mui/material';
+import TablePagination from '@mui/material/TablePagination';
 import { MRT_TableInstance } from '..';
 
 interface Props<TData extends Record<string, any> = {}> {

package/src/toolbar/MRT_ToolbarAlertBanner.tsx

@@ -1,5 +1,9 @@
 import React, { FC, Fragment } from 'react';
-import { Alert, AlertTitle, Box, Chip, Collapse } from '@mui/material';
+import Alert from '@mui/material/Alert';
+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 '..';
 
 interface Props {

package/src/toolbar/MRT_ToolbarDropZone.tsx

@@ -1,5 +1,8 @@
 import React, { DragEvent, FC } from 'react';
-import { alpha, Box, Fade, Typography } from '@mui/material';
+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 '..';
 
 interface Props {

package/src/toolbar/MRT_ToolbarInternalButtons.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box } from '@mui/material';
+import Box from '@mui/material/Box';
 import { MRT_FullScreenToggleButton } from '../buttons/MRT_FullScreenToggleButton';
 import { MRT_ShowHideColumnsButton } from '../buttons/MRT_ShowHideColumnsButton';
 import { MRT_ToggleDensePaddingButton } from '../buttons/MRT_ToggleDensePaddingButton';

package/src/toolbar/MRT_TopToolbar.tsx

@@ -1,5 +1,8 @@
 import React, { FC } from 'react';
-import { Box, lighten, Theme, Toolbar, useMediaQuery } from '@mui/material';
+import Box from '@mui/material/Box';
+import Toolbar from '@mui/material/Toolbar';
+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 '..';
@@ -7,6 +10,7 @@ import { MRT_TablePagination } from './MRT_TablePagination';
 import { MRT_ToolbarAlertBanner } from './MRT_ToolbarAlertBanner';
 import { MRT_ToolbarInternalButtons } from './MRT_ToolbarInternalButtons';
 import { MRT_ToolbarDropZone } from './MRT_ToolbarDropZone';
+import type { Theme } from '@mui/material/styles';
 
 export const commonToolbarStyles = ({ theme }: { theme: Theme }) => ({
   alignItems: 'flex-start',