@mui/x-data-grid 6.0.0-beta.0 → 6.0.0-beta.2

package/CHANGELOG.md

@@ -3,6 +3,124 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.0-beta.2
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Support week day formats in the field components
+- 🌍 Add Hungarian (hu-HU) and Urdu (ur-PK) locales
+- 🌍 Improve French (fr-FR) and Italian (it-IT) locales
+- ✨ New codemods for migrating to v6
+- 📚 Documentation improvements
+- 🐞 Bug fixes
+
+### `@mui/x-data-grid@v6.0.0-beta.2` / `@mui/x-data-grid-pro@v6.0.0-beta.2` / `@mui/x-data-grid-premium@v6.0.0-beta.2`
+
+#### Changes
+
+- [DataGrid] Handle non-numeric values returned by `getRowHeight` prop (#7703) @cherniavskii
+- [DataGrid] Merge row styles with `componentsProps.row.style` (#7641) @marktoman
+- [l10n] Add Hungarian (hu-HU) locale (#7776) @noherczeg
+- [l10n] Add Urdu (ur-PK) locale (#6866) @MBilalShafi
+- [l10n] Improve French (fr-FR) locale (#7777) @Vivek-Prajapatii
+- [l10n] Improve Italian (it-IT) locale (#7761) @simonecervini
+
+### `@mui/x-date-pickers@v6.0.0-beta.2` / `@mui/x-date-pickers-pro@v6.0.0-beta.2`
+
+#### Changes
+
+- [fields] Support week day formats (#7392) @flaviendelangle
+- [pickers] Allow to initialize and control the `rangePosition` on all range components (#7764) @flaviendelangle
+- [pickers] Fix theme augmentation (#7800) @LukasTy
+- [pickers] Hide scrollbars in the date calendar container (#7766) @Vivek-Prajapatii
+- [pickers] Remove the dependency on `rifm` (#7785) @alexfauquette
+
+### `@mui/x-codemod@v6.0.0-beta.2`
+
+#### Changes
+
+- [codemod] Add pickers `rename-default-toolbar-title-localeText` codemod (#7752) @LukasTy
+- [codemod] Add pickers `rename-inputFormat-prop` codemod (#7736) @LukasTy
+
+### Docs
+
+- [docs] Fix a typo in data grid layout page (#7113) @sfbaker7
+- [docs] Fix require context path to avoid duplicate key creation (#7781) @LukasTy
+- [docs] Polish pickers migration docs (#7737) @LukasTy
+- [docs] Rename `next` translation docs and remove duplicates with `-next` (#7729) @LukasTy
+
+### Core
+
+- [core] Fix l10n data file (#7804) @flaviendelangle
+- [core] Fix Next.js warning (#7754) @oliviertassinari
+- [core] Remove unused demos (#7758) @flaviendelangle
+
+## 6.0.0-beta.1
+
+_Jan 27, 2023_
+
+We'd like to offer a big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 New shortcuts component for the date pickers (#7154) @alexfauquette
+- 🌍 Add Belarusian (be-BY), Czech (cs-CZ) and Russian (ru-RU) locales
+- 🌍 Improve Spanish (es-ES), Japanese (ja-JP), Slovak (sk-SK), and Vietnamese (vi-VN) locales
+- ✨ New codemods for migrating to v6
+- 📚 Documentation improvements
+- 🐞 Bug fixes
+
+### `@mui/x-data-grid@v6.0.0-beta.1` / `@mui/x-data-grid-pro@v6.0.0-beta.1` / `@mui/x-data-grid-premium@v6.0.0-beta.1`
+
+#### Changes
+
+- [DataGrid] Add `title` attribute to cells (#7682) @thupi
+- [DataGrid] Fix `autoHeight` not working properly inside of a flex container (#7701) @cherniavskii
+- [DataGrid] Fix grid state not being updated after print preview is closed (#7642) @cherniavskii
+- [DataGrid] Fix non-hideable columns visibility toggling (#7637) @cherniavskii
+- [DataGrid] Fix scrolling on resize for data grids inside shadow root (#7298) @akiradev
+- [l10n] Add Slovak (sk-SK) translation for aggregation functions (#7702) @msidlo
+- [l10n] Add missing core locales for `MuiTablePagination` (#7717) @MBilalShafi
+- [l10n] Improve Spanish (es-ES) and Vietnamese (vi-VN) locale (#7634) @WiXSL and @SpacerZ
+- [l10n] Add Belarusian (be-BY) locale (#7646) @volhalink
+
+### `@mui/x-date-pickers@v6.0.0-beta.1` / `@mui/x-date-pickers-pro@v6.0.0-beta.1`
+
+#### Changes
+
+- [pickers] Fix `aria-labelledby` assignment to dialog (#7608) @LukasTy
+- [pickers] Support `UTC` with `dayjs` (#7610) @flaviendelangle
+- [pickers] Update focus when opening a UI view (#7620) @alexfauquette
+- [DateRangePickers] Add shortcuts component (#7154) @alexfauquette
+- [l10n] Add Czech (cs-CZ) locale (#7645) @OndrejHj04
+- [l10n] Add Russian (ru-RU) locale (#7706) @rstmzh
+- [l10n] Improve Japanese (ja-JP) locale (#7624) @makoto14
+
+### `@mui/x-codemod@v6.0.0-beta.1`
+
+#### Changes
+
+- [codemod] Add pickers `replace-toolbar-props-by-slot` codemod (#7687) @alexfauquette
+- [codemod] Add `GridColumnMenuItemProps` to `column-menu-components-rename` codemod (#7710) @MBilalShafi
+- [codemod] Add `headerHeight` prop update to `row-selection-props-rename` codemod (#7711) @MBilalShafi
+- [codemod] Add pickers codemod for `components` to `slots` renaming (#7533) @alexfauquette
+- [codemod] Add pickers `migrate-to-components-componentsProps` and `replace-arrows-button-slot` codemods (#7698) @alexfauquette
+- [codemod] Add data grid codemod renaming `rowsPerPageOptions` prop to `pageSizeOptions` (#7603) @MBilalShafi
+- [codemod] Add pickers `rename-should-disable-time` codemod (#7709) @alexfauquette
+- [codemod] Add data grid `row-selection-props-rename` codemod (#7485) @MBilalShafi
+- [codemod] Add data grid `rename-selectors-and-events` codemod (#7699) @MBilalShafi
+- [codemod] Add pickers `replace-tabs-props` codemod (#7639) @alexfauquette
+
+### Docs
+
+- [docs] Add info callout about available component `slots` (#7714) @Vivek-Prajapatii
+- [docs] Add recipe for pinning grouped column (#7712) @MBilalShafi
+- [docs] Fix 404 links to picker API page @oliviertassinari
+- [docs] Update `DemoContainer` `components` prop using a codemod (#7574) @alexfauquette
+
+### Core
+
+- [core] Fix `innerslotProps` typo (#7697) @LukasTy
+- [core] Upgrade monorepo (#7676) @cherniavskii
+
 ## 6.0.0-beta.0
 
 _Jan 19, 2023_
@@ -342,7 +460,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
   ```diff
    <DateTimePicker
   -   shouldDisableTime={(timeValue, view) => view === 'hours' && timeValue < 12}
-  +   shouldDisableTime={(time, view) => view === 'hours' && value.hour() < 12}
+  +   shouldDisableTime={(value, view) => view === 'hours' && value.hour() < 12}
    />
   ```
 
@@ -1302,8 +1420,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
 - The toolbar related translation keys have been renamed to better fit their usage:
 
   ```diff
-   // Same on all other pickers
-   <DatePicker
+   <LocalizationProvider
      localeText={{
   -    datePickerDefaultToolbarTitle: 'Date Picker',
   +    datePickerToolbarTitle: 'Date Picker',
@@ -1426,7 +1543,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
    // TimePicker, MobileTimePicker, DateRangePicker and MobileDateRangePicker.
    <DatePicker
   -  DialogProps={{ backgroundColor: 'red' }}
-  +  componentsProps={{ dialog: { backgroundColor: 'red }}}
+  +  componentsProps={{ dialog: { backgroundColor: 'red' }}}
    />
   ```
 
@@ -1437,7 +1554,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
    // TimePicker, DesktopTimePicker, DateRangePicker and DesktopDateRangePicker.
    <DatePicker
   -  PaperProps={{ backgroundColor: 'red' }}
-  +  componentsProps={{ desktopPaper: { backgroundColor: 'red }}}
+  +  componentsProps={{ desktopPaper: { backgroundColor: 'red' }}}
    />
   ```
 
@@ -1956,6 +2073,70 @@ You can find more information about the new api, including how to set those tran
 - [test] Skip tests for column pinning and dynamic row height (#5997) @m4theushw
 - [website] Improve security header @oliviertassinari
 
+## 5.17.22
+
+_Feb 2, 2023_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Urdu (ur-PK) locale
+- 🌍 Improve French (fr-FR) and Italian (it-IT) locales
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.22` / `@mui/x-data-grid-pro@v5.17.22` / `@mui/x-data-grid-premium@v5.17.22`
+
+#### Changes
+
+- [DataGrid] Fix an error when deleting pinned row using the buttons in the `actions` column (#7767) @cherniavskii
+- [DataGrid] Fix print preview regression in Chrome browser (#7405) @cherniavskii
+- [l10n] Add Urdu (ur-PK) locale (#7778) @MBilalShafi
+- [l10n] Improve French (fr-FR) locale (#7795) @Vivek-Prajapatii
+
+### `@mui/x-date-pickers@v5.0.17` / `@mui/x-date-pickers-pro@v5.0.17`
+
+#### Changes
+
+- [TimePicker] Add missing `themeAugmentation` entry (#7732) @LukasTy
+- [l10n] Improve Italian (it-IT) locale (#7761) @simonecervini
+
+## 5.17.21
+
+_Jan 27, 2023_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Belarusian (be-BY), Czech (cs-CZ), and Russian (ru-RU) locales
+- 🌍 Improve Slovak (sk-SK), Japanese (ja-JP), Vietnamese (vi-VN), and Spanish (es-ES) locales
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.21` / `@mui/x-data-grid-pro@v5.17.21` / `@mui/x-data-grid-premium@v5.17.21`
+
+#### Changes
+
+- [DataGrid] Add `title` attribute to cells (#7695) @thupi
+- [DataGrid] Fix grid state not being updated after print preview is closed (#7680) @cherniavskii
+- [DataGrid] Fix non-hideable columns visibility toggling (#7716) @cherniavskii
+- [DataGrid] Fix scrolling on resize for data grids inside shadow root (#7722) @cherniavskii
+- [DataGridPremium] Create aggregation footer row with `isAutoGenerated: true` (#7681) @m4theushw
+- [l10n] Add Belarusian (be-BY) locale (#7718) @volhalink
+- [l10n] Add Slovak (sk-SK) translation for aggregation functions (#7690) @msidlo
+- [l10n] Add missing core locales for `MuiTablePagination` (#7719) @MBilalShafi
+- [l10n] Improve Japanese (ja-JP) locale (#7627) @makoto14
+- [l10n] Improve Vietnamese (vi-VN) locale (#7601) @SpacerZ
+
+### `@mui/x-date-pickers@v5.0.16` / `@mui/x-date-pickers-pro@v5.0.16`
+
+#### Changes
+
+- [pickers] Add missing components to `themeAugmentation` (#7677) @LukasTy
+- [l10n] Add Czech (cs-CZ) locale (#7666) @OndrejHj04
+- [l10n] Add Russian (ru-RU) locale (#7708) @rstmzh
+- [l10n] Improve Spanish (es-ES) locale (#7614) @WiXSL
+
+### Docs
+
+- [docs] Add info callout about available component `slots` (#7723) @Vivek-Prajapatii
+
 ## 5.17.20
 
 _Jan 19, 2023_

package/components/GridAutoSizer.js

@@ -73,7 +73,7 @@ const GridAutoSizer = /*#__PURE__*/React.forwardRef(function AutoSizer(props, re
     ref: handleRef,
     style: _extends({
       flex: disableHeight ? 0 : '1 1 0px',
-      overflow: 'auto'
+      overflow: disableHeight ? 'visible' : 'auto'
     }, style)
   }, other, {
     children: state.height === null && state.width === null ? null : children

package/components/cell/GridCell.js

@@ -156,9 +156,11 @@ function GridCell(props) {
   const managesOwnFocus = column.type === 'actions';
   const renderChildren = () => {
     if (children === undefined) {
+      const valueString = valueToRender == null ? void 0 : valueToRender.toString();
       return /*#__PURE__*/_jsx("div", {
         className: classes.content,
-        children: valueToRender == null ? void 0 : valueToRender.toString()
+        title: valueString,
+        children: valueString
       });
     }
     if ( /*#__PURE__*/React.isValidElement(children) && managesOwnFocus) {

package/components/panel/GridColumnsPanel.js

@@ -96,10 +96,19 @@ function GridColumnsPanel(props) {
     apiRef.current.setColumnVisibility(field, columnVisibilityModel[field] === false);
   };
   const toggleAllColumns = React.useCallback(isVisible => {
-    if (isVisible) {
-      return apiRef.current.setColumnVisibilityModel({});
-    }
-    return apiRef.current.setColumnVisibilityModel(Object.fromEntries(columns.filter(col => col.hideable !== false).map(col => [col.field, false])));
+    const currentModel = gridColumnVisibilityModelSelector(apiRef);
+    const newModel = _extends({}, currentModel);
+    columns.forEach(col => {
+      if (col.hideable) {
+        if (isVisible) {
+          // delete the key from the model instead of setting it to `true`
+          delete newModel[col.field];
+        } else {
+          newModel[col.field] = false;
+        }
+      }
+    });
+    return apiRef.current.setColumnVisibilityModel(newModel);
   }, [apiRef, columns]);
   const handleSearchValueChange = React.useCallback(event => {
     setSearchValue(event.target.value);

package/hooks/features/export/useGridPrintExport.js

@@ -203,9 +203,13 @@ export const useGridPrintExport = (apiRef, props) => {
     } else {
       printWindow.onload = () => {
         handlePrintWindowLoad(printWindow, options);
-        printWindow.contentWindow.onafterprint = () => {
-          handlePrintWindowAfterPrint(printWindow);
-        };
+        const mediaQueryList = printWindow.contentWindow.matchMedia('print');
+        mediaQueryList.addEventListener('change', mql => {
+          const isAfterPrint = mql.matches === false;
+          if (isAfterPrint) {
+            handlePrintWindowAfterPrint(printWindow);
+          }
+        });
       };
       doc.current.body.appendChild(printWindow);
     }

package/hooks/features/rows/useGridRowsMeta.js

@@ -10,12 +10,26 @@ import { gridPaginationSelector } from '../pagination/gridPaginationSelector';
 import { gridSortModelSelector } from '../sorting/gridSortingSelector';
 import { useGridRegisterPipeApplier } from '../../core/pipeProcessing';
 import { gridPinnedRowsSelector } from './gridRowsSelector';
+import { DATA_GRID_PROPS_DEFAULT_VALUES } from '../../../DataGrid/useDataGridProps';
 export const rowsMetaStateInitializer = state => _extends({}, state, {
   rowsMeta: {
     currentPageTotalHeight: 0,
     positions: []
   }
 });
+let warnedOnceInvalidRowHeight = false;
+const getValidRowHeight = (rowHeightProp, defaultRowHeight, warningMessage) => {
+  if (typeof rowHeightProp === 'number' && rowHeightProp > 0) {
+    return rowHeightProp;
+  }
+  if (process.env.NODE_ENV !== 'production' && !warnedOnceInvalidRowHeight && typeof rowHeightProp !== 'undefined' && rowHeightProp !== null) {
+    console.warn(warningMessage);
+    warnedOnceInvalidRowHeight = true;
+  }
+  return defaultRowHeight;
+};
+const rowHeightWarning = [`MUI: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');
+const getRowHeightWarning = [`MUI: The \`getRowHeight\` prop should return a number greater than 0 or 'auto'.`, `The default value will be used instead.`].join('\n');
 
 /**
  * @requires useGridPageSize (method)
@@ -38,7 +52,8 @@ export const useGridRowsMeta = (apiRef, props) => {
   const sortModel = useGridSelector(apiRef, gridSortModelSelector);
   const currentPage = useGridVisibleRows(apiRef, props);
   const pinnedRows = useGridSelector(apiRef, gridPinnedRowsSelector);
-  const rowHeight = Math.floor(props.rowHeight * densityFactor);
+  const validRowHeight = getValidRowHeight(props.rowHeight, DATA_GRID_PROPS_DEFAULT_VALUES.rowHeight, rowHeightWarning);
+  const rowHeight = Math.floor(validRowHeight * densityFactor);
   const hydrateRowsMeta = React.useCallback(() => {
     var _pinnedRows$top, _pinnedRows$bottom;
     hasRowWithAutoHeight.current = false;
@@ -59,7 +74,7 @@ export const useGridRowsMeta = (apiRef, props) => {
         needsFirstMeasurement,
         sizes
       } = rowsHeightLookup.current[row.id];
-      let baseRowHeight = rowHeight;
+      let baseRowHeight = typeof rowHeight === 'number' && rowHeight > 0 ? rowHeight : 52;
       const existingBaseRowHeight = sizes.baseCenter;
       if (isResized) {
         // Do not recalculate resized row height and use the value from the lookup
@@ -82,8 +97,8 @@ export const useGridRowsMeta = (apiRef, props) => {
           hasRowWithAutoHeight.current = true;
           rowsHeightLookup.current[row.id].autoHeight = true;
         } else {
-          // Default back to base rowHeight if getRowHeight returns null or undefined.
-          baseRowHeight = rowHeightFromUser != null ? rowHeightFromUser : rowHeight;
+          // Default back to base rowHeight if getRowHeight returns invalid value.
+          baseRowHeight = getValidRowHeight(rowHeightFromUser, rowHeight, getRowHeightWarning);
           rowsHeightLookup.current[row.id].needsFirstMeasurement = false;
           rowsHeightLookup.current[row.id].autoHeight = false;
         }

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -1,6 +1,8 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["style"];
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["style"],
+  _excluded2 = ["style"],
+  _excluded3 = ["style"];
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
@@ -339,7 +341,7 @@ export const useGridVirtualScroller = props => {
     const renderedColumns = visibleColumns.slice(firstColumnToRender, lastColumnToRender);
     const rows = [];
     for (let i = 0; i < renderedRows.length; i += 1) {
-      var _currentPage$range5, _rootProps$components;
+      var _rootProps$components, _currentPage$range5;
       const {
         id,
         model
@@ -352,6 +354,16 @@ export const useGridVirtualScroller = props => {
       } else {
         isSelected = apiRef.current.isRowSelectable(id);
       }
+      const _ref = ((_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.row) || {},
+        {
+          style: rootRowStyle
+        } = _ref,
+        rootRowProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+      const _ref2 = typeof getRowProps === 'function' && getRowProps(id, model) || {},
+        {
+          style: rowStyle
+        } = _ref2,
+        rowProps = _objectWithoutPropertiesLoose(_ref2, _excluded2);
       rows.push( /*#__PURE__*/_jsx(rootProps.components.Row, _extends({
         row: model,
         rowId: id,
@@ -371,7 +383,9 @@ export const useGridVirtualScroller = props => {
         containerWidth: availableSpace,
         isLastVisible: lastVisibleRowIndex,
         position: position
-      }, typeof getRowProps === 'function' ? getRowProps(id, model) : {}, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.row), id));
+      }, rowProps, rootRowProps, {
+        style: _extends({}, rowStyle, rootRowStyle)
+      }), id));
     }
     return rows;
   };
@@ -416,11 +430,11 @@ export const useGridVirtualScroller = props => {
     renderContext,
     updateRenderZonePosition,
     getRows,
-    getRootProps: (_ref = {}) => {
+    getRootProps: (_ref3 = {}) => {
       let {
           style = {}
-        } = _ref,
-        other = _objectWithoutPropertiesLoose(_ref, _excluded);
+        } = _ref3,
+        other = _objectWithoutPropertiesLoose(_ref3, _excluded3);
       return _extends({
         ref: handleRef,
         onScroll: handleScroll,

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.0.0-beta.0
+ * @mui/x-data-grid v6.0.0-beta.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/components/GridAutoSizer.js

@@ -79,7 +79,7 @@ var GridAutoSizer = /*#__PURE__*/React.forwardRef(function AutoSizer(props, ref)
     ref: handleRef,
     style: _extends({
       flex: disableHeight ? 0 : '1 1 0px',
-      overflow: 'auto'
+      overflow: disableHeight ? 'visible' : 'auto'
     }, style)
   }, other, {
     children: state.height === null && state.width === null ? null : children

package/legacy/components/cell/GridCell.js

@@ -161,9 +161,11 @@ function GridCell(props) {
   var managesOwnFocus = column.type === 'actions';
   var renderChildren = function renderChildren() {
     if (children === undefined) {
+      var valueString = valueToRender == null ? void 0 : valueToRender.toString();
       return /*#__PURE__*/_jsx("div", {
         className: classes.content,
-        children: valueToRender == null ? void 0 : valueToRender.toString()
+        title: valueString,
+        children: valueString
       });
     }
     if ( /*#__PURE__*/React.isValidElement(children) && managesOwnFocus) {

package/legacy/components/panel/GridColumnsPanel.js

@@ -111,14 +111,19 @@ function GridColumnsPanel(props) {
     apiRef.current.setColumnVisibility(field, columnVisibilityModel[field] === false);
   };
   var toggleAllColumns = React.useCallback(function (isVisible) {
-    if (isVisible) {
-      return apiRef.current.setColumnVisibilityModel({});
-    }
-    return apiRef.current.setColumnVisibilityModel(Object.fromEntries(columns.filter(function (col) {
-      return col.hideable !== false;
-    }).map(function (col) {
-      return [col.field, false];
-    })));
+    var currentModel = gridColumnVisibilityModelSelector(apiRef);
+    var newModel = _extends({}, currentModel);
+    columns.forEach(function (col) {
+      if (col.hideable) {
+        if (isVisible) {
+          // delete the key from the model instead of setting it to `true`
+          delete newModel[col.field];
+        } else {
+          newModel[col.field] = false;
+        }
+      }
+    });
+    return apiRef.current.setColumnVisibilityModel(newModel);
   }, [apiRef, columns]);
   var handleSearchValueChange = React.useCallback(function (event) {
     setSearchValue(event.target.value);

package/legacy/hooks/features/export/useGridPrintExport.js

@@ -225,9 +225,13 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
               } else {
                 printWindow.onload = function () {
                   handlePrintWindowLoad(printWindow, options);
-                  printWindow.contentWindow.onafterprint = function () {
-                    handlePrintWindowAfterPrint(printWindow);
-                  };
+                  var mediaQueryList = printWindow.contentWindow.matchMedia('print');
+                  mediaQueryList.addEventListener('change', function (mql) {
+                    var isAfterPrint = mql.matches === false;
+                    if (isAfterPrint) {
+                      handlePrintWindowAfterPrint(printWindow);
+                    }
+                  });
                 };
                 doc.current.body.appendChild(printWindow);
               }

package/legacy/hooks/features/rows/useGridRowsMeta.js

@@ -11,6 +11,7 @@ import { gridPaginationSelector } from '../pagination/gridPaginationSelector';
 import { gridSortModelSelector } from '../sorting/gridSortingSelector';
 import { useGridRegisterPipeApplier } from '../../core/pipeProcessing';
 import { gridPinnedRowsSelector } from './gridRowsSelector';
+import { DATA_GRID_PROPS_DEFAULT_VALUES } from '../../../DataGrid/useDataGridProps';
 export var rowsMetaStateInitializer = function rowsMetaStateInitializer(state) {
   return _extends({}, state, {
     rowsMeta: {
@@ -19,6 +20,19 @@ export var rowsMetaStateInitializer = function rowsMetaStateInitializer(state) {
     }
   });
 };
+var warnedOnceInvalidRowHeight = false;
+var getValidRowHeight = function getValidRowHeight(rowHeightProp, defaultRowHeight, warningMessage) {
+  if (typeof rowHeightProp === 'number' && rowHeightProp > 0) {
+    return rowHeightProp;
+  }
+  if (process.env.NODE_ENV !== 'production' && !warnedOnceInvalidRowHeight && typeof rowHeightProp !== 'undefined' && rowHeightProp !== null) {
+    console.warn(warningMessage);
+    warnedOnceInvalidRowHeight = true;
+  }
+  return defaultRowHeight;
+};
+var rowHeightWarning = ["MUI: The `rowHeight` prop should be a number greater than 0.", "The default value will be used instead."].join('\n');
+var getRowHeightWarning = ["MUI: The `getRowHeight` prop should return a number greater than 0 or 'auto'.", "The default value will be used instead."].join('\n');
 
 /**
  * @requires useGridPageSize (method)
@@ -39,7 +53,8 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
   var sortModel = useGridSelector(apiRef, gridSortModelSelector);
   var currentPage = useGridVisibleRows(apiRef, props);
   var pinnedRows = useGridSelector(apiRef, gridPinnedRowsSelector);
-  var rowHeight = Math.floor(props.rowHeight * densityFactor);
+  var validRowHeight = getValidRowHeight(props.rowHeight, DATA_GRID_PROPS_DEFAULT_VALUES.rowHeight, rowHeightWarning);
+  var rowHeight = Math.floor(validRowHeight * densityFactor);
   var hydrateRowsMeta = React.useCallback(function () {
     var _pinnedRows$top, _pinnedRows$bottom;
     hasRowWithAutoHeight.current = false;
@@ -59,7 +74,7 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
         isResized = _rowsHeightLookup$cur.isResized,
         needsFirstMeasurement = _rowsHeightLookup$cur.needsFirstMeasurement,
         sizes = _rowsHeightLookup$cur.sizes;
-      var baseRowHeight = rowHeight;
+      var baseRowHeight = typeof rowHeight === 'number' && rowHeight > 0 ? rowHeight : 52;
       var existingBaseRowHeight = sizes.baseCenter;
       if (isResized) {
         // Do not recalculate resized row height and use the value from the lookup
@@ -82,8 +97,8 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
           hasRowWithAutoHeight.current = true;
           rowsHeightLookup.current[row.id].autoHeight = true;
         } else {
-          // Default back to base rowHeight if getRowHeight returns null or undefined.
-          baseRowHeight = rowHeightFromUser != null ? rowHeightFromUser : rowHeight;
+          // Default back to base rowHeight if getRowHeight returns invalid value.
+          baseRowHeight = getValidRowHeight(rowHeightFromUser, rowHeight, getRowHeightWarning);
           rowsHeightLookup.current[row.id].needsFirstMeasurement = false;
           rowsHeightLookup.current[row.id].autoHeight = false;
         }

package/legacy/hooks/features/virtualization/useGridVirtualScroller.js

@@ -1,7 +1,9 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["style"];
+var _excluded = ["style"],
+  _excluded2 = ["style"],
+  _excluded3 = ["style"];
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
@@ -365,7 +367,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     var renderedColumns = visibleColumns.slice(firstColumnToRender, lastColumnToRender);
     var rows = [];
     for (var i = 0; i < renderedRows.length; i += 1) {
-      var _currentPage$range5, _rootProps$components;
+      var _rootProps$components, _currentPage$range5;
       var _renderedRows$i = renderedRows[i],
         _id = _renderedRows$i.id,
         _model = _renderedRows$i.model;
@@ -377,6 +379,12 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       } else {
         isSelected = apiRef.current.isRowSelectable(_id);
       }
+      var _ref4 = ((_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.row) || {},
+        rootRowStyle = _ref4.style,
+        rootRowProps = _objectWithoutProperties(_ref4, _excluded);
+      var _ref5 = typeof getRowProps === 'function' && getRowProps(_id, _model) || {},
+        rowStyle = _ref5.style,
+        rowProps = _objectWithoutProperties(_ref5, _excluded2);
       rows.push( /*#__PURE__*/_jsx(rootProps.components.Row, _extends({
         row: _model,
         rowId: _id,
@@ -396,7 +404,9 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
         containerWidth: availableSpace,
         isLastVisible: lastVisibleRowIndex,
         position: position
-      }, typeof getRowProps === 'function' ? getRowProps(_id, _model) : {}, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.row), _id));
+      }, rowProps, rootRowProps, {
+        style: _extends({}, rowStyle, rootRowStyle)
+      }), _id));
     }
     return rows;
   };
@@ -442,10 +452,10 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     updateRenderZonePosition: updateRenderZonePosition,
     getRows: getRows,
     getRootProps: function getRootProps() {
-      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var _ref4$style = _ref4.style,
-        style = _ref4$style === void 0 ? {} : _ref4$style,
-        other = _objectWithoutProperties(_ref4, _excluded);
+      var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var _ref6$style = _ref6.style,
+        style = _ref6$style === void 0 ? {} : _ref6$style,
+        other = _objectWithoutProperties(_ref6, _excluded3);
       return _extends({
         ref: handleRef,
         onScroll: handleScroll,
@@ -455,9 +465,9 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       }, other);
     },
     getContentProps: function getContentProps() {
-      var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref5$style = _ref5.style,
-        style = _ref5$style === void 0 ? {} : _ref5$style;
+      var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref7$style = _ref7.style,
+        style = _ref7$style === void 0 ? {} : _ref7$style;
       return {
         style: _extends({}, style, contentSize)
       };

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.0.0-beta.0
+ * @mui/x-data-grid v6.0.0-beta.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the