@mui/x-data-grid 6.0.0 → 6.0.1

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.1
+
+_Mar 9, 2023_
+
+We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve French (fr-FR) locale (#8122) @MaherSamiGMC
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v6.0.1` / `@mui/x-data-grid-pro@v6.0.1` / `@mui/x-data-grid-premium@v6.0.1`
+
+#### Changes
+
+- [DataGrid] Fix `MenuProps.onClose` being overridden for single select edit component (#8174) @rohitnatesh
+- [DataGrid] Simplify `buildPrintWindow` (#8142) @oliviertassinari
+- [l10n] Improve French (fr-FR) locale (#8122) @MaherSamiGMC
+
+### `@mui/x-date-pickers@v6.0.1` / `@mui/x-date-pickers-pro@v6.0.1`
+
+#### Changes
+
+- [pickers] Add a runtime warning when a `renderInput` prop is passed to a picker (#8183) @flaviendelangle
+- [pickers] Don't pass `ownerState` to the `inputAdornment` slot (#8165) @flaviendelangle
+
+### Docs
+
+- [docs] Fix a typo in the migration guide (#8152) @flaviendelangle
+- [docs] Fix package version used in CodeSandbox demos (#8125) @cherniavskii
+- [docs] Fix typos across codebase (#8126) @stavares843
+- [docs] Improve Data Grid quick filter documentation (#8109) @MBilalShafi
+- [docs] Improve link from npm to docs (#8141) @oliviertassinari
+- [docs] Remove test sections (#8177) @m4theushw
+
+### Core
+
+- [core] Upgrade monorepo (#8162) @m4theushw
+
 ## 6.0.0
 
 _Mar 3, 2023_
@@ -3184,7 +3222,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
 
 #### Changes
 
-- [DataGrid] Fix <kbd>Enter</kbd> causing Select to re-open when commiting value (#5756) @m4theushw
+- [DataGrid] Fix <kbd>Enter</kbd> causing Select to re-open when committing value (#5756) @m4theushw
 - [DataGrid] Fix `GridOverlays` bypassing pointer events (#5674) @philjones88
 
 ### `@mui/x-date-pickers@v5.0.0-beta.6` / `@mui/x-date-picker-pro@v5.0.0-beta.6`
@@ -3228,7 +3266,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
 #### Changes
 
 - [DataGrid] Catch errors if rows freezing is not supported (#5711) @cherniavskii
-- [DataGrid] Preserve cell mode when entering edit mode while commiting (#5686) @m4theushw
+- [DataGrid] Preserve cell mode when entering edit mode while committing (#5686) @m4theushw
 - [DataGridPremium] Let quick filter search in row grouping children (#5701) @alexfauquette
 
 ### `@mui/x-date-pickers@v5.0.0-beta.5` / `@mui/x-date-picker-pro@5.0.0-beta.5`
@@ -4155,7 +4193,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
 - [core] Remove dead code (#4283) @oliviertassinari
 - [core] Rename the "pre-processing" concept "pipe-processing" (#4261) @flaviendelangle
 - [core] Reuse previous state when updating the columns prop (#4229) @m4theushw
-- [core] Fix Argos flakyness for pickers tests (#4312) @flaviendelangle
+- [core] Fix Argos flakiness for pickers tests (#4312) @flaviendelangle
 
 ## 5.7.0
 
@@ -5705,7 +5743,7 @@ A big thanks to the 5 contributors who made this release possible. Here are some
 
 - [docs] Add section for controlled selection and server-side pagination (#2602) @DanailH
 - [docs] Fix Algolia search (#2655) @oliviertassinari
-- [docs] Improve the seach results relevance (#2656) @oliviertassinari
+- [docs] Improve the search results relevance (#2656) @oliviertassinari
 - [docs] Update installation instructions (#2663) @m4theushw
 
 ### Core
@@ -7069,7 +7107,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
    }
   ```
 
-- [DataGrid] Upgrade mininum supported version of React to 17.0.0 (#1410) @m4theushw
+- [DataGrid] Upgrade minimum supported version of React to 17.0.0 (#1410) @m4theushw
 
 #### Changes
 
@@ -7199,7 +7237,7 @@ Big thanks to the 6 contributors who made this release possible. Here are some h
 
 - [docs] Add demo page (#1147) @DanailH
 - [docs] Fix typo in localization.md (#1155) @michael-martin-al
-- [docs] Improve the desciption of the individual packages (#1139) @oliviertassinari
+- [docs] Improve the description of the individual packages (#1139) @oliviertassinari
 - [docs] Fix rendering docs to solve custom pagination issue (#1159) @consDev
 
 ### Core
@@ -7376,7 +7414,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
 - [DataGrid] Fix footer visual regression (#932) @dtassone
 - [DataGrid] Fix strict mode issue with apiRef (#933) @dtassone
 - [DataGrid] Work on the accessibility of the column menu (#900) @zj9495
-- [DataGrid] Fix timing guarentee (#981) @oliviertassinari
+- [DataGrid] Fix timing guarantee (#981) @oliviertassinari
 - [DataGrid] Fix unstable footer height (#937) @oliviertassinari
 - [DataGrid] Fix usage of the prop-types API (#955) @oliviertassinari
 - [DataGrid] Fix duplicate aria-label (#953) @oliviertassinari

package/DataGrid/DataGrid.js

@@ -100,12 +100,12 @@ DataGridRaw.propTypes = {
    */
   columnVisibilityModel: PropTypes.object,
   /**
-   * Overrideable components.
+   * Overridable components.
    * @deprecated Use `slots` instead.
    */
   components: PropTypes.object,
   /**
-   * Overrideable components props dynamically passed to the component at rendering.
+   * Overridable components props dynamically passed to the component at rendering.
    * @deprecated Use the `slotProps` prop instead.
    */
   componentsProps: PropTypes.object,
@@ -322,7 +322,7 @@ DataGridRaw.propTypes = {
   onCellKeyDown: PropTypes.func,
   /**
    * Callback fired when the `cellModesModel` prop changes.
-   * @param {GridCellModesModel} cellModesModel Object containig which cells are in "edit" mode.
+   * @param {GridCellModesModel} cellModesModel Object containing which cells are in "edit" mode.
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onCellModesModelChange: PropTypes.func,
@@ -468,7 +468,7 @@ DataGridRaw.propTypes = {
   onRowEditStop: PropTypes.func,
   /**
    * Callback fired when the `rowModesModel` prop changes.
-   * @param {GridRowModesModel} rowModesModel Object containig which rows are in "edit" mode.
+   * @param {GridRowModesModel} rowModesModel Object containing which rows are in "edit" mode.
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowModesModelChange: PropTypes.func,
@@ -582,11 +582,11 @@ DataGridRaw.propTypes = {
    */
   showColumnVerticalBorder: PropTypes.bool,
   /**
-   * Overrideable components props dynamically passed to the component at rendering.
+   * Overridable components props dynamically passed to the component at rendering.
    */
   slotProps: PropTypes.object,
   /**
-   * Overrideable components.
+   * Overridable components.
    */
   slots: PropTypes.object,
   /**

package/components/cell/GridEditSingleSelectCell.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"];
+const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"],
+  _excluded2 = ["MenuProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
@@ -37,6 +38,11 @@ function GridEditSingleSelectCell(props) {
   const [open, setOpen] = React.useState(initialOpen);
   const baseSelectProps = ((_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseSelect) || {};
   const isSelectNative = (_baseSelectProps$nati = baseSelectProps.native) != null ? _baseSelectProps$nati : false;
+  const _ref = ((_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseSelect) || {},
+    {
+      MenuProps
+    } = _ref,
+    otherBaseSelectProps = _objectWithoutPropertiesLoose(_ref, _excluded2);
   useEnhancedEffect(() => {
     if (hasFocus) {
       var _inputRef$current;
@@ -107,13 +113,13 @@ function GridEditSingleSelectCell(props) {
     onChange: handleChange,
     open: open,
     onOpen: handleOpen,
-    MenuProps: {
+    MenuProps: _extends({
       onClose: handleClose
-    },
+    }, MenuProps),
     error: error,
     native: isSelectNative,
     fullWidth: true
-  }, other, (_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseSelect, {
+  }, other, otherBaseSelectProps, {
     children: valueOptions.map(valueOption => {
       var _rootProps$slotProps3;
       const value = getOptionValue(valueOption);

package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -70,7 +70,7 @@ function GridFilterInputMultipleSingleSelect(props) {
     if (resolvedValueOptions !== undefined) {
       const itemValueIndexes = item.value.map(element => {
         // Gets the index matching between values and valueOptions
-        return resolvedFormattedValueOptions == null ? void 0 : resolvedFormattedValueOptions.findIndex(formatedOption => formatedOption === element);
+        return resolvedFormattedValueOptions == null ? void 0 : resolvedFormattedValueOptions.findIndex(formattedOption => formattedOption === element);
       });
       return itemValueIndexes.filter(index => index >= 0).map(index => resolvedValueOptions[index]);
     }

package/constants/gridClasses.d.ts

@@ -272,7 +272,7 @@ export interface GridClasses {
      */
     filterFormDeleteIcon: string;
     /**
-     * Styles applied to the link operator inout of the filter form component.
+     * Styles applied to the link operator input of the filter form component.
      */
     filterFormLogicOperatorInput: string;
     /**

package/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -1,12 +1,12 @@
 import { isLeaf } from '../../../models/gridColumnGrouping';
 import { isDeepEqual } from '../../../utils/utils';
 // This is the recurrence function that help writing `unwrapGroupingColumnModel()`
-const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplet) => {
+const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplete) => {
   if (isLeaf(columnGroupNode)) {
-    if (unwrappedGroupingModelToComplet[columnGroupNode.field] !== undefined) {
-      throw new Error([`MUI: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurrs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplet[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
+    if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
+      throw new Error([`MUI: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
     }
-    unwrappedGroupingModelToComplet[columnGroupNode.field] = parents;
+    unwrappedGroupingModelToComplete[columnGroupNode.field] = parents;
     return;
   }
   const {
@@ -14,7 +14,7 @@ const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedG
     children
   } = columnGroupNode;
   children.forEach(child => {
-    recurrentUnwrapGroupingColumnModel(child, [...parents, groupId], unwrappedGroupingModelToComplet);
+    recurrentUnwrapGroupingColumnModel(child, [...parents, groupId], unwrappedGroupingModelToComplete);
   });
 };
 

package/hooks/features/columnMenu/columnMenuInterfaces.d.ts

@@ -16,14 +16,14 @@ export interface GridColumnMenuComponentProps {
 }
 export interface GridColumnMenuRootProps {
     /**
-     * Initial `components` - it is internal, to be overrriden by Pro or Premium packages
+     * Initial `components` - it is internal, to be overridden by Pro or Premium packages
      * @ignore - do not document.
      */
     defaultComponents: {
         [key: string]: React.JSXElementConstructor<any>;
     };
     /**
-     * Initial `componentsProps` - it is internal, to be overrriden by Pro or Premium packages
+     * Initial `componentsProps` - it is internal, to be overridden by Pro or Premium packages
      * @ignore - do not document.
      */
     defaultComponentsProps: {

package/hooks/features/editing/useGridCellEditing.js

@@ -68,7 +68,7 @@ export const useGridCellEditing = (apiRef, props) => {
   const handleCellKeyDown = React.useCallback((params, event) => {
     if (params.cellMode === GridCellModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

package/hooks/features/editing/useGridEditing.js

@@ -47,7 +47,7 @@ export const useGridEditing = (apiRef, props) => {
       clearTimeout(timeout);
     }
 
-    // To run the callback immediatelly without waiting the timeout
+    // To run the callback immediately without waiting the timeout
     const runImmediately = () => {
       const [timeout] = debounceMap.current[id][field];
       clearTimeout(timeout);

package/hooks/features/editing/useGridRowEditing.js

@@ -104,7 +104,7 @@ export const useGridRowEditing = (apiRef, props) => {
   const handleCellKeyDown = React.useCallback((params, event) => {
     if (params.cellMode === GridRowModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

package/hooks/features/export/useGridPrintExport.js

@@ -19,6 +19,15 @@ function raf() {
     });
   });
 }
+function buildPrintWindow(title) {
+  const iframeEl = document.createElement('iframe');
+  iframeEl.style.position = 'absolute';
+  iframeEl.style.width = '0px';
+  iframeEl.style.height = '0px';
+  iframeEl.title = title || document.title;
+  return iframeEl;
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -57,16 +66,6 @@ export const useGridPrintExport = (apiRef, props) => {
     apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
     resolve();
   }), [apiRef]);
-
-  // TODO move outside of this scope and remove React.useCallback
-  const buildPrintWindow = React.useCallback(title => {
-    const iframeEl = document.createElement('iframe');
-    iframeEl.style.position = 'absolute';
-    iframeEl.style.width = '0px';
-    iframeEl.style.height = '0px';
-    iframeEl.title = title || document.title;
-    return iframeEl;
-  }, []);
   const handlePrintWindowLoad = React.useCallback((printWindow, options) => {
     var _querySelector, _querySelector2;
     const normalizeOptions = _extends({
@@ -213,7 +212,7 @@ export const useGridPrintExport = (apiRef, props) => {
       };
       doc.current.body.appendChild(printWindow);
     }
-  }, [props, logger, apiRef, buildPrintWindow, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
+  }, [props, logger, apiRef, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
   const printExportApi = {
     exportDataAsPrint
   };

package/index.js

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

package/legacy/DataGrid/DataGrid.js

@@ -102,12 +102,12 @@ DataGridRaw.propTypes = {
    */
   columnVisibilityModel: PropTypes.object,
   /**
-   * Overrideable components.
+   * Overridable components.
    * @deprecated Use `slots` instead.
    */
   components: PropTypes.object,
   /**
-   * Overrideable components props dynamically passed to the component at rendering.
+   * Overridable components props dynamically passed to the component at rendering.
    * @deprecated Use the `slotProps` prop instead.
    */
   componentsProps: PropTypes.object,
@@ -324,7 +324,7 @@ DataGridRaw.propTypes = {
   onCellKeyDown: PropTypes.func,
   /**
    * Callback fired when the `cellModesModel` prop changes.
-   * @param {GridCellModesModel} cellModesModel Object containig which cells are in "edit" mode.
+   * @param {GridCellModesModel} cellModesModel Object containing which cells are in "edit" mode.
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onCellModesModelChange: PropTypes.func,
@@ -470,7 +470,7 @@ DataGridRaw.propTypes = {
   onRowEditStop: PropTypes.func,
   /**
    * Callback fired when the `rowModesModel` prop changes.
-   * @param {GridRowModesModel} rowModesModel Object containig which rows are in "edit" mode.
+   * @param {GridRowModesModel} rowModesModel Object containing which rows are in "edit" mode.
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowModesModelChange: PropTypes.func,
@@ -584,11 +584,11 @@ DataGridRaw.propTypes = {
    */
   showColumnVerticalBorder: PropTypes.bool,
   /**
-   * Overrideable components props dynamically passed to the component at rendering.
+   * Overridable components props dynamically passed to the component at rendering.
    */
   slotProps: PropTypes.object,
   /**
-   * Overrideable components.
+   * Overridable components.
    */
   slots: PropTypes.object,
   /**

package/legacy/components/cell/GridEditSingleSelectCell.js

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"];
+var _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"],
+  _excluded2 = ["MenuProps"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -51,6 +52,9 @@ function GridEditSingleSelectCell(props) {
     setOpen = _React$useState2[1];
   var baseSelectProps = ((_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseSelect) || {};
   var isSelectNative = (_baseSelectProps$nati = baseSelectProps.native) != null ? _baseSelectProps$nati : false;
+  var _ref = ((_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseSelect) || {},
+    MenuProps = _ref.MenuProps,
+    otherBaseSelectProps = _objectWithoutProperties(_ref, _excluded2);
   useEnhancedEffect(function () {
     if (hasFocus) {
       var _inputRef$current;
@@ -76,7 +80,7 @@ function GridEditSingleSelectCell(props) {
   var getOptionValue = getOptionValueProp || colDef.getOptionValue;
   var getOptionLabel = getOptionLabelProp || colDef.getOptionLabel;
   var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
       var target, formattedTargetValue;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -112,7 +116,7 @@ function GridEditSingleSelectCell(props) {
       }, _callee);
     }));
     return function handleChange(_x) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var handleClose = function handleClose(event, reason) {
@@ -144,13 +148,13 @@ function GridEditSingleSelectCell(props) {
     onChange: handleChange,
     open: open,
     onOpen: handleOpen,
-    MenuProps: {
+    MenuProps: _extends({
       onClose: handleClose
-    },
+    }, MenuProps),
     error: error,
     native: isSelectNative,
     fullWidth: true
-  }, other, (_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseSelect, {
+  }, other, otherBaseSelectProps, {
     children: valueOptions.map(function (valueOption) {
       var _rootProps$slotProps3;
       var value = getOptionValue(valueOption);

package/legacy/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -72,8 +72,8 @@ function GridFilterInputMultipleSingleSelect(props) {
     if (resolvedValueOptions !== undefined) {
       var itemValueIndexes = item.value.map(function (element) {
         // Gets the index matching between values and valueOptions
-        return resolvedFormattedValueOptions == null ? void 0 : resolvedFormattedValueOptions.findIndex(function (formatedOption) {
-          return formatedOption === element;
+        return resolvedFormattedValueOptions == null ? void 0 : resolvedFormattedValueOptions.findIndex(function (formattedOption) {
+          return formattedOption === element;
         });
       });
       return itemValueIndexes.filter(function (index) {

package/legacy/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -2,18 +2,18 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { isLeaf } from '../../../models/gridColumnGrouping';
 import { isDeepEqual } from '../../../utils/utils';
 // This is the recurrence function that help writing `unwrapGroupingColumnModel()`
-var recurrentUnwrapGroupingColumnModel = function recurrentUnwrapGroupingColumnModel(columnGroupNode, parents, unwrappedGroupingModelToComplet) {
+var recurrentUnwrapGroupingColumnModel = function recurrentUnwrapGroupingColumnModel(columnGroupNode, parents, unwrappedGroupingModelToComplete) {
   if (isLeaf(columnGroupNode)) {
-    if (unwrappedGroupingModelToComplet[columnGroupNode.field] !== undefined) {
-      throw new Error(["MUI: columnGroupingModel contains duplicated field", "column field ".concat(columnGroupNode.field, " occurrs two times in the grouping model:"), "- ".concat(unwrappedGroupingModelToComplet[columnGroupNode.field].join(' > ')), "- ".concat(parents.join(' > '))].join('\n'));
+    if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
+      throw new Error(["MUI: columnGroupingModel contains duplicated field", "column field ".concat(columnGroupNode.field, " occurs two times in the grouping model:"), "- ".concat(unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')), "- ".concat(parents.join(' > '))].join('\n'));
     }
-    unwrappedGroupingModelToComplet[columnGroupNode.field] = parents;
+    unwrappedGroupingModelToComplete[columnGroupNode.field] = parents;
     return;
   }
   var groupId = columnGroupNode.groupId,
     children = columnGroupNode.children;
   children.forEach(function (child) {
-    recurrentUnwrapGroupingColumnModel(child, [].concat(_toConsumableArray(parents), [groupId]), unwrappedGroupingModelToComplet);
+    recurrentUnwrapGroupingColumnModel(child, [].concat(_toConsumableArray(parents), [groupId]), unwrappedGroupingModelToComplete);
   });
 };
 

package/legacy/hooks/features/editing/useGridCellEditing.js

@@ -75,7 +75,7 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
   var handleCellKeyDown = React.useCallback(function (params, event) {
     if (params.cellMode === GridCellModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

package/legacy/hooks/features/editing/useGridEditing.js

@@ -51,7 +51,7 @@ export var useGridEditing = function useGridEditing(apiRef, props) {
       clearTimeout(_timeout);
     }
 
-    // To run the callback immediatelly without waiting the timeout
+    // To run the callback immediately without waiting the timeout
     var runImmediately = function runImmediately() {
       var _debounceMap$current$2 = _slicedToArray(debounceMap.current[id][field], 1),
         timeout = _debounceMap$current$2[0];

package/legacy/hooks/features/editing/useGridRowEditing.js

@@ -109,7 +109,7 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
   var handleCellKeyDown = React.useCallback(function (params, event) {
     if (params.cellMode === GridRowModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

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

@@ -22,6 +22,15 @@ function raf() {
     });
   });
 }
+function buildPrintWindow(title) {
+  var iframeEl = document.createElement('iframe');
+  iframeEl.style.position = 'absolute';
+  iframeEl.style.width = '0px';
+  iframeEl.style.height = '0px';
+  iframeEl.title = title || document.title;
+  return iframeEl;
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -64,16 +73,6 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
       resolve();
     });
   }, [apiRef]);
-
-  // TODO move outside of this scope and remove React.useCallback
-  var buildPrintWindow = React.useCallback(function (title) {
-    var iframeEl = document.createElement('iframe');
-    iframeEl.style.position = 'absolute';
-    iframeEl.style.width = '0px';
-    iframeEl.style.height = '0px';
-    iframeEl.title = title || document.title;
-    return iframeEl;
-  }, []);
   var handlePrintWindowLoad = React.useCallback(function (printWindow, options) {
     var _querySelector, _querySelector2;
     var normalizeOptions = _extends({
@@ -245,7 +244,7 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [props, logger, apiRef, buildPrintWindow, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
+  }(), [props, logger, apiRef, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
   var printExportApi = {
     exportDataAsPrint: exportDataAsPrint
   };

package/legacy/index.js

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

package/models/api/gridEditingApi.d.ts

@@ -52,7 +52,7 @@ export interface GridEditingSharedApi {
 }
 export interface GridEditingSharedPrivateApi {
     /**
-     * Immediatelly updates the value of the cell, without waiting for the debounce.
+     * Immediately updates the value of the cell, without waiting for the debounce.
      * @param {GridRowId} id The row id.
      * @param {string} field The field to update. If not passed, updates all fields in the given row id.
      */

package/models/gridSlotsComponentsProps.d.ts

@@ -72,7 +72,7 @@ export interface RowPropsOverrides {
 }
 type SlotProps<Props, Overrides> = Partial<Props & Overrides>;
 /**
- * Overrideable components props dynamically passed to the component at rendering.
+ * Overridable components props dynamically passed to the component at rendering.
  */
 export interface GridSlotsComponentsProps {
     baseCheckbox?: SlotProps<CheckboxProps, BaseCheckboxPropsOverrides>;

package/models/props/DataGridProps.d.ts

@@ -64,12 +64,12 @@ export interface DataGridPropsWithComplexDefaultValueAfterProcessing {
  */
 export interface DataGridPropsWithComplexDefaultValueBeforeProcessing {
     /**
-     * Overrideable components.
+     * Overridable components.
      * @deprecated Use `slots` instead.
      */
     components?: Partial<GridSlotsComponent>;
     /**
-     * Overrideable components.
+     * Overridable components.
      */
     slots?: UncapitalizeObjectKeys<Partial<GridSlotsComponent>>;
     /**
@@ -558,7 +558,7 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
     cellModesModel?: GridCellModesModel;
     /**
      * Callback fired when the `cellModesModel` prop changes.
-     * @param {GridCellModesModel} cellModesModel Object containig which cells are in "edit" mode.
+     * @param {GridCellModesModel} cellModesModel Object containing which cells are in "edit" mode.
      * @param {GridCallbackDetails} details Additional details for this callback.
      */
     onCellModesModelChange?: (cellModesModel: GridCellModesModel, details: GridCallbackDetails) => void;
@@ -568,7 +568,7 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
     rowModesModel?: GridRowModesModel;
     /**
      * Callback fired when the `rowModesModel` prop changes.
-     * @param {GridRowModesModel} rowModesModel Object containig which rows are in "edit" mode.
+     * @param {GridRowModesModel} rowModesModel Object containing which rows are in "edit" mode.
      * @param {GridCallbackDetails} details Additional details for this callback.
      */
     onRowModesModelChange?: (rowModesModel: GridRowModesModel, details: GridCallbackDetails) => void;
@@ -648,11 +648,11 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      */
     initialState?: GridInitialStateCommunity;
     /**
-     * Overrideable components props dynamically passed to the component at rendering.
+     * Overridable components props dynamically passed to the component at rendering.
      */
     slotProps?: GridSlotsComponentsProps;
     /**
-     * Overrideable components props dynamically passed to the component at rendering.
+     * Overridable components props dynamically passed to the component at rendering.
      * @deprecated Use the `slotProps` prop instead.
      */
     componentsProps?: GridSlotsComponentsProps;

package/modern/DataGrid/DataGrid.js

@@ -100,12 +100,12 @@ DataGridRaw.propTypes = {
    */
   columnVisibilityModel: PropTypes.object,
   /**
-   * Overrideable components.
+   * Overridable components.
    * @deprecated Use `slots` instead.
    */
   components: PropTypes.object,
   /**
-   * Overrideable components props dynamically passed to the component at rendering.
+   * Overridable components props dynamically passed to the component at rendering.
    * @deprecated Use the `slotProps` prop instead.
    */
   componentsProps: PropTypes.object,
@@ -322,7 +322,7 @@ DataGridRaw.propTypes = {
   onCellKeyDown: PropTypes.func,
   /**
    * Callback fired when the `cellModesModel` prop changes.
-   * @param {GridCellModesModel} cellModesModel Object containig which cells are in "edit" mode.
+   * @param {GridCellModesModel} cellModesModel Object containing which cells are in "edit" mode.
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onCellModesModelChange: PropTypes.func,
@@ -468,7 +468,7 @@ DataGridRaw.propTypes = {
   onRowEditStop: PropTypes.func,
   /**
    * Callback fired when the `rowModesModel` prop changes.
-   * @param {GridRowModesModel} rowModesModel Object containig which rows are in "edit" mode.
+   * @param {GridRowModesModel} rowModesModel Object containing which rows are in "edit" mode.
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowModesModelChange: PropTypes.func,
@@ -582,11 +582,11 @@ DataGridRaw.propTypes = {
    */
   showColumnVerticalBorder: PropTypes.bool,
   /**
-   * Overrideable components props dynamically passed to the component at rendering.
+   * Overridable components props dynamically passed to the component at rendering.
    */
   slotProps: PropTypes.object,
   /**
-   * Overrideable components.
+   * Overridable components.
    */
   slots: PropTypes.object,
   /**

package/modern/components/cell/GridEditSingleSelectCell.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"];
+const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"],
+  _excluded2 = ["MenuProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
@@ -36,6 +37,11 @@ function GridEditSingleSelectCell(props) {
   const [open, setOpen] = React.useState(initialOpen);
   const baseSelectProps = rootProps.slotProps?.baseSelect || {};
   const isSelectNative = baseSelectProps.native ?? false;
+  const _ref = rootProps.slotProps?.baseSelect || {},
+    {
+      MenuProps
+    } = _ref,
+    otherBaseSelectProps = _objectWithoutPropertiesLoose(_ref, _excluded2);
   useEnhancedEffect(() => {
     if (hasFocus) {
       inputRef.current?.focus();
@@ -105,13 +111,13 @@ function GridEditSingleSelectCell(props) {
     onChange: handleChange,
     open: open,
     onOpen: handleOpen,
-    MenuProps: {
+    MenuProps: _extends({
       onClose: handleClose
-    },
+    }, MenuProps),
     error: error,
     native: isSelectNative,
     fullWidth: true
-  }, other, rootProps.slotProps?.baseSelect, {
+  }, other, otherBaseSelectProps, {
     children: valueOptions.map(valueOption => {
       const value = getOptionValue(valueOption);
       return /*#__PURE__*/_createElement(rootProps.slots.baseSelectOption, _extends({}, rootProps.slotProps?.baseSelectOption || {}, {

package/modern/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -68,7 +68,7 @@ function GridFilterInputMultipleSingleSelect(props) {
     if (resolvedValueOptions !== undefined) {
       const itemValueIndexes = item.value.map(element => {
         // Gets the index matching between values and valueOptions
-        return resolvedFormattedValueOptions?.findIndex(formatedOption => formatedOption === element);
+        return resolvedFormattedValueOptions?.findIndex(formattedOption => formattedOption === element);
       });
       return itemValueIndexes.filter(index => index >= 0).map(index => resolvedValueOptions[index]);
     }

package/modern/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -1,12 +1,12 @@
 import { isLeaf } from '../../../models/gridColumnGrouping';
 import { isDeepEqual } from '../../../utils/utils';
 // This is the recurrence function that help writing `unwrapGroupingColumnModel()`
-const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplet) => {
+const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplete) => {
   if (isLeaf(columnGroupNode)) {
-    if (unwrappedGroupingModelToComplet[columnGroupNode.field] !== undefined) {
-      throw new Error([`MUI: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurrs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplet[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
+    if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
+      throw new Error([`MUI: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
     }
-    unwrappedGroupingModelToComplet[columnGroupNode.field] = parents;
+    unwrappedGroupingModelToComplete[columnGroupNode.field] = parents;
     return;
   }
   const {
@@ -14,7 +14,7 @@ const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedG
     children
   } = columnGroupNode;
   children.forEach(child => {
-    recurrentUnwrapGroupingColumnModel(child, [...parents, groupId], unwrappedGroupingModelToComplet);
+    recurrentUnwrapGroupingColumnModel(child, [...parents, groupId], unwrappedGroupingModelToComplete);
   });
 };
 

package/modern/hooks/features/editing/useGridCellEditing.js

@@ -68,7 +68,7 @@ export const useGridCellEditing = (apiRef, props) => {
   const handleCellKeyDown = React.useCallback((params, event) => {
     if (params.cellMode === GridCellModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

package/modern/hooks/features/editing/useGridEditing.js

@@ -47,7 +47,7 @@ export const useGridEditing = (apiRef, props) => {
       clearTimeout(timeout);
     }
 
-    // To run the callback immediatelly without waiting the timeout
+    // To run the callback immediately without waiting the timeout
     const runImmediately = () => {
       const [timeout] = debounceMap.current[id][field];
       clearTimeout(timeout);

package/modern/hooks/features/editing/useGridRowEditing.js

@@ -103,7 +103,7 @@ export const useGridRowEditing = (apiRef, props) => {
   const handleCellKeyDown = React.useCallback((params, event) => {
     if (params.cellMode === GridRowModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

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

@@ -19,6 +19,15 @@ function raf() {
     });
   });
 }
+function buildPrintWindow(title) {
+  const iframeEl = document.createElement('iframe');
+  iframeEl.style.position = 'absolute';
+  iframeEl.style.width = '0px';
+  iframeEl.style.height = '0px';
+  iframeEl.title = title || document.title;
+  return iframeEl;
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -57,16 +66,6 @@ export const useGridPrintExport = (apiRef, props) => {
     apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
     resolve();
   }), [apiRef]);
-
-  // TODO move outside of this scope and remove React.useCallback
-  const buildPrintWindow = React.useCallback(title => {
-    const iframeEl = document.createElement('iframe');
-    iframeEl.style.position = 'absolute';
-    iframeEl.style.width = '0px';
-    iframeEl.style.height = '0px';
-    iframeEl.title = title || document.title;
-    return iframeEl;
-  }, []);
   const handlePrintWindowLoad = React.useCallback((printWindow, options) => {
     const normalizeOptions = _extends({
       copyStyles: true,
@@ -209,7 +208,7 @@ export const useGridPrintExport = (apiRef, props) => {
       };
       doc.current.body.appendChild(printWindow);
     }
-  }, [props, logger, apiRef, buildPrintWindow, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
+  }, [props, logger, apiRef, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
   const printExportApi = {
     exportDataAsPrint
   };

package/modern/index.js

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

package/node/DataGrid/DataGrid.js

@@ -109,12 +109,12 @@ DataGridRaw.propTypes = {
    */
   columnVisibilityModel: _propTypes.default.object,
   /**
-   * Overrideable components.
+   * Overridable components.
    * @deprecated Use `slots` instead.
    */
   components: _propTypes.default.object,
   /**
-   * Overrideable components props dynamically passed to the component at rendering.
+   * Overridable components props dynamically passed to the component at rendering.
    * @deprecated Use the `slotProps` prop instead.
    */
   componentsProps: _propTypes.default.object,
@@ -331,7 +331,7 @@ DataGridRaw.propTypes = {
   onCellKeyDown: _propTypes.default.func,
   /**
    * Callback fired when the `cellModesModel` prop changes.
-   * @param {GridCellModesModel} cellModesModel Object containig which cells are in "edit" mode.
+   * @param {GridCellModesModel} cellModesModel Object containing which cells are in "edit" mode.
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onCellModesModelChange: _propTypes.default.func,
@@ -477,7 +477,7 @@ DataGridRaw.propTypes = {
   onRowEditStop: _propTypes.default.func,
   /**
    * Callback fired when the `rowModesModel` prop changes.
-   * @param {GridRowModesModel} rowModesModel Object containig which rows are in "edit" mode.
+   * @param {GridRowModesModel} rowModesModel Object containing which rows are in "edit" mode.
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowModesModelChange: _propTypes.default.func,
@@ -591,11 +591,11 @@ DataGridRaw.propTypes = {
    */
   showColumnVerticalBorder: _propTypes.default.bool,
   /**
-   * Overrideable components props dynamically passed to the component at rendering.
+   * Overridable components props dynamically passed to the component at rendering.
    */
   slotProps: _propTypes.default.object,
   /**
-   * Overrideable components.
+   * Overridable components.
    */
   slots: _propTypes.default.object,
   /**

package/node/components/cell/GridEditSingleSelectCell.js

@@ -17,7 +17,8 @@ var _gridEditRowModel = require("../../models/gridEditRowModel");
 var _filterPanelUtils = require("../panel/filterPanel/filterPanelUtils");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"];
+const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"],
+  _excluded2 = ["MenuProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function isKeyboardEvent(event) {
@@ -45,6 +46,11 @@ function GridEditSingleSelectCell(props) {
   const [open, setOpen] = React.useState(initialOpen);
   const baseSelectProps = rootProps.slotProps?.baseSelect || {};
   const isSelectNative = baseSelectProps.native ?? false;
+  const _ref = rootProps.slotProps?.baseSelect || {},
+    {
+      MenuProps
+    } = _ref,
+    otherBaseSelectProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
   (0, _utils.unstable_useEnhancedEffect)(() => {
     if (hasFocus) {
       inputRef.current?.focus();
@@ -114,13 +120,13 @@ function GridEditSingleSelectCell(props) {
     onChange: handleChange,
     open: open,
     onOpen: handleOpen,
-    MenuProps: {
+    MenuProps: (0, _extends2.default)({
       onClose: handleClose
-    },
+    }, MenuProps),
     error: error,
     native: isSelectNative,
     fullWidth: true
-  }, other, rootProps.slotProps?.baseSelect, {
+  }, other, otherBaseSelectProps, {
     children: valueOptions.map(valueOption => {
       const value = getOptionValue(valueOption);
       return /*#__PURE__*/(0, React.createElement)(rootProps.slots.baseSelectOption, (0, _extends2.default)({}, rootProps.slotProps?.baseSelectOption || {}, {

package/node/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -77,7 +77,7 @@ function GridFilterInputMultipleSingleSelect(props) {
     if (resolvedValueOptions !== undefined) {
       const itemValueIndexes = item.value.map(element => {
         // Gets the index matching between values and valueOptions
-        return resolvedFormattedValueOptions?.findIndex(formatedOption => formatedOption === element);
+        return resolvedFormattedValueOptions?.findIndex(formattedOption => formattedOption === element);
       });
       return itemValueIndexes.filter(index => index >= 0).map(index => resolvedValueOptions[index]);
     }

package/node/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -7,12 +7,12 @@ exports.unwrapGroupingColumnModel = exports.getColumnGroupsHeaderStructure = voi
 var _gridColumnGrouping = require("../../../models/gridColumnGrouping");
 var _utils = require("../../../utils/utils");
 // This is the recurrence function that help writing `unwrapGroupingColumnModel()`
-const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplet) => {
+const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplete) => {
   if ((0, _gridColumnGrouping.isLeaf)(columnGroupNode)) {
-    if (unwrappedGroupingModelToComplet[columnGroupNode.field] !== undefined) {
-      throw new Error([`MUI: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurrs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplet[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
+    if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
+      throw new Error([`MUI: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
     }
-    unwrappedGroupingModelToComplet[columnGroupNode.field] = parents;
+    unwrappedGroupingModelToComplete[columnGroupNode.field] = parents;
     return;
   }
   const {
@@ -20,7 +20,7 @@ const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedG
     children
   } = columnGroupNode;
   children.forEach(child => {
-    recurrentUnwrapGroupingColumnModel(child, [...parents, groupId], unwrappedGroupingModelToComplet);
+    recurrentUnwrapGroupingColumnModel(child, [...parents, groupId], unwrappedGroupingModelToComplete);
   });
 };
 

package/node/hooks/features/editing/useGridCellEditing.js

@@ -77,7 +77,7 @@ const useGridCellEditing = (apiRef, props) => {
   const handleCellKeyDown = React.useCallback((params, event) => {
     if (params.cellMode === _gridEditRowModel.GridCellModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

package/node/hooks/features/editing/useGridEditing.js

@@ -57,7 +57,7 @@ const useGridEditing = (apiRef, props) => {
       clearTimeout(timeout);
     }
 
-    // To run the callback immediatelly without waiting the timeout
+    // To run the callback immediately without waiting the timeout
     const runImmediately = () => {
       const [timeout] = debounceMap.current[id][field];
       clearTimeout(timeout);

package/node/hooks/features/editing/useGridRowEditing.js

@@ -112,7 +112,7 @@ const useGridRowEditing = (apiRef, props) => {
   const handleCellKeyDown = React.useCallback((params, event) => {
     if (params.cellMode === _gridEditRowModel.GridRowModes.Edit) {
       // Wait until IME is settled for Asian languages like Japanese and Chinese
-      // TODO: `event.which` is depricated but this is a temporary workaround
+      // TODO: `event.which` is deprecated but this is a temporary workaround
       if (event.which === 229) {
         return;
       }

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

@@ -28,6 +28,15 @@ function raf() {
     });
   });
 }
+function buildPrintWindow(title) {
+  const iframeEl = document.createElement('iframe');
+  iframeEl.style.position = 'absolute';
+  iframeEl.style.width = '0px';
+  iframeEl.style.height = '0px';
+  iframeEl.title = title || document.title;
+  return iframeEl;
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -66,16 +75,6 @@ const useGridPrintExport = (apiRef, props) => {
     apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
     resolve();
   }), [apiRef]);
-
-  // TODO move outside of this scope and remove React.useCallback
-  const buildPrintWindow = React.useCallback(title => {
-    const iframeEl = document.createElement('iframe');
-    iframeEl.style.position = 'absolute';
-    iframeEl.style.width = '0px';
-    iframeEl.style.height = '0px';
-    iframeEl.title = title || document.title;
-    return iframeEl;
-  }, []);
   const handlePrintWindowLoad = React.useCallback((printWindow, options) => {
     const normalizeOptions = (0, _extends2.default)({
       copyStyles: true,
@@ -218,7 +217,7 @@ const useGridPrintExport = (apiRef, props) => {
       };
       doc.current.body.appendChild(printWindow);
     }
-  }, [props, logger, apiRef, buildPrintWindow, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
+  }, [props, logger, apiRef, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
   const printExportApi = {
     exportDataAsPrint
   };

package/node/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",