material-react-table 0.4.6 → 0.4.7

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

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

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

@@ -502,8 +502,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,29 +742,24 @@ 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 : {})
   });
 
+  var tableCellProps = muiTableDetailPanelProps instanceof Function ? muiTableDetailPanelProps(row) : muiTableDetailPanelProps;
   return React__default.createElement(material.TableRow, Object.assign({
     hover: true
   }, tableRowProps), React__default.createElement(TableCell, Object.assign({
@@ -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,