@mui/x-data-grid 6.0.0 → 6.0.2

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

@@ -164,13 +164,12 @@ const hydrateColumnsWidth = (rawState, viewportInnerWidth) => {
     lookup: columnsLookup
   });
 };
-exports.hydrateColumnsWidth = hydrateColumnsWidth;
-let columnTypeWarnedOnce = false;
 
 /**
  * Apply the order and the dimensions of the initial state.
  * The columns not registered in `orderedFields` will be placed after the imported columns.
  */
+exports.hydrateColumnsWidth = hydrateColumnsWidth;
 const applyInitialState = (columnsState, initialState) => {
   if (!initialState) {
     return columnsState;
@@ -254,14 +253,8 @@ const createColumnsState = ({
     let existingState = columnsState.lookup[field];
     if (existingState == null) {
       let colDef = columnTypes[_colDef.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 = (0, _extends2.default)({}, colDef, {
         field,

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;
       }
@@ -99,8 +99,8 @@ 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 ((0, _keyboardUtils.isPrintableKey)(event)) {

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;
       }
@@ -152,8 +152,8 @@ 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 ((0, _keyboardUtils.isPrintableKey)(event)) {

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

package/node/locales/ptBR.js

@@ -73,7 +73,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.20.13",
-    "@mui/utils": "^5.11.7",
+    "@mui/utils": "^5.11.13",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.7"