@mui/x-data-grid 6.0.0 → 6.0.2

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/columns/gridColumnsUtils.js

@@ -151,7 +151,6 @@ export var hydrateColumnsWidth = function hydrateColumnsWidth(rawState, viewport
     lookup: columnsLookup
   });
 };
-var columnTypeWarnedOnce = false;
 
 /**
  * Apply the order and the dimensions of the initial state.
@@ -247,14 +246,8 @@ export var createColumnsState = function createColumnsState(_ref5) {
     var existingState = columnsState.lookup[field];
     if (existingState == null) {
       var colDef = columnTypes[DEFAULT_GRID_COL_TYPE_KEY];
-      if (newColumn.type) {
-        if (process.env.NODE_ENV !== 'production' && !columnTypeWarnedOnce && !columnTypes[newColumn.type]) {
-          console.warn(["MUI: The column type \"".concat(newColumn.type, "\" you are using is not supported."), "Column type \"string\" is being used instead."].join('\n'));
-          columnTypeWarnedOnce = true;
-        }
-        if (columnTypes[newColumn.type]) {
-          colDef = columnTypes[newColumn.type];
-        }
+      if (newColumn.type && columnTypes[newColumn.type]) {
+        colDef = columnTypes[newColumn.type];
       }
       existingState = _extends({}, colDef, {
         field: field,

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;
       }
@@ -97,8 +97,8 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
       }
     } else if (params.isEditable) {
       var _reason;
-      if (event.key === ' ' && event.shiftKey) {
-        return; // Shift + Space is used to select the row
+      if (event.key === ' ') {
+        return; // Space scrolls to the last row
       }
 
       if (isPrintableKey(event)) {

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;
       }
@@ -153,8 +153,8 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
       }
     } else if (params.isEditable) {
       var _reason;
-      if (event.key === ' ' && event.shiftKey) {
-        return; // Shift + Space is used to select the row
+      if (event.key === ' ') {
+        return; // Space scrolls to the last row
       }
 
       if (isPrintableKey(event)) {

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.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/locales/ptBR.js

@@ -69,7 +69,7 @@ var ptBRGrid = {
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Exibir colunas',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Gerir colunas',
   columnMenuFilter: 'Filtrar',
   columnMenuHideColumn: 'Ocultar',
   columnMenuUnsort: 'Desfazer ordenação',

package/locales/ptBR.js

@@ -67,7 +67,7 @@ const ptBRGrid = {
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Exibir colunas',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Gerir colunas',
   columnMenuFilter: 'Filtrar',
   columnMenuHideColumn: 'Ocultar',
   columnMenuUnsort: 'Desfazer ordenação',

package/material/index.d.ts

@@ -15,7 +15,15 @@ declare const materialSlots: {
     BaseButton: import("@mui/material").ExtendButtonBase<import("@mui/material/Button").ButtonTypeMap<{}, "button">>;
     BaseIconButton: import("@mui/material").ExtendButtonBase<import("@mui/material/IconButton").IconButtonTypeMap<{}, "button">>;
     BaseTooltip: typeof MUITooltip;
-    BasePopper: import("react").ForwardRefExoticComponent<Pick<import("@mui/material/Popper").PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & import("react").RefAttributes<HTMLDivElement>>;
+    BasePopper: import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperUnstyledProps<"div", {}>, "direction"> & {
+        components?: {
+            Root?: import("react").ElementType<any> | undefined;
+        } | undefined;
+        componentsProps?: {
+            root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperUnstyledRootSlotPropsOverrides, import("@mui/base").PopperUnstyledOwnerState> | undefined;
+        } | undefined;
+        sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     BaseInputLabel: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/InputLabel").InputLabelTypeMap<{}, "label">>;
     BaseSelectOption: typeof MUISelectOption;
     BooleanCellTrueIcon: import("react").JSXElementConstructor<any>;

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/columns/gridColumnsUtils.js

@@ -150,7 +150,6 @@ export const hydrateColumnsWidth = (rawState, viewportInnerWidth) => {
     lookup: columnsLookup
   });
 };
-let columnTypeWarnedOnce = false;
 
 /**
  * Apply the order and the dimensions of the initial state.
@@ -238,14 +237,8 @@ export const createColumnsState = ({
     let existingState = columnsState.lookup[field];
     if (existingState == null) {
       let colDef = columnTypes[DEFAULT_GRID_COL_TYPE_KEY];
-      if (newColumn.type) {
-        if (process.env.NODE_ENV !== 'production' && !columnTypeWarnedOnce && !columnTypes[newColumn.type]) {
-          console.warn([`MUI: The column type "${newColumn.type}" you are using is not supported.`, `Column type "string" is being used instead.`].join('\n'));
-          columnTypeWarnedOnce = true;
-        }
-        if (columnTypes[newColumn.type]) {
-          colDef = columnTypes[newColumn.type];
-        }
+      if (newColumn.type && columnTypes[newColumn.type]) {
+        colDef = columnTypes[newColumn.type];
       }
       existingState = _extends({}, colDef, {
         field,

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;
       }
@@ -90,8 +90,8 @@ export const useGridCellEditing = (apiRef, props) => {
       }
     } else if (params.isEditable) {
       let reason;
-      if (event.key === ' ' && event.shiftKey) {
-        return; // Shift + Space is used to select the row
+      if (event.key === ' ') {
+        return; // Space scrolls to the last row
       }
 
       if (isPrintableKey(event)) {

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;
       }
@@ -143,8 +143,8 @@ export const useGridRowEditing = (apiRef, props) => {
       }
     } else if (params.isEditable) {
       let reason;
-      if (event.key === ' ' && event.shiftKey) {
-        return; // Shift + Space is used to select the row
+      if (event.key === ' ') {
+        return; // Space scrolls to the last row
       }
 
       if (isPrintableKey(event)) {

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.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/locales/ptBR.js

@@ -67,7 +67,7 @@ const ptBRGrid = {
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Exibir colunas',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Gerir colunas',
   columnMenuFilter: 'Filtrar',
   columnMenuHideColumn: 'Ocultar',
   columnMenuUnsort: 'Desfazer ordenação',