@mui/x-data-grid-premium 5.11.1 → 5.12.2

package/legacy/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import * as React from 'react';
-import { gridColumnLookupSelector, gridRowIdsSelector, gridRowTreeSelector, useFirstRender } from '@mui/x-data-grid-pro';
+import { gridColumnLookupSelector, gridRowIdsSelector, gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid-pro';
 import { useGridRegisterPipeProcessor, useGridRegisterStrategyProcessor, sortRowTree, buildRowTree } from '@mui/x-data-grid-pro/internals';
 import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from './gridRowGroupingSelector';
 import { createGroupingColDefForAllGroupingCriteria, createGroupingColDefForOneGroupingCriteria } from './createGroupingColDef';
@@ -73,7 +73,7 @@ export var useGridRowGroupingPreProcessors = function useGridRowGroupingPreProce
 
       newColumnsLookup[groupingColDef.field] = groupingColDef;
     });
-    var startIndex = newColumnFields[0] === '__check__' ? 1 : 0;
+    var startIndex = newColumnFields[0] === GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
     newColumnFields = [].concat(_toConsumableArray(newColumnFields.slice(0, startIndex)), _toConsumableArray(groupingColDefs.map(function (colDef) {
       return colDef.field;
     })), _toConsumableArray(newColumnFields.slice(startIndex)));
@@ -84,19 +84,7 @@ export var useGridRowGroupingPreProcessors = function useGridRowGroupingPreProce
   var createRowTree = React.useCallback(function (params) {
     var rowGroupingModel = gridRowGroupingSanitizedModelSelector(apiRef);
     var columnsLookup = gridColumnLookupSelector(apiRef);
-    apiRef.current.setState(function (state) {
-      return _extends({}, state, {
-        rowGrouping: _extends({}, state.rowGrouping, {
-          unstable_sanitizedModelOnLastRowTreeCreation: rowGroupingModel
-        })
-      });
-    });
-    var distinctValues = Object.fromEntries(rowGroupingModel.map(function (groupingField) {
-      return [groupingField, {
-        lookup: {},
-        list: []
-      }];
-    }));
+    apiRef.current.unstable_caches.rowGrouping.sanitizedModelOnLastRowTreeCreation = rowGroupingModel;
 
     var getCellGroupingCriteria = function getCellGroupingCriteria(_ref) {
       var row = _ref.row,
@@ -127,24 +115,6 @@ export var useGridRowGroupingPreProcessors = function useGridRowGroupingPreProce
       };
     };
 
-    params.ids.forEach(function (rowId) {
-      var row = params.idRowsLookup[rowId];
-      rowGroupingModel.forEach(function (groupingCriteria) {
-        var _getCellGroupingCrite = getCellGroupingCriteria({
-          row: row,
-          id: rowId,
-          colDef: columnsLookup[groupingCriteria]
-        }),
-            key = _getCellGroupingCrite.key;
-
-        var groupingFieldsDistinctKeys = distinctValues[groupingCriteria];
-
-        if (key != null && !groupingFieldsDistinctKeys.lookup[key.toString()]) {
-          groupingFieldsDistinctKeys.lookup[key.toString()] = true;
-          groupingFieldsDistinctKeys.list.push(key);
-        }
-      });
-    });
     var rows = params.ids.map(function (rowId) {
       var row = params.idRowsLookup[rowId];
       var parentPath = rowGroupingModel.map(function (groupingField) {

package/legacy/index.js

@@ -1,10 +1,9 @@
-/** @license MUI v5.11.1
+/** @license MUI v5.12.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import './typeOverloads';
-import '@mui/x-data-grid-pro/typeOverloads';
 export { LicenseInfo } from '@mui/x-license-pro';
 export * from '@mui/x-data-grid/components';
 export * from '@mui/x-data-grid-pro/components';

package/legacy/typeOverloads/index.js

@@ -1 +1,2 @@
-import '@mui/x-data-grid-pro/typeOverloads';
+import '@mui/x-data-grid-pro/typeOverloads';
+import './modules';

package/legacy/typeOverloads/modules.js

@@ -1,33 +1 @@
-// import { GridKeyValue, GridValidRowModel } from '@mui/x-data-grid-pro';
-// import type { GridControlledStateEventLookupPro } from '@mui/x-data-grid-pro/typeOverloads';
-// import type { GridGroupingValueGetterParams } from '../models';
-// import type { GridRowGroupingModel } from '../hooks';
-//
-// export interface GridControlledStateEventLookupPremium {
-//   /**
-//    * Fired when the row grouping model changes.
-//    */
-//   rowGroupingModelChange: { params: GridRowGroupingModel };
-// }
-//
-// // eslint-disable-next-line @typescript-eslint/no-unused-vars
-// export interface GridColDefPremium<R extends GridValidRowModel = any, V = any, F = V> {
-//   /**
-//    * Function that transforms a complex cell value into a key that be used for grouping the rows.
-//    * @param {GridGroupingValueGetterParams} params Object containing parameters for the getter.
-//    * @returns {GridKeyValue | null | undefined} The cell key.
-//    */
-//   groupingValueGetter?: (
-//     params: GridGroupingValueGetterParams<V, R>,
-//   ) => GridKeyValue | null | undefined;
-// }
-//
-// declare module '@mui/x-data-grid-pro' {
-//   export interface GridColDef<R extends GridValidRowModel = any, V = any, F = V>
-//     extends GridColDefPremium<R, V, F> {}
-//
-//   // TODO: Remove explicit augmentation of pro package
-//   interface GridControlledStateEventLookup
-//     extends GridControlledStateEventLookupPro,
-//       GridControlledStateEventLookupPremium {}
-// }
+export {};

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY1Mjk5NzYwMDAwMA==";
+  var releaseInfo = "MTY1NTMzMDQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/modern/DataGridPremium/DataGridPremium.js

@@ -275,7 +275,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   experimentalFeatures: PropTypes.shape({
     newEditingApi: PropTypes.bool,
     preventCommitWhileValidating: PropTypes.bool,
-    rowGrouping: PropTypes.bool,
     warnIfFocusStateIsNotSynced: PropTypes.bool
   }),
 
@@ -329,6 +328,15 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    */
   getDetailPanelHeight: PropTypes.func,
 
+  /**
+   * Function that returns the estimated height for a row.
+   * Only works if dynamic row height is used.
+   * Once the row height is measured this value is discarded.
+   * @param {GridRowHeightParams} params With all properties from [[GridRowHeightParams]].
+   * @returns {number | null} The estimated row height value. If `null` or `undefined` then the default row height, based on the density, is applied.
+   */
+  getEstimatedRowHeight: PropTypes.func,
+
   /**
    * Function that applies CSS classes dynamically on rows.
    * @param {GridRowClassNameParams} params With all properties from [[GridRowClassNameParams]].
@@ -339,7 +347,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   /**
    * Function that sets the row height per row.
    * @param {GridRowHeightParams} params With all properties from [[GridRowHeightParams]].
-   * @returns {GridRowHeightReturnValue} The row height value. If `null` or `undefined` then the default row height is applied.
+   * @returns {GridRowHeightReturnValue} The row height value. If `null` or `undefined` then the default row height is applied. If "auto" then the row height is calculated based on the content.
    */
   getRowHeight: PropTypes.func,
 
@@ -665,6 +673,22 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    */
   onFilterModelChange: PropTypes.func,
 
+  /**
+   * Callback fired when the menu is closed.
+   * @param {GridMenuParams} params With all properties from [[GridMenuParams]].
+   * @param {MuiEvent<{}>} event The event object.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onMenuClose: PropTypes.func,
+
+  /**
+   * Callback fired when the menu is opened.
+   * @param {GridMenuParams} params With all properties from [[GridMenuParams]].
+   * @param {MuiEvent<{}>} event The event object.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onMenuOpen: PropTypes.func,
+
   /**
    * Callback fired when the current page has changed.
    * @param {number} page Index of the page displayed on the Grid.

package/modern/DataGridPremium/useDataGridPremiumComponent.js

@@ -1,4 +1,4 @@
-import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing_new, useGridEditing_old, editingStateInitializer_old, editingStateInitializer_new, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridRowsMeta, useGridParamsApi, useGridSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, useGridDimensions, useGridStatePersistence, useGridSelectionPreProcessors, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, selectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelCache, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors } from '@mui/x-data-grid-pro/internals';
+import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing_new, useGridEditing_old, editingStateInitializer_old, editingStateInitializer_new, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridRowsMeta, useGridParamsApi, useGridSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, useGridDimensions, useGridStatePersistence, useGridSelectionPreProcessors, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, selectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors } from '@mui/x-data-grid-pro/internals';
 // Premium-only features
 import { useGridRowGrouping, rowGroupingStateInitializer } from '../hooks/features/rowGrouping/useGridRowGrouping';
 import { useGridRowGroupingPreProcessors } from '../hooks/features/rowGrouping/useGridRowGroupingPreProcessors';
@@ -49,7 +49,6 @@ export const useDataGridPremiumComponent = (inputApiRef, props) => {
   useGridRows(apiRef, props);
   useGridParamsApi(apiRef);
   useGridColumnSpanning(apiRef);
-  useGridDetailPanelCache(apiRef, props);
   const useGridEditing = props.experimentalFeatures?.newEditingApi ? useGridEditing_new : useGridEditing_old;
   useGridEditing(apiRef, props);
   useGridFocus(apiRef, props);

package/modern/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -3,17 +3,21 @@ import * as React from 'react';
 import Divider from '@mui/material/Divider';
 import { useGridApiEventHandler, useGridApiMethod, gridFilteredDescendantCountLookupSelector } from '@mui/x-data-grid-pro';
 import { useGridRegisterPipeProcessor, isDeepEqual } from '@mui/x-data-grid-pro/internals';
-import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector, gridRowGroupingStateSelector } from './gridRowGroupingSelector';
+import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from './gridRowGroupingSelector';
 import { getRowGroupingFieldFromGroupingCriteria, ROW_GROUPING_STRATEGY, isGroupingColumn, mergeStateWithRowGroupingModel, setStrategyAvailability } from './gridRowGroupingUtils';
 import { GridRowGroupableColumnMenuItems } from '../../../components/GridRowGroupableColumnMenuItems';
 import { GridRowGroupingColumnMenuItems } from '../../../components/GridRowGroupingColumnMenuItems';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const rowGroupingStateInitializer = (state, props) => _extends({}, state, {
-  rowGrouping: {
-    model: props.rowGroupingModel ?? props.initialState?.rowGrouping?.model ?? [],
-    unstable_sanitizedModelOnLastRowTreeCreation: []
-  }
-});
+export const rowGroupingStateInitializer = (state, props, apiRef) => {
+  apiRef.current.unstable_caches.rowGrouping = {
+    sanitizedModelOnLastRowTreeCreation: []
+  };
+  return _extends({}, state, {
+    rowGrouping: {
+      model: props.rowGroupingModel ?? props.initialState?.rowGrouping?.model ?? []
+    }
+  });
+};
 /**
  * @requires useGridColumns (state, method) - can be after, async only
  * @requires useGridRows (state, method) - can be after, async only
@@ -21,7 +25,7 @@ export const rowGroupingStateInitializer = (state, props) => _extends({}, state,
  */
 
 export const useGridRowGrouping = (apiRef, props) => {
-  apiRef.current.unstable_updateControlState({
+  apiRef.current.unstable_registerControlState({
     stateId: 'rowGrouping',
     propModel: props.rowGroupingModel,
     propOnChange: props.onRowGroupingModelChange,
@@ -160,14 +164,10 @@ export const useGridRowGrouping = (apiRef, props) => {
   }, [apiRef, props.rowGroupingColumnMode]);
   const checkGroupingColumnsModelDiff = React.useCallback(() => {
     const rowGroupingModel = gridRowGroupingSanitizedModelSelector(apiRef);
-    const lastGroupingColumnsModelApplied = gridRowGroupingStateSelector(apiRef.current.state).unstable_sanitizedModelOnLastRowTreeCreation;
+    const lastGroupingColumnsModelApplied = apiRef.current.unstable_caches.rowGrouping.sanitizedModelOnLastRowTreeCreation;
 
     if (!isDeepEqual(lastGroupingColumnsModelApplied, rowGroupingModel)) {
-      apiRef.current.setState(state => _extends({}, state, {
-        rowGrouping: _extends({}, state.rowGrouping, {
-          unstable_sanitizedModelOnLastRowTreeCreation: rowGroupingModel
-        })
-      }));
+      apiRef.current.unstable_caches.rowGrouping.sanitizedModelOnLastRowTreeCreation = rowGroupingModel;
       apiRef.current.unstable_requestPipeProcessorsApplication('hydrateColumns');
       setStrategyAvailability(apiRef, props.disableRowGrouping); // Refresh the row tree creation strategy processing
       // TODO: Add a clean way to re-run a strategy processing without publishing a private event

package/modern/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { gridColumnLookupSelector, gridRowIdsSelector, gridRowTreeSelector, useFirstRender } from '@mui/x-data-grid-pro';
+import { gridColumnLookupSelector, gridRowIdsSelector, gridRowTreeSelector, useFirstRender, GRID_CHECKBOX_SELECTION_FIELD } from '@mui/x-data-grid-pro';
 import { useGridRegisterPipeProcessor, useGridRegisterStrategyProcessor, sortRowTree, buildRowTree } from '@mui/x-data-grid-pro/internals';
 import { gridRowGroupingModelSelector, gridRowGroupingSanitizedModelSelector } from './gridRowGroupingSelector';
 import { createGroupingColDefForAllGroupingCriteria, createGroupingColDefForOneGroupingCriteria } from './createGroupingColDef';
@@ -68,7 +68,7 @@ export const useGridRowGroupingPreProcessors = (apiRef, props) => {
 
       newColumnsLookup[groupingColDef.field] = groupingColDef;
     });
-    const startIndex = newColumnFields[0] === '__check__' ? 1 : 0;
+    const startIndex = newColumnFields[0] === GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
     newColumnFields = [...newColumnFields.slice(0, startIndex), ...groupingColDefs.map(colDef => colDef.field), ...newColumnFields.slice(startIndex)];
     columnsState.all = newColumnFields;
     columnsState.lookup = newColumnsLookup;
@@ -77,15 +77,7 @@ export const useGridRowGroupingPreProcessors = (apiRef, props) => {
   const createRowTree = React.useCallback(params => {
     const rowGroupingModel = gridRowGroupingSanitizedModelSelector(apiRef);
     const columnsLookup = gridColumnLookupSelector(apiRef);
-    apiRef.current.setState(state => _extends({}, state, {
-      rowGrouping: _extends({}, state.rowGrouping, {
-        unstable_sanitizedModelOnLastRowTreeCreation: rowGroupingModel
-      })
-    }));
-    const distinctValues = Object.fromEntries(rowGroupingModel.map(groupingField => [groupingField, {
-      lookup: {},
-      list: []
-    }]));
+    apiRef.current.unstable_caches.rowGrouping.sanitizedModelOnLastRowTreeCreation = rowGroupingModel;
 
     const getCellGroupingCriteria = ({
       row,
@@ -117,24 +109,6 @@ export const useGridRowGroupingPreProcessors = (apiRef, props) => {
       };
     };
 
-    params.ids.forEach(rowId => {
-      const row = params.idRowsLookup[rowId];
-      rowGroupingModel.forEach(groupingCriteria => {
-        const {
-          key
-        } = getCellGroupingCriteria({
-          row,
-          id: rowId,
-          colDef: columnsLookup[groupingCriteria]
-        });
-        const groupingFieldsDistinctKeys = distinctValues[groupingCriteria];
-
-        if (key != null && !groupingFieldsDistinctKeys.lookup[key.toString()]) {
-          groupingFieldsDistinctKeys.lookup[key.toString()] = true;
-          groupingFieldsDistinctKeys.list.push(key);
-        }
-      });
-    });
     const rows = params.ids.map(rowId => {
       const row = params.idRowsLookup[rowId];
       const parentPath = rowGroupingModel.map(groupingField => getCellGroupingCriteria({

package/modern/index.js

@@ -1,10 +1,9 @@
-/** @license MUI v5.11.1
+/** @license MUI v5.12.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import './typeOverloads';
-import '@mui/x-data-grid-pro/typeOverloads';
 export { LicenseInfo } from '@mui/x-license-pro';
 export * from '@mui/x-data-grid/components';
 export * from '@mui/x-data-grid-pro/components';

package/modern/typeOverloads/index.js

@@ -1 +1,2 @@
-import '@mui/x-data-grid-pro/typeOverloads';
+import '@mui/x-data-grid-pro/typeOverloads';
+import './modules';

package/modern/typeOverloads/modules.js

@@ -1,33 +1 @@
-// import { GridKeyValue, GridValidRowModel } from '@mui/x-data-grid-pro';
-// import type { GridControlledStateEventLookupPro } from '@mui/x-data-grid-pro/typeOverloads';
-// import type { GridGroupingValueGetterParams } from '../models';
-// import type { GridRowGroupingModel } from '../hooks';
-//
-// export interface GridControlledStateEventLookupPremium {
-//   /**
-//    * Fired when the row grouping model changes.
-//    */
-//   rowGroupingModelChange: { params: GridRowGroupingModel };
-// }
-//
-// // eslint-disable-next-line @typescript-eslint/no-unused-vars
-// export interface GridColDefPremium<R extends GridValidRowModel = any, V = any, F = V> {
-//   /**
-//    * Function that transforms a complex cell value into a key that be used for grouping the rows.
-//    * @param {GridGroupingValueGetterParams} params Object containing parameters for the getter.
-//    * @returns {GridKeyValue | null | undefined} The cell key.
-//    */
-//   groupingValueGetter?: (
-//     params: GridGroupingValueGetterParams<V, R>,
-//   ) => GridKeyValue | null | undefined;
-// }
-//
-// declare module '@mui/x-data-grid-pro' {
-//   export interface GridColDef<R extends GridValidRowModel = any, V = any, F = V>
-//     extends GridColDefPremium<R, V, F> {}
-//
-//   // TODO: Remove explicit augmentation of pro package
-//   interface GridControlledStateEventLookup
-//     extends GridControlledStateEventLookupPro,
-//       GridControlledStateEventLookupPremium {}
-// }
+export {};

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY1Mjk5NzYwMDAwMA==";
+  const releaseInfo = "MTY1NTMzMDQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/node/DataGridPremium/DataGridPremium.js

@@ -298,7 +298,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   experimentalFeatures: _propTypes.default.shape({
     newEditingApi: _propTypes.default.bool,
     preventCommitWhileValidating: _propTypes.default.bool,
-    rowGrouping: _propTypes.default.bool,
     warnIfFocusStateIsNotSynced: _propTypes.default.bool
   }),
 
@@ -352,6 +351,15 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    */
   getDetailPanelHeight: _propTypes.default.func,
 
+  /**
+   * Function that returns the estimated height for a row.
+   * Only works if dynamic row height is used.
+   * Once the row height is measured this value is discarded.
+   * @param {GridRowHeightParams} params With all properties from [[GridRowHeightParams]].
+   * @returns {number | null} The estimated row height value. If `null` or `undefined` then the default row height, based on the density, is applied.
+   */
+  getEstimatedRowHeight: _propTypes.default.func,
+
   /**
    * Function that applies CSS classes dynamically on rows.
    * @param {GridRowClassNameParams} params With all properties from [[GridRowClassNameParams]].
@@ -362,7 +370,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   /**
    * Function that sets the row height per row.
    * @param {GridRowHeightParams} params With all properties from [[GridRowHeightParams]].
-   * @returns {GridRowHeightReturnValue} The row height value. If `null` or `undefined` then the default row height is applied.
+   * @returns {GridRowHeightReturnValue} The row height value. If `null` or `undefined` then the default row height is applied. If "auto" then the row height is calculated based on the content.
    */
   getRowHeight: _propTypes.default.func,
 
@@ -688,6 +696,22 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    */
   onFilterModelChange: _propTypes.default.func,
 
+  /**
+   * Callback fired when the menu is closed.
+   * @param {GridMenuParams} params With all properties from [[GridMenuParams]].
+   * @param {MuiEvent<{}>} event The event object.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onMenuClose: _propTypes.default.func,
+
+  /**
+   * Callback fired when the menu is opened.
+   * @param {GridMenuParams} params With all properties from [[GridMenuParams]].
+   * @param {MuiEvent<{}>} event The event object.
+   * @param {GridCallbackDetails} details Additional details for this callback.
+   */
+  onMenuOpen: _propTypes.default.func,
+
   /**
    * Callback fired when the current page has changed.
    * @param {number} page Index of the page displayed on the Grid.

package/node/DataGridPremium/useDataGridPremiumComponent.js

@@ -62,7 +62,6 @@ const useDataGridPremiumComponent = (inputApiRef, props) => {
   (0, _internals.useGridRows)(apiRef, props);
   (0, _internals.useGridParamsApi)(apiRef);
   (0, _internals.useGridColumnSpanning)(apiRef);
-  (0, _internals.useGridDetailPanelCache)(apiRef, props);
   const useGridEditing = (_props$experimentalFe2 = props.experimentalFeatures) != null && _props$experimentalFe2.newEditingApi ? _internals.useGridEditing_new : _internals.useGridEditing_old;
   useGridEditing(apiRef, props);
   (0, _internals.useGridFocus)(apiRef, props);

package/node/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -31,13 +31,15 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const rowGroupingStateInitializer = (state, props) => {
+const rowGroupingStateInitializer = (state, props, apiRef) => {
   var _ref, _props$rowGroupingMod, _props$initialState, _props$initialState$r;
 
+  apiRef.current.unstable_caches.rowGrouping = {
+    sanitizedModelOnLastRowTreeCreation: []
+  };
   return (0, _extends2.default)({}, state, {
     rowGrouping: {
-      model: (_ref = (_props$rowGroupingMod = props.rowGroupingModel) != null ? _props$rowGroupingMod : (_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$r = _props$initialState.rowGrouping) == null ? void 0 : _props$initialState$r.model) != null ? _ref : [],
-      unstable_sanitizedModelOnLastRowTreeCreation: []
+      model: (_ref = (_props$rowGroupingMod = props.rowGroupingModel) != null ? _props$rowGroupingMod : (_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$r = _props$initialState.rowGrouping) == null ? void 0 : _props$initialState$r.model) != null ? _ref : []
     }
   });
 };
@@ -51,7 +53,7 @@ const rowGroupingStateInitializer = (state, props) => {
 exports.rowGroupingStateInitializer = rowGroupingStateInitializer;
 
 const useGridRowGrouping = (apiRef, props) => {
-  apiRef.current.unstable_updateControlState({
+  apiRef.current.unstable_registerControlState({
     stateId: 'rowGrouping',
     propModel: props.rowGroupingModel,
     propOnChange: props.onRowGroupingModelChange,
@@ -194,14 +196,10 @@ const useGridRowGrouping = (apiRef, props) => {
   }, [apiRef, props.rowGroupingColumnMode]);
   const checkGroupingColumnsModelDiff = React.useCallback(() => {
     const rowGroupingModel = (0, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector)(apiRef);
-    const lastGroupingColumnsModelApplied = (0, _gridRowGroupingSelector.gridRowGroupingStateSelector)(apiRef.current.state).unstable_sanitizedModelOnLastRowTreeCreation;
+    const lastGroupingColumnsModelApplied = apiRef.current.unstable_caches.rowGrouping.sanitizedModelOnLastRowTreeCreation;
 
     if (!(0, _internals.isDeepEqual)(lastGroupingColumnsModelApplied, rowGroupingModel)) {
-      apiRef.current.setState(state => (0, _extends2.default)({}, state, {
-        rowGrouping: (0, _extends2.default)({}, state.rowGrouping, {
-          unstable_sanitizedModelOnLastRowTreeCreation: rowGroupingModel
-        })
-      }));
+      apiRef.current.unstable_caches.rowGrouping.sanitizedModelOnLastRowTreeCreation = rowGroupingModel;
       apiRef.current.unstable_requestPipeProcessorsApplication('hydrateColumns');
       (0, _gridRowGroupingUtils.setStrategyAvailability)(apiRef, props.disableRowGrouping); // Refresh the row tree creation strategy processing
       // TODO: Add a clean way to re-run a strategy processing without publishing a private event

package/node/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -88,7 +88,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
 
       newColumnsLookup[groupingColDef.field] = groupingColDef;
     });
-    const startIndex = newColumnFields[0] === '__check__' ? 1 : 0;
+    const startIndex = newColumnFields[0] === _xDataGridPro.GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
     newColumnFields = [...newColumnFields.slice(0, startIndex), ...groupingColDefs.map(colDef => colDef.field), ...newColumnFields.slice(startIndex)];
     columnsState.all = newColumnFields;
     columnsState.lookup = newColumnsLookup;
@@ -97,15 +97,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
   const createRowTree = React.useCallback(params => {
     const rowGroupingModel = (0, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector)(apiRef);
     const columnsLookup = (0, _xDataGridPro.gridColumnLookupSelector)(apiRef);
-    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
-      rowGrouping: (0, _extends2.default)({}, state.rowGrouping, {
-        unstable_sanitizedModelOnLastRowTreeCreation: rowGroupingModel
-      })
-    }));
-    const distinctValues = Object.fromEntries(rowGroupingModel.map(groupingField => [groupingField, {
-      lookup: {},
-      list: []
-    }]));
+    apiRef.current.unstable_caches.rowGrouping.sanitizedModelOnLastRowTreeCreation = rowGroupingModel;
 
     const getCellGroupingCriteria = ({
       row,
@@ -137,24 +129,6 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
       };
     };
 
-    params.ids.forEach(rowId => {
-      const row = params.idRowsLookup[rowId];
-      rowGroupingModel.forEach(groupingCriteria => {
-        const {
-          key
-        } = getCellGroupingCriteria({
-          row,
-          id: rowId,
-          colDef: columnsLookup[groupingCriteria]
-        });
-        const groupingFieldsDistinctKeys = distinctValues[groupingCriteria];
-
-        if (key != null && !groupingFieldsDistinctKeys.lookup[key.toString()]) {
-          groupingFieldsDistinctKeys.lookup[key.toString()] = true;
-          groupingFieldsDistinctKeys.list.push(key);
-        }
-      });
-    });
     const rows = params.ids.map(rowId => {
       const row = params.idRowsLookup[rowId];
       const parentPath = rowGroupingModel.map(groupingField => getCellGroupingCriteria({

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.11.1
+/** @license MUI v5.12.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -41,8 +41,6 @@ Object.defineProperty(exports, "useGridRootProps", {
 
 require("./typeOverloads");
 
-require("@mui/x-data-grid-pro/typeOverloads");
-
 var _xLicensePro = require("@mui/x-license-pro");
 
 var _components = require("@mui/x-data-grid/components");

package/node/typeOverloads/index.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@mui/x-data-grid-pro/typeOverloads");
+require("@mui/x-data-grid-pro/typeOverloads");
+
+require("./modules");

package/node/typeOverloads/modules.js

@@ -1,34 +1,5 @@
-// import { GridKeyValue, GridValidRowModel } from '@mui/x-data-grid-pro';
-// import type { GridControlledStateEventLookupPro } from '@mui/x-data-grid-pro/typeOverloads';
-// import type { GridGroupingValueGetterParams } from '../models';
-// import type { GridRowGroupingModel } from '../hooks';
-//
-// export interface GridControlledStateEventLookupPremium {
-//   /**
-//    * Fired when the row grouping model changes.
-//    */
-//   rowGroupingModelChange: { params: GridRowGroupingModel };
-// }
-//
-// // eslint-disable-next-line @typescript-eslint/no-unused-vars
-// export interface GridColDefPremium<R extends GridValidRowModel = any, V = any, F = V> {
-//   /**
-//    * Function that transforms a complex cell value into a key that be used for grouping the rows.
-//    * @param {GridGroupingValueGetterParams} params Object containing parameters for the getter.
-//    * @returns {GridKeyValue | null | undefined} The cell key.
-//    */
-//   groupingValueGetter?: (
-//     params: GridGroupingValueGetterParams<V, R>,
-//   ) => GridKeyValue | null | undefined;
-// }
-//
-// declare module '@mui/x-data-grid-pro' {
-//   export interface GridColDef<R extends GridValidRowModel = any, V = any, F = V>
-//     extends GridColDefPremium<R, V, F> {}
-//
-//   // TODO: Remove explicit augmentation of pro package
-//   interface GridControlledStateEventLookup
-//     extends GridControlledStateEventLookupPro,
-//       GridControlledStateEventLookupPremium {}
-// }
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/utils/releaseInfo.js

@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY1Mjk5NzYwMDAwMA==";
+  const releaseInfo = "MTY1NTMzMDQwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).