material-react-table 0.4.6 → 0.4.7

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.4.6",
+  "version": "0.4.7",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material-UI implementation of react-table, inspired by material-table and the mui DataGrid, written from the ground up in TypeScript.",

package/src/MaterialReactTable.tsx

@@ -60,16 +60,16 @@ export 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;

package/src/body/MRT_TableDetailPanel.tsx

@@ -23,11 +23,11 @@ interface Props {
 
 export const MRT_TableDetailPanel: FC<Props> = ({ row }) => {
   const {
-    tableInstance,
-    renderDetailPanel,
-    muiTableDetailPanelProps,
     muiTableBodyRowProps,
+    muiTableDetailPanelProps,
     onDetailPanelClick,
+    renderDetailPanel,
+    tableInstance,
   } = useMRT();
 
   const mTableBodyRowProps =
@@ -37,25 +37,18 @@ export const MRT_TableDetailPanel: FC<Props> = ({ row }) => {
 
   const tableRowProps = {
     ...mTableBodyRowProps,
-    ...row.getToggleRowExpandedProps(),
+    ...row.getRowProps(),
     style: {
-      ...row.getToggleRowExpandedProps().style,
+      ...row.getRowProps().style,
       ...(mTableBodyRowProps?.style ?? {}),
     },
   };
 
-  const mTableDetailPanelProps =
+  const tableCellProps =
     muiTableDetailPanelProps instanceof Function
       ? muiTableDetailPanelProps(row)
       : muiTableDetailPanelProps;
 
-  const tableCellProps = {
-    ...mTableDetailPanelProps,
-    style: {
-      ...(mTableDetailPanelProps?.style ?? {}),
-    },
-  };
-
   return (
     <TableRow hover {...tableRowProps}>
       <TableCell

package/src/buttons/MRT_ToggleRowActionMenuButton.tsx

@@ -26,7 +26,7 @@ export const MRT_ToggleRowActionMenuButton: FC<Props> = ({ row }) => {
     currentEditingRow,
     densePadding,
     enableRowEditing,
-    icons: {EditIcon, MoreHorizIcon},
+    icons: { EditIcon, MoreHorizIcon },
     localization,
     renderRowActionMenuItems,
     renderRowActions,

package/src/inputs/MRT_SelectCheckbox.tsx

@@ -20,8 +20,8 @@ export const MRT_SelectCheckbox: FC<Props> = ({ row, selectAll }) => {
 
   const onSelectChange = (event: ChangeEvent<HTMLInputElement>) => {
     if (selectAll) {
+      tableInstance?.getToggleAllRowsSelectedProps?.()?.onChange?.(event);
       onSelectAllChange?.(event, tableInstance.selectedFlatRows);
-      tableInstance.toggleAllRowsSelected(event.target.checked);
     } else if (row) {
       row?.getToggleRowSelectedProps()?.onChange?.(event);
       onRowSelectChange?.(event, row, tableInstance.selectedFlatRows);

package/src/table/MRT_TableContainer.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC, useEffect, useRef } from 'react';
 import {
   CircularProgress,
   LinearProgress,
@@ -50,6 +50,24 @@ export const MRT_TableContainer: FC<Props> = () => {
     muiTableContainerProps,
     tableInstance,
   } = useMRT();
+  const originalBodyOverflowStyle = useRef<string | undefined>();
+
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      originalBodyOverflowStyle.current = document?.body?.style?.overflow;
+    }
+  }, []);
+
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      if (fullScreen) {
+        document.body.style.overflow = 'hidden';
+      } else {
+        document.body.style.overflow =
+          originalBodyOverflowStyle.current ?? 'auto';
+      }
+    }
+  }, [fullScreen]);
 
   const tableContainerProps =
     muiTableContainerProps instanceof Function