material-react-table 1.2.3 → 1.2.4

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',