@mui/x-data-grid-premium 6.0.2 → 6.0.4

package/CHANGELOG.md

@@ -3,6 +3,121 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.4
+
+_Mar 30, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Danish (da-DK), and improve Norwegian (nb-NO), Spanish (es-ES), and Swedish (sv-SE) locales
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.0.4` / `@mui/x-data-grid-pro@v6.0.4` / `@mui/x-data-grid-premium@v6.0.4`
+
+#### Changes
+
+- [DataGrid] Fix column header tooltip not showing when the title is truncated (#8433) @rohitnatesh
+- [DataGrid] Fix filter model buttons' display condition (#8415) @MBilalShafi
+- [DataGrid] Fix infinite rerender in a flex parent (#8436) @cherniavskii
+- [DataGrid] Prevent reopening column menu when clicking in the button while it is open (#8286) @tanuj-22
+- [DataGrid] Rename `components` by `slots` in column menu API (#7999) @MBilalShafi
+- [DataGrid] Remove hardcoded CSS classes' usages (#8444) @MBilalShafi
+- [DataGridPremium] Fix aggregation initial state causing issue with quick filter (#8441) @MBilalShafi
+- [l10n] Improve Danish (da-DK) locale (#8368) @BossElijah
+- [l10n] Improve Danish (da-DK) locale (#8378) @BossElijah
+- [l10n] Improve Norwegian (nb-NO) locale (#8367) @BossElijah
+- [l10n] Improve Norwegian (nb-NO) locale (#8409) @BossElijah
+- [l10n] Improve Spanish (es-ES) locale (#8420) @martjanz
+- [l10n] Improve Swedish (sv-SE) locale (#8381) @BossElijah
+
+### `@mui/x-date-pickers@v6.0.4` / `@mui/x-date-pickers-pro@v6.0.4`
+
+#### Changes
+
+- [fields] Add missing tokens to `AdapterDateFnsJalali` (#8402) @flaviendelangle
+- [fields] Clean the active date manager (#8370) @flaviendelangle
+- [fields] Cleanup `useFieldState`  (#8292) @flaviendelangle
+- [fields] Only add RTL characters when needed (#8325) @flaviendelangle
+- [pickers] Add support for single input fields in range pickers  (#7927) @flaviendelangle
+- [pickers] Allows non token characters in format (#8256) @alexfauquette
+- [pickers] Avoid root imports and move public models to the models folder (#8337) @flaviendelangle
+- [pickers] Update `view` when `views` or `openTo` changes (#8361) @LukasTy
+- [l10n] Improve Norwegian (nb-NO) locale (#8382) @BossElijah
+- [l10n] Add Danish (da-DK) locale (#8379) @BossElijah
+- [l10n] Improve Swedish (sv-SE) locale (#8381) @BossElijah
+
+### `@mui/x-codemod@v6.0.4`
+
+#### Changes
+
+- [codemod] Fix `remove-stabilized-experimentalFeatures` codemod (#8289) @alexfauquette
+
+### Docs
+
+- [docs] Fix `GridCellParams` signature in migration guide (#8427) @cherniavskii
+- [docs] Fix "Custom field" demos responsive styles (#8408) @LukasTy
+- [docs] Remove `label` from demos where it reduces clarity (#8416) @LukasTy
+- [docs] Update slots' references in Data Grid migration guide (#8159) @MBilalShafi
+
+### Core
+
+- [charts] Work on typing (#8421) @flaviendelangle
+
+## 6.0.3
+
+_Mar 23, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Bulgarian (bg-BG), Persian (fa-IR), Polish (pl-PL), and Dutch (nl-NL) locales
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.0.3` / `@mui/x-data-grid-pro@v6.0.3` / `@mui/x-data-grid-premium@v6.0.3`
+
+#### Changes
+
+- [DataGrid] Fix overflow calculation issue in column group headers (#8246) @MBilalShafi
+- [DataGridPro] Fix column reorder glitches (#8335) @cherniavskii
+- [l10n] Improve Bulgarian (bg-BG) locale (#8315) @todevmilen
+- [l10n] Improve Persian (fa-IR) locale (#8268) @fakhamatia
+- [l10n] improve Dutch (nl-NL) locale (#8317) @developenguin
+
+### `@mui/x-date-pickers@v6.0.3` / `@mui/x-date-pickers-pro@v6.0.3`
+
+#### Changes
+
+- [fields] Allow to reset the value from the outside (#8287) @flaviendelangle
+- [fields] Cleanup section order generation (#8290) @flaviendelangle
+- [fields] Fix Safari input selection resetting regression (#8295) @LukasTy
+- [fields] Fix editing when all sections are selected (#8330) @flaviendelangle
+- [fields] Fix iOS browser scroll jumping when entering data (#8328) @LukasTy
+- [fields] New prop `unstableFieldRef` to imperatively interact with the selected sections (#8235) @flaviendelangle
+- [pickers] Align date calendar colors (#8318) @LukasTy
+- [pickers] Support invalid dates from the field (#8298) @flaviendelangle
+- [l10n] Improve Persian (fa-IR) locale (#8268) @fakhamatia
+- [l10n] Improve Polish (pl-PL) locale (#8344) @drmats
+- [l10n] improve Dutch (nl-NL) locale (#8317) @developenguin
+
+### Docs
+
+- [docs] Create examples of pickers with custom fields (#8034) @flaviendelangle
+- [docs] Fix 301 redirections @oliviertassinari
+- [docs] Fix link to React's docs @oliviertassinari
+- [docs] Fix pro license links to point to the same page (#8303) @LukasTy
+- [docs] Give an incentive to upgrade (#8269) @oliviertassinari
+- [docs] Improve contrast on data grid navigation (#8239) @oliviertassinari
+- [docs] Update shortcuts page to use slotProps (#8288) @dcorb
+- [docs] Explain the `shouldDisableTime` migration in more depth (#8348) @LukasTy
+
+### Core
+
+- [core] Remove unused `visx` chart package (#8259) @LukasTy
+- [core] Upgrade monorepo (#8331) @cherniavskii
+- [charts] Project setup (#8308) @alexfauquette
+- [test] Track visual regressions of column menu and filter/column panels (#8095) @cherniavskii
+
 ## 6.0.2
 
 _Mar 16, 2023_
@@ -98,11 +213,9 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
 
 _Mar 3, 2023_
 
-We're happy to announce the first v6 stable release! 🎉🚀
+We're excited to [announce the first v6 stable release](https://mui.com/blog/mui-x-v6/)! 🎉🚀
 
 This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements.
-Head over to the [what's new](https://mui.com/x/whats-new/) page to check the highlighted new features.
-
 Migration guides are available with a complete list of the breaking changes:
 
 - [Data Grid](https://mui.com/x/migration/migration-data-grid-v5/)
@@ -119,6 +232,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
   -  experimentalFeatures={{ rowPinning: true }}
    />
   ```
+
 - ⚡️ Improved grid performance by rows and cells memoization (#7846) @m4theushw
 - ✨ Fields have a distinct visual state when empty (#8069) @LukasTy
 - 🌍 Improve Czech (cs-CZ) locale (#8113) @BlastyCZ
@@ -556,14 +670,14 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
   ```
 
 - The `error` and `onError` props were removed - the grid no longer catches errors during rendering.
-  To catch errors that happen during rendering use the [error boundary](https://reactjs.org/docs/error-boundaries.html).
+  To catch errors that happen during rendering use the [error boundary](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary).
 
 - The `components.ErrorOverlay` slot was removed.
 
 - The `GridErrorOverlay` component was removed.
 
 - The `componentError` event was removed.
-  Use the [error boundary](https://reactjs.org/docs/error-boundaries.html) to catch errors thrown during rendering.
+  Use the [error boundary](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary) to catch errors thrown during rendering.
 
 - The `apiRef.current.showError` method was removed.
   The UI for errors is no longer handled by the grid.

package/components/GridPremiumColumnMenu.d.ts

@@ -2,15 +2,15 @@ import * as React from 'react';
 import { GridColumnMenuProps, GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
 import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
 export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): JSX.Element | null;
-export declare const GRID_COLUMN_MENU_COMPONENTS_PREMIUM: {
-    ColumnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
-    ColumnMenuGroupingItem: typeof GridColumnMenuGroupingItem;
-    ColumnMenuPinningItem: typeof import("@mui/x-data-grid-pro/components/GridColumnMenuPinningItem").GridColumnMenuPinningItem;
-    ColumnMenuSortItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuSortItem").GridColumnMenuSortItem;
-    ColumnMenuFilterItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem").GridColumnMenuFilterItem;
-    ColumnMenuColumnsItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem").GridColumnMenuColumnsItem;
+export declare const GRID_COLUMN_MENU_SLOTS_PREMIUM: {
+    columnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
+    columnMenuGroupingItem: typeof GridColumnMenuGroupingItem;
+    columnMenuPinningItem: typeof import("@mui/x-data-grid-pro/components/GridColumnMenuPinningItem").GridColumnMenuPinningItem;
+    columnMenuSortItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuSortItem").GridColumnMenuSortItem;
+    columnMenuFilterItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem").GridColumnMenuFilterItem;
+    columnMenuColumnsItem: typeof import("@mui/x-data-grid/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem").GridColumnMenuColumnsItem;
 };
-export declare const GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM: {
+export declare const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM: {
     columnMenuAggregationItem: {
         displayOrder: number;
     };

package/components/GridPremiumColumnMenu.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { GridGenericColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from '@mui/x-data-grid-pro';
+import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid-pro';
 import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
 import { isGroupingColumn } from '../hooks/features/rowGrouping';
 import { GridColumnMenuRowGroupItem } from './GridColumnMenuRowGroupItem';
@@ -19,11 +19,11 @@ export function GridColumnMenuGroupingItem(props) {
   }
   return null;
 }
-export const GRID_COLUMN_MENU_COMPONENTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuAggregationItem: GridColumnMenuAggregationItem,
-  ColumnMenuGroupingItem: GridColumnMenuGroupingItem
+export const GRID_COLUMN_MENU_SLOTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOTS, {
+  columnMenuAggregationItem: GridColumnMenuAggregationItem,
+  columnMenuGroupingItem: GridColumnMenuGroupingItem
 });
-export const GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+export const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuAggregationItem: {
     displayOrder: 23
   },
@@ -35,8 +35,8 @@ const GridPremiumColumnMenu = /*#__PURE__*/React.forwardRef(function GridPremium
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PREMIUM,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PREMIUM,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM
   }));
 });
 process.env.NODE_ENV !== "production" ? GridPremiumColumnMenu.propTypes = {

package/components/reexports.d.ts

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS_PROPS, } from './GridPremiumColumnMenu';
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS, } from './GridPremiumColumnMenu';

package/components/reexports.js

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS_PROPS } from './GridPremiumColumnMenu';
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from './GridPremiumColumnMenu';

package/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -68,7 +68,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
     if (availableAggregationFunctions.length === 0) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuAggregationItem'];
+    return [...columnMenuItems, 'columnMenuAggregationItem'];
   }, [props.aggregationFunctions, props.disableAggregation]);
   const stateExportPreProcessing = React.useCallback(prevState => {
     if (props.disableAggregation) {

package/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -132,7 +132,7 @@ export const wrapColumnWithAggregationValue = ({
   aggregationRule
 }) => {
   const getCellAggregationResult = (id, field) => {
-    var _rowNode$parent, _gridAggregationLooku;
+    var _rowNode$parent, _gridAggregationLooku, _gridAggregationLooku2;
     let cellAggregationPosition = null;
     const rowNode = apiRef.current.getRowNode(id);
     if (rowNode.type === 'group') {
@@ -146,7 +146,7 @@ export const wrapColumnWithAggregationValue = ({
 
     // TODO: Add custom root id
     const groupId = cellAggregationPosition === 'inline' ? id : (_rowNode$parent = rowNode.parent) != null ? _rowNode$parent : '';
-    const aggregationResult = (_gridAggregationLooku = gridAggregationLookupSelector(apiRef)[groupId]) == null ? void 0 : _gridAggregationLooku[field];
+    const aggregationResult = (_gridAggregationLooku = gridAggregationLookupSelector(apiRef)) == null ? void 0 : (_gridAggregationLooku2 = _gridAggregationLooku[groupId]) == null ? void 0 : _gridAggregationLooku2[field];
     if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
       return null;
     }

package/hooks/features/rowGrouping/useGridRowGrouping.js

@@ -84,7 +84,7 @@ export const useGridRowGrouping = (apiRef, props) => {
       return columnMenuItems;
     }
     if (isGroupingColumn(colDef.field) || colDef.groupable) {
-      return [...columnMenuItems, 'ColumnMenuGroupingItem'];
+      return [...columnMenuItems, 'columnMenuGroupingItem'];
     }
     return columnMenuItems;
   }, [props.disableRowGrouping]);

package/index.d.ts

@@ -20,4 +20,4 @@ export { GridColumnHeaders } from '@mui/x-data-grid-pro';
 export type { DataGridPremiumProps, GridExperimentalPremiumFeatures, } from './models/dataGridPremiumProps';
 export { useGridApiContext, useGridApiRef, useGridRootProps } from './typeOverloads/reexports';
 export type { GridApi, GridInitialState, GridState } from './typeOverloads/reexports';
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS, } from './components/reexports';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS, } from './components/reexports';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.0.2
+ * @mui/x-data-grid-premium v6.0.4
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -25,4 +25,4 @@ export * from './models';
 export * from './components';
 export { GridColumnHeaders } from '@mui/x-data-grid-pro';
 export { useGridApiContext, useGridApiRef, useGridRootProps } from './typeOverloads/reexports';
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from './components/reexports';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './components/reexports';

package/legacy/components/GridPremiumColumnMenu.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { GridGenericColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from '@mui/x-data-grid-pro';
+import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid-pro';
 import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
 import { isGroupingColumn } from '../hooks/features/rowGrouping';
 import { GridColumnMenuRowGroupItem } from './GridColumnMenuRowGroupItem';
@@ -17,11 +17,11 @@ export function GridColumnMenuGroupingItem(props) {
   }
   return null;
 }
-export var GRID_COLUMN_MENU_COMPONENTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuAggregationItem: GridColumnMenuAggregationItem,
-  ColumnMenuGroupingItem: GridColumnMenuGroupingItem
+export var GRID_COLUMN_MENU_SLOTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOTS, {
+  columnMenuAggregationItem: GridColumnMenuAggregationItem,
+  columnMenuGroupingItem: GridColumnMenuGroupingItem
 });
-export var GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+export var GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuAggregationItem: {
     displayOrder: 23
   },
@@ -33,8 +33,8 @@ var GridPremiumColumnMenu = /*#__PURE__*/React.forwardRef(function GridPremiumCo
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PREMIUM,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PREMIUM,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM
   }));
 });
 process.env.NODE_ENV !== "production" ? GridPremiumColumnMenu.propTypes = {

package/legacy/components/reexports.js

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS_PROPS } from './GridPremiumColumnMenu';
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from './GridPremiumColumnMenu';

package/legacy/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -69,7 +69,7 @@ export var useGridAggregationPreProcessors = function useGridAggregationPreProce
     if (availableAggregationFunctions.length === 0) {
       return columnMenuItems;
     }
-    return [].concat(_toConsumableArray(columnMenuItems), ['ColumnMenuAggregationItem']);
+    return [].concat(_toConsumableArray(columnMenuItems), ['columnMenuAggregationItem']);
   }, [props.aggregationFunctions, props.disableAggregation]);
   var stateExportPreProcessing = React.useCallback(function (prevState) {
     if (props.disableAggregation) {

package/legacy/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -129,7 +129,7 @@ export var wrapColumnWithAggregationValue = function wrapColumnWithAggregationVa
     apiRef = _ref6.apiRef,
     aggregationRule = _ref6.aggregationRule;
   var getCellAggregationResult = function getCellAggregationResult(id, field) {
-    var _rowNode$parent, _gridAggregationLooku;
+    var _rowNode$parent, _gridAggregationLooku, _gridAggregationLooku2;
     var cellAggregationPosition = null;
     var rowNode = apiRef.current.getRowNode(id);
     if (rowNode.type === 'group') {
@@ -143,7 +143,7 @@ export var wrapColumnWithAggregationValue = function wrapColumnWithAggregationVa
 
     // TODO: Add custom root id
     var groupId = cellAggregationPosition === 'inline' ? id : (_rowNode$parent = rowNode.parent) != null ? _rowNode$parent : '';
-    var aggregationResult = (_gridAggregationLooku = gridAggregationLookupSelector(apiRef)[groupId]) == null ? void 0 : _gridAggregationLooku[field];
+    var aggregationResult = (_gridAggregationLooku = gridAggregationLookupSelector(apiRef)) == null ? void 0 : (_gridAggregationLooku2 = _gridAggregationLooku[groupId]) == null ? void 0 : _gridAggregationLooku2[field];
     if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
       return null;
     }

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

@@ -87,7 +87,7 @@ export var useGridRowGrouping = function useGridRowGrouping(apiRef, props) {
       return columnMenuItems;
     }
     if (isGroupingColumn(colDef.field) || colDef.groupable) {
-      return [].concat(_toConsumableArray(columnMenuItems), ['ColumnMenuGroupingItem']);
+      return [].concat(_toConsumableArray(columnMenuItems), ['columnMenuGroupingItem']);
     }
     return columnMenuItems;
   }, [props.disableRowGrouping]);

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.0.2
+ * @mui/x-data-grid-premium v6.0.4
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -25,4 +25,4 @@ export * from './models';
 export * from './components';
 export { GridColumnHeaders } from '@mui/x-data-grid-pro';
 export { useGridApiContext, useGridApiRef, useGridRootProps } from './typeOverloads/reexports';
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from './components/reexports';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './components/reexports';

package/legacy/utils/releaseInfo.js

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

package/modern/components/GridPremiumColumnMenu.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { GridGenericColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from '@mui/x-data-grid-pro';
+import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid-pro';
 import { GridColumnMenuAggregationItem } from './GridColumnMenuAggregationItem';
 import { isGroupingColumn } from '../hooks/features/rowGrouping';
 import { GridColumnMenuRowGroupItem } from './GridColumnMenuRowGroupItem';
@@ -19,11 +19,11 @@ export function GridColumnMenuGroupingItem(props) {
   }
   return null;
 }
-export const GRID_COLUMN_MENU_COMPONENTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuAggregationItem: GridColumnMenuAggregationItem,
-  ColumnMenuGroupingItem: GridColumnMenuGroupingItem
+export const GRID_COLUMN_MENU_SLOTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOTS, {
+  columnMenuAggregationItem: GridColumnMenuAggregationItem,
+  columnMenuGroupingItem: GridColumnMenuGroupingItem
 });
-export const GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+export const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuAggregationItem: {
     displayOrder: 23
   },
@@ -35,8 +35,8 @@ const GridPremiumColumnMenu = /*#__PURE__*/React.forwardRef(function GridPremium
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PREMIUM,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PREMIUM,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM
   }));
 });
 process.env.NODE_ENV !== "production" ? GridPremiumColumnMenu.propTypes = {

package/modern/components/reexports.js

@@ -1 +1 @@
-export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM as GRID_COLUMN_MENU_COMPONENTS_PROPS } from './GridPremiumColumnMenu';
+export { GridPremiumColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PREMIUM as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM as GRID_COLUMN_MENU_SLOT_PROPS } from './GridPremiumColumnMenu';

package/modern/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -68,7 +68,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
     if (availableAggregationFunctions.length === 0) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuAggregationItem'];
+    return [...columnMenuItems, 'columnMenuAggregationItem'];
   }, [props.aggregationFunctions, props.disableAggregation]);
   const stateExportPreProcessing = React.useCallback(prevState => {
     if (props.disableAggregation) {

package/modern/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -143,7 +143,7 @@ export const wrapColumnWithAggregationValue = ({
 
     // TODO: Add custom root id
     const groupId = cellAggregationPosition === 'inline' ? id : rowNode.parent ?? '';
-    const aggregationResult = gridAggregationLookupSelector(apiRef)[groupId]?.[field];
+    const aggregationResult = gridAggregationLookupSelector(apiRef)?.[groupId]?.[field];
     if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
       return null;
     }

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

@@ -82,7 +82,7 @@ export const useGridRowGrouping = (apiRef, props) => {
       return columnMenuItems;
     }
     if (isGroupingColumn(colDef.field) || colDef.groupable) {
-      return [...columnMenuItems, 'ColumnMenuGroupingItem'];
+      return [...columnMenuItems, 'columnMenuGroupingItem'];
     }
     return columnMenuItems;
   }, [props.disableRowGrouping]);

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.0.2
+ * @mui/x-data-grid-premium v6.0.4
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -25,4 +25,4 @@ export * from './models';
 export * from './components';
 export { GridColumnHeaders } from '@mui/x-data-grid-pro';
 export { useGridApiContext, useGridApiRef, useGridRootProps } from './typeOverloads/reexports';
-export { GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS } from './components/reexports';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from './components/reexports';

package/modern/utils/releaseInfo.js

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

package/node/components/GridPremiumColumnMenu.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM = exports.GRID_COLUMN_MENU_COMPONENTS_PREMIUM = void 0;
+exports.GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = exports.GRID_COLUMN_MENU_SLOTS_PREMIUM = void 0;
 exports.GridColumnMenuGroupingItem = GridColumnMenuGroupingItem;
 exports.GridPremiumColumnMenu = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -30,12 +30,12 @@ function GridColumnMenuGroupingItem(props) {
   }
   return null;
 }
-const GRID_COLUMN_MENU_COMPONENTS_PREMIUM = (0, _extends2.default)({}, _xDataGridPro.GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuAggregationItem: _GridColumnMenuAggregationItem.GridColumnMenuAggregationItem,
-  ColumnMenuGroupingItem: GridColumnMenuGroupingItem
+const GRID_COLUMN_MENU_SLOTS_PREMIUM = (0, _extends2.default)({}, _xDataGridPro.GRID_COLUMN_MENU_SLOTS, {
+  columnMenuAggregationItem: _GridColumnMenuAggregationItem.GridColumnMenuAggregationItem,
+  columnMenuGroupingItem: GridColumnMenuGroupingItem
 });
-exports.GRID_COLUMN_MENU_COMPONENTS_PREMIUM = GRID_COLUMN_MENU_COMPONENTS_PREMIUM;
-const GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM = (0, _extends2.default)({}, _xDataGridPro.GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+exports.GRID_COLUMN_MENU_SLOTS_PREMIUM = GRID_COLUMN_MENU_SLOTS_PREMIUM;
+const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = (0, _extends2.default)({}, _xDataGridPro.GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuAggregationItem: {
     displayOrder: 23
   },
@@ -43,13 +43,13 @@ const GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM = (0, _extends2.default)({}, _xD
     displayOrder: 27
   }
 });
-exports.GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM = GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM;
+exports.GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM;
 const GridPremiumColumnMenu = /*#__PURE__*/React.forwardRef(function GridPremiumColumnMenuSimple(props, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGridPro.GridGenericColumnMenu, (0, _extends2.default)({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PREMIUM,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PREMIUM,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM
   }));
 });
 exports.GridPremiumColumnMenu = GridPremiumColumnMenu;

package/node/components/reexports.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS", {
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOTS", {
   enumerable: true,
   get: function () {
-    return _GridPremiumColumnMenu.GRID_COLUMN_MENU_COMPONENTS_PREMIUM;
+    return _GridPremiumColumnMenu.GRID_COLUMN_MENU_SLOTS_PREMIUM;
   }
 });
-Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS_PROPS", {
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOT_PROPS", {
   enumerable: true,
   get: function () {
-    return _GridPremiumColumnMenu.GRID_COLUMN_MENU_COMPONENTS_PROPS_PREMIUM;
+    return _GridPremiumColumnMenu.GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM;
   }
 });
 Object.defineProperty(exports, "GridColumnMenu", {

package/node/hooks/features/aggregation/useGridAggregationPreProcessors.js

@@ -77,7 +77,7 @@ const useGridAggregationPreProcessors = (apiRef, props) => {
     if (availableAggregationFunctions.length === 0) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuAggregationItem'];
+    return [...columnMenuItems, 'columnMenuAggregationItem'];
   }, [props.aggregationFunctions, props.disableAggregation]);
   const stateExportPreProcessing = React.useCallback(prevState => {
     if (props.disableAggregation) {

package/node/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -152,7 +152,7 @@ const wrapColumnWithAggregationValue = ({
 
     // TODO: Add custom root id
     const groupId = cellAggregationPosition === 'inline' ? id : rowNode.parent ?? '';
-    const aggregationResult = (0, _gridAggregationSelectors.gridAggregationLookupSelector)(apiRef)[groupId]?.[field];
+    const aggregationResult = (0, _gridAggregationSelectors.gridAggregationLookupSelector)(apiRef)?.[groupId]?.[field];
     if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
       return null;
     }

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

@@ -92,7 +92,7 @@ const useGridRowGrouping = (apiRef, props) => {
       return columnMenuItems;
     }
     if ((0, _gridRowGroupingUtils.isGroupingColumn)(colDef.field) || colDef.groupable) {
-      return [...columnMenuItems, 'ColumnMenuGroupingItem'];
+      return [...columnMenuItems, 'columnMenuGroupingItem'];
     }
     return columnMenuItems;
   }, [props.disableRowGrouping]);

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.0.2
+ * @mui/x-data-grid-premium v6.0.4
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -17,19 +17,19 @@ var _exportNames = {
   useGridApiRef: true,
   useGridRootProps: true,
   GridColumnMenu: true,
-  GRID_COLUMN_MENU_COMPONENTS: true,
-  GRID_COLUMN_MENU_COMPONENTS_PROPS: true
+  GRID_COLUMN_MENU_SLOTS: true,
+  GRID_COLUMN_MENU_SLOT_PROPS: true
 };
-Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS", {
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOTS", {
   enumerable: true,
   get: function () {
-    return _reexports2.GRID_COLUMN_MENU_COMPONENTS;
+    return _reexports2.GRID_COLUMN_MENU_SLOTS;
   }
 });
-Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS_PROPS", {
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOT_PROPS", {
   enumerable: true,
   get: function () {
-    return _reexports2.GRID_COLUMN_MENU_COMPONENTS_PROPS;
+    return _reexports2.GRID_COLUMN_MENU_SLOT_PROPS;
   }
 });
 Object.defineProperty(exports, "GridColumnHeaders", {

package/node/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY3ODkxNzYwMDAwMA==";
+  const releaseInfo = "MTY4MDEyNzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "6.0.2",
+  "version": "6.0.4",
   "description": "The Premium plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,11 +31,11 @@
     "directory": "packages/grid/x-data-grid-premium"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.13",
+    "@babel/runtime": "^7.21.0",
     "@mui/utils": "^5.11.13",
-    "@mui/x-data-grid": "6.0.2",
-    "@mui/x-data-grid-pro": "6.0.2",
-    "@mui/x-license-pro": "6.0.2",
+    "@mui/x-data-grid": "6.0.4",
+    "@mui/x-data-grid-pro": "6.0.4",
+    "@mui/x-license-pro": "6.0.3",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",
     "exceljs": "^4.3.0",

package/utils/releaseInfo.js

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