material-react-table 1.11.4 → 1.11.5

package/locales/zh-Hant.js

@@ -3,95 +3,95 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const MRT_Localization_ZH_HANT = {
-    actions: '動作',
-    and: '與',
-    cancel: '取消',
-    changeFilterMode: '更改過濾模式',
-    changeSearchMode: '更改搜尋模式',
-    clearFilter: '清除過濾',
-    clearSearch: '清除搜尋',
-    clearSort: '清除排序',
-    clickToCopy: '點擊以複製',
-    collapse: '折疊',
-    collapseAll: '全部折疊',
-    columnActions: '欄位動作',
-    copiedToClipboard: '已複製至剪貼簿',
-    dropToGroupBy: '拖放以按 {column} 分組',
-    edit: '編輯',
-    expand: '展開',
-    expandAll: '全部展開',
-    filterArrIncludes: '包括',
-    filterArrIncludesAll: '包括所有',
-    filterArrIncludesSome: '包括',
-    filterBetween: '介於首尾',
-    filterBetweenInclusive: '介於首尾之間',
-    filterByColumn: '以 {column} 過濾',
-    filterContains: '包含',
-    filterEmpty: '是空字串',
-    filterEndsWith: '結尾為',
-    filterEquals: '等於',
-    filterEqualsString: '等於',
-    filterFuzzy: '模糊搜索',
-    filterGreaterThan: '大於',
-    filterGreaterThanOrEqualTo: '大於等於',
-    filterInNumberRange: '介於',
-    filterIncludesString: '包含',
-    filterIncludesStringSensitive: '包含',
-    filterLessThan: '小於',
-    filterLessThanOrEqualTo: '小於等於',
-    filterMode: '過濾模式：{filterType}',
-    filterNotEmpty: '非空字串',
-    filterNotEquals: '不等於',
-    filterStartsWith: '開首為',
-    filterWeakEquals: '等於',
-    filteringByColumn: '正以 {column} 過濾：{filterType} {filterValue}',
-    goToFirstPage: '到第一頁',
-    goToLastPage: '到最後一頁',
-    goToNextPage: '下一頁',
-    goToPreviousPage: '上一頁',
-    grab: '拖曳',
-    groupByColumn: '按 {column} 分組',
-    groupedBy: '分組依據 ',
-    hideAll: '隱藏全部',
-    hideColumn: '隱藏 {column} 欄位',
-    max: '最大',
-    min: '最小',
-    move: '移動',
-    noRecordsToDisplay: '無紀錄可顯示',
-    noResultsFound: '未找到結果',
-    of: '/',
-    or: '或',
-    pinToLeft: '固定至左邊',
-    pinToRight: '固定至右邊',
-    resetColumnSize: '重置欄位大小',
-    resetOrder: '重置排序',
-    rowActions: '橫列動作',
-    rowNumber: '#',
-    rowNumbers: '橫列編號',
-    rowsPerPage: '每頁橫列數量',
-    save: '儲存',
-    search: '搜尋',
-    selectedCountOfRowCountRowsSelected: '已選擇橫列：{selectedCount}/{rowCount}',
-    select: '選擇',
-    showAll: '顯示全部',
-    showAllColumns: '顯示全部欄位',
-    showHideColumns: '顯示/隱藏 欄位',
-    showHideFilters: '顯示/隱藏 過濾條件',
-    showHideSearch: '顯示/隱藏 搜尋條件',
-    sortByColumnAsc: '按 {column} 順序排序',
-    sortByColumnDesc: '按 {column} 倒序排序',
-    sortedByColumnAsc: '已按 {column} 順序排序',
-    sortedByColumnDesc: '已按 {column} 倒序排序',
-    thenBy: '，然後以',
-    toggleDensity: '切換密度',
-    toggleFullScreen: '切換全螢幕',
-    toggleSelectAll: '切換選擇全部',
-    toggleSelectRow: '切換選擇橫列',
-    toggleVisibility: '切換可見度',
-    ungroupByColumn: '取消按 {column} 分組',
-    unpin: '取消固定',
-    unpinAll: '全部取消固定',
-    unsorted: '取消排序',
+  actions: '動作',
+  and: '與',
+  cancel: '取消',
+  changeFilterMode: '更改過濾模式',
+  changeSearchMode: '更改搜尋模式',
+  clearFilter: '清除過濾',
+  clearSearch: '清除搜尋',
+  clearSort: '清除排序',
+  clickToCopy: '點擊以複製',
+  collapse: '折疊',
+  collapseAll: '全部折疊',
+  columnActions: '欄位動作',
+  copiedToClipboard: '已複製至剪貼簿',
+  dropToGroupBy: '拖放以按 {column} 分組',
+  edit: '編輯',
+  expand: '展開',
+  expandAll: '全部展開',
+  filterArrIncludes: '包括',
+  filterArrIncludesAll: '包括所有',
+  filterArrIncludesSome: '包括',
+  filterBetween: '介於首尾',
+  filterBetweenInclusive: '介於首尾之間',
+  filterByColumn: '以 {column} 過濾',
+  filterContains: '包含',
+  filterEmpty: '是空字串',
+  filterEndsWith: '結尾為',
+  filterEquals: '等於',
+  filterEqualsString: '等於',
+  filterFuzzy: '模糊搜索',
+  filterGreaterThan: '大於',
+  filterGreaterThanOrEqualTo: '大於等於',
+  filterInNumberRange: '介於',
+  filterIncludesString: '包含',
+  filterIncludesStringSensitive: '包含',
+  filterLessThan: '小於',
+  filterLessThanOrEqualTo: '小於等於',
+  filterMode: '過濾模式：{filterType}',
+  filterNotEmpty: '非空字串',
+  filterNotEquals: '不等於',
+  filterStartsWith: '開首為',
+  filterWeakEquals: '等於',
+  filteringByColumn: '正以 {column} 過濾：{filterType} {filterValue}',
+  goToFirstPage: '到第一頁',
+  goToLastPage: '到最後一頁',
+  goToNextPage: '下一頁',
+  goToPreviousPage: '上一頁',
+  grab: '拖曳',
+  groupByColumn: '按 {column} 分組',
+  groupedBy: '分組依據 ',
+  hideAll: '隱藏全部',
+  hideColumn: '隱藏 {column} 欄位',
+  max: '最大',
+  min: '最小',
+  move: '移動',
+  noRecordsToDisplay: '無紀錄可顯示',
+  noResultsFound: '未找到結果',
+  of: '/',
+  or: '或',
+  pinToLeft: '固定至左邊',
+  pinToRight: '固定至右邊',
+  resetColumnSize: '重置欄位大小',
+  resetOrder: '重置排序',
+  rowActions: '橫列動作',
+  rowNumber: '#',
+  rowNumbers: '橫列編號',
+  rowsPerPage: '每頁橫列數量',
+  save: '儲存',
+  search: '搜尋',
+  selectedCountOfRowCountRowsSelected: '已選擇橫列：{selectedCount}/{rowCount}',
+  select: '選擇',
+  showAll: '顯示全部',
+  showAllColumns: '顯示全部欄位',
+  showHideColumns: '顯示/隱藏 欄位',
+  showHideFilters: '顯示/隱藏 過濾條件',
+  showHideSearch: '顯示/隱藏 搜尋條件',
+  sortByColumnAsc: '按 {column} 順序排序',
+  sortByColumnDesc: '按 {column} 倒序排序',
+  sortedByColumnAsc: '已按 {column} 順序排序',
+  sortedByColumnDesc: '已按 {column} 倒序排序',
+  thenBy: '，然後以',
+  toggleDensity: '切換密度',
+  toggleFullScreen: '切換全螢幕',
+  toggleSelectAll: '切換選擇全部',
+  toggleSelectRow: '切換選擇橫列',
+  toggleVisibility: '切換可見度',
+  ungroupByColumn: '取消按 {column} 分組',
+  unpin: '取消固定',
+  unpinAll: '全部取消固定',
+  unsorted: '取消排序',
 };
 
 exports.MRT_Localization_ZH_HANT = MRT_Localization_ZH_HANT;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.11.4",
+  "version": "1.11.5",
   "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.",
@@ -50,30 +50,45 @@
     "build-no-locales": "pnpm lib:build-no-locales",
     "dev": "pnpm lib:dev",
     "lib:build": "rm -rf dist && pnpm build-no-locales && pnpm build-locales",
-    "lib:build-locales": "export NODE_OPTIONS=--max_old_space_size=8096 && rm -rf locales && rollup -c rollup-locales.config.mjs",
+    "lib:build-locales": "rm -rf locales && node build-locales.mjs",
     "lib:build-no-locales": "rm -rf dist && rollup -c rollup.config.mjs && size-limit",
     "lib:dev": "rollup -c rollup.config.mjs --watch",
     "lint": "eslint .",
-    "size": "size-limit"
+    "size": "size-limit",
+    "storybook": "pnpm storybook:dev",
+    "storybook:build": "storybook build",
+    "storybook:dev": "storybook dev -p 6006"
   },
   "devDependencies": {
     "@babel/core": "^7.21.8",
     "@babel/preset-react": "^7.18.6",
-    "@emotion/react": "^11.10.8",
-    "@emotion/styled": "^11.10.8",
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@faker-js/faker": "^8.0.1",
     "@mui/icons-material": "^5.11.16",
-    "@mui/material": "^5.12.3",
+    "@mui/material": "^5.13.2",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.2",
-    "@rollup/plugin-typescript": "^11.1.0",
+    "@rollup/plugin-typescript": "^11.1.1",
     "@size-limit/preset-small-lib": "^8.2.4",
-    "@types/node": "^18.16.3",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
-    "eslint": "^8.39.0",
+    "@storybook/addon-a11y": "^7.0.13",
+    "@storybook/addon-essentials": "^7.0.13",
+    "@storybook/addon-interactions": "^7.0.13",
+    "@storybook/addon-links": "^7.0.13",
+    "@storybook/addon-storysource": "^7.0.13",
+    "@storybook/blocks": "^7.0.13",
+    "@storybook/react": "^7.0.13",
+    "@storybook/react-vite": "^7.0.13",
+    "@storybook/testing-library": "^0.1.0",
+    "@types/node": "^20.2.3",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.4",
+    "@typescript-eslint/eslint-plugin": "^5.59.7",
+    "@typescript-eslint/parser": "^5.59.7",
+    "@vitejs/plugin-react": "^4.0.0",
+    "eslint": "^8.41.0",
     "eslint-plugin-mui-path-imports": "^0.0.15",
+    "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
@@ -82,8 +97,11 @@
     "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "size-limit": "^8.2.4",
-    "tslib": "^2.5.0",
-    "typescript": "^5.0.4"
+    "storybook": "^7.0.13",
+    "storybook-dark-mode": "^3.0.0",
+    "tslib": "^2.5.2",
+    "typescript": "^5.0.4",
+    "vite": "^4.3.8"
   },
   "peerDependencies": {
     "@emotion/react": ">=11",

package/src/MaterialReactTable.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   Dispatch,
   MutableRefObject,
   ReactNode,

package/src/body/MRT_EditRowModal.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';

package/src/body/MRT_TableBody.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useMemo } from 'react';
+import { memo, useMemo } from 'react';
 import {
   useVirtualizer,
   type VirtualItem,

package/src/body/MRT_TableBodyCell.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   DragEvent,
   memo,
   MouseEvent,

package/src/body/MRT_TableBodyCellValue.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import Box from '@mui/material/Box';
 import { darken, lighten } from '@mui/material/styles';
 import highlightWords from 'highlight-words';

package/src/body/MRT_TableBodyRow.tsx

@@ -1,4 +1,4 @@
-import React, { DragEvent, memo, useRef } from 'react';
+import { DragEvent, memo, useRef } from 'react';
 import TableRow from '@mui/material/TableRow';
 import { type Theme, alpha, darken, lighten } from '@mui/material/styles';
 import { Memo_MRT_TableBodyCell, MRT_TableBodyCell } from './MRT_TableBodyCell';

package/src/body/MRT_TableBodyRowGrabHandle.tsx

@@ -1,4 +1,4 @@
-import React, { DragEvent, RefObject } from 'react';
+import { DragEvent, RefObject } from 'react';
 import { MRT_Cell, MRT_TableInstance } from '..';
 import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
 

package/src/body/MRT_TableDetailPanel.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Collapse from '@mui/material/Collapse';
 import TableCell from '@mui/material/TableCell';
 import TableRow from '@mui/material/TableRow';

package/src/buttons/MRT_ColumnPinningButtons.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';

package/src/buttons/MRT_CopyButton.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent, ReactNode, useState } from 'react';
+import { MouseEvent, ReactNode, useState } from 'react';
 import Button from '@mui/material/Button';
 import Tooltip from '@mui/material/Tooltip';
 import { MRT_Cell, MRT_TableInstance } from '..';

package/src/buttons/MRT_EditActionButtons.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';

package/src/buttons/MRT_ExpandAllButton.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import type { MRT_TableInstance } from '..';

package/src/buttons/MRT_ExpandButton.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import type { MRT_Row, MRT_TableInstance } from '..';

package/src/buttons/MRT_FullScreenToggleButton.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';

package/src/buttons/MRT_GrabHandleButton.tsx

@@ -1,4 +1,4 @@
-import React, { DragEventHandler } from 'react';
+import { DragEventHandler } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import type { IconButtonProps } from '@mui/material/IconButton';

package/src/buttons/MRT_ShowHideColumnsButton.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent, useState } from 'react';
+import { MouseEvent, useState } from 'react';
 import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';

package/src/buttons/MRT_ToggleDensePaddingButton.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';

package/src/buttons/MRT_ToggleFiltersButton.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';

package/src/buttons/MRT_ToggleGlobalFilterButton.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import type { IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';

package/src/buttons/MRT_ToggleRowActionMenuButton.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent, useState } from 'react';
+import { MouseEvent, useState } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import { MRT_RowActionMenu } from '../menus/MRT_RowActionMenu';

package/src/column.utils.ts

@@ -123,12 +123,13 @@ export const reorderColumn = <TData extends Record<string, any> = {}>(
   if (draggedColumn.getCanPin()) {
     draggedColumn.pin(targetColumn.getIsPinned());
   }
-  columnOrder.splice(
-    columnOrder.indexOf(targetColumn.id),
+  let newColumnOrder = [...columnOrder];
+  newColumnOrder.splice(
+    newColumnOrder.indexOf(targetColumn.id),
     0,
-    columnOrder.splice(columnOrder.indexOf(draggedColumn.id), 1)[0],
+    newColumnOrder.splice(newColumnOrder.indexOf(draggedColumn.id), 1)[0],
   );
-  return [...columnOrder];
+  return newColumnOrder;
 };
 
 export const showExpandColumn = <TData extends Record<string, any> = {}>(

package/src/footer/MRT_TableFooter.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import TableFooter from '@mui/material/TableFooter';
 import { MRT_TableFooterRow } from './MRT_TableFooterRow';
 import type { VirtualItem } from '@tanstack/react-virtual';

package/src/footer/MRT_TableFooterCell.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import TableCell from '@mui/material/TableCell';
 import { getCommonCellStyles } from '../column.utils';
 import type { MRT_Header, MRT_TableInstance } from '..';

package/src/footer/MRT_TableFooterRow.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import TableRow from '@mui/material/TableRow';
 import { lighten } from '@mui/material/styles';
 import { MRT_TableFooterCell } from './MRT_TableFooterCell';

package/src/head/MRT_TableHead.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import TableHead from '@mui/material/TableHead';
 import { MRT_TableHeadRow } from './MRT_TableHeadRow';
 import type { VirtualItem } from '@tanstack/react-virtual';

package/src/head/MRT_TableHeadCell.tsx

@@ -1,4 +1,4 @@
-import React, { DragEvent, ReactNode, useMemo } from 'react';
+import { DragEvent, ReactNode, useMemo } from 'react';
 import Box from '@mui/material/Box';
 import TableCell from '@mui/material/TableCell';
 import { useTheme } from '@mui/material/styles';

package/src/head/MRT_TableHeadCellColumnActionsButton.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent, useState } from 'react';
+import { MouseEvent, useState } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import { MRT_ColumnActionMenu } from '../menus/MRT_ColumnActionMenu';

package/src/head/MRT_TableHeadCellFilterContainer.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Collapse from '@mui/material/Collapse';
 import { MRT_FilterRangeFields } from '../inputs/MRT_FilterRangeFields';
 import { MRT_FilterTextField } from '../inputs/MRT_FilterTextField';

package/src/head/MRT_TableHeadCellFilterLabel.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import Box from '@mui/material/Box';
 import Grow from '@mui/material/Grow';
 import IconButton from '@mui/material/IconButton';

package/src/head/MRT_TableHeadCellGrabHandle.tsx

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

package/src/head/MRT_TableHeadCellResizeHandle.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
 import { MRT_Header, MRT_TableInstance } from '..';

package/src/head/MRT_TableHeadCellSortLabel.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Badge from '@mui/material/Badge';
 import TableSortLabel from '@mui/material/TableSortLabel';
 import Tooltip from '@mui/material/Tooltip';

package/src/head/MRT_TableHeadRow.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import TableRow from '@mui/material/TableRow';
 import { alpha, lighten } from '@mui/material/styles';
 import { MRT_TableHeadCell } from './MRT_TableHeadCell';

package/src/inputs/MRT_EditCellTextField.tsx

@@ -1,4 +1,4 @@
-import React, { ChangeEvent, FocusEvent, KeyboardEvent, useState } from 'react';
+import { ChangeEvent, FocusEvent, KeyboardEvent, useState } from 'react';
 import TextField from '@mui/material/TextField';
 import MenuItem from '@mui/material/MenuItem';
 import type { TextFieldProps } from '@mui/material/TextField';

package/src/inputs/MRT_FilterCheckbox.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Checkbox from '@mui/material/Checkbox';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Tooltip from '@mui/material/Tooltip';

package/src/inputs/MRT_FilterRangeFields.tsx

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

package/src/inputs/MRT_FilterTextField.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   ChangeEvent,
   MouseEvent,
   useCallback,

package/src/inputs/MRT_GlobalFilterTextField.tsx

@@ -1,4 +1,4 @@
-import React, {
+import {
   ChangeEvent,
   MouseEvent,
   useCallback,

package/src/inputs/MRT_SelectCheckbox.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import Checkbox from '@mui/material/Checkbox';
 import Tooltip from '@mui/material/Tooltip';
 import Radio from '@mui/material/Radio';

package/src/menus/MRT_ColumnActionMenu.tsx

@@ -1,4 +1,5 @@
-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';

package/src/menus/MRT_FilterOptionMenu.tsx

@@ -1,4 +1,4 @@
-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';

package/src/menus/MRT_RowActionMenu.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import Box from '@mui/material/Box';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import Menu from '@mui/material/Menu';

package/src/menus/MRT_ShowHideColumnsMenu.tsx

@@ -1,4 +1,4 @@
-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';

package/src/menus/MRT_ShowHideColumnsMenuItems.tsx

@@ -1,10 +1,4 @@
-import React, {
-  Dispatch,
-  DragEvent,
-  SetStateAction,
-  useRef,
-  useState,
-} from 'react';
+import { Dispatch, DragEvent, SetStateAction, useRef, useState } from 'react';
 import Box from '@mui/material/Box';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import MenuItem from '@mui/material/MenuItem';

package/src/table/MRT_Table.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import {
   defaultRangeExtractor,
   useVirtualizer,

package/src/table/MRT_TableContainer.tsx

@@ -1,4 +1,4 @@
-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 '..';

package/src/table/MRT_TablePaper.tsx

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

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,

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