@mui/x-data-grid-premium 9.4.0 → 9.6.0

package/CHANGELOG.md

@@ -1,5 +1,256 @@
 # Changelog
 
+## 9.6.0
+
+_Jun 18, 2026_
+
+We'd like to extend a big thank you to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 New features for the radial bar charts, like percentage min radius and disabling tick labels.
+
+Special thanks go out to these community members for their valuable contributions:
+@adamowski10, @Anexus5919, @Morteza-hp, @mustafajw07, @TargiX
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @brijeshb42, @cherniavskii, @hasdfa, @Janpot, @JCQuintas, @michelengelen, @noraleonte, @oliviertassinari, @rita-codes, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.6.0`
+
+- [DataGrid] Define `overflowAnchor` style at the right element (#22849) @arminmeh
+- [DataGrid] Fix scrollbars not showing up on scroll on iOS (#22832) @cherniavskii
+
+#### `@mui/x-data-grid-pro@9.6.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@9.6.0`, plus:
+
+- [DataGridPro] Prevent incorrect row range capping on the first page with known `rowCount` (#22808) @michelengelen
+
+#### `@mui/x-data-grid-premium@9.6.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@9.6.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.6.0`
+
+- [pickers] Fix `AdapterMomentHijri.getDaysInMonth` returning the Gregorian month length (#22774) @Anexus5919
+- [l10n] Improve Persian (fa-IR) locale (#22454) @Morteza-hp
+
+#### `@mui/x-date-pickers-pro@9.6.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@9.6.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.6.0`
+
+- [charts] Add `disableTickLabel` prop to radial axes (#22801) @JCQuintas
+- [charts] Fix bug when `min` is in axis domain (#22827) @alexfauquette
+- [charts] Fix wheel zoom not centering on cursor position (#22811) @JCQuintas
+- [charts] Remove zoom gesture registration from community package (#22753) @sai6855
+- [charts] Support percentage values for radial axis `minRadius`/`maxRadius` (#22803) @JCQuintas
+- [charts] Support `unknownColor` in color scale (#22813) @alexfauquette
+- [charts] Document click listener for scatter composition (#22809) @sai6855
+
+#### `@mui/x-charts-pro@9.6.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@9.6.0`.
+
+#### `@mui/x-charts-premium@9.6.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-charts-pro@9.6.0`, plus:
+
+- [charts-premium] Add `geoFeatureKey` to transform features identifier (#22848) @alexfauquette
+- [charts-premium] Allow to remove Antartica (#22815) @alexfauquette
+- [charts-premium] Regenerate `ScatterPlotPremium` `propTypes` (#22829) @rita-codes
+- [charts-premium] Support maps tooltip positioned on items (#22648) @alexfauquette
+- [docs] Show how to export maps (#22837) @alexfauquette
+
+
+### Tree View
+
+#### `@mui/x-tree-view@9.6.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.6.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@9.6.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.2`
+
+- [scheduler] Add dispose lifecycle to `SchedulerLazyLoadingPlugin` (#22532) @rita-codes
+- [scheduler] Add responsive mobile week view and responsive typography (#22593) @noraleonte
+- [scheduler] Add stable weekday token to `recurrenceWeeklyPresetLabel` (#22733) @mustafajw07
+- [scheduler] Create accessibility documentation section (#22557) @mustafajw07
+- [scheduler] Decouple `MonthViewProps` from day time grid props (#22802) @mustafajw07
+- [scheduler] Export missing public scheduler types (#22785) @mustafajw07
+- [scheduler] Fix JSDoc defaults and improve public type readability (#22784) @mustafajw07
+- [scheduler] Fix `aria-labelledby` on events referencing non-existent header IDs (#22778) @rita-codes
+- [scheduler] Move `EventCalendarStyledContext` to internals (#22787) @mustafajw07
+- [scheduler] Normalize all-day recurring occurrences to whole days (#22792) @Anexus5919
+- [scheduler] Recalculate `DayTimeGrid` `hasScroll` on container resize (#22780) @Anexus5919
+- [scheduler] Recompute `nowUpdatedEveryMinute` only on timezone change (#22793) @Anexus5919
+- [scheduler] Register auto-scroll once instead of on every render (#22794) @Anexus5919
+- [scheduler] Remove duplicate dividers in the day/time grid (#22795) @Anexus5919
+- [scheduler] Remove unused `--has-scroll` CSS variable from `DayTimeGrid` (#22799) @Anexus5919
+- [scheduler] Remove vestigial async from internal drop handler (#22781) @mustafajw07
+- [scheduler] Return a primitive key from the Calendar lazy-loading selector (#22791) @Anexus5919
+- [scheduler] Throw on invalid event dates instead of emitting `NaN` timestamps (#22740) @rita-codes
+- [scheduler] Tighten `StandaloneEventProps` data typing (#22796) @mustafajw07
+- [scheduler] Update feedback banner to say beta instead of alpha (#22804) @rita-codes
+- [scheduler] Use `@base-ui` `generateId` for event ids in `createEventModel` (#22788) @rita-codes
+- [scheduler] Clear clipboard after pasting a cut event (#22773) @Anexus5919
+- [scheduler] Show drag placeholder when re-entering the same position (#22775) @Anexus5919
+- [scheduler] Validate missing and duplicate event ids (#22790) @Anexus5919
+- [l10n] Improve Polish (pl-PL) locale (#22612) @adamowski10
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.2`, plus:
+
+- [scheduler-premium] Expose premium model types through public API (#22798) @mustafajw07
+- [scheduler-premium] Remove non-functional `onPreferencesChange` prop from `EventTimelinePremium` (#22777) @rita-codes
+- [scheduler-premium] Validate the `FREQ` value in `parseRRule`] (#22786) @rita-codes 
+
+### Codemod
+
+#### `@mui/x-codemod@9.6.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix link-check build timeout by disabling serve directory listing (#22836) @Janpot
+- [docs] Show how to export maps (#22837) @alexfauquette
+- [docs] Add radial bar overview demo with custom overlays (#22776) @JCQuintas
+- [docs] Add weather composition demo (#22723) @TargiX
+- [docs] Add docs overview gallery and playground (#22488) @hasdfa
+- [docs] Clarify 'Scrolling without render gaps' (#22629) @oliviertassinari
+- [docs] Fix typo in release instructions (#22864) @brijeshb42
+
+### Core
+
+- [code-infra] Fix lint issues (#22757) @brijeshb42
+- [code-infra] Fix remaining Dependabot security alerts (#22761) @Janpot
+- [code-infra] Remove release:build from docs:build script (#22852) @brijeshb42
+- [code-infra] Unpin `@mui/utils` version to allow dedupe (#22828) @mustafajw07
+- [docs-infra] Cap Netlify Next.js build parallelism to avoid OOM (#22847) @Janpot
+- [docs-infra] Remove i18n codebase (#22591) @brijeshb42
+- [internal] Fix failing React 18 unit tests (#22846) @brijeshb42
+
+### Miscellaneous
+
+- [core] Add remove-proptypes markers to generated `propTypes` (#22850) @JCQuintas
+- [core] Bump vitest packages to 4.1.8 to fix browser-test version skew (#22845) @Janpot
+- [core] Reduce e2e build concurrency to avoid OOM (#22843) @Janpot
+- [core] Strip proptypes from Production bundles (#22750) @sai6855
+- [test] Wait for `GridToolbarCustom` rows before screenshot (#22844) @Janpot
+
+## 9.5.0
+
+_Jun 11, 2026_
+
+We'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 New [`multiSelect` column type for Data Grid Pro](https://mui.com/x/react-data-grid/column-definition/#MultiSelectColumn)
+- 🚀 New [renderer="svg-progressive"](https://mui.com/x/react-charts/scatter/#progressive-renderer) paints scatter points in batched frames so large datasets render smoothly without blocking the main thread.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to community members @mustafajw07 and @Anexus5919 for their valuable contribution.
+
+The following team members contributed to this release:
+@alexfauquette, @JCQuintas, @rita-codes, @rluzists1, @sai6855, @siriwatknp, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.5.0`
+
+- [DataGrid] Restrict warning messages to non-production environments in various components (#22461) @sai6855
+- [DataGrid] Prevent React state update before mount (#22374) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.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@9.5.0`, plus:
+
+- [DataGridPro] Add new `multiSelect` column type (#21157) @siriwatknp
+
+#### `@mui/x-data-grid-premium@9.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@9.5.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.5.0`
+
+- [pickers] Fix missing export of `th-TH` (#22703) @alexfauquette
+
+#### `@mui/x-date-pickers-pro@9.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@9.5.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.5.0`
+
+- [charts] Add `FocusedBar` component to `BarScatterComposition` demo (#22704) @sai6855
+- [charts] Add dedicated Bubble Chart documentation page (#22688) @mustafajw07
+- [charts] Add progressive scatter renderer (#22518) @JCQuintas
+- [charts] Avoid full axis pipeline rebuild on resize (#22695) @JCQuintas
+- [charts] Document focus indicator in composition page (#22712) @JCQuintas
+- [charts] Fix `ChartsTooltip` `container` and `disablePortal` props being ignored (#22690) @JCQuintas
+- [charts] Make ordinal scales O(1) to copy and re-range (#22691) @JCQuintas
+- [charts] Stabilize WebGL bar rendering at sub-pixel widths (#22678) @JCQuintas
+- [charts] Use the series config to define value types (#22693) @sai6855
+- [charts] Decouple interaction hook from the cartesian zoom (#22708) @alexfauquette
+
+#### `@mui/x-charts-pro@9.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@9.5.0`, plus:
+
+- [charts-pro] Add missing focus highlight (#22689) @alexfauquette
+
+#### `@mui/x-charts-premium@9.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-charts-pro@9.5.0`, plus:
+
+- [charts-premium] Set `Heatmap` WebGL render as stable (#22665) @alexfauquette
+- [charts-premium] Stabilize candlestick charts (#22666) @alexfauquette
+- [charts-premium] Stabilize the radial charts (#22655) @alexfauquette
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.1`
+
+Internal changes.
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.1`, plus:
+
+- [scheduler] Remove dead CSS variable writes in `EventTimelinePremiumContent` (#22720) @rita-codes
+- [scheduler] Show scope dialog when deleting a recurring event (#22552) @Anexus5919
+
+### Core
+
+- [docs-infra] Fix immutable cache headers for `/\_next/static` assets (#22747) @brijeshb42
+- [docs-infra] Prefix `/\_next/static` cache header rule with `/x` basePath (#22748) @brijeshb42
+- [code-infra] Update dependencies to resolve Dependabot security alerts (#22714) @Janpot
+
+### Docs
+
+- [docs] Fix broken links checker crashing on 404 known-targets fetch (#22707) @sai6855
+- [docs] Fix country data (#22716) @alexfauquette
+
+### Miscellaneous
+
+- [legal] Update EULA links in docs (#22717) @rluzists1
+
 ## 9.4.0
 
 <!-- generated comparing v9.3.0..master -->

package/DataGridPremium/DataGridPremium.js

@@ -51,8 +51,8 @@ const configuration = {
   }
 };
 const packageInfo = {
-  releaseDate: "MTc4MDUzMTIwMDAwMA==",
-  version: "9.4.0",
+  releaseDate: "MTc4MTc0MDgwMDAwMA==",
+  version: "9.6.0",
   name: 'x-data-grid-premium'
 };
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.Watermark, {
@@ -76,19 +76,19 @@ const DataGridPremiumRaw = (0, _forwardRef.forwardRef)(function DataGridPremium(
     privateApiRef: privateApiRef,
     configuration: configuration,
     props: props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGridPro.GridRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_xDataGridPro.GridRoot, (0, _extends2.default)({
       className: props.className,
       style: props.style,
       sx: props.sx
     }, props.slotProps?.root, {
       ref: ref,
       sidePanel: sidePanel,
-      children: watermark
+      children: [watermark, /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.GridMultiSelectMeasurer, {})]
     }))
   });
 });
 if (process.env.NODE_ENV !== "production") DataGridPremiumRaw.displayName = "DataGridPremiumRaw";
-process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
+process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/DataGridPremium/DataGridPremium.mjs

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license/internals';
 import { GridRoot, GridContextProvider, useGridSelector } from '@mui/x-data-grid-pro';
-import { propValidatorsDataGrid, propValidatorsDataGridPro, validateProps, useGridApiInitialization, getRowValue } from '@mui/x-data-grid-pro/internals';
+import { propValidatorsDataGrid, propValidatorsDataGridPro, validateProps, useGridApiInitialization, getRowValue, GridMultiSelectMeasurer } from '@mui/x-data-grid-pro/internals';
 import { useMaterialCSSVariables } from '@mui/x-data-grid/material';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useDataGridPremiumComponent } from "./useDataGridPremiumComponent.mjs";
@@ -19,7 +19,7 @@ import { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRow
 import { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.mjs";
 import { gridSidebarOpenSelector } from "../hooks/features/sidebar/index.mjs";
 import { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.mjs";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const configuration = {
   hooks: {
     useCSSVariables: useMaterialCSSVariables,
@@ -44,8 +44,8 @@ const configuration = {
   }
 };
 const packageInfo = {
-  releaseDate: "MTc4MDUzMTIwMDAwMA==",
-  version: "9.4.0",
+  releaseDate: "MTc4MTc0MDgwMDAwMA==",
+  version: "9.6.0",
   name: 'x-data-grid-premium'
 };
 const watermark = /*#__PURE__*/_jsx(Watermark, {
@@ -69,19 +69,19 @@ const DataGridPremiumRaw = forwardRef(function DataGridPremium(inProps, ref) {
     privateApiRef: privateApiRef,
     configuration: configuration,
     props: props,
-    children: /*#__PURE__*/_jsx(GridRoot, _extends({
+    children: /*#__PURE__*/_jsxs(GridRoot, _extends({
       className: props.className,
       style: props.style,
       sx: props.sx
     }, props.slotProps?.root, {
       ref: ref,
       sidePanel: sidePanel,
-      children: watermark
+      children: [watermark, /*#__PURE__*/_jsx(GridMultiSelectMeasurer, {})]
     }))
   });
 });
 if (process.env.NODE_ENV !== "production") DataGridPremiumRaw.displayName = "DataGridPremiumRaw";
-process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
+process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/DataGridPremium/useDataGridPremiumComponent.js

@@ -28,6 +28,7 @@ var _useGridChartsIntegration = require("../hooks/features/chartsIntegration/use
 var _useGridHistory = require("../hooks/features/history/useGridHistory");
 // Premium-only features
 
+(0, _internals.registerMultiSelectColumnType)();
 const useDataGridPremiumComponent = (apiRef, inProps, configuration) => {
   const pivotPropsOverrides = (0, _xDataGridPro.useGridSelector)(apiRef, _gridPivotingSelectors.gridPivotPropsOverridesSelector);
   const props = React.useMemo(() => {

package/DataGridPremium/useDataGridPremiumComponent.mjs

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors, useGridRowPinning, useGridRowPinningPreProcessors, rowPinningStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, useGridLazyLoader, useGridLazyLoaderPreProcessors, useGridDataSourceLazyLoader, useGridDataSourceNestedLazyLoader, useGridInfiniteLoadingIntersection, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridDataSourceTreeDataPreProcessors, dataSourceStateInitializer, useGridRowSpanning, rowSpanningStateInitializer, useGridListView, listViewStateInitializer, propsStateInitializer, rowReorderStateInitializer, useFirstRender } from '@mui/x-data-grid-pro/internals';
+import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnReorder, columnReorderStateInitializer, useGridColumnResize, columnResizeStateInitializer, useGridTreeData, useGridTreeDataPreProcessors, useGridColumnPinning, columnPinningStateInitializer, useGridColumnPinningPreProcessors, useGridDetailPanel, detailPanelStateInitializer, useGridDetailPanelPreProcessors, useGridInfiniteLoader, useGridColumnSpanning, useGridRowReorder, useGridRowReorderPreProcessors, useGridRowPinning, useGridRowPinningPreProcessors, rowPinningStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, useGridLazyLoader, useGridLazyLoaderPreProcessors, useGridDataSourceLazyLoader, useGridDataSourceNestedLazyLoader, useGridInfiniteLoadingIntersection, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridDataSourceTreeDataPreProcessors, dataSourceStateInitializer, useGridRowSpanning, rowSpanningStateInitializer, useGridListView, listViewStateInitializer, propsStateInitializer, rowReorderStateInitializer, useFirstRender, registerMultiSelectColumnType } from '@mui/x-data-grid-pro/internals';
 import { useGridSelector } from '@mui/x-data-grid-pro';
 import { useGridDataSourcePremium as useGridDataSource } from "../hooks/features/dataSource/useGridDataSourcePremium.mjs";
 // Premium-only features
@@ -20,6 +20,7 @@ import { useGridAiAssistant, aiAssistantStateInitializer } from "../hooks/featur
 import { useGridSidebar, sidebarStateInitializer } from "../hooks/features/sidebar/useGridSidebar.mjs";
 import { chartsIntegrationStateInitializer, useGridChartsIntegration } from "../hooks/features/chartsIntegration/useGridChartsIntegration.mjs";
 import { historyStateInitializer, useGridHistory } from "../hooks/features/history/useGridHistory.mjs";
+registerMultiSelectColumnType();
 export const useDataGridPremiumComponent = (apiRef, inProps, configuration) => {
   const pivotPropsOverrides = useGridSelector(apiRef, gridPivotPropsOverridesSelector);
   const props = React.useMemo(() => {

package/components/GridEmptyPivotOverlay.js

@@ -20,7 +20,7 @@ const GridEmptyPivotOverlay = exports.GridEmptyPivotOverlay = (0, _forwardRef.fo
   }));
 });
 if (process.env.NODE_ENV !== "production") GridEmptyPivotOverlay.displayName = "GridEmptyPivotOverlay";
-process.env.NODE_ENV !== "production" ? GridEmptyPivotOverlay.propTypes = {
+process.env.NODE_ENV !== "production" ? GridEmptyPivotOverlay.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/GridEmptyPivotOverlay.mjs

@@ -14,7 +14,7 @@ const GridEmptyPivotOverlay = forwardRef(function GridEmptyPivotOverlay(props, r
   }));
 });
 if (process.env.NODE_ENV !== "production") GridEmptyPivotOverlay.displayName = "GridEmptyPivotOverlay";
-process.env.NODE_ENV !== "production" ? GridEmptyPivotOverlay.propTypes = {
+process.env.NODE_ENV !== "production" ? GridEmptyPivotOverlay.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/GridExcelExportMenuItem.js

@@ -29,7 +29,7 @@ function GridExcelExportMenuItem(props) {
     children: apiRef.current.getLocaleText('toolbarExportExcel')
   }));
 }
-process.env.NODE_ENV !== "production" ? GridExcelExportMenuItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridExcelExportMenuItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/GridExcelExportMenuItem.mjs

@@ -22,7 +22,7 @@ function GridExcelExportMenuItem(props) {
     children: apiRef.current.getLocaleText('toolbarExportExcel')
   }));
 }
-process.env.NODE_ENV !== "production" ? GridExcelExportMenuItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridExcelExportMenuItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/aiAssistantPanel/AiAssistantPanelTrigger.js

@@ -84,7 +84,7 @@ const AiAssistantPanelTrigger = exports.AiAssistantPanelTrigger = (0, _forwardRe
   });
 });
 if (process.env.NODE_ENV !== "production") AiAssistantPanelTrigger.displayName = "AiAssistantPanelTrigger";
-process.env.NODE_ENV !== "production" ? AiAssistantPanelTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? AiAssistantPanelTrigger.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/aiAssistantPanel/AiAssistantPanelTrigger.mjs

@@ -76,7 +76,7 @@ const AiAssistantPanelTrigger = forwardRef(function AiAssistantPanelTrigger(prop
   });
 });
 if (process.env.NODE_ENV !== "production") AiAssistantPanelTrigger.displayName = "AiAssistantPanelTrigger";
-process.env.NODE_ENV !== "production" ? AiAssistantPanelTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? AiAssistantPanelTrigger.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/chartsPanel/ChartsPanelTrigger.js

@@ -67,7 +67,7 @@ const ChartsPanelTrigger = exports.ChartsPanelTrigger = (0, _forwardRef.forwardR
   });
 });
 if (process.env.NODE_ENV !== "production") ChartsPanelTrigger.displayName = "ChartsPanelTrigger";
-process.env.NODE_ENV !== "production" ? ChartsPanelTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsPanelTrigger.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/chartsPanel/ChartsPanelTrigger.mjs

@@ -59,7 +59,7 @@ const ChartsPanelTrigger = forwardRef(function ChartsPanelTrigger(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") ChartsPanelTrigger.displayName = "ChartsPanelTrigger";
-process.env.NODE_ENV !== "production" ? ChartsPanelTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? ChartsPanelTrigger.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/chartsPanel/GridChartsPanel.js

@@ -109,7 +109,7 @@ function GridChartsPanelChartSelector(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? GridChartsPanelChartSelector.propTypes = {
+process.env.NODE_ENV !== "production" ? GridChartsPanelChartSelector.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -223,7 +223,7 @@ function GridChartsPanel(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? GridChartsPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? GridChartsPanel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/chartsPanel/GridChartsPanel.mjs

@@ -102,7 +102,7 @@ function GridChartsPanelChartSelector(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? GridChartsPanelChartSelector.propTypes = {
+process.env.NODE_ENV !== "production" ? GridChartsPanelChartSelector.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -216,7 +216,7 @@ function GridChartsPanel(props) {
     })]
   });
 }
-process.env.NODE_ENV !== "production" ? GridChartsPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? GridChartsPanel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/columnMenu/menuItems/GridColumnMenuAggregationItem.js

@@ -122,7 +122,7 @@ function GridColumnMenuAggregationItem(props) {
     }))
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuAggregationItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuAggregationItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/columnMenu/menuItems/GridColumnMenuAggregationItem.mjs

@@ -115,7 +115,7 @@ function GridColumnMenuAggregationItem(props) {
     }))
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuAggregationItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuAggregationItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/export/ExportExcel.js

@@ -51,7 +51,7 @@ const ExportExcel = exports.ExportExcel = (0, _forwardRef.forwardRef)(function E
   });
 });
 if (process.env.NODE_ENV !== "production") ExportExcel.displayName = "ExportExcel";
-process.env.NODE_ENV !== "production" ? ExportExcel.propTypes = {
+process.env.NODE_ENV !== "production" ? ExportExcel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/export/ExportExcel.mjs

@@ -43,7 +43,7 @@ const ExportExcel = forwardRef(function ExportExcel(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") ExportExcel.displayName = "ExportExcel";
-process.env.NODE_ENV !== "production" ? ExportExcel.propTypes = {
+process.env.NODE_ENV !== "production" ? ExportExcel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/pivotPanel/GridPivotPanelBody.js

@@ -155,7 +155,8 @@ function GridPivotPanelBody({
       if (pivotModelFields.has(field)) {
         return false;
       }
-      if (initialColumns.get(field)?.pivotable === false) {
+      const column = initialColumns.get(field);
+      if (column?.pivotable === false || column?.type === 'multiSelect') {
         return false;
       }
       if (searchValue) {

package/components/pivotPanel/GridPivotPanelBody.mjs

@@ -148,7 +148,8 @@ function GridPivotPanelBody({
       if (pivotModelFields.has(field)) {
         return false;
       }
-      if (initialColumns.get(field)?.pivotable === false) {
+      const column = initialColumns.get(field);
+      if (column?.pivotable === false || column?.type === 'multiSelect') {
         return false;
       }
       if (searchValue) {

package/components/pivotPanel/PivotPanelTrigger.js

@@ -74,7 +74,7 @@ const PivotPanelTrigger = exports.PivotPanelTrigger = (0, _forwardRef.forwardRef
   });
 });
 if (process.env.NODE_ENV !== "production") PivotPanelTrigger.displayName = "PivotPanelTrigger";
-process.env.NODE_ENV !== "production" ? PivotPanelTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? PivotPanelTrigger.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/pivotPanel/PivotPanelTrigger.mjs

@@ -66,7 +66,7 @@ const PivotPanelTrigger = forwardRef(function PivotPanelTrigger(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") PivotPanelTrigger.displayName = "PivotPanelTrigger";
-process.env.NODE_ENV !== "production" ? PivotPanelTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? PivotPanelTrigger.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/promptField/PromptField.js

@@ -71,7 +71,7 @@ const PromptField = exports.PromptField = (0, _forwardRef.forwardRef)(function P
   });
 });
 if (process.env.NODE_ENV !== "production") PromptField.displayName = "PromptField";
-process.env.NODE_ENV !== "production" ? PromptField.propTypes = {
+process.env.NODE_ENV !== "production" ? PromptField.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/promptField/PromptField.mjs

@@ -64,7 +64,7 @@ const PromptField = forwardRef(function PromptField(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") PromptField.displayName = "PromptField";
-process.env.NODE_ENV !== "production" ? PromptField.propTypes = {
+process.env.NODE_ENV !== "production" ? PromptField.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/promptField/PromptFieldControl.js

@@ -66,7 +66,7 @@ const PromptFieldControl = exports.PromptFieldControl = (0, _forwardRef.forwardR
   });
 });
 if (process.env.NODE_ENV !== "production") PromptFieldControl.displayName = "PromptFieldControl";
-process.env.NODE_ENV !== "production" ? PromptFieldControl.propTypes = {
+process.env.NODE_ENV !== "production" ? PromptFieldControl.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/promptField/PromptFieldControl.mjs

@@ -58,7 +58,7 @@ const PromptFieldControl = forwardRef(function PromptFieldControl(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") PromptFieldControl.displayName = "PromptFieldControl";
-process.env.NODE_ENV !== "production" ? PromptFieldControl.propTypes = {
+process.env.NODE_ENV !== "production" ? PromptFieldControl.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/promptField/PromptFieldRecord.js

@@ -132,7 +132,7 @@ const PromptFieldRecord = exports.PromptFieldRecord = (0, _forwardRef.forwardRef
   });
 });
 if (process.env.NODE_ENV !== "production") PromptFieldRecord.displayName = "PromptFieldRecord";
-process.env.NODE_ENV !== "production" ? PromptFieldRecord.propTypes = {
+process.env.NODE_ENV !== "production" ? PromptFieldRecord.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/promptField/PromptFieldRecord.mjs

@@ -124,7 +124,7 @@ const PromptFieldRecord = forwardRef(function PromptFieldRecord(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") PromptFieldRecord.displayName = "PromptFieldRecord";
-process.env.NODE_ENV !== "production" ? PromptFieldRecord.propTypes = {
+process.env.NODE_ENV !== "production" ? PromptFieldRecord.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/promptField/PromptFieldSend.js

@@ -57,7 +57,7 @@ const PromptFieldSend = exports.PromptFieldSend = (0, _forwardRef.forwardRef)(fu
   });
 });
 if (process.env.NODE_ENV !== "production") PromptFieldSend.displayName = "PromptFieldSend";
-process.env.NODE_ENV !== "production" ? PromptFieldSend.propTypes = {
+process.env.NODE_ENV !== "production" ? PromptFieldSend.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/promptField/PromptFieldSend.mjs

@@ -49,7 +49,7 @@ const PromptFieldSend = forwardRef(function PromptFieldSend(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") PromptFieldSend.displayName = "PromptFieldSend";
-process.env.NODE_ENV !== "production" ? PromptFieldSend.propTypes = {
+process.env.NODE_ENV !== "production" ? PromptFieldSend.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/context/GridChartsRendererProxy.js

@@ -52,7 +52,7 @@ function GridChartsRendererProxy(props) {
     onRender: onRender
   });
 }
-process.env.NODE_ENV !== "production" ? GridChartsRendererProxy.propTypes = {
+process.env.NODE_ENV !== "production" ? GridChartsRendererProxy.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/context/GridChartsRendererProxy.mjs

@@ -45,7 +45,7 @@ function GridChartsRendererProxy(props) {
     onRender: onRender
   });
 }
-process.env.NODE_ENV !== "production" ? GridChartsRendererProxy.propTypes = {
+process.env.NODE_ENV !== "production" ? GridChartsRendererProxy.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/hooks/features/aggregation/createAggregationLookup.js

@@ -102,13 +102,22 @@ const getGroupAggregatedValue = (groupId, apiRef, aggregationRowsScope, aggregat
     aggregatedValues
   };
 };
-const getGroupAggregatedValueDataSource = (groupId, apiRef, aggregatedFields, position) => {
+const getGroupAggregatedValueDataSource = (groupId, apiRef, aggregatedFields, position, aggregationRules, columnsLookup) => {
   const groupAggregationLookup = {};
+  const rowLookup = (0, _xDataGridPro.gridRowsLookupSelector)(apiRef);
   for (let j = 0; j < aggregatedFields.length; j += 1) {
     const aggregatedField = aggregatedFields[j];
+    const value = apiRef.current.resolveGroupAggregation?.(groupId, aggregatedField) ?? '';
+    const aggregationFunction = aggregationRules[aggregatedField]?.aggregationFunction;
+    const rowForFormatter = rowLookup[groupId] || {
+      id: groupId,
+      [aggregatedField]: value
+    };
+    const formattedValue = aggregationFunction?.valueFormatter ? aggregationFunction.valueFormatter(value, rowForFormatter, columnsLookup[aggregatedField], apiRef) : undefined;
     groupAggregationLookup[aggregatedField] = {
       position,
-      value: apiRef.current.resolveGroupAggregation?.(groupId, aggregatedField) ?? ''
+      value,
+      formattedValue
     };
   }
   return groupAggregationLookup;
@@ -154,7 +163,7 @@ const createAggregationLookup = ({
     const position = getAggregationPosition(groupNode);
     if (isDataSource) {
       if (position !== null) {
-        aggregationLookup[groupNode.id] = getGroupAggregatedValueDataSource(groupNode.id, apiRef, aggregatedFields, position);
+        aggregationLookup[groupNode.id] = getGroupAggregatedValueDataSource(groupNode.id, apiRef, aggregatedFields, position, aggregationRules, columnsLookup);
       }
     } else if (groupNode.children.length) {
       const result = getGroupAggregatedValue(groupNode.id, apiRef, aggregationRowsScope, aggregatedFields, aggregationRules, position, applySorting, valueGetters, apiRef.current, groupAggregatedValuesLookup, columnsLookup);

package/hooks/features/aggregation/createAggregationLookup.mjs

@@ -95,13 +95,22 @@ const getGroupAggregatedValue = (groupId, apiRef, aggregationRowsScope, aggregat
     aggregatedValues
   };
 };
-const getGroupAggregatedValueDataSource = (groupId, apiRef, aggregatedFields, position) => {
+const getGroupAggregatedValueDataSource = (groupId, apiRef, aggregatedFields, position, aggregationRules, columnsLookup) => {
   const groupAggregationLookup = {};
+  const rowLookup = gridRowsLookupSelector(apiRef);
   for (let j = 0; j < aggregatedFields.length; j += 1) {
     const aggregatedField = aggregatedFields[j];
+    const value = apiRef.current.resolveGroupAggregation?.(groupId, aggregatedField) ?? '';
+    const aggregationFunction = aggregationRules[aggregatedField]?.aggregationFunction;
+    const rowForFormatter = rowLookup[groupId] || {
+      id: groupId,
+      [aggregatedField]: value
+    };
+    const formattedValue = aggregationFunction?.valueFormatter ? aggregationFunction.valueFormatter(value, rowForFormatter, columnsLookup[aggregatedField], apiRef) : undefined;
     groupAggregationLookup[aggregatedField] = {
       position,
-      value: apiRef.current.resolveGroupAggregation?.(groupId, aggregatedField) ?? ''
+      value,
+      formattedValue
     };
   }
   return groupAggregationLookup;
@@ -147,7 +156,7 @@ export const createAggregationLookup = ({
     const position = getAggregationPosition(groupNode);
     if (isDataSource) {
       if (position !== null) {
-        aggregationLookup[groupNode.id] = getGroupAggregatedValueDataSource(groupNode.id, apiRef, aggregatedFields, position);
+        aggregationLookup[groupNode.id] = getGroupAggregatedValueDataSource(groupNode.id, apiRef, aggregatedFields, position, aggregationRules, columnsLookup);
       }
     } else if (groupNode.children.length) {
       const result = getGroupAggregatedValue(groupNode.id, apiRef, aggregationRowsScope, aggregatedFields, aggregationRules, position, applySorting, valueGetters, apiRef.current, groupAggregatedValuesLookup, columnsLookup);

package/hooks/features/pivoting/utils.js

@@ -193,7 +193,9 @@ const createPivotPropsFromRows = ({
         if (column.type !== 'number') {
           colValue = String(colValue);
         }
-        const formattedHeaderName = apiRef.current.getRowFormattedValue(row, column) || colValue;
+
+        // Coerce to a string because of React 18's prop-type check
+        const formattedHeaderName = String(apiRef.current.getRowFormattedValue(row, column) || colValue);
         columnGroupPath.push(colValue);
         const groupId = columnGroupPath.join(_columnGroups.COLUMN_GROUP_ID_SEPARATOR);
         if (!columnGroupingModelLookup.has(groupId)) {

package/hooks/features/pivoting/utils.mjs

@@ -183,7 +183,9 @@ export const createPivotPropsFromRows = ({
         if (column.type !== 'number') {
           colValue = String(colValue);
         }
-        const formattedHeaderName = apiRef.current.getRowFormattedValue(row, column) || colValue;
+
+        // Coerce to a string because of React 18's prop-type check
+        const formattedHeaderName = String(apiRef.current.getRowFormattedValue(row, column) || colValue);
         columnGroupPath.push(colValue);
         const groupId = columnGroupPath.join(COLUMN_GROUP_ID_SEPARATOR);
         if (!columnGroupingModelLookup.has(groupId)) {

package/hooks/features/rowGrouping/createGroupingColDef.js

@@ -91,8 +91,8 @@ function getGroupingCriteriaProperties(groupedByColDef, rowGroupingColumnMode, r
       const rowNode = (0, _xDataGridPro.gridRowNodeSelector)(apiRef, rowId);
       if (rowNode?.type === 'group') {
         const originalColDef = rowNode.groupingField ? columnsLookup[rowNode.groupingField] : null;
-        if (originalColDef?.type === 'singleSelect') {
-          // the default valueFormatter of a singleSelect colDef won't work with the grouping column values
+        if (originalColDef?.type === 'singleSelect' || originalColDef?.type === 'multiSelect') {
+          // the default valueFormatter of singleSelect/multiSelect colDef won't work with the grouping column values
           return value;
         }
         const columnValueFormatter = originalColDef?.valueFormatter;
@@ -102,6 +102,9 @@ function getGroupingCriteriaProperties(groupedByColDef, rowGroupingColumnMode, r
       }
       return value;
     };
+  } else if (groupedByColDef.type === 'multiSelect') {
+    // The default valueFormatter of multiSelect expects an array; the grouping key is a string.
+    valueFormatter = undefined;
   } else {
     valueFormatter = groupedByColDef.valueFormatter ? groupedByColValueFormatter(groupedByColDef) : undefined;
   }

package/hooks/features/rowGrouping/createGroupingColDef.mjs

@@ -84,8 +84,8 @@ function getGroupingCriteriaProperties(groupedByColDef, rowGroupingColumnMode, r
       const rowNode = gridRowNodeSelector(apiRef, rowId);
       if (rowNode?.type === 'group') {
         const originalColDef = rowNode.groupingField ? columnsLookup[rowNode.groupingField] : null;
-        if (originalColDef?.type === 'singleSelect') {
-          // the default valueFormatter of a singleSelect colDef won't work with the grouping column values
+        if (originalColDef?.type === 'singleSelect' || originalColDef?.type === 'multiSelect') {
+          // the default valueFormatter of singleSelect/multiSelect colDef won't work with the grouping column values
           return value;
         }
         const columnValueFormatter = originalColDef?.valueFormatter;
@@ -95,6 +95,9 @@ function getGroupingCriteriaProperties(groupedByColDef, rowGroupingColumnMode, r
       }
       return value;
     };
+  } else if (groupedByColDef.type === 'multiSelect') {
+    // The default valueFormatter of multiSelect expects an array; the grouping key is a string.
+    valueFormatter = undefined;
   } else {
     valueFormatter = groupedByColDef.valueFormatter ? groupedByColValueFormatter(groupedByColDef) : undefined;
   }

package/index.d.mts

@@ -8,6 +8,7 @@ export * from '@mui/x-data-grid/models';
 export * from '@mui/x-data-grid-pro/models';
 export * from '@mui/x-data-grid/context';
 export * from '@mui/x-data-grid/colDef';
+export * from '@mui/x-data-grid-pro/colDef';
 export * from '@mui/x-data-grid/utils';
 export * from '@mui/x-data-grid-pro/utils';
 export * from "./DataGridPremium/index.mjs";

package/index.d.ts

@@ -8,6 +8,7 @@ export * from '@mui/x-data-grid/models';
 export * from '@mui/x-data-grid-pro/models';
 export * from '@mui/x-data-grid/context';
 export * from '@mui/x-data-grid/colDef';
+export * from '@mui/x-data-grid-pro/colDef';
 export * from '@mui/x-data-grid/utils';
 export * from '@mui/x-data-grid-pro/utils';
 export * from "./DataGridPremium/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v9.4.0
+ * @mui/x-data-grid-premium v9.6.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -184,6 +184,18 @@ Object.keys(_colDef).forEach(function (key) {
     }
   });
 });
+var _colDef2 = require("@mui/x-data-grid-pro/colDef");
+Object.keys(_colDef2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _colDef2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _colDef2[key];
+    }
+  });
+});
 var _utils = require("@mui/x-data-grid/utils");
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v9.4.0
+ * @mui/x-data-grid-premium v9.6.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -15,6 +15,7 @@ export * from '@mui/x-data-grid/models';
 export * from '@mui/x-data-grid-pro/models';
 export * from '@mui/x-data-grid/context';
 export * from '@mui/x-data-grid/colDef';
+export * from '@mui/x-data-grid-pro/colDef';
 export * from '@mui/x-data-grid/utils';
 export * from '@mui/x-data-grid-pro/utils';
 export * from "./DataGridPremium/index.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "9.4.0",
+  "version": "9.6.0",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -34,14 +34,14 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@mui/utils": "9.0.1",
+    "@mui/utils": "^9.0.1",
     "@mui/x-internal-exceljs-fork": "5.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid-pro": "^9.4.0",
-    "@mui/x-data-grid": "^9.4.0",
-    "@mui/x-internals": "^9.1.0",
-    "@mui/x-license": "^9.4.0"
+    "@mui/x-data-grid": "^9.6.0",
+    "@mui/x-data-grid-pro": "^9.6.0",
+    "@mui/x-internals": "^9.6.0",
+    "@mui/x-license": "^9.6.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -220,6 +220,9 @@
       }
     }
   },
+  "imports": {
+    "#formatErrorMessage": "@mui/x-internals/formatErrorMessage"
+  },
   "main": "./index.js",
   "types": "./index.d.ts"
 }