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

package/CHANGELOG.md

@@ -3,6 +3,85 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## v5.12.0
+
+_May 31, 2022_
+
+We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Introduce support for [dynamic row height](https://mui.com/x/react-data-grid/rows/#dynamic-row-height) (#4859) @m4theushw
+
+  <img src="https://user-images.githubusercontent.com/42154031/171183167-718d7bcd-ec0f-459e-97fe-0f650abb4a99.gif" width="800">
+
+- ⚠️ Remove deprecated row grouping feature from `@mui/x-data-grid-pro`
+
+  Row grouping is available through the `@mui/x-data-grid-premium` package - see [Premium plan release blogpost](https://mui.com/blog/premium-plan-release/).
+
+- 🐞 Bug fixes and improvements
+
+### `@mui/x-data-grid@v5.12.0` / `@mui/x-data-grid-pro@v5.12.0` / `@mui/x-data-grid-premium@v5.12.0`
+
+- [DataGrid] Support dynamic row height (#4859) @m4theushw
+- [DataGrid] Add `onMenuOpen` and `onMenuClose` props (#4825) @DanailH
+- [DataGrid] Add generics to `GridActionsColDef` to match `GridColDef` (#4982) @subvertallchris
+- [DataGrid] Disable drag event handlers when row or column reorder are disabled (#4857) @DanailH
+- [DataGrid] Allow other attempts to stop edit mode if the first failed (#5016) @m4theushw
+- [DataGrid] Better reflect the dependency on Material UI (#4795) @oliviertassinari
+- [DataGrid] Add an id to the filter item created when opening the filter panel (#5014) @flaviendelangle
+- [DataGrid] Use column visibility model on Hide All / Show All when enabled (#5050) @flaviendelangle
+- [DataGridPro] Unpin columns back to original position (#4512) @m4theushw
+- [DataGridPro] Remove experimental row grouping from Pro plan (#4949) @flaviendelangle
+- [DataGridPro] Allow to scroll detail panel content if it overflows the panel (#4979) @cherniavskii
+- [DataGridPro] Do not call `setRowIndex` when dragging a column over a row (#4987) @flaviendelangle
+- [l10n] Add Norwegian (Bokmål) (nb-NO) locale (#5001) @spiftire
+- [l10n] Add Turkish (tr-TR) locale (#5026) @Rassilion
+
+### `@mui/x-date-pickers@5.0.0-alpha.5` / `@mui/x-date-pickers-pro@5.0.0-alpha.5`
+
+#### Breaking changes
+
+- [pickers] Restructure props in `MonthPicker` / `YearPicker` and `DayPicker` (#4814) @flaviendelangle
+
+  The props of `MonthPicker` / `YearPicker` and `DayPicker` have been reworked to make them more consistent for a standalone usage (#4814) @flaviendelangle
+
+  **MonthPicker**: The prop `onMonthChange` has been removed, you can use `onChange` instead since every change is a month change
+
+  **YearPicker**: The prop `onYearPicker` has been removed, you can use `onChange` instead since every change is a year change
+
+  **DayPicker**: The prop `isDateDisabled` has been removed, you can now use the same validation props as for the other components (`maxDate`, `minDate`, `shouldDisableDate`, `disableFuture` and `disablePast`)
+
+#### Changes
+
+- [pickers] Add German (de-DE) translations (#4974) @felixh10r
+- [pickers] Support action bar on static pickers and improve typing (#5015) @flaviendelangle
+
+### Docs
+
+- [docs] Add docs sections / pages for upcoming features on pickers (#4603) @flaviendelangle
+- [docs] Add docs for filter panel components (#4919) @m4theushw
+- [docs] Explain how to manage focus with `renderCell` (#4254) @alexfauquette
+- [docs] Fix broken links to GitHub source (#5003) @Edwardveb
+- [docs] Fix navigation links (#4956) @oliviertassinari
+- [docs] Fix typo on rows docs (#4952) @jamesRadicl
+- [docs] New WAI-ARIA guidelines location (#4957) @oliviertassinari
+- [docs] Add "Slots" section to the right nav in the API pages (#4993) @DanailH
+- [docs] Fix docs feedback widget not working (#4905) @cherniavskii
+- [docs] Replace custom notes and warning with callouts (#5008) @flaviendelangle
+
+### Core
+
+- [core] Avoid Order ID to refer to GitHub issues/PRs (#5005) @oliviertassinari
+- [core] Improve the workflow for incomplete issues (#5012) @mnajdova
+- [core] Remove dead code on row grouping tree creation (#4945) @flaviendelangle
+- [core] Use new cache api for the row grouping last model tracking (#4980) @flaviendelangle
+- [core] Ensure that PRs have atleast 1 label (#5011) @DanailH
+- [core] Fix trailing-space @oliviertassinari
+- [core] Stop Renovate PR updates when PR is on hold (#5020) @cherniavskii
+- [license] Remove support for UTF-8 (#4893) @oliviertassinari
+- [license] Tweak error messages (#4907) @mbrookes
+- [test] Skip Safari and Firefox on broken tests (#4994) @alexfauquette
+- [test] Make argos screenshots stable (#5061) @m4theushw
+
 ## v5.11.1
 
 _May 20, 2022_
@@ -38,30 +117,28 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
 
   To decide which button must be displayed and in which order, you can now use the `actions` prop of the `actionBar` component slot props.
 
-   ```jsx
-   <DatePicker
-     componentsProps={{ 
-       actionBar: { 
-         // The actions will be the same between desktop and mobile
-         actions: ['clear'],
+  ```jsx
+  <DatePicker
+    componentsProps={{
+      actionBar: {
+        // The actions will be the same between desktop and mobile
+        actions: ['clear'],
 
-         // The actions will be different between desktop and mobile
-         actions: (variant) => variant === 'desktop' ? [] : ['clear'],
-       }
-     }}
-   />
-   ```
+        // The actions will be different between desktop and mobile
+        actions: (variant) => (variant === 'desktop' ? [] : ['clear']),
+      },
+    }}
+  />
+  ```
 
   The build-in `ActionBar` component supports 4 different actions: `'clear'`, `'cancel'`, `'accept'`, and `'today'`.
   By default, the pickers will render the cancel and accept button on mobile and no action on desktop.
 
   If you need other actions, you can provide your own component to the `ActionBar` component slot
 
-   ```jsx
-   <DatePicker
-     components={{ ActionBar: CustomActionBar }}
-   />
-   ```
+  ```jsx
+  <DatePicker components={{ ActionBar: CustomActionBar }} />
+  ```
 
 #### Changes
 
@@ -121,7 +198,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
 
 - 👔 **Excel export**. You can find this new Premium feature at: https://mui.com/x/react-data-grid/export/#excel-export.
 
-- 🔎 **Quick filtering**. You can now add a quick filtering search bar to your grid. To do so, either pass `showQuickFilter` prop to the `<GridToolbar />` or use the `<GridToolbarQuickFilter />` component in your custom toolbar. More information about how to customize the filtering logic is in the [documentation]( https://mui.com/x/react-data-grid/filtering/#quick-filter).
+- 🔎 **Quick filtering**. You can now add a quick filtering search bar to your grid. To do so, either pass `showQuickFilter` prop to the `<GridToolbar />` or use the `<GridToolbarQuickFilter />` component in your custom toolbar. More information about how to customize the filtering logic is in the [documentation](https://mui.com/x/react-data-grid/filtering/#quick-filter).
 
   <img src="https://user-images.githubusercontent.com/13808724/167700105-5a5acc7c-5463-4871-8514-3d09e2f365ae.png" width="724">
 

package/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/README.md

@@ -19,8 +19,8 @@ This component has the following peer dependencies that you will need to install
 
 ```json
 "peerDependencies": {
-  "@mui/material": "^5.2.8",
-  "@mui/system": "^5.2.8",
+  "@mui/material": "^5.4.1",
+  "@mui/system": "^5.4.1",
   "react": "^17.0.2 || ^18.0.0"
 },
 ```

package/hooks/features/rowGrouping/gridRowGroupingInterfaces.d.ts

@@ -1,15 +1,16 @@
 export declare type GridRowGroupingModel = string[];
 export interface GridRowGroupingState {
     model: GridRowGroupingModel;
+}
+export interface GridRowGroupingInitialState {
+    model?: GridRowGroupingModel;
+}
+export interface GridRowGroupingInternalCache {
     /**
      * Tracks the model on the last pre-processing
      * Allows to check if we need to re-build the grouping columns when the grid upserts a column.
-     * TODO: Move outside of the state
      */
-    unstable_sanitizedModelOnLastRowTreeCreation: GridRowGroupingModel;
-}
-export interface GridRowGroupingInitialState {
-    model?: GridRowGroupingModel;
+    sanitizedModelOnLastRowTreeCreation: GridRowGroupingModel;
 }
 export interface GridRowGroupingApi {
     /**

package/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -3,18 +3,20 @@ 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) => {
+export const rowGroupingStateInitializer = (state, props, apiRef) => {
   var _ref, _props$rowGroupingMod, _props$initialState, _props$initialState$r;
 
+  apiRef.current.unstable_caches.rowGrouping = {
+    sanitizedModelOnLastRowTreeCreation: []
+  };
   return _extends({}, 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 : []
     }
   });
 };
@@ -168,14 +170,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/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -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/index.d.ts

@@ -1,5 +1,4 @@
 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/index.js

@@ -1,10 +1,9 @@
-/** @license MUI v5.11.1
+/** @license MUI v5.12.0
  *
  * 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/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/legacy/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -4,18 +4,20 @@ 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 var rowGroupingStateInitializer = function rowGroupingStateInitializer(state, props) {
+export var rowGroupingStateInitializer = function rowGroupingStateInitializer(state, props, apiRef) {
   var _ref, _props$rowGroupingMod, _props$initialState, _props$initialState$r;
 
+  apiRef.current.unstable_caches.rowGrouping = {
+    sanitizedModelOnLastRowTreeCreation: []
+  };
   return _extends({}, 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 : []
     }
   });
 };
@@ -172,16 +174,10 @@ export var useGridRowGrouping = function useGridRowGrouping(apiRef, props) {
   }, [apiRef, props.rowGroupingColumnMode]);
   var checkGroupingColumnsModelDiff = React.useCallback(function () {
     var rowGroupingModel = gridRowGroupingSanitizedModelSelector(apiRef);
-    var lastGroupingColumnsModelApplied = gridRowGroupingStateSelector(apiRef.current.state).unstable_sanitizedModelOnLastRowTreeCreation;
+    var lastGroupingColumnsModelApplied = apiRef.current.unstable_caches.rowGrouping.sanitizedModelOnLastRowTreeCreation;
 
     if (!isDeepEqual(lastGroupingColumnsModelApplied, rowGroupingModel)) {
-      apiRef.current.setState(function (state) {
-        return _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/legacy/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js

@@ -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.0
  *
  * 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 = "MTY1Mzk0ODAwMDAwMA==";
 
   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/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
@@ -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

@@ -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.0
  *
  * 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 = "MTY1Mzk0ODAwMDAwMA==";
 
   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/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 : []
     }
   });
 };
@@ -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

@@ -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.0
  *
  * 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 = "MTY1Mzk0ODAwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "5.11.1",
+  "version": "5.12.0",
   "description": "The Premium plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,19 +32,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/utils": "^5.7.0",
-    "@mui/x-data-grid": "5.11.1",
-    "@mui/x-data-grid-pro": "5.11.1",
-    "@mui/x-license-pro": "5.11.1",
+    "@mui/utils": "^5.4.1",
+    "@mui/x-data-grid": "5.12.0",
+    "@mui/x-data-grid-pro": "5.12.0",
+    "@mui/x-license-pro": "5.12.0",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.0.4",
+    "exceljs": "^4.3.0",
     "prop-types": "^15.8.1",
-    "reselect": "^4.1.5",
-    "exceljs": "^4.3.0"
+    "reselect": "^4.1.5"
   },
   "peerDependencies": {
-    "@mui/material": "^5.2.8",
-    "@mui/system": "^5.2.8",
+    "@mui/material": "^5.4.1",
+    "@mui/system": "^5.4.1",
     "react": "^17.0.2 || ^18.0.0"
   },
   "setupFiles": [

package/typeOverloads/index.d.ts

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

package/typeOverloads/index.js

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

package/typeOverloads/modules.d.ts

@@ -0,0 +1,34 @@
+import { GridKeyValue, GridValidRowModel } from '@mui/x-data-grid-pro';
+import type { GridControlledStateEventLookupPro, GridApiCachesPro } from '@mui/x-data-grid-pro/typeOverloads';
+import type { GridGroupingValueGetterParams } from '../models';
+import type { GridRowGroupingModel } from '../hooks';
+import { GridRowGroupingInternalCache } from '../hooks/features/rowGrouping/gridRowGroupingInterfaces';
+export interface GridControlledStateEventLookupPremium {
+    /**
+     * Fired when the row grouping model changes.
+     */
+    rowGroupingModelChange: {
+        params: GridRowGroupingModel;
+    };
+}
+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;
+}
+export interface GridApiCachesPremium extends GridApiCachesPro {
+    rowGrouping: GridRowGroupingInternalCache;
+}
+declare module '@mui/x-data-grid-pro' {
+    interface GridColDef<R extends GridValidRowModel = any, V = any, F = V> extends GridColDefPremium<R, V, F> {
+    }
+    interface GridControlledStateEventLookup extends GridControlledStateEventLookupPro, GridControlledStateEventLookupPremium {
+    }
+}
+declare module '@mui/x-data-grid-pro/internals' {
+    interface GridApiCaches extends GridApiCachesPremium {
+    }
+}

package/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/utils/releaseInfo.js

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