@mui/x-data-grid-pro 6.0.3 → 6.1.0

package/CHANGELOG.md

@@ -3,6 +3,125 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.1.0
+
+_Apr 7, 2023_
+
+We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Catalan (ca-ES), Kazakh (kz-KZ) and improve Spanish (es-ES), Dutch (nl-NL), Hebrew (he-IL), Hungarian (hu-HU), Japanese (ja-JP), Portuguese (pt-BR), and Russian (ru-RU) locales
+- ✨ Allow to control visibility of columns shown in the columns panel (#8401) @MBilalShafi
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.1.0` / `@mui/x-data-grid-pro@v6.1.0` / `@mui/x-data-grid-premium@v6.1.0`
+
+#### Changes
+
+- [DataGrid] Allow to control visibility of columns shown in the `ColumnsPanel` component (#8401) @MBilalShafi
+- [DataGrid] Fix filters with empty array value not being removed from the filter model (#8501) @cherniavskii
+- [DataGrid] Fix memory leaks in development (#8301) @cherniavskii
+- [DataGrid] Sync `date` column value when entering edit mode by pressing a digit (#8364) @m4theushw
+- [DataGrid] Wrap column menu button with a tooltip (#7890) @cherniavskii
+- [l10n] Improve Dutch (nl-NL) locale (#8491) @thedutchruben
+- [l10n] Improve Hungarian (hu-HU) locale (#8486) @PetakCC
+- [l10n] Improve Japanese (ja-JP) locale (#8462) @megos
+- [l10n] Improve Portuguese (pt-BR) locale (#8480) @pwnedev
+- [l10n] Improve Russian (ru-RU) locale (#8510) @alexrapro
+
+### `@mui/x-date-pickers@v6.1.0` / `@mui/x-date-pickers-pro@v6.1.0`
+
+#### Changes
+
+- [fields] Fix RTL navigation (#8490) @alexfauquette
+- [fields] Fix usage of `slotProps.textField.InputProps` (#8428) @flaviendelangle
+- [pickers] Fix `componentsProps.dialog` propagation (#8509) @LukasTy
+- [pickers] Move `hasError` from `fieldValueManager` to `valueManager` (#8453) @flaviendelangle
+- [pickers] Move the adapters interfaces to the X repository (#8412) @flaviendelangle
+- [pickers] Update peer dependency versions (#8531) @LukasTy
+- [pickers] Fix `isValid` regression (#8543) @LukasTy
+- [l10n] Add Catalan (Spain) (ca-ES) and improve Spanish (es-ES) locales (#8498) @makenshikuro
+- [l10n] Add Kazakh (kz-KZ) locale (#8451) @zhunus
+- [l10n] Improve Dutch (nl-NL) locale (#8491) @thedutchruben
+- [l10n] Improve Hebrew (he-IL) locale (#8464) @soris1989
+- [l10n] Improve Japanese (ja-JP) locale (#8462) @megos
+- [l10n] Improve Portuguese (pt-BR) locale (#8480) @pwnedev
+
+### Docs
+
+- [docs] Fix 301 redirect (#8524) @alexfauquette
+- [docs] Fix 404 links (#8454) @alexfauquette
+- [docs] Fix broken API reference link (#8460) @oliviertassinari
+
+### Core
+
+- [core] Avoid 301 links (#8383) @oliviertassinari
+- [core] Fix the l10n helper by using danger instead of actions (#8512) @alexfauquette
+- [core] Help contributors for l10n PRs (#8503) @alexfauquette
+- [core] Remove legacy token (#8457) @oliviertassinari
+- [charts] Add a styling system (#8445) @alexfauquette
+
+## 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_

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/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/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.3
+ * @mui/x-data-grid-pro v6.1.0
  *
  * @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/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/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/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.3
+ * @mui/x-data-grid-pro v6.1.0
  *
  * @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/typeOverloads/reexports.js

@@ -4,4 +4,12 @@ export { useGridRootProps } from '../hooks/utils/useGridRootProps';
 
 /**
  * The full grid API.
+ */
+
+/**
+ * The state of `DataGridPro`.
+ */
+
+/**
+ * The initial state of `DataGridPro`.
  */

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 = "MTY3OTUyNjAwMDAwMA==";
+  var releaseInfo = "MTY4MTA3NDAwMDAwMA==";
   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/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/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/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.3
+ * @mui/x-data-grid-pro v6.1.0
  *
  * @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/typeOverloads/reexports.js

@@ -4,4 +4,12 @@ export { useGridRootProps } from '../hooks/utils/useGridRootProps';
 
 /**
  * The full grid API.
+ */
+
+/**
+ * The state of `DataGridPro`.
+ */
+
+/**
+ * The initial state of `DataGridPro`.
  */

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 = "MTY3OTUyNjAwMDAwMA==";
+  const releaseInfo = "MTY4MTA3NDAwMDAwMA==";
   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/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/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/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.3
+ * @mui/x-data-grid-pro v6.1.0
  *
  * @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 = "MTY3OTUyNjAwMDAwMA==";
+  const releaseInfo = "MTY4MTA3NDAwMDAwMA==";
   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.3",
+  "version": "6.1.0",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,8 +33,8 @@
   "dependencies": {
     "@babel/runtime": "^7.21.0",
     "@mui/utils": "^5.11.13",
-    "@mui/x-data-grid": "6.0.3",
-    "@mui/x-license-pro": "6.0.3",
+    "@mui/x-data-grid": "6.1.0",
+    "@mui/x-license-pro": "6.0.4",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",

package/typeOverloads/reexports.js

@@ -4,4 +4,12 @@ export { useGridRootProps } from '../hooks/utils/useGridRootProps';
 
 /**
  * The full grid API.
+ */
+
+/**
+ * The state of `DataGridPro`.
+ */
+
+/**
+ * The initial state of `DataGridPro`.
  */

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 = "MTY3OTUyNjAwMDAwMA==";
+  const releaseInfo = "MTY4MTA3NDAwMDAwMA==";
   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