material-react-table 1.2.2 → 1.2.4

package/dist/cjs/inputs/MRT_EditCellTextField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_Cell, MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     cell: MRT_Cell<TData>;

package/dist/cjs/inputs/MRT_GlobalFilterTextField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     table: MRT_TableInstance<TData>;

package/dist/cjs/menus/MRT_FilterOptionMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_Header, MRT_InternalFilterOption, MRT_Localization, MRT_TableInstance } from '..';
 export declare const mrtFilterOptions: (localization: MRT_Localization) => MRT_InternalFilterOption[];
 interface Props<TData extends Record<string, any> = {}> {

package/dist/cjs/menus/MRT_ShowHideColumnsMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     anchorEl: HTMLElement | null;

package/dist/cjs/table/MRT_TableRoot.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_FilterOption, MRT_Row, MRT_TableInstance, MRT_TableState, MaterialReactTableProps, MRT_Localization } from '..';
-export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/table-core").TableOptions<TData>>, "initialState" | "state" | "onStateChange" | "data" | "columns" | "defaultColumn" | "enableRowSelection" | "expandRowsFn"> & {
+export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: Omit<Partial<import("@tanstack/table-core").TableOptions<TData>>, "state" | "data" | "onStateChange" | "initialState" | "columns" | "defaultColumn" | "enableRowSelection" | "expandRowsFn"> & {
     columnFilterModeOptions?: (string | (string & Record<never, never>))[] | null | undefined;
     columns: MRT_ColumnDef<TData>[];
     data: TData[];
@@ -13,7 +13,7 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
         "mrt-row-select": Partial<MRT_ColumnDef<{}>>;
         "mrt-row-numbers": Partial<MRT_ColumnDef<{}>>;
     }> | undefined;
-    editingMode?: "row" | "cell" | "table" | "modal" | undefined;
+    editingMode?: "cell" | "row" | "table" | "modal" | undefined;
     enableBottomToolbar?: boolean | undefined;
     enableClickToCopy?: boolean | undefined;
     enableColumnActions?: boolean | undefined;

package/dist/cjs/toolbar/MRT_TablePagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     position: 'top' | 'bottom';

package/dist/cjs/toolbar/MRT_ToolbarInternalButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     table: MRT_TableInstance<TData>;

package/dist/cjs/toolbar/MRT_TopToolbar.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { Theme } from '@mui/material';
 import { MRT_TableInstance } from '..';
+import type { Theme } from '@mui/material/styles';
 export declare const commonToolbarStyles: ({ theme }: {
     theme: Theme;
 }) => {

package/dist/esm/MaterialReactTable.d.ts

@@ -1,5 +1,23 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
-import type { AlertProps, ButtonProps, CheckboxProps, ChipProps, IconButtonProps, LinearProgressProps, PaperProps, RadioProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
+import type { AlertProps } from '@mui/material/Alert';
+import type { ButtonProps } from '@mui/material/Button';
+import type { CheckboxProps } from '@mui/material/Checkbox';
+import type { ChipProps } from '@mui/material/Chip';
+import type { IconButtonProps } from '@mui/material/IconButton';
+import type { LinearProgressProps } from '@mui/material/LinearProgress';
+import type { PaperProps } from '@mui/material/Paper';
+import type { RadioProps } from '@mui/material/Radio';
+import type { SkeletonProps } from '@mui/material/Skeleton';
+import type { TableBodyProps } from '@mui/material/TableBody';
+import type { TableCellProps } from '@mui/material/TableCell';
+import type { TableContainerProps } from '@mui/material/TableContainer';
+import type { TableFooterProps } from '@mui/material/TableFooter';
+import type { TableHeadProps } from '@mui/material/TableHead';
+import type { TablePaginationProps } from '@mui/material/TablePagination';
+import type { TableProps } from '@mui/material/Table';
+import type { TableRowProps } from '@mui/material/TableRow';
+import type { TextFieldProps } from '@mui/material/TextField';
+import type { ToolbarProps } from '@mui/material/Toolbar';
 import type { Cell, Column, ColumnDef, DeepKeys, FilterFn, Header, HeaderGroup, OnChangeFn, Row, SortingFn, Table, TableOptions, TableState } from '@tanstack/react-table';
 import type { Options as VirtualizerOptions, VirtualItem } from 'react-virtual';
 import { MRT_FilterFns } from './filterFns';

package/dist/esm/body/MRT_EditRowModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     open: boolean;

package/dist/esm/buttons/MRT_ColumnPinningButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_Column, MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     column: MRT_Column<TData>;

package/dist/esm/buttons/MRT_EditActionButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     row: MRT_Row<TData>;

package/dist/esm/buttons/MRT_FullScreenToggleButton.d.ts

@@ -1,4 +1,5 @@
-import { IconButtonProps } from '@mui/material';
+/// <reference types="react" />
+import type { IconButtonProps } from '@mui/material/IconButton';
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;

package/dist/esm/buttons/MRT_GrabHandleButton.d.ts

@@ -1,5 +1,5 @@
-import { IconButtonProps } from '@mui/material';
 import { DragEventHandler } from 'react';
+import type { IconButtonProps } from '@mui/material/IconButton';
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     iconButtonProps?: IconButtonProps;

package/dist/esm/buttons/MRT_ShowHideColumnsButton.d.ts

@@ -1,4 +1,5 @@
-import { IconButtonProps } from '@mui/material';
+/// <reference types="react" />
+import type { IconButtonProps } from '@mui/material/IconButton';
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;

package/dist/esm/buttons/MRT_ToggleDensePaddingButton.d.ts

@@ -1,4 +1,5 @@
-import { IconButtonProps } from '@mui/material';
+/// <reference types="react" />
+import type { IconButtonProps } from '@mui/material/IconButton';
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;

package/dist/esm/buttons/MRT_ToggleFiltersButton.d.ts

@@ -1,4 +1,5 @@
-import { IconButtonProps } from '@mui/material';
+/// <reference types="react" />
+import type { IconButtonProps } from '@mui/material/IconButton';
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;

package/dist/esm/buttons/MRT_ToggleGlobalFilterButton.d.ts

@@ -1,4 +1,5 @@
-import { IconButtonProps } from '@mui/material';
+/// <reference types="react" />
+import type { IconButtonProps } from '@mui/material/IconButton';
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;

package/dist/esm/column.utils.d.ts

@@ -1,8 +1,9 @@
-import { ColumnOrderState, GroupingState } from '@tanstack/react-table';
-import { TableCellProps, Theme } from '@mui/material';
-import { MaterialReactTableProps, MRT_Column, MRT_ColumnDef, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterOption, MRT_Header, MRT_TableInstance } from '.';
+import type { ColumnOrderState, GroupingState } from '@tanstack/react-table';
 import { MRT_FilterFns } from './filterFns';
 import { MRT_SortingFns } from './sortingFns';
+import type { TableCellProps } from '@mui/material/TableCell';
+import type { Theme } from '@mui/material/styles';
+import type { MaterialReactTableProps, MRT_Column, MRT_ColumnDef, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterOption, MRT_Header, MRT_TableInstance } from '.';
 export declare const getColumnId: <TData extends Record<string, any> = {}>(columnDef: MRT_ColumnDef<TData>) => string;
 export declare const getAllLeafColumnDefs: <TData extends Record<string, any> = {}>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
 export declare const prepareColumns: <TData extends Record<string, any> = {}>({ columnDefs, columnFilterFns, defaultDisplayColumn, filterFns, sortingFns, }: {

package/dist/esm/head/MRT_TableHeadCellSortLabel.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { TableCellProps } from '@mui/material';
 import { MRT_Header, MRT_TableInstance } from '..';
+import type { TableCellProps } from '@mui/material/TableCell';
 interface Props {
     header: MRT_Header;
     table: MRT_TableInstance;

package/dist/esm/inputs/MRT_EditCellTextField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { MRT_Cell, MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     cell: MRT_Cell<TData>;

package/dist/esm/inputs/MRT_GlobalFilterTextField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
     table: MRT_TableInstance<TData>;

package/dist/esm/material-react-table.esm.js

@@ -1,9 +1,79 @@
 import React, { useMemo, useRef, useState, useCallback, useEffect, Fragment, memo, useLayoutEffect } from 'react';
 import { aggregationFns, filterFns, sortingFns, useReactTable, getCoreRowModel, getExpandedRowModel, getFacetedRowModel, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel } from '@tanstack/react-table';
-import { alpha, lighten, Tooltip, IconButton, Menu, MenuItem, Box, FormControlLabel, Switch, Typography, Button, Divider, ListItemIcon, Radio, Checkbox, debounce, Collapse, TextField, InputAdornment, LinearProgress, TablePagination, Chip, Alert, AlertTitle, Fade, useMediaQuery, Toolbar, Grow, TableSortLabel, useTheme, TableCell, TableRow, TableHead, darken, Skeleton, TableBody, TableFooter, Table, TableContainer, Paper, Dialog, DialogTitle, DialogContent, Stack, DialogActions } from '@mui/material';
+import { alpha, lighten, useTheme, darken } from '@mui/material/styles';
 import { rankItem, rankings, compareItems } from '@tanstack/match-sorter-utils';
-import { ArrowRight, Cancel, CheckBox, ClearAll, Close, DensityLarge, DensityMedium, DensitySmall, DragHandle, DynamicFeed, Edit, ExpandLess, ExpandMore, FilterAlt, FilterAltOff, FilterList, FilterListOff, FullscreenExit, Fullscreen, 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';
+import Box from '@mui/material/Box';
+import Dialog from '@mui/material/Dialog';
+import Grow from '@mui/material/Grow';
+import IconButton from '@mui/material/IconButton';
+import Tooltip from '@mui/material/Tooltip';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
+import Button from '@mui/material/Button';
+import Divider from '@mui/material/Divider';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Switch from '@mui/material/Switch';
+import Typography from '@mui/material/Typography';
+import Checkbox from '@mui/material/Checkbox';
+import Radio from '@mui/material/Radio';
+import Paper from '@mui/material/Paper';
+import Toolbar from '@mui/material/Toolbar';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import Collapse from '@mui/material/Collapse';
+import InputAdornment from '@mui/material/InputAdornment';
+import TextField from '@mui/material/TextField';
+import debounce from '@mui/material/utils/debounce';
+import LinearProgress from '@mui/material/LinearProgress';
+import TablePagination from '@mui/material/TablePagination';
+import Alert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
+import Chip from '@mui/material/Chip';
+import Fade from '@mui/material/Fade';
+import TableContainer from '@mui/material/TableContainer';
+import Table from '@mui/material/Table';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import TableCell from '@mui/material/TableCell';
+import TableSortLabel from '@mui/material/TableSortLabel';
 import { useVirtual } from 'react-virtual';
+import TableBody from '@mui/material/TableBody';
+import Skeleton from '@mui/material/Skeleton';
+import TableFooter from '@mui/material/TableFooter';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Stack from '@mui/material/Stack';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -59,7 +129,7 @@ const prepareColumns = ({ columnDefs, columnFilterFns, defaultDisplayColumn, fil
     }
     if (!columnDef.columnDefType)
         columnDef.columnDefType = 'data';
-    if (!!((_a = columnDef.columns) === null || _a === void 0 ? void 0 : _a.length)) {
+    if ((_a = columnDef.columns) === null || _a === void 0 ? void 0 : _a.length) {
         columnDef.columnDefType = 'group';
         columnDef.columns = prepareColumns({
             columnDefs: columnDef.columns,
@@ -276,36 +346,36 @@ const MRT_FilterFns = Object.assign(Object.assign({}, filterFns), { between,
     startsWith });
 
 const MRT_Default_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,
 };
 
 const fuzzy = (rowA, rowB, columnId) => {
@@ -1419,7 +1489,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 : (_b = column.getFilterValue()) !== null && _b !== void 0 ? _b : '';
     });
     const handleChangeDebounced = useCallback(debounce((event) => {
-        let value = textFieldProps.type === 'date'
+        const value = textFieldProps.type === 'date'
             ? event.target.valueAsDate
             : textFieldProps.type === 'number'
                 ? event.target.valueAsNumber
@@ -1723,7 +1793,7 @@ const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
     const { options: { localization }, } = table;
     const { column } = header;
     const { columnDef } = column;
-    const sortTooltip = !!column.getIsSorted()
+    const sortTooltip = column.getIsSorted()
         ? column.getIsSorted() === 'desc'
             ? localization.sortedByColumnDesc.replace('{column}', columnDef.header)
             : localization.sortedByColumnAsc.replace('{column}', columnDef.header)
@@ -2272,8 +2342,8 @@ const MRT_TableBody = ({ table }) => {
     let paddingTop = 0;
     let paddingBottom = 0;
     if (enableRowVirtualization) {
-        paddingTop = !!virtualRows.length ? virtualRows[0].start : 0;
-        paddingBottom = !!virtualRows.length
+        paddingTop = virtualRows.length ? virtualRows[0].start : 0;
+        paddingBottom = virtualRows.length
             ? virtualizer.totalSize - virtualRows[virtualRows.length - 1].end
             : 0;
     }