material-react-table 0.4.6 → 0.4.9

package/README.md

@@ -12,7 +12,7 @@ View additional storybook examples at https://www.material-react-table.dev/
 
 View the source code and open issues at https://github.com/KevinVandy/material-react-table
 
-Join the discord development discussion at https://discord.gg/Gjm62HGw
+Join the discord development discussion at https://discord.gg/5wqyRx6fnm
 
 <br />
 
@@ -25,6 +25,7 @@ Join the discord development discussion at https://discord.gg/Gjm62HGw
 - [x] Column Hiding
 - [x] Custom Styling
 - [x] Dense Padding Toggle
+- [x] Localization
 - [x] Filtering
 - [x] Global Search
 - [x] HeaderGroups
@@ -40,7 +41,7 @@ Join the discord development discussion at https://discord.gg/Gjm62HGw
 1. Install Peer Dependencies (material-ui v5 and react table v7)
 
 ```bash
-npm install @mui/material @mui/icons-material @emotion/react react-table
+npm install @mui/material @mui/icons-material @emotion/react @emotion/styled react-table
 ```
 
 2. Install material-react-table

package/dist/MaterialReactTable.d.ts

@@ -1,15 +1,60 @@
 import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
 import { AlertProps, IconButtonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
-import { Cell, Column, HeaderGroup, Row, TableInstance, TableOptions, UseExpandedOptions, UseFiltersOptions, UseGlobalFiltersOptions, UseGroupByOptions, UsePaginationOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions, UseTableOptions } from 'react-table';
-import { MRT_ColumnInterface } from './@types/react-table-config';
+import { Cell, Column, ColumnInstance, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
 import { MRT_Localization } from './localization';
 import { MRT_Icons } from './icons';
-export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D> & UseTableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
+export declare type MRT_TableOptions<D extends {} = {}> = TableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
     columns: (Column<D> & MRT_ColumnInterface)[];
-    defaultDensePadding?: boolean;
-    defaultFullScreen?: boolean;
-    defaultShowFilters?: boolean;
-    defaultShowSearchTextField?: boolean;
+    data: D[];
+    initialState?: Partial<MRT_TableState>;
+};
+export declare type MRT_TableInstance<D extends {} = {}> = TableInstance<D> & UseTableInstanceProps<D> & UseColumnOrderInstanceProps<D> & UseExpandedInstanceProps<D> & UseFiltersInstanceProps<D> & UseGlobalFiltersInstanceProps<D> & UseGroupByInstanceProps<D> & UsePaginationInstanceProps<D> & UseRowSelectInstanceProps<D> & UseRowStateInstanceProps<D> & UseSortByInstanceProps<D> & {
+    columns: (Column<D> & MRT_ColumnInstance<D>)[];
+    headerGroups: MRT_HeaderGroup<D>[];
+    footerGroups: MRT_HeaderGroup<D>[];
+    state: MRT_TableState<D>;
+    rows: MRT_Row<D>[];
+    page: MRT_Row<D>[];
+    resetResizing: () => void;
+    getToggleAllRowsExpandedProps: () => void;
+};
+export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
+    Edit?: ({ cell, onChange, }: {
+        cell: MRT_Cell<D>;
+        onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    }) => ReactNode;
+    Filter?: ({ column }: {
+        column: MRT_HeaderGroup<D>;
+    }) => ReactNode;
+    Footer?: string;
+    Header?: string;
+    disableFilters?: boolean;
+    editable?: boolean;
+    muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
+    muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
+    muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
+    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
+    muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
+    onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
+    onFilterChange?: (event: ChangeEvent<HTMLInputElement>, filterValue: any) => void;
+};
+export declare type MRT_ColumnInstance<D extends {} = {}> = ColumnInstance<D> & UseFiltersColumnProps<D> & UseGroupByColumnProps<D> & UseResizeColumnsColumnProps<D> & UseSortByColumnProps<D> & {
+    columns?: MRT_ColumnInstance<D>[];
+};
+export declare type MRT_HeaderGroup<D extends {} = {}> = HeaderGroup<D> & MRT_ColumnInstance<D> & UseTableHeaderGroupProps<D> & {
+    headers: MRT_HeaderGroup<D>[];
+};
+export declare type MRT_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D> & UseGroupByRowProps<D> & UseRowSelectRowProps<D> & UseRowStateRowProps<D> & {
+    cells: MRT_Cell<D>[];
+};
+export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {};
+export declare type MRT_TableState<D extends {} = {}> = TableState<D> & UseColumnOrderState<D> & UseExpandedState<D> & UseFiltersState<D> & UseGlobalFiltersState<D> & UseGroupByState<D> & UsePaginationState<D> & UseResizeColumnsState<D> & UseRowSelectState<D> & UseRowStateState<D> & UseSortByState<D> & {
+    densePadding?: boolean;
+    fullScreen?: boolean;
+    showFilters?: boolean;
+    showSearchTextField?: boolean;
+};
+export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & MRT_TableOptions<D> & {
     disableColumnActions?: boolean;
     disableColumnHiding?: boolean;
     disableDensePaddingToggle?: boolean;
@@ -17,41 +62,41 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     disableFullScreenToggle?: boolean;
     disableSelectAll?: boolean;
     disableSubRowTree?: boolean;
-    enableRowNumbers?: boolean;
     enableColumnGrouping?: boolean;
     enableColumnResizing?: boolean;
     enableRowActions?: boolean;
     enableRowEditing?: boolean;
+    enableRowNumbers?: boolean;
     enableSelection?: boolean;
     hideTableFooter?: boolean;
     hideTableHead?: boolean;
-    hideToolbarInternalActions?: boolean;
     hideToolbarBottom?: boolean;
+    hideToolbarInternalActions?: boolean;
     hideToolbarTop?: boolean;
     icons?: Partial<MRT_Icons>;
     isFetching?: boolean;
     isLoading?: boolean;
     localization?: Partial<MRT_Localization>;
     muiSearchTextFieldProps?: TextFieldProps;
-    muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell?: Cell<D>) => TextFieldProps);
-    muiTableBodyCellProps?: TableCellProps | ((cell?: Cell<D>) => TableCellProps);
+    muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell?: MRT_Cell<D>) => TextFieldProps);
+    muiTableBodyCellProps?: TableCellProps | ((cell?: MRT_Cell<D>) => TableCellProps);
     muiTableBodyProps?: TableBodyProps;
     muiTableBodyRowProps?: TableRowProps | ((row: Row<D>) => TableRowProps);
-    muiTableContainerProps?: TableContainerProps | ((table: TableInstance<D>) => TableContainerProps);
+    muiTableContainerProps?: TableContainerProps | ((table: MRT_TableInstance<D>) => TableContainerProps);
     muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
     muiTableFooterProps?: TableFooterProps;
-    muiTableFooterRowProps?: TableRowProps | ((footerGroup: HeaderGroup<D>) => TableRowProps);
+    muiTableFooterRowProps?: TableRowProps | ((footerGroup: MRT_HeaderGroup<D>) => TableRowProps);
     muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
     muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
     muiTableHeadProps?: TableHeadProps;
-    muiTableHeadRowProps?: TableRowProps | ((row: HeaderGroup<D>) => TableRowProps);
-    muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: TableInstance<D>) => Partial<TablePaginationProps>);
+    muiTableHeadRowProps?: TableRowProps | ((row: MRT_HeaderGroup<D>) => TableRowProps);
+    muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: MRT_TableInstance<D>) => Partial<TablePaginationProps>);
     muiTableProps?: TableProps;
-    muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: TableInstance<D>) => AlertProps);
-    muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
-    muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
-    onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: Cell<D>) => void;
+    muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: MRT_TableInstance<D>) => AlertProps);
+    muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
+    muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
+    onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: MRT_Cell<D>) => void;
     onColumnHide?: (column: Column<D>, visibleColumns: Column<D>[]) => void;
     onDetailPanelClick?: (event: MouseEvent<HTMLTableCellElement>, row: Row<D>) => void;
     onGlobalFilterChange?: (event: ChangeEvent<HTMLInputElement>) => void;
@@ -65,10 +110,10 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     positionToolbarActions?: 'bottom' | 'top';
     positionToolbarAlertBanner?: 'bottom' | 'top';
     renderDetailPanel?: (row: Row<D>) => ReactNode;
-    renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: TableInstance<D>, closeMenu: () => void) => ReactNode[];
-    renderRowActions?: (row: Row<D>, tableInstance: TableInstance<D>) => ReactNode;
-    renderToolbarCustomActions?: (tableInstance: TableInstance<D>) => ReactNode;
-    renderToolbarInternalActions?: (tableInstance: TableInstance<D>, { MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
+    renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: MRT_TableInstance<D>, closeMenu: () => void) => ReactNode[];
+    renderRowActions?: (row: Row<D>, tableInstance: MRT_TableInstance<D>) => ReactNode;
+    renderToolbarCustomActions?: (tableInstance: MRT_TableInstance<D>) => ReactNode;
+    renderToolbarInternalActions?: (tableInstance: MRT_TableInstance<D>, { MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
         MRT_ToggleSearchButton: FC<IconButtonProps>;
         MRT_ToggleFiltersButton: FC<IconButtonProps>;
         MRT_ShowHideColumnsButton: FC<IconButtonProps>;

package/dist/body/MRT_TableBodyCell.d.ts

@@ -1,10 +1,10 @@
 import { FC } from 'react';
-import { Cell } from 'react-table';
+import { MRT_Cell } from '..';
 export declare const MRT_StyledTableBodyCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     densePadding?: boolean | undefined;
 }, {}, {}>;
 interface Props {
-    cell: Cell;
+    cell: MRT_Cell;
 }
 export declare const MRT_TableBodyCell: FC<Props>;
 export {};

package/dist/body/MRT_TableBodyRow.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 export declare const TableRow: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").TableRowClasses> | undefined;
@@ -16,7 +16,7 @@ export declare const TableRow: import("@emotion/styled").StyledComponent<{
     isSelected?: boolean | undefined;
 }, {}, {}>;
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_TableBodyRow: FC<Props>;
 export {};

package/dist/body/MRT_TableDetailPanel.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_TableDetailPanel: FC<Props>;
 export {};

package/dist/buttons/MRT_EditActionButtons.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_EditActionButtons: FC<Props>;
 export {};

package/dist/buttons/MRT_ExpandButton.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_ExpandButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleColumnActionMenuButton.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    column: HeaderGroup;
+    column: MRT_HeaderGroup;
 }
 export declare const MRT_ToggleColumnActionMenuButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_ToggleRowActionMenuButton: FC<Props>;
 export {};

package/dist/footer/MRT_TableFooterCell.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    column: HeaderGroup;
+    column: MRT_HeaderGroup;
 }
 export declare const MRT_TableFooterCell: FC<Props>;
 export {};

package/dist/footer/MRT_TableFooterRow.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    footerGroup: HeaderGroup;
+    footerGroup: MRT_HeaderGroup;
 }
 export declare const MRT_TableFooterRow: FC<Props>;
 export {};

package/dist/head/MRT_TableHeadCell.d.ts

@@ -1,11 +1,11 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 export declare const MRT_StyledTableHeadCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     densePadding?: boolean | undefined;
     enableColumnResizing?: boolean | undefined;
 }, {}, {}>;
 interface Props {
-    column: HeaderGroup;
+    column: MRT_HeaderGroup;
 }
 export declare const MRT_TableHeadCell: FC<Props>;
 export {};

package/dist/head/MRT_TableHeadRow.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    headerGroup: HeaderGroup;
+    headerGroup: MRT_HeaderGroup;
 }
 export declare const MRT_TableHeadRow: FC<Props>;
 export {};

package/dist/inputs/MRT_EditCellTextField.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Cell } from 'react-table';
+import { MRT_Cell } from '..';
 interface Props {
-    cell: Cell;
+    cell: MRT_Cell;
 }
 export declare const MRT_EditCellTextField: FC<Props>;
 export {};

package/dist/inputs/MRT_FilterTextField.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    column: HeaderGroup;
+    column: MRT_HeaderGroup;
 }
 export declare const MRT_FilterTextField: FC<Props>;
 export {};

package/dist/inputs/MRT_SelectCheckbox.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row?: Row;
+    row?: MRT_Row;
     selectAll?: boolean;
 }
 export declare const MRT_SelectCheckbox: FC<Props>;

package/dist/material-react-table.cjs.development.js

@@ -105,17 +105,19 @@ var MaterialReactTableContext = /*#__PURE__*/function () {
 }();
 
 var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
-  var _props$defaultDensePa, _props$defaultFullScr, _props$defaultShowFil, _props$defaultShowSea;
+  var _props$initialState$d, _props$initialState, _props$initialState$f, _props$initialState2, _props$initialState$s, _props$initialState3, _props$initialState$s2, _props$initialState4;
 
   var hooks = [reactTable.useFilters, reactTable.useGlobalFilter, reactTable.useGroupBy, reactTable.useSortBy, reactTable.useExpanded, reactTable.usePagination, reactTable.useRowSelect];
   if (props.enableColumnResizing) hooks.unshift(reactTable.useResizeColumns, reactTable.useFlexLayout);
   var tableInstance = reactTable.useTable.apply(void 0, [props].concat(hooks));
-  var anyRowsCanExpand = React.useMemo(function () {
+  var anyRowsCanExpand = React.useMemo( // @ts-ignore
+  function () {
     return tableInstance.rows.some(function (row) {
       return row.canExpand;
     });
   }, [tableInstance.rows]);
-  var anyRowsExpanded = React.useMemo(function () {
+  var anyRowsExpanded = React.useMemo( // @ts-ignore
+  function () {
     return tableInstance.rows.some(function (row) {
       return row.isExpanded;
     });
@@ -125,19 +127,19 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
       currentEditingRow = _useState[0],
       setCurrentEditingRow = _useState[1];
 
-  var _useState2 = React.useState((_props$defaultDensePa = props.defaultDensePadding) != null ? _props$defaultDensePa : false),
+  var _useState2 = React.useState((_props$initialState$d = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.densePadding) != null ? _props$initialState$d : false),
       densePadding = _useState2[0],
       setDensePadding = _useState2[1];
 
-  var _useState3 = React.useState((_props$defaultFullScr = props.defaultFullScreen) != null ? _props$defaultFullScr : false),
+  var _useState3 = React.useState((_props$initialState$f = (_props$initialState2 = props.initialState) == null ? void 0 : _props$initialState2.fullScreen) != null ? _props$initialState$f : false),
       fullScreen = _useState3[0],
       setFullScreen = _useState3[1];
 
-  var _useState4 = React.useState((_props$defaultShowFil = props.defaultShowFilters) != null ? _props$defaultShowFil : false),
+  var _useState4 = React.useState((_props$initialState$s = (_props$initialState3 = props.initialState) == null ? void 0 : _props$initialState3.showFilters) != null ? _props$initialState$s : false),
       showFilters = _useState4[0],
       setShowFilters = _useState4[1];
 
-  var _useState5 = React.useState((_props$defaultShowSea = props.defaultShowSearchTextField) != null ? _props$defaultShowSea : false),
+  var _useState5 = React.useState((_props$initialState$s2 = (_props$initialState4 = props.initialState) == null ? void 0 : _props$initialState4.showSearchTextField) != null ? _props$initialState$s2 : false),
       showSearch = _useState5[0],
       setShowSearch = _useState5[1];
 
@@ -161,7 +163,7 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
   }, props.children);
 };
 var useMRT = function useMRT() {
-  return (//@ts-ignore
+  return (// @ts-ignore
     React.useContext(MaterialReactTableContext)
   );
 };
@@ -502,8 +504,10 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
 
   var onSelectChange = function onSelectChange(event) {
     if (selectAll) {
+      var _tableInstance$getTog;
+
+      tableInstance == null ? void 0 : tableInstance.getToggleAllRowsSelectedProps == null ? void 0 : (_tableInstance$getTog = tableInstance.getToggleAllRowsSelectedProps()) == null ? void 0 : _tableInstance$getTog.onChange == null ? void 0 : _tableInstance$getTog.onChange(event);
       onSelectAllChange == null ? void 0 : onSelectAllChange(event, tableInstance.selectedFlatRows);
-      tableInstance.toggleAllRowsSelected(event.target.checked);
     } else if (row) {
       var _row$getToggleRowSele;
 
@@ -740,32 +744,25 @@ var TableCell = /*#__PURE__*/material.styled(material.TableCell, {
   };
 });
 var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref2) {
-  var _mTableBodyRowProps$s, _mTableDetailPanelPro;
+  var _mTableBodyRowProps$s;
 
   var row = _ref2.row;
 
   var _useMRT = useMRT(),
-      tableInstance = _useMRT.tableInstance,
-      renderDetailPanel = _useMRT.renderDetailPanel,
-      muiTableDetailPanelProps = _useMRT.muiTableDetailPanelProps,
       muiTableBodyRowProps = _useMRT.muiTableBodyRowProps,
-      onDetailPanelClick = _useMRT.onDetailPanelClick;
+      muiTableDetailPanelProps = _useMRT.muiTableDetailPanelProps,
+      onDetailPanelClick = _useMRT.onDetailPanelClick,
+      renderDetailPanel = _useMRT.renderDetailPanel,
+      tableInstance = _useMRT.tableInstance;
 
   var mTableBodyRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps(row) : muiTableBodyRowProps;
 
-  var tableRowProps = _extends({}, mTableBodyRowProps, row.getToggleRowExpandedProps(), {
-    style: _extends({}, row.getToggleRowExpandedProps().style, (_mTableBodyRowProps$s = mTableBodyRowProps == null ? void 0 : mTableBodyRowProps.style) != null ? _mTableBodyRowProps$s : {})
-  });
-
-  var mTableDetailPanelProps = muiTableDetailPanelProps instanceof Function ? muiTableDetailPanelProps(row) : muiTableDetailPanelProps;
-
-  var tableCellProps = _extends({}, mTableDetailPanelProps, {
-    style: _extends({}, (_mTableDetailPanelPro = mTableDetailPanelProps == null ? void 0 : mTableDetailPanelProps.style) != null ? _mTableDetailPanelPro : {})
+  var tableRowProps = _extends({}, mTableBodyRowProps, row.getRowProps(), {
+    style: _extends({}, row.getRowProps().style, (_mTableBodyRowProps$s = mTableBodyRowProps == null ? void 0 : mTableBodyRowProps.style) != null ? _mTableBodyRowProps$s : {})
   });
 
-  return React__default.createElement(material.TableRow, Object.assign({
-    hover: true
-  }, tableRowProps), React__default.createElement(TableCell, Object.assign({
+  var tableCellProps = muiTableDetailPanelProps instanceof Function ? muiTableDetailPanelProps(row) : muiTableDetailPanelProps;
+  return React__default.createElement(material.TableRow, Object.assign({}, tableRowProps), React__default.createElement(TableCell, Object.assign({
     colSpan: tableInstance.visibleColumns.length + 10,
     isExpanded: row.isExpanded,
     onClick: function onClick(event) {
@@ -1782,7 +1779,7 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref2) {
     });
   }), (enableRowActions || enableRowEditing) && positionActionsColumn === 'last' && React__default.createElement(MRT_ToggleRowActionMenuButton, {
     row: row
-  })), renderDetailPanel && React__default.createElement(MRT_TableDetailPanel, {
+  })), renderDetailPanel && !row.isGrouped && React__default.createElement(MRT_TableDetailPanel, {
     row: row
   }));
 };
@@ -2431,6 +2428,25 @@ var MRT_TableContainer = function MRT_TableContainer() {
       muiTableContainerProps = _useMRT.muiTableContainerProps,
       tableInstance = _useMRT.tableInstance;
 
+  var originalBodyOverflowStyle = React.useRef();
+  React.useEffect(function () {
+    if (typeof window !== 'undefined') {
+      var _document, _document$body, _document$body$style;
+
+      originalBodyOverflowStyle.current = (_document = document) == null ? void 0 : (_document$body = _document.body) == null ? void 0 : (_document$body$style = _document$body.style) == null ? void 0 : _document$body$style.overflow;
+    }
+  }, []);
+  React.useEffect(function () {
+    if (typeof window !== 'undefined') {
+      if (fullScreen) {
+        document.body.style.overflow = 'hidden';
+      } else {
+        var _originalBodyOverflow;
+
+        document.body.style.overflow = (_originalBodyOverflow = originalBodyOverflowStyle.current) != null ? _originalBodyOverflow : 'auto';
+      }
+    }
+  }, [fullScreen]);
   var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps(tableInstance) : muiTableContainerProps;
   return React__default.createElement(TableContainer, Object.assign({
     component: material.Paper,