@mui/x-data-grid-premium 8.4.0 → 8.5.0

package/CHANGELOG.md

@@ -5,6 +5,109 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.5.0
+
+_May 29, 2025_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Add support for exporting `RadarChartPro`, `FunnelChart` and `Heatmap` as image and PDF.
+- 📊 `RadarChart` is now stable.
+
+Special thanks go out to the community members for their valuable contributions:
+@xBlizZer, @sai6855, @alisasanib.
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @oliviertassinari.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.5.0`
+
+- [DataGrid] Avoid ResizeObserver loop error (#17984) @cherniavskii
+- [DataGrid] Fix column management `toggleColumn` event type (#18023) @KenanYusuf
+- [DataGrid] Remove unnecessary `any` type (#17979) @sai6855
+
+#### `@mui/x-data-grid-pro@8.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.5.0`, plus:
+
+- [DataGridPro] Allow multi sorting without modifier key (#17925) @cherniavskii
+- [DataGridPro] Row reordering icon improvements (#17947) @KenanYusuf
+- [DataGridPro] Fix pinned columns order in column management (#17950) @alisasanib
+
+#### `@mui/x-data-grid-premium@8.5.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.5.0`, plus:
+
+- [DataGridPremium] Export `GridApiPremium` type (#18037) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.5.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.5.0`, plus:
+
+- [DateRangePicker] Allow to override the format in the field (#17972) @flaviendelangle
+
+### Charts
+
+#### `@mui/x-charts@8.5.0`
+
+- [charts] Add `render` prop to charts toolbar components (#17649) @bernardobelchior
+- [charts] Add configurable slots to toolbar (#17712) @bernardobelchior
+- [charts] Export `useFunnelSeries` and `useRadarSeries` (#18034) @JCQuintas
+- [charts] Expose `ChartApi` through context (#18004) @bernardobelchior
+- [charts] Mark Radar chart as stable (#17946) @alexfauquette
+- [charts] Only update store if interaction item is different (#17851) @bernardobelchior
+- [charts] Reuse shared date utils (#18014) @JCQuintas
+- [charts] Use Map for string cache instead of object (#17982) @bernardobelchior
+- [charts] Fix Population pyramid demo (#17987) @oliviertassinari
+
+#### `@mui/x-charts-pro@8.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.5.0`, plus:
+
+- [charts-pro] Add range selection to zoom slider (#17949) @bernardobelchior
+- [charts-pro] Allow configuring zoom slider tooltip (#18030) @bernardobelchior
+- [charts-pro] Allow exporting a funnel chart (#17957) @bernardobelchior
+- [charts-pro] Allow exporting a heatmap chart (#17916) @bernardobelchior
+- [charts-pro] Allow exporting a radar chart (#17968) @bernardobelchior
+- [charts-pro] Always show both zoom slider tooltips (#18027) @bernardobelchior
+- [charts-pro] Show zoom slider tooltip when selecting range (#18028) @bernardobelchior
+- [charts-pro] Split `ChartAxisZoomSlider` into smaller files (#18011) @bernardobelchior
+- [charts-pro] Update zoom slider range selection cursor (#17977) @bernardobelchior
+- [charts-pro] Add support for Heatmap legend (#17943) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@8.5.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.5.0`.
+
+### Docs
+
+- [docs] Fix derived column pivoting demo crash (#17944) @arminmeh
+- [docs] Fix light/dark mode blink on pickers overview (#18002) @alexfauquette
+- [docs] Fix scatter shape demo causing horizontal overflow (#17974) @bernardobelchior
+
+### Core
+
+- [code-infra] Add bundle size monitor (#17754) @Janpot
+- [code-infra] Enable `babel-plugin-display-name` in vitest (#17903) @JCQuintas
+- [infra] Remove last deprecated `ponyfillGlobal` usage (#18003) @LukasTy
+- [infra] Use `babel-plugin-display-name` from npm (#18040) @LukasTy
+- [x-telemetry] Remove deprecated `ponyfillGlobal` (#17986) @xBlizZer
+
 ## 8.4.0
 
 _May 21, 2025_

package/DataGridPremium/DataGridPremium.js

@@ -40,7 +40,7 @@ const configuration = {
     }
   }
 };
-const releaseInfo = "MTc0Nzc3ODQwMDAwMA==";
+const releaseInfo = "MTc0ODQ2OTYwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
@@ -76,6 +76,7 @@ const DataGridPremiumRaw = (0, _forwardRef.forwardRef)(function DataGridPremium(
     }))
   });
 });
+if (process.env.NODE_ENV !== "production") DataGridPremiumRaw.displayName = "DataGridPremiumRaw";
 process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -647,6 +648,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default "error" ("warn" in dev mode)
    */
   logLevel: _propTypes.default.oneOf(['debug', 'error', 'info', 'warn', false]),
+  /**
+   * If set to "always", the multi-sorting is applied without modifier key.
+   * Otherwise, the modifier key is required for multi-sorting to be applied.
+   * @see See https://mui.com/x/react-data-grid/sorting/#multi-sorting
+   * @default "withModifierKey"
+   */
+  multipleColumnsSortingMode: _propTypes.default.oneOf(['always', 'withModifierKey']),
   /**
    * Nonce of the inline styles for [Content Security Policy](https://www.w3.org/TR/2016/REC-CSP2-20161215/#script-src-the-nonce-attribute).
    */

package/components/GridAggregationRowOverlay.js

@@ -41,4 +41,5 @@ const GridAggregationRowOverlay = exports.GridAggregationRowOverlay = (0, _forwa
       ref: forwardedRef
     }))
   });
-});
+});
+if (process.env.NODE_ENV !== "production") GridAggregationRowOverlay.displayName = "GridAggregationRowOverlay";

package/components/GridColumnMenuAggregationItem.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
 var _gridAggregationUtils = require("../hooks/features/aggregation/gridAggregationUtils");
@@ -27,7 +27,7 @@ function GridColumnMenuAggregationItem(props) {
   const apiRef = (0, _useGridApiContext.useGridApiContext)();
   const inputRef = React.useRef(null);
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
-  const id = (0, _utils.unstable_useId)();
+  const id = (0, _useId.default)();
   const aggregationModel = (0, _xDataGridPro.useGridSelector)(apiRef, _gridAggregationSelectors.gridAggregationModelSelector);
   const availableAggregationFunctions = React.useMemo(() => (0, _gridAggregationUtils.getAvailableAggregationFunctions)({
     aggregationFunctions: rootProps.aggregationFunctions,

package/components/GridDataSourceGroupingCriteriaCell.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridDataSourceGroupingCriteriaCell = GridDataSourceGroupingCriteriaCell;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
@@ -23,7 +23,7 @@ const useUtilityClasses = ownerState => {
     toggle: ['groupingCriteriaCellToggle'],
     loadingContainer: ['groupingCriteriaCellLoadingContainer']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 function GridGroupingCriteriaCellIcon(props) {
   const apiRef = (0, _internals.useGridPrivateApiContext)();

package/components/GridEmptyPivotOverlay.js

@@ -20,6 +20,7 @@ const GridEmptyPivotOverlay = exports.GridEmptyPivotOverlay = (0, _forwardRef.fo
     children: apiRef.current.getLocaleText('emptyPivotOverlayLabel')
   }));
 });
+if (process.env.NODE_ENV !== "production") GridEmptyPivotOverlay.displayName = "GridEmptyPivotOverlay";
 process.env.NODE_ENV !== "production" ? GridEmptyPivotOverlay.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/GridPremiumColumnMenu.js

@@ -49,4 +49,5 @@ const GridPremiumColumnMenu = exports.GridPremiumColumnMenu = (0, _forwardRef.fo
     defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM,
     ref: ref
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") GridPremiumColumnMenu.displayName = "GridPremiumColumnMenu";

package/components/aiAssistantPanel/AiAssistantPanelTrigger.js

@@ -82,6 +82,7 @@ const AiAssistantPanelTrigger = exports.AiAssistantPanelTrigger = (0, _forwardRe
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") AiAssistantPanelTrigger.displayName = "AiAssistantPanelTrigger";
 process.env.NODE_ENV !== "production" ? AiAssistantPanelTrigger.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/aiAssistantPanel/GridAiAssistantPanel.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _system = require("@mui/system");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _gridAiAssistantSelectors = require("../../hooks/features/aiAssistant/gridAiAssistantSelectors");
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
     emptyText: ['aiAssistantPanelEmptyText'],
     footer: ['aiAssistantPanelFooter']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const AiAssistantPanelRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/aiAssistantPanel/GridAiAssistantPanelConversation.js

@@ -9,7 +9,7 @@ exports.GridAiAssistantPanelConversation = GridAiAssistantPanelConversation;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _system = require("@mui/system");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
@@ -23,7 +23,7 @@ const useUtilityClasses = ownerState => {
     root: ['aiAssistantPanelConversation'],
     list: ['aiAssistantPanelConversationList']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const AiAssistantPanelConversationRoot = (0, _system.styled)(_xDataGridPro.GridShadowScrollArea, {
   name: 'MuiDataGrid',

package/components/aiAssistantPanel/GridAiAssistantPanelSuggestions.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -7,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridAiAssistantPanelSuggestions = GridAiAssistantPanelSuggestions;
 var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _system = require("@mui/system");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -23,7 +24,7 @@ const useUtilityClasses = ownerState => {
     item: ['aiAssistantPanelSuggestionsItem'],
     label: ['aiAssistantPanelSuggestionsLabel']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const AiAssistantPanelSuggestionsRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/collapsible/Collapsible.js

@@ -13,7 +13,7 @@ var _system = require("@mui/system");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _CollapsibleContext = require("./CollapsibleContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['collapsible']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const CollapsibleRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/collapsible/CollapsiblePanel.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _system = require("@mui/system");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['collapsiblePanel']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const CollapsiblePanelRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/collapsible/CollapsibleTrigger.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _system = require("@mui/system");
 var _internals = require("@mui/x-data-grid-pro/internals");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
     root: ['collapsibleTrigger'],
     icon: ['collapsibleIcon']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const CollapsibleTriggerRoot = (0, _system.styled)('button', {
   name: 'MuiDataGrid',

package/components/export/ExportExcel.js

@@ -50,6 +50,7 @@ const ExportExcel = exports.ExportExcel = (0, _forwardRef.forwardRef)(function E
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") ExportExcel.displayName = "ExportExcel";
 process.env.NODE_ENV !== "production" ? ExportExcel.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/pivotPanel/GridPivotPanelHeader.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _system = require("@mui/system");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _sidebar = require("../sidebar");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
     switch: ['pivotPanelSwitch'],
     label: ['pivotPanelSwitchLabel']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const GridPivotPanelHeaderRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/pivotPanel/GridPivotPanelSearch.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _system = require("@mui/system");
 var _internals = require("@mui/x-data-grid-pro/internals");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +22,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     container: ['pivotPanelSearchContainer']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const GridPivotPanelSearchContainer = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/pivotPanel/PivotPanelTrigger.js

@@ -68,6 +68,7 @@ const PivotPanelTrigger = exports.PivotPanelTrigger = (0, _forwardRef.forwardRef
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PivotPanelTrigger.displayName = "PivotPanelTrigger";
 process.env.NODE_ENV !== "production" ? PivotPanelTrigger.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/prompt/GridPrompt.js

@@ -8,7 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridPrompt = GridPrompt;
 var React = _interopRequireWildcard(require("react"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _system = require("@mui/system");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
@@ -31,7 +32,7 @@ const useUtilityClasses = ownerState => {
     changesToggle: ['promptChangesToggle'],
     changesToggleIcon: ['promptChangesToggleIcon']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const fadeIn = (0, _system.keyframes)({
   from: {
@@ -211,7 +212,7 @@ function GridPrompt(props) {
   }, [apiRef, getColumnName, rootProps.slots.promptAggregationIcon]);
   const getFilterChanges = React.useCallback(filters => {
     return filters.map(filter => {
-      const filterOperator = apiRef.current.getLocaleText(`filterOperator${(0, _utils.unstable_capitalize)(filter.operator)}`);
+      const filterOperator = apiRef.current.getLocaleText(`filterOperator${(0, _capitalize.default)(filter.operator)}`);
       let filterValue = filter.value;
       if ((0, _internals.isSingleSelectColDef)(columns[filter.column])) {
         const allOptions = (0, _internals.getValueOptions)(columns[filter.column]) ?? [];

package/components/promptField/PromptField.js

@@ -69,6 +69,7 @@ const PromptField = exports.PromptField = (0, _forwardRef.forwardRef)(function P
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptField.displayName = "PromptField";
 process.env.NODE_ENV !== "production" ? PromptField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/promptField/PromptFieldControl.js

@@ -65,6 +65,7 @@ const PromptFieldControl = exports.PromptFieldControl = (0, _forwardRef.forwardR
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldControl.displayName = "PromptFieldControl";
 process.env.NODE_ENV !== "production" ? PromptFieldControl.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/promptField/PromptFieldRecord.js

@@ -131,6 +131,7 @@ const PromptFieldRecord = exports.PromptFieldRecord = (0, _forwardRef.forwardRef
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldRecord.displayName = "PromptFieldRecord";
 process.env.NODE_ENV !== "production" ? PromptFieldRecord.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/promptField/PromptFieldSend.js

@@ -56,6 +56,7 @@ const PromptFieldSend = exports.PromptFieldSend = (0, _forwardRef.forwardRef)(fu
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldSend.displayName = "PromptFieldSend";
 process.env.NODE_ENV !== "production" ? PromptFieldSend.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/components/resizablePanel/ResizablePanel.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _system = require("@mui/system");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _ResizablePanelContext = require("./ResizablePanelContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['resizablePanel']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const ResizablePanelRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/resizablePanel/ResizablePanelHandle.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _system = require("@mui/system");
 var _internals = require("@mui/x-data-grid-pro/internals");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _useResize = require("../../hooks/utils/useResize");
@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['resizablePanelHandle', `resizablePanelHandle--${direction}`]
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const ResizablePanelHandleRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/components/sidebar/Sidebar.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _system = require("@mui/system");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _resizablePanel = require("../resizablePanel");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['sidebar']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const SidebarRoot = (0, _system.styled)(_resizablePanel.ResizablePanel, {
   name: 'MuiDataGrid',

package/components/sidebar/SidebarHeader.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _system = require("@mui/system");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['sidebarHeader']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGridPro.getDataGridUtilityClass, classes);
 };
 const SidebarHeaderRoot = (0, _system.styled)('div', {
   name: 'MuiDataGrid',

package/esm/DataGridPremium/DataGridPremium.js

@@ -33,7 +33,7 @@ const configuration = {
     }
   }
 };
-const releaseInfo = "MTc0Nzc3ODQwMDAwMA==";
+const releaseInfo = "MTc0ODQ2OTYwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
@@ -69,6 +69,7 @@ const DataGridPremiumRaw = forwardRef(function DataGridPremium(inProps, ref) {
     }))
   });
 });
+if (process.env.NODE_ENV !== "production") DataGridPremiumRaw.displayName = "DataGridPremiumRaw";
 process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -640,6 +641,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default "error" ("warn" in dev mode)
    */
   logLevel: PropTypes.oneOf(['debug', 'error', 'info', 'warn', false]),
+  /**
+   * If set to "always", the multi-sorting is applied without modifier key.
+   * Otherwise, the modifier key is required for multi-sorting to be applied.
+   * @see See https://mui.com/x/react-data-grid/sorting/#multi-sorting
+   * @default "withModifierKey"
+   */
+  multipleColumnsSortingMode: PropTypes.oneOf(['always', 'withModifierKey']),
   /**
    * Nonce of the inline styles for [Content Security Policy](https://www.w3.org/TR/2016/REC-CSP2-20161215/#script-src-the-nonce-attribute).
    */

package/esm/components/GridAggregationRowOverlay.js

@@ -34,4 +34,5 @@ const GridAggregationRowOverlay = forwardRef(function GridAggregationRowOverlay(
     }))
   });
 });
+if (process.env.NODE_ENV !== "production") GridAggregationRowOverlay.displayName = "GridAggregationRowOverlay";
 export { GridAggregationRowOverlay };

package/esm/components/GridColumnMenuAggregationItem.js

@@ -5,7 +5,7 @@ const _excluded = ["native"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useGridSelector } from '@mui/x-data-grid-pro';
-import { unstable_useId as useId } from '@mui/utils';
+import useId from '@mui/utils/useId';
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
 import { canColumnHaveAggregationFunction, getAggregationFunctionLabel, getAvailableAggregationFunctions } from "../hooks/features/aggregation/gridAggregationUtils.js";

package/esm/components/GridDataSourceGroupingCriteriaCell.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { useGridPrivateApiContext, gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector, gridRowSelector, vars } from '@mui/x-data-grid-pro/internals';
 import { useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";

package/esm/components/GridEmptyPivotOverlay.js

@@ -12,6 +12,7 @@ const GridEmptyPivotOverlay = forwardRef(function GridEmptyPivotOverlay(props, r
     children: apiRef.current.getLocaleText('emptyPivotOverlayLabel')
   }));
 });
+if (process.env.NODE_ENV !== "production") GridEmptyPivotOverlay.displayName = "GridEmptyPivotOverlay";
 process.env.NODE_ENV !== "production" ? GridEmptyPivotOverlay.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/GridPremiumColumnMenu.js

@@ -39,4 +39,5 @@ export const GridPremiumColumnMenu = forwardRef(function GridPremiumColumnMenuSi
     defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM,
     ref: ref
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") GridPremiumColumnMenu.displayName = "GridPremiumColumnMenu";

package/esm/components/aiAssistantPanel/AiAssistantPanelTrigger.js

@@ -74,6 +74,7 @@ const AiAssistantPanelTrigger = forwardRef(function AiAssistantPanelTrigger(prop
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") AiAssistantPanelTrigger.displayName = "AiAssistantPanelTrigger";
 process.env.NODE_ENV !== "production" ? AiAssistantPanelTrigger.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/aiAssistantPanel/GridAiAssistantPanel.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/system';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { gridAiAssistantActiveConversationSelector, gridAiAssistantConversationsSelector } from "../../hooks/features/aiAssistant/gridAiAssistantSelectors.js";

package/esm/components/aiAssistantPanel/GridAiAssistantPanelConversation.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getDataGridUtilityClass, GridShadowScrollArea } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/system';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";

package/esm/components/aiAssistantPanel/GridAiAssistantPanelSuggestions.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/collapsible/Collapsible.js

@@ -6,7 +6,7 @@ import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
 import { CollapsibleContext } from "./CollapsibleContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/collapsible/CollapsiblePanel.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import clsx from 'clsx';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/collapsible/CollapsibleTrigger.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "className"];
 import * as React from 'react';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import clsx from 'clsx';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/export/ExportExcel.js

@@ -42,6 +42,7 @@ const ExportExcel = forwardRef(function ExportExcel(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") ExportExcel.displayName = "ExportExcel";
 process.env.NODE_ENV !== "production" ? ExportExcel.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/pivotPanel/GridPivotPanelHeader.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { styled } from '@mui/system';
 import { useGridSelector, getDataGridUtilityClass, gridRowCountSelector } from '@mui/x-data-grid-pro';
 import { vars, NotRendered } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { SidebarHeader } from "../sidebar/index.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";

package/esm/components/pivotPanel/GridPivotPanelSearch.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/pivotPanel/PivotPanelTrigger.js

@@ -60,6 +60,7 @@ const PivotPanelTrigger = forwardRef(function PivotPanelTrigger(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PivotPanelTrigger.displayName = "PivotPanelTrigger";
 process.env.NODE_ENV !== "production" ? PivotPanelTrigger.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/prompt/GridPrompt.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { getDataGridUtilityClass, gridClasses, gridColumnLookupSelector, useGridSelector } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
+import capitalize from '@mui/utils/capitalize';
 import { keyframes, styled } from '@mui/system';
 import { getValueOptions, isSingleSelectColDef, vars } from '@mui/x-data-grid-pro/internals';
 import useId from '@mui/utils/useId';

package/esm/components/promptField/PromptField.js

@@ -61,6 +61,7 @@ const PromptField = forwardRef(function PromptField(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptField.displayName = "PromptField";
 process.env.NODE_ENV !== "production" ? PromptField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/promptField/PromptFieldControl.js

@@ -57,6 +57,7 @@ const PromptFieldControl = forwardRef(function PromptFieldControl(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldControl.displayName = "PromptFieldControl";
 process.env.NODE_ENV !== "production" ? PromptFieldControl.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/promptField/PromptFieldRecord.js

@@ -123,6 +123,7 @@ const PromptFieldRecord = forwardRef(function PromptFieldRecord(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldRecord.displayName = "PromptFieldRecord";
 process.env.NODE_ENV !== "production" ? PromptFieldRecord.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/promptField/PromptFieldSend.js

@@ -48,6 +48,7 @@ const PromptFieldSend = forwardRef(function PromptFieldSend(props, ref) {
     children: element
   });
 });
+if (process.env.NODE_ENV !== "production") PromptFieldSend.displayName = "PromptFieldSend";
 process.env.NODE_ENV !== "production" ? PromptFieldSend.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/components/resizablePanel/ResizablePanel.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/system';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { ResizablePanelContext } from "./ResizablePanelContext.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/components/resizablePanel/ResizablePanelHandle.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "children"];
 import * as React from 'react';
 import { styled } from '@mui/system';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { getDataGridUtilityClass, gridClasses } from '@mui/x-data-grid-pro';
 import clsx from 'clsx';
 import { useResize } from "../../hooks/utils/useResize.js";

package/esm/components/sidebar/Sidebar.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/system';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { ResizablePanel, ResizablePanelHandle } from "../resizablePanel/index.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/esm/components/sidebar/SidebarHeader.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { styled } from '@mui/system';
 import { getDataGridUtilityClass } from '@mui/x-data-grid-pro';
 import { vars } from '@mui/x-data-grid-pro/internals';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/hooks/features/aggregation/gridAggregationUtils.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { unstable_capitalize as capitalize } from '@mui/utils';
+import capitalize from '@mui/utils/capitalize';
 import { GRID_ID_AUTOGENERATED } from '@mui/x-data-grid/internals';
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
 import { addPinnedRow, insertNodeInTree, removeNodeFromTree } from '@mui/x-data-grid-pro/internals';

package/esm/hooks/features/clipboard/useGridClipboardImport.js

@@ -4,7 +4,7 @@ import { GRID_CHECKBOX_SELECTION_FIELD, gridFocusCellSelector, gridVisibleColumn
 import { getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor, getPublicApiRef, isPasteShortcut, useGridLogger } from '@mui/x-data-grid/internals';
 import { warnOnce } from '@mui/x-internals/warning';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_REORDER_COL_DEF } from '@mui/x-data-grid-pro';
-import { unstable_debounce as debounce } from '@mui/utils';
+import debounce from '@mui/utils/debounce';
 const columnFieldsToExcludeFromPaste = [GRID_CHECKBOX_SELECTION_FIELD, GRID_REORDER_COL_DEF.field, GRID_DETAIL_PANEL_TOGGLE_FIELD];
 
 // Batches rows that are updated during clipboard paste to reduce `updateRows` calls

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.4.0
+ * @mui/x-data-grid-premium v8.5.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/esm/models/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./gridApiPremium.js";
 export * from "./gridGroupingValueGetter.js";
 export * from "./gridPremiumIconSlotsComponent.js";
 export * from "./gridPremiumSlotsComponent.js";

package/esm/models/index.js

@@ -1,3 +1,4 @@
+export * from "./gridApiPremium.js";
 export * from "./gridGroupingValueGetter.js";
 export * from "./gridPremiumIconSlotsComponent.js";
 export * from "./gridPremiumSlotsComponent.js";

package/hooks/features/aggregation/gridAggregationUtils.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mergeStateWithAggregationModel = exports.getAvailableAggregationFunctions = exports.getAggregationRules = exports.getAggregationFunctionLabel = exports.getAggregationFooterRowIdFromGroupId = exports.canColumnHaveAggregationFunction = exports.areAggregationRulesEqual = exports.addFooterRows = exports.GRID_AGGREGATION_ROOT_FOOTER_ROW_ID = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _utils = require("@mui/utils");
+var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _internals = require("@mui/x-data-grid/internals");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals2 = require("@mui/x-data-grid-pro/internals");
@@ -187,7 +187,7 @@ const getAggregationFunctionLabel = ({
     return aggregationRule.aggregationFunction.label;
   }
   try {
-    return apiRef.current.getLocaleText(`aggregationFunctionLabel${(0, _utils.unstable_capitalize)(aggregationRule.aggregationFunctionName)}`);
+    return apiRef.current.getLocaleText(`aggregationFunctionLabel${(0, _capitalize.default)(aggregationRule.aggregationFunctionName)}`);
   } catch {
     return aggregationRule.aggregationFunctionName;
   }

package/hooks/features/clipboard/useGridClipboardImport.js

@@ -12,13 +12,13 @@ var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
 var _warning = require("@mui/x-internals/warning");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _utils = require("@mui/utils");
+var _debounce = _interopRequireDefault(require("@mui/utils/debounce"));
 const columnFieldsToExcludeFromPaste = [_xDataGrid.GRID_CHECKBOX_SELECTION_FIELD, _xDataGridPro.GRID_REORDER_COL_DEF.field, _xDataGridPro.GRID_DETAIL_PANEL_TOGGLE_FIELD];
 
 // Batches rows that are updated during clipboard paste to reduce `updateRows` calls
 function batchRowUpdates(func, wait) {
   let rows = [];
-  const debounced = (0, _utils.unstable_debounce)(() => {
+  const debounced = (0, _debounce.default)(() => {
     func(rows);
     rows = [];
   }, wait);

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.4.0
+ * @mui/x-data-grid-premium v8.5.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/models/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./gridApiPremium.js";
 export * from "./gridGroupingValueGetter.js";
 export * from "./gridPremiumIconSlotsComponent.js";
 export * from "./gridPremiumSlotsComponent.js";

package/models/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _gridApiPremium = require("./gridApiPremium");
+Object.keys(_gridApiPremium).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridApiPremium[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridApiPremium[key];
+    }
+  });
+});
 var _gridGroupingValueGetter = require("./gridGroupingValueGetter");
 Object.keys(_gridGroupingValueGetter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "8.4.0",
+  "version": "8.5.0",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "main": "./index.js",
@@ -42,10 +42,10 @@
     "exceljs": "^4.4.0",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-license": "8.4.0",
-    "@mui/x-data-grid-pro": "8.4.0",
-    "@mui/x-internals": "8.4.0",
-    "@mui/x-data-grid": "8.4.0"
+    "@mui/x-data-grid": "8.5.0",
+    "@mui/x-data-grid-pro": "8.5.0",
+    "@mui/x-license": "8.5.0",
+    "@mui/x-internals": "8.5.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",