@mui/x-data-grid-pro 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/DataGridProVirtualScroller.js

@@ -110,11 +110,11 @@ const VirtualScrollerPinnedColumns = styled('div', {
     borderLeftStyle: 'solid'
   });
 });
-var PinnedRowsPosition;
-(function (PinnedRowsPosition) {
+var PinnedRowsPosition = /*#__PURE__*/function (PinnedRowsPosition) {
   PinnedRowsPosition["top"] = "top";
   PinnedRowsPosition["bottom"] = "bottom";
-})(PinnedRowsPosition || (PinnedRowsPosition = {}));
+  return PinnedRowsPosition;
+}(PinnedRowsPosition || {});
 const VirtualScrollerPinnedRows = styled('div', {
   name: 'MuiDataGrid',
   slot: 'PinnedRows',

package/components/GridProColumnMenu.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { GridColumnMenuProps } from '@mui/x-data-grid';
 import { GridColumnMenuPinningItem } from './GridColumnMenuPinningItem';
-export declare const GRID_COLUMN_MENU_COMPONENTS_PRO: {
-    ColumnMenuPinningItem: typeof 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_PRO: {
+    columnMenuPinningItem: typeof 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_PRO: {
+export declare const GRID_COLUMN_MENU_SLOT_PROPS_PRO: {
     columnMenuPinningItem: {
         displayOrder: number;
     };

package/components/GridProColumnMenu.js

@@ -1,13 +1,13 @@
 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';
+import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid';
 import { GridColumnMenuPinningItem } from './GridColumnMenuPinningItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const GRID_COLUMN_MENU_COMPONENTS_PRO = _extends({}, GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuPinningItem: GridColumnMenuPinningItem
+export const GRID_COLUMN_MENU_SLOTS_PRO = _extends({}, GRID_COLUMN_MENU_SLOTS, {
+  columnMenuPinningItem: GridColumnMenuPinningItem
 });
-export const GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO = _extends({}, GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+export const GRID_COLUMN_MENU_SLOT_PROPS_PRO = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuPinningItem: {
     displayOrder: 15
   }
@@ -16,8 +16,8 @@ const GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMe
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PRO,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PRO,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PRO
   }));
 });
 process.env.NODE_ENV !== "production" ? GridProColumnMenu.propTypes = {

package/components/reexports.d.ts

@@ -1 +1 @@
-export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PRO as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO as GRID_COLUMN_MENU_COMPONENTS_PROPS, } from './GridProColumnMenu';
+export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS, } from './GridProColumnMenu';

package/components/reexports.js

@@ -1 +1 @@
-export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PRO as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO as GRID_COLUMN_MENU_COMPONENTS_PROPS } from './GridProColumnMenu';
+export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS } from './GridProColumnMenu';

package/hooks/features/columnPinning/gridColumnPinningInterface.js

@@ -1,9 +1,9 @@
-var GridPinnedPosition;
+var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+  GridPinnedPosition["left"] = "left";
+  GridPinnedPosition["right"] = "right";
+  return GridPinnedPosition;
+}(GridPinnedPosition || {});
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
  */
-(function (GridPinnedPosition) {
-  GridPinnedPosition["left"] = "left";
-  GridPinnedPosition["right"] = "right";
-})(GridPinnedPosition || (GridPinnedPosition = {}));
 export { GridPinnedPosition };

package/hooks/features/columnPinning/useGridColumnPinning.js

@@ -118,7 +118,7 @@ export const useGridColumnPinning = (apiRef, props) => {
     if (colDef.pinnable === false) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuPinningItem'];
+    return [...columnMenuItems, 'columnMenuPinningItem'];
   }, [props.disableColumnPinning]);
   const checkIfCanBeReordered = React.useCallback((initialValue, {
     targetIndex

package/hooks/features/columnReorder/useGridColumnReorder.js

@@ -154,8 +154,8 @@ export const useGridColumnReorder = (apiRef, props) => {
       const visibleColumns = apiRef.current.getVisibleColumns();
       const allColumns = apiRef.current.getAllColumns();
       const cursorMoveDirectionX = getCursorMoveDirectionX(cursorPosition.current, coordinates);
-      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex;
-      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex;
+      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
+      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
       if (hasMovedLeft || hasMovedRight) {
         let canBeReordered;
         let indexOffsetInHiddenColumns = 0;

package/hooks/features/detailPanel/useGridDetailPanelPreProcessors.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { gridClasses } from '@mui/x-data-grid';
 import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from './gridDetailPanelToggleColDef';
 import { gridDetailPanelExpandedRowIdsSelector } from './gridDetailPanelSelector';
@@ -35,7 +36,7 @@ export const useGridDetailPanelPreProcessors = (privateApiRef, props) => {
     if (!expandedRowIds.includes(id)) {
       return classes;
     }
-    return [...classes, 'MuiDataGrid-row--detailPanelExpanded'];
+    return [...classes, gridClasses['row--detailPanelExpanded']];
   }, [privateApiRef, props.getDetailPanelContent]);
   useGridRegisterPipeProcessor(privateApiRef, 'hydrateColumns', addToggleColumn);
   useGridRegisterPipeProcessor(privateApiRef, 'rowClassName', addExpandedClassToRow);

package/index.d.ts

@@ -17,5 +17,5 @@ export * from './utils';
 export type { DataGridProProps, GridExperimentalProFeatures } from './models/dataGridProProps';
 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';
 export { GridColumnHeaders } from './components/GridColumnHeaders';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.0.2
+ * @mui/x-data-grid-pro v6.0.4
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -21,5 +21,5 @@ export * from './models';
 export * from './components';
 export * from './utils';
 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';
 export { GridColumnHeaders } from './components/GridColumnHeaders';

package/legacy/components/DataGridProVirtualScroller.js

@@ -114,11 +114,11 @@ var VirtualScrollerPinnedColumns = styled('div', {
     borderLeftStyle: 'solid'
   });
 });
-var PinnedRowsPosition;
-(function (PinnedRowsPosition) {
+var PinnedRowsPosition = /*#__PURE__*/function (PinnedRowsPosition) {
   PinnedRowsPosition["top"] = "top";
   PinnedRowsPosition["bottom"] = "bottom";
-})(PinnedRowsPosition || (PinnedRowsPosition = {}));
+  return PinnedRowsPosition;
+}(PinnedRowsPosition || {});
 var VirtualScrollerPinnedRows = styled('div', {
   name: 'MuiDataGrid',
   slot: 'PinnedRows',

package/legacy/components/GridProColumnMenu.js

@@ -1,13 +1,13 @@
 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';
+import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid';
 import { GridColumnMenuPinningItem } from './GridColumnMenuPinningItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var GRID_COLUMN_MENU_COMPONENTS_PRO = _extends({}, GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuPinningItem: GridColumnMenuPinningItem
+export var GRID_COLUMN_MENU_SLOTS_PRO = _extends({}, GRID_COLUMN_MENU_SLOTS, {
+  columnMenuPinningItem: GridColumnMenuPinningItem
 });
-export var GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO = _extends({}, GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+export var GRID_COLUMN_MENU_SLOT_PROPS_PRO = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuPinningItem: {
     displayOrder: 15
   }
@@ -16,8 +16,8 @@ var GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMenu
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PRO,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PRO,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PRO
   }));
 });
 process.env.NODE_ENV !== "production" ? GridProColumnMenu.propTypes = {

package/legacy/components/reexports.js

@@ -1 +1 @@
-export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PRO as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO as GRID_COLUMN_MENU_COMPONENTS_PROPS } from './GridProColumnMenu';
+export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS } from './GridProColumnMenu';

package/legacy/hooks/features/columnPinning/gridColumnPinningInterface.js

@@ -1,9 +1,9 @@
-var GridPinnedPosition;
+var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+  GridPinnedPosition["left"] = "left";
+  GridPinnedPosition["right"] = "right";
+  return GridPinnedPosition;
+}(GridPinnedPosition || {});
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
  */
-(function (GridPinnedPosition) {
-  GridPinnedPosition["left"] = "left";
-  GridPinnedPosition["right"] = "right";
-})(GridPinnedPosition || (GridPinnedPosition = {}));
 export { GridPinnedPosition };

package/legacy/hooks/features/columnPinning/useGridColumnPinning.js

@@ -128,7 +128,7 @@ export var useGridColumnPinning = function useGridColumnPinning(apiRef, props) {
     if (colDef.pinnable === false) {
       return columnMenuItems;
     }
-    return [].concat(_toConsumableArray(columnMenuItems), ['ColumnMenuPinningItem']);
+    return [].concat(_toConsumableArray(columnMenuItems), ['columnMenuPinningItem']);
   }, [props.disableColumnPinning]);
   var checkIfCanBeReordered = React.useCallback(function (initialValue, _ref) {
     var targetIndex = _ref.targetIndex;

package/legacy/hooks/features/columnReorder/useGridColumnReorder.js

@@ -161,8 +161,8 @@ export var useGridColumnReorder = function useGridColumnReorder(apiRef, props) {
       var visibleColumns = apiRef.current.getVisibleColumns();
       var allColumns = apiRef.current.getAllColumns();
       var cursorMoveDirectionX = getCursorMoveDirectionX(cursorPosition.current, coordinates);
-      var hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex;
-      var hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex;
+      var hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
+      var hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
       if (hasMovedLeft || hasMovedRight) {
         var canBeReordered;
         var indexOffsetInHiddenColumns = 0;

package/legacy/hooks/features/detailPanel/useGridDetailPanelPreProcessors.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import * as React from 'react';
+import { gridClasses } from '@mui/x-data-grid';
 import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from './gridDetailPanelToggleColDef';
 import { gridDetailPanelExpandedRowIdsSelector } from './gridDetailPanelSelector';
@@ -38,7 +39,7 @@ export var useGridDetailPanelPreProcessors = function useGridDetailPanelPreProce
     if (!expandedRowIds.includes(id)) {
       return classes;
     }
-    return [].concat(_toConsumableArray(classes), ['MuiDataGrid-row--detailPanelExpanded']);
+    return [].concat(_toConsumableArray(classes), [gridClasses['row--detailPanelExpanded']]);
   }, [privateApiRef, props.getDetailPanelContent]);
   useGridRegisterPipeProcessor(privateApiRef, 'hydrateColumns', addToggleColumn);
   useGridRegisterPipeProcessor(privateApiRef, 'rowClassName', addExpandedClassToRow);

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.0.2
+ * @mui/x-data-grid-pro v6.0.4
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -21,5 +21,5 @@ export * from './models';
 export * from './components';
 export * from './utils';
 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';
 export { GridColumnHeaders } from './components/GridColumnHeaders';

package/legacy/utils/domUtils.js

@@ -11,7 +11,7 @@ export function findGroupHeaderElementsFromField(elem, field) {
   return Array.from((_elem$querySelectorAl = elem.querySelectorAll("[data-fields*=\"|-".concat(field, "-|\"]"))) != null ? _elem$querySelectorAl : []);
 }
 export function findGridCellElementsFromCol(col, api) {
-  var root = findParentElementFromClassName(col, 'MuiDataGrid-root');
+  var root = findParentElementFromClassName(col, gridClasses.root);
   if (!root) {
     throw new Error('MUI: The root element is not found.');
   }

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/DataGridProVirtualScroller.js

@@ -108,11 +108,11 @@ const VirtualScrollerPinnedColumns = styled('div', {
     borderLeftStyle: 'solid'
   });
 });
-var PinnedRowsPosition;
-(function (PinnedRowsPosition) {
+var PinnedRowsPosition = /*#__PURE__*/function (PinnedRowsPosition) {
   PinnedRowsPosition["top"] = "top";
   PinnedRowsPosition["bottom"] = "bottom";
-})(PinnedRowsPosition || (PinnedRowsPosition = {}));
+  return PinnedRowsPosition;
+}(PinnedRowsPosition || {});
 const VirtualScrollerPinnedRows = styled('div', {
   name: 'MuiDataGrid',
   slot: 'PinnedRows',

package/modern/components/GridProColumnMenu.js

@@ -1,13 +1,13 @@
 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';
+import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid';
 import { GridColumnMenuPinningItem } from './GridColumnMenuPinningItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const GRID_COLUMN_MENU_COMPONENTS_PRO = _extends({}, GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuPinningItem: GridColumnMenuPinningItem
+export const GRID_COLUMN_MENU_SLOTS_PRO = _extends({}, GRID_COLUMN_MENU_SLOTS, {
+  columnMenuPinningItem: GridColumnMenuPinningItem
 });
-export const GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO = _extends({}, GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+export const GRID_COLUMN_MENU_SLOT_PROPS_PRO = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuPinningItem: {
     displayOrder: 15
   }
@@ -16,8 +16,8 @@ const GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMe
   return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PRO,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PRO,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PRO
   }));
 });
 process.env.NODE_ENV !== "production" ? GridProColumnMenu.propTypes = {

package/modern/components/reexports.js

@@ -1 +1 @@
-export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_COMPONENTS_PRO as GRID_COLUMN_MENU_COMPONENTS, GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO as GRID_COLUMN_MENU_COMPONENTS_PROPS } from './GridProColumnMenu';
+export { GridProColumnMenu as GridColumnMenu, GRID_COLUMN_MENU_SLOTS_PRO as GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS_PRO as GRID_COLUMN_MENU_SLOT_PROPS } from './GridProColumnMenu';

package/modern/hooks/features/columnPinning/gridColumnPinningInterface.js

@@ -1,9 +1,9 @@
-var GridPinnedPosition;
+var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+  GridPinnedPosition["left"] = "left";
+  GridPinnedPosition["right"] = "right";
+  return GridPinnedPosition;
+}(GridPinnedPosition || {});
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
  */
-(function (GridPinnedPosition) {
-  GridPinnedPosition["left"] = "left";
-  GridPinnedPosition["right"] = "right";
-})(GridPinnedPosition || (GridPinnedPosition = {}));
 export { GridPinnedPosition };

package/modern/hooks/features/columnPinning/useGridColumnPinning.js

@@ -114,7 +114,7 @@ export const useGridColumnPinning = (apiRef, props) => {
     if (colDef.pinnable === false) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuPinningItem'];
+    return [...columnMenuItems, 'columnMenuPinningItem'];
   }, [props.disableColumnPinning]);
   const checkIfCanBeReordered = React.useCallback((initialValue, {
     targetIndex

package/modern/hooks/features/columnReorder/useGridColumnReorder.js

@@ -152,8 +152,8 @@ export const useGridColumnReorder = (apiRef, props) => {
       const visibleColumns = apiRef.current.getVisibleColumns();
       const allColumns = apiRef.current.getAllColumns();
       const cursorMoveDirectionX = getCursorMoveDirectionX(cursorPosition.current, coordinates);
-      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex;
-      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex;
+      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
+      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
       if (hasMovedLeft || hasMovedRight) {
         let canBeReordered;
         let indexOffsetInHiddenColumns = 0;

package/modern/hooks/features/detailPanel/useGridDetailPanelPreProcessors.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { gridClasses } from '@mui/x-data-grid';
 import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from './gridDetailPanelToggleColDef';
 import { gridDetailPanelExpandedRowIdsSelector } from './gridDetailPanelSelector';
@@ -35,7 +36,7 @@ export const useGridDetailPanelPreProcessors = (privateApiRef, props) => {
     if (!expandedRowIds.includes(id)) {
       return classes;
     }
-    return [...classes, 'MuiDataGrid-row--detailPanelExpanded'];
+    return [...classes, gridClasses['row--detailPanelExpanded']];
   }, [privateApiRef, props.getDetailPanelContent]);
   useGridRegisterPipeProcessor(privateApiRef, 'hydrateColumns', addToggleColumn);
   useGridRegisterPipeProcessor(privateApiRef, 'rowClassName', addExpandedClassToRow);

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.0.2
+ * @mui/x-data-grid-pro v6.0.4
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -21,5 +21,5 @@ export * from './models';
 export * from './components';
 export * from './utils';
 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';
 export { GridColumnHeaders } from './components/GridColumnHeaders';

package/modern/utils/domUtils.js

@@ -10,7 +10,7 @@ export function findGroupHeaderElementsFromField(elem, field) {
   return Array.from(elem.querySelectorAll(`[data-fields*="|-${field}-|"]`) ?? []);
 }
 export function findGridCellElementsFromCol(col, api) {
-  const root = findParentElementFromClassName(col, 'MuiDataGrid-root');
+  const root = findParentElementFromClassName(col, gridClasses.root);
   if (!root) {
     throw new Error('MUI: The root element is not found.');
   }

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/DataGridProVirtualScroller.js

@@ -117,11 +117,11 @@ const VirtualScrollerPinnedColumns = (0, _styles.styled)('div', {
     borderLeftStyle: 'solid'
   });
 });
-var PinnedRowsPosition;
-(function (PinnedRowsPosition) {
+var PinnedRowsPosition = /*#__PURE__*/function (PinnedRowsPosition) {
   PinnedRowsPosition["top"] = "top";
   PinnedRowsPosition["bottom"] = "bottom";
-})(PinnedRowsPosition || (PinnedRowsPosition = {}));
+  return PinnedRowsPosition;
+}(PinnedRowsPosition || {});
 const VirtualScrollerPinnedRows = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'PinnedRows',

package/node/components/GridProColumnMenu.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridProColumnMenu = exports.GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO = exports.GRID_COLUMN_MENU_COMPONENTS_PRO = void 0;
+exports.GridProColumnMenu = exports.GRID_COLUMN_MENU_SLOT_PROPS_PRO = exports.GRID_COLUMN_MENU_SLOTS_PRO = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -13,22 +13,22 @@ var _GridColumnMenuPinningItem = require("./GridColumnMenuPinningItem");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const GRID_COLUMN_MENU_COMPONENTS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_COMPONENTS, {
-  ColumnMenuPinningItem: _GridColumnMenuPinningItem.GridColumnMenuPinningItem
+const GRID_COLUMN_MENU_SLOTS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOTS, {
+  columnMenuPinningItem: _GridColumnMenuPinningItem.GridColumnMenuPinningItem
 });
-exports.GRID_COLUMN_MENU_COMPONENTS_PRO = GRID_COLUMN_MENU_COMPONENTS_PRO;
-const GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_COMPONENTS_PROPS, {
+exports.GRID_COLUMN_MENU_SLOTS_PRO = GRID_COLUMN_MENU_SLOTS_PRO;
+const GRID_COLUMN_MENU_SLOT_PROPS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuPinningItem: {
     displayOrder: 15
   }
 });
-exports.GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO = GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO;
+exports.GRID_COLUMN_MENU_SLOT_PROPS_PRO = GRID_COLUMN_MENU_SLOT_PROPS_PRO;
 const GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMenu(props, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridGenericColumnMenu, (0, _extends2.default)({
     ref: ref
   }, props, {
-    defaultComponents: GRID_COLUMN_MENU_COMPONENTS_PRO,
-    defaultComponentsProps: GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO
+    defaultSlots: GRID_COLUMN_MENU_SLOTS_PRO,
+    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PRO
   }));
 });
 exports.GridProColumnMenu = GridProColumnMenu;

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 _GridProColumnMenu.GRID_COLUMN_MENU_COMPONENTS_PRO;
+    return _GridProColumnMenu.GRID_COLUMN_MENU_SLOTS_PRO;
   }
 });
-Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS_PROPS", {
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOT_PROPS", {
   enumerable: true,
   get: function () {
-    return _GridProColumnMenu.GRID_COLUMN_MENU_COMPONENTS_PROPS_PRO;
+    return _GridProColumnMenu.GRID_COLUMN_MENU_SLOT_PROPS_PRO;
   }
 });
 Object.defineProperty(exports, "GridColumnMenu", {

package/node/hooks/features/columnPinning/gridColumnPinningInterface.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridPinnedPosition = void 0;
-var GridPinnedPosition;
+var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+  GridPinnedPosition["left"] = "left";
+  GridPinnedPosition["right"] = "right";
+  return GridPinnedPosition;
+}(GridPinnedPosition || {});
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
  */
-exports.GridPinnedPosition = GridPinnedPosition;
-(function (GridPinnedPosition) {
-  GridPinnedPosition["left"] = "left";
-  GridPinnedPosition["right"] = "right";
-})(GridPinnedPosition || (exports.GridPinnedPosition = GridPinnedPosition = {}));
+exports.GridPinnedPosition = GridPinnedPosition;

package/node/hooks/features/columnPinning/useGridColumnPinning.js

@@ -124,7 +124,7 @@ const useGridColumnPinning = (apiRef, props) => {
     if (colDef.pinnable === false) {
       return columnMenuItems;
     }
-    return [...columnMenuItems, 'ColumnMenuPinningItem'];
+    return [...columnMenuItems, 'columnMenuPinningItem'];
   }, [props.disableColumnPinning]);
   const checkIfCanBeReordered = React.useCallback((initialValue, {
     targetIndex

package/node/hooks/features/columnReorder/useGridColumnReorder.js

@@ -162,8 +162,8 @@ const useGridColumnReorder = (apiRef, props) => {
       const visibleColumns = apiRef.current.getVisibleColumns();
       const allColumns = apiRef.current.getAllColumns();
       const cursorMoveDirectionX = getCursorMoveDirectionX(cursorPosition.current, coordinates);
-      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex;
-      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex;
+      const hasMovedLeft = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_LEFT && (theme.direction === 'rtl' ? dragColIndex < targetColIndex : targetColIndex < dragColIndex);
+      const hasMovedRight = cursorMoveDirectionX === CURSOR_MOVE_DIRECTION_RIGHT && (theme.direction === 'rtl' ? targetColIndex < dragColIndex : dragColIndex < targetColIndex);
       if (hasMovedLeft || hasMovedRight) {
         let canBeReordered;
         let indexOffsetInHiddenColumns = 0;

package/node/hooks/features/detailPanel/useGridDetailPanelPreProcessors.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGridDetailPanelPreProcessors = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
 var _gridDetailPanelToggleColDef = require("./gridDetailPanelToggleColDef");
 var _gridDetailPanelSelector = require("./gridDetailPanelSelector");
@@ -44,7 +45,7 @@ const useGridDetailPanelPreProcessors = (privateApiRef, props) => {
     if (!expandedRowIds.includes(id)) {
       return classes;
     }
-    return [...classes, 'MuiDataGrid-row--detailPanelExpanded'];
+    return [...classes, _xDataGrid.gridClasses['row--detailPanelExpanded']];
   }, [privateApiRef, props.getDetailPanelContent]);
   (0, _internals.useGridRegisterPipeProcessor)(privateApiRef, 'hydrateColumns', addToggleColumn);
   (0, _internals.useGridRegisterPipeProcessor)(privateApiRef, 'rowClassName', addExpandedClassToRow);

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.0.2
+ * @mui/x-data-grid-pro v6.0.4
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -16,20 +16,20 @@ 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,
   GridColumnHeaders: 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/domUtils.js

@@ -19,7 +19,7 @@ function findGroupHeaderElementsFromField(elem, field) {
   return Array.from(elem.querySelectorAll(`[data-fields*="|-${field}-|"]`) ?? []);
 }
 function findGridCellElementsFromCol(col, api) {
-  const root = (0, _internals.findParentElementFromClassName)(col, 'MuiDataGrid-root');
+  const root = (0, _internals.findParentElementFromClassName)(col, _xDataGrid.gridClasses.root);
   if (!root) {
     throw new Error('MUI: The root element is not found.');
   }

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-pro",
-  "version": "6.0.2",
+  "version": "6.0.4",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,10 +31,10 @@
     "directory": "packages/grid/x-data-grid-pro"
   },
   "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-license-pro": "6.0.2",
+    "@mui/x-data-grid": "6.0.4",
+    "@mui/x-license-pro": "6.0.3",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",

package/utils/domUtils.js

@@ -11,7 +11,7 @@ export function findGroupHeaderElementsFromField(elem, field) {
   return Array.from((_elem$querySelectorAl = elem.querySelectorAll(`[data-fields*="|-${field}-|"]`)) != null ? _elem$querySelectorAl : []);
 }
 export function findGridCellElementsFromCol(col, api) {
-  const root = findParentElementFromClassName(col, 'MuiDataGrid-root');
+  const root = findParentElementFromClassName(col, gridClasses.root);
   if (!root) {
     throw new Error('MUI: The root element is not found.');
   }

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