material-react-table 1.11.4 → 1.12.0-beta.0

package/src/head/MRT_TableHeadCellGrabHandle.tsx

@@ -1,7 +1,7 @@
-import React, { DragEvent, RefObject } from 'react';
+import { type DragEvent, type RefObject } from 'react';
 import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
 import { reorderColumn } from '../column.utils';
-import type { MRT_Column, MRT_TableInstance } from '..';
+import { type MRT_Column, type MRT_TableInstance } from '../types';
 
 interface Props {
   column: MRT_Column;

package/src/head/MRT_TableHeadCellResizeHandle.tsx

@@ -1,7 +1,6 @@
-import React from 'react';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
-import { MRT_Header, MRT_TableInstance } from '..';
+import { type MRT_Header, type MRT_TableInstance } from '../types';
 
 interface Props {
   header: MRT_Header;

package/src/head/MRT_TableHeadCellSortLabel.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
 import Badge from '@mui/material/Badge';
 import TableSortLabel from '@mui/material/TableSortLabel';
 import Tooltip from '@mui/material/Tooltip';
-import { MRT_Header, MRT_TableInstance } from '..';
-import type { TableCellProps } from '@mui/material/TableCell';
+import { type MRT_Header, type MRT_TableInstance } from '../types';
+import { type TableCellProps } from '@mui/material/TableCell';
 
 interface Props {
   header: MRT_Header;

package/src/head/MRT_TableHeadRow.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
 import TableRow from '@mui/material/TableRow';
 import { alpha, lighten } from '@mui/material/styles';
 import { MRT_TableHeadCell } from './MRT_TableHeadCell';
-import type { VirtualItem } from '@tanstack/react-virtual';
-import type { MRT_Header, MRT_HeaderGroup, MRT_TableInstance } from '..';
+import { type VirtualItem } from '@tanstack/react-virtual';
+import { type MRT_Header, type MRT_HeaderGroup, type MRT_TableInstance } from '../types';
 
 interface Props {
   headerGroup: MRT_HeaderGroup;

package/src/index.tsx

@@ -1,9 +1,5 @@
-import MaterialReactTable from './MaterialReactTable';
-export default MaterialReactTable;
 export * from './MaterialReactTable';
-
-import type { MRT_Icons } from './icons';
-export type { MRT_Icons };
+export * from './types';
 
 import { MRT_BottomToolbar } from './toolbar/MRT_BottomToolbar';
 import { MRT_CopyButton } from './buttons/MRT_CopyButton';
@@ -46,3 +42,9 @@ export {
   MRT_ToolbarInternalButtons,
   MRT_TopToolbar,
 };
+
+/**
+ * @deprecated Use named exports instead of default export (will be removed in v2)
+ * @example import { MaterialReactTable } from 'material-react-table';
+ */
+export { default } from './MaterialReactTable';

package/src/inputs/MRT_EditCellTextField.tsx

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

package/src/inputs/MRT_FilterCheckbox.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
 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 '..';
+import { type CheckboxProps } from '@mui/material/Checkbox';
+import { type MRT_Column, type MRT_TableInstance } from '../types';
 
 interface Props {
   column: MRT_Column;

package/src/inputs/MRT_FilterRangeFields.tsx

@@ -1,7 +1,6 @@
-import React from 'react';
 import Box from '@mui/material/Box';
 import { MRT_FilterTextField } from './MRT_FilterTextField';
-import { MRT_Header, MRT_TableInstance } from '..';
+import { type MRT_Header, type MRT_TableInstance } from '../types';
 
 interface Props {
   header: MRT_Header;

package/src/inputs/MRT_FilterTextField.tsx

@@ -1,6 +1,6 @@
-import React, {
-  ChangeEvent,
-  MouseEvent,
+import {
+  type ChangeEvent,
+  type MouseEvent,
   useCallback,
   useEffect,
   useRef,
@@ -16,8 +16,8 @@ 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 { type TextFieldProps } from '@mui/material/TextField';
+import { type MRT_Header, type MRT_TableInstance } from '../types';
 
 interface Props {
   header: MRT_Header;

package/src/inputs/MRT_GlobalFilterTextField.tsx

@@ -1,6 +1,6 @@
-import React, {
-  ChangeEvent,
-  MouseEvent,
+import {
+  type ChangeEvent,
+  type MouseEvent,
   useCallback,
   useEffect,
   useRef,
@@ -13,7 +13,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 type { MRT_TableInstance } from '..';
+import { type MRT_TableInstance } from '../types';
 
 interface Props<TData extends Record<string, any> = {}> {
   table: MRT_TableInstance<TData>;

package/src/inputs/MRT_SelectCheckbox.tsx

@@ -1,9 +1,9 @@
-import React, { MouseEvent } from 'react';
+import { type MouseEvent } from 'react';
 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 '..';
+import { type Theme } from '@mui/material/styles';
+import { type MRT_Row, type MRT_TableInstance } from '../types';
 
 interface Props {
   row?: MRT_Row;

package/src/menus/MRT_ColumnActionMenu.tsx

@@ -1,11 +1,12 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
+import * as React from 'react';
 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 type { MRT_Header, MRT_TableInstance } from '..';
+import { type MRT_Header, type MRT_TableInstance } from '../types';
 
 export const commonMenuItemStyles = {
   py: '6px',

package/src/menus/MRT_FilterOptionMenu.tsx

@@ -1,14 +1,14 @@
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import Box from '@mui/material/Box';
 import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
-import type {
-  MRT_FilterOption,
-  MRT_Header,
-  MRT_InternalFilterOption,
-  MRT_Localization,
-  MRT_TableInstance,
-} from '..';
+import {
+  type MRT_FilterOption,
+  type MRT_Header,
+  type MRT_InternalFilterOption,
+  type MRT_Localization,
+  type MRT_TableInstance,
+} from '../types';
 
 export const mrtFilterOptions = (
   localization: MRT_Localization,

package/src/menus/MRT_RowActionMenu.tsx

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

package/src/menus/MRT_ShowHideColumnsMenu.tsx

@@ -1,11 +1,11 @@
-import React, { useMemo, useState } from 'react';
+import { useMemo, useState } from 'react';
 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 { getDefaultColumnOrderIds } from '../column.utils';
-import type { MRT_Column, MRT_TableInstance } from '..';
+import { type MRT_Column, type MRT_TableInstance } from '../types';
 
 interface Props<TData extends Record<string, any> = {}> {
   anchorEl: HTMLElement | null;

package/src/menus/MRT_ShowHideColumnsMenuItems.tsx

@@ -1,10 +1,4 @@
-import React, {
-  Dispatch,
-  DragEvent,
-  SetStateAction,
-  useRef,
-  useState,
-} from 'react';
+import { type Dispatch, type DragEvent, type SetStateAction, useRef, useState } from 'react';
 import Box from '@mui/material/Box';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import MenuItem from '@mui/material/MenuItem';
@@ -14,7 +8,7 @@ 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';
-import type { MRT_Column, MRT_TableInstance } from '..';
+import { type MRT_Column, type MRT_TableInstance } from '../types';
 
 interface Props<TData extends Record<string, any> = {}> {
   allColumns: MRT_Column<TData>[];

package/src/sortingFns.ts

@@ -1,6 +1,6 @@
 import { compareItems, type RankingInfo } from '@tanstack/match-sorter-utils';
 import { type Row, sortingFns } from '@tanstack/react-table';
-import type { MRT_Row } from '.';
+import { type MRT_Row } from './types';
 
 const fuzzy = <TData extends Record<string, any> = {}>(
   rowA: Row<TData>,

package/src/table/MRT_Table.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import {
   defaultRangeExtractor,
   useVirtualizer,
@@ -10,7 +10,7 @@ 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 { parseCSSVarId } from '../column.utils';
-import type { MRT_TableInstance } from '..';
+import { type MRT_TableInstance } from '../types';
 
 interface Props {
   table: MRT_TableInstance;

package/src/table/MRT_TableContainer.tsx

@@ -1,7 +1,7 @@
-import React, { useEffect, useLayoutEffect, useState } from 'react';
+import { useEffect, useLayoutEffect, useState } from 'react';
 import TableContainer from '@mui/material/TableContainer';
 import { MRT_Table } from './MRT_Table';
-import type { MRT_TableInstance } from '..';
+import { type MRT_TableInstance } from '../types';
 
 const useIsomorphicLayoutEffect =
   typeof window !== 'undefined' ? useLayoutEffect : useEffect;

package/src/table/MRT_TablePaper.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
 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';
-import type { MRT_TableInstance } from '..';
+import { type MRT_TableInstance } from '../types';
 
 interface Props {
   table: MRT_TableInstance;

package/src/table/MRT_TableRoot.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import {
   getCoreRowModel,
   getExpandedRowModel,
@@ -26,21 +26,21 @@ import {
   showExpandColumn,
   getColumnId,
 } from '../column.utils';
-import type {
-  MRT_Cell,
-  MRT_Column,
-  MRT_ColumnDef,
-  MRT_FilterOption,
-  MRT_Localization,
-  MRT_Row,
-  MRT_TableInstance,
-  MRT_TableState,
-  MaterialReactTableProps,
-  MRT_DensityState,
-  MRT_ColumnOrderState,
-  MRT_GroupingState,
-  MRT_FilterFnsState,
-} from '..';
+import {
+  type MRT_Cell,
+  type MRT_Column,
+  type MRT_ColumnDef,
+  type MRT_FilterOption,
+  type MRT_Localization,
+  type MRT_Row,
+  type MRT_TableInstance,
+  type MRT_TableState,
+  type MaterialReactTableProps,
+  type MRT_DensityState,
+  type MRT_ColumnOrderState,
+  type MRT_GroupingState,
+  type MRT_FilterFnsState,
+} from '../types';
 
 export const MRT_TableRoot: any = <TData extends Record<string, any> = {}>(
   props: MaterialReactTableProps<TData> & { localization: MRT_Localization },

package/src/toolbar/MRT_BottomToolbar.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Box from '@mui/material/Box';
 import Toolbar from '@mui/material/Toolbar';
 import useMediaQuery from '@mui/material/useMediaQuery';
@@ -8,7 +7,7 @@ import { MRT_ToolbarAlertBanner } from './MRT_ToolbarAlertBanner';
 import { MRT_ToolbarDropZone } from './MRT_ToolbarDropZone';
 import { MRT_LinearProgressBar } from './MRT_LinearProgressBar';
 import { commonToolbarStyles } from './MRT_TopToolbar';
-import type { MRT_TableInstance } from '..';
+import { type MRT_TableInstance } from '../types';
 
 interface Props<TData extends Record<string, any> = {}> {
   table: MRT_TableInstance<TData>;

package/src/toolbar/MRT_LinearProgressBar.tsx

@@ -1,7 +1,6 @@
-import React from 'react';
 import Collapse from '@mui/material/Collapse';
 import LinearProgress from '@mui/material/LinearProgress';
-import type { MRT_TableInstance } from '..';
+import { type MRT_TableInstance } from '../types';
 
 interface Props<TData extends Record<string, any> = {}> {
   isTopToolbar: boolean;

package/src/toolbar/MRT_TablePagination.tsx

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

package/src/toolbar/MRT_ToolbarAlertBanner.tsx

@@ -1,10 +1,10 @@
-import React, { Fragment } from 'react';
+import { Fragment } from 'react';
 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 type { MRT_TableInstance } from '..';
+import { type MRT_TableInstance } from '../types';
 
 interface Props<TData extends Record<string, any> = {}> {
   stackAlertBanner: boolean;

package/src/toolbar/MRT_ToolbarDropZone.tsx

@@ -1,9 +1,9 @@
-import React, { DragEvent, useEffect } from 'react';
+import { type DragEvent, useEffect } from 'react';
 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 type { MRT_TableInstance } from '..';
+import { type MRT_TableInstance } from '../types';
 
 interface Props<TData extends Record<string, any> = {}> {
   table: MRT_TableInstance<TData>;

package/src/toolbar/MRT_ToolbarInternalButtons.tsx

@@ -1,11 +1,10 @@
-import React from 'react';
 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';
 import { MRT_ToggleFiltersButton } from '../buttons/MRT_ToggleFiltersButton';
 import { MRT_ToggleGlobalFilterButton } from '../buttons/MRT_ToggleGlobalFilterButton';
-import type { MRT_TableInstance } from '..';
+import { type MRT_TableInstance } from '../types';
 
 interface Props<TData extends Record<string, any> = {}> {
   table: MRT_TableInstance<TData>;

package/src/toolbar/MRT_TopToolbar.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Box from '@mui/material/Box';
 import Toolbar from '@mui/material/Toolbar';
 import useMediaQuery from '@mui/material/useMediaQuery';
@@ -9,8 +8,8 @@ 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 { MRT_TableInstance } from '..';
-import type { Theme } from '@mui/material/styles';
+import { type MRT_TableInstance } from '../types';
+import { type Theme } from '@mui/material/styles';
 
 export const commonToolbarStyles = ({ theme }: { theme: Theme }) => ({
   alignItems: 'flex-start',