@mui/x-data-grid-premium 9.0.0-alpha.3 → 9.0.0-alpha.4

package/CHANGELOG.md

@@ -1,5 +1,128 @@
 # Changelog
 
+## 9.0.0-alpha.4
+
+_Mar 19, 2026_
+
+We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @bernardobelchior, @Janpot, @JCQuintas, @LukasTy, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.4`
+
+- [DataGrid] Mark charts integration as stable (#21764) @JCQuintas
+- [DataGrid] Move `elementOverrides` to constants and remove duplicates (#21618) @sai6855
+- [DataGrid] Migrate from deprecated Material UI APIs (#21682) @siriwatknp
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.4` [![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.0.0-alpha.4`.
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.4` [![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.0.0-alpha.4`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.4`
+
+- [pickers] Avoid stealing focus on click away (#13434) @LukasTy
+- [pickers] Promote `fieldRef` to stable and add `clearValue` method (#21655) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.4` [![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.0.0-alpha.4`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.4`
+
+- [charts] Add v9 chart series types and helper functions migration (#21009) @bernardobelchior
+- [charts] Extract event listener to the layer container (#21751) @alexfauquette
+- [charts] Fix WebGL print export canvas stretching (#21738) @JCQuintas
+- [charts] Improve deprecation warnings (#21760) @alexfauquette
+- [charts] Improve type safety in `identifierCleaner` (#21719) @bernardobelchior
+- [charts] Make `preferStrictDomainInLineCharts` the default (#21744) @JCQuintas
+- [charts] Move title and description to the layer container (#21757) @alexfauquette
+- [charts] Refactor `FunnelChart` classes structure (#21652) @JCQuintas
+- [charts] Refactor `Heatmap` classes structure (#21653) @JCQuintas
+- [charts] Refactor `RadarChart` classes structure (#21650) @JCQuintas
+- [charts] Refactor `SankeyChart` classes structure (#21654) @JCQuintas
+- [charts] Refactor legend getters to use utility functions (#21628) @sai6855
+- [charts] Remove deprecated `ChartContainer` and `ChartDataProvider` (#21777) @alexfauquette
+- [charts] Remove deprecated `itemId` from `SeriesLegendItemContext` (#21788) @alexfauquette
+- [charts] Remove deprecated `useMouseTracker()` (#21787) @alexfauquette
+- [charts] Remove deprecated classes (#21775) @alexfauquette
+- [charts] Remove deprecated props from PieArcLabel animation (#21789) @alexfauquette
+- [charts] Remove get*UtilityClass from public exports (#21769) @JCQuintas
+- [charts] Remove the deprecated `disableHover` property (#21785) @alexfauquette
+- [charts] Remove the deprecated `message` prop (#21784) @alexfauquette
+- [charts] Remove deprecated props about voronoi (#21796) @alexfauquette
+- [charts] Remove deprecated pieArcClasses (#21795) @alexfauquette
+- [charts] Rename `data-series-id` by `data-series` (#21761) @alexfauquette
+- [charts] Rename `voronoiMaxRadius`/`disableVoronoi` to `hitAreaRadius`/`disableHitArea` (#21750) @bernardobelchior
+- [charts] Update pt-PT locale (#21296) @bernardobelchior
+- [charts] Use different shape per series by default (#21713) @alexfauquette
+- [charts] Add className prop to Radar components (#21794) @JCQuintas
+- [charts] Add className prop to shared chart components (#21792) @JCQuintas
+- [charts] Add className prop to BarPlot (#21791) @JCQuintas
+- [charts] Portal tooltip into ChartsLayerContainer (#21801) @JCQuintas
+
+#### `@mui/x-charts-pro@9.0.0-alpha.4` [![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.0.0-alpha.4`, plus:
+
+- [charts-pro] Allow `brush` interaction to accept `requiredKeys/pointerMode` (#21716) @JCQuintas
+- [charts-pro] Remove deprecated `onAxisClick` for Heatmap (#21786) @alexfauquette
+
+#### `@mui/x-charts-premium@9.0.0-alpha.4` [![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.0.0-alpha.4`, plus:
+
+- [charts-premium] Add candlestick chart (#21129) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.4`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.4` [![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.0.0-alpha.4`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.4`
+
+Internal changes.
+
+### Docs
+
+- [docs-infra] Exclude `ServerSideLazyLoadingRevalidation` from argos (#21734) @sai6855
+- [docs] Update charts v9 migration guide to include premium package (#21743) @bernardobelchior
+- [docs] Update v9 migration guides to install next tag (#21741) @bernardobelchior
+- [docs] Revise the Pie chart docs (#21565) @mapache-salvaje
+- [docs] Revise the Bar Chart docs (#21482) @mapache-salvaje
+- [docs] Removed a `console.log` from an aggregation demo (#21698) @michelengelen
+
+### Core
+
+- [code-infra] Add pkg-pr-new as dev dependency (#21754) @Janpot
+- [code-infra] Prevent `combiner` to have default parameters (#21707) @JCQuintas
+- [code-infra] Remove CI coverage collection and upload to Codecov (#21671) @Janpot
+- [internal] Remove @bernardobelchior from Charts CODEOWNERS (#21776) @Copilot
+
+### Miscellaneous
+
+- [x-license] Fix process.env.MUI_VERSION not being replaced during build (#21727) @aemartos
+- [x-license] Add new watermark license status message (#21720) @aemartos
+
 ## 9.0.0-alpha.3
 
 _Mar 12, 2026_

package/DataGridPremium/DataGridPremium.js

@@ -51,8 +51,8 @@ const configuration = {
   }
 };
 const packageInfo = {
-  releaseDate: "MTc3MzI3MzYwMDAwMA==",
-  version: process.env.MUI_VERSION,
+  releaseDate: "MTc3Mzk2NDgwMDAwMA==",
+  version: "9.0.0-alpha.4",
   name: 'x-data-grid-premium'
 };
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.Watermark, {
@@ -501,7 +501,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, then the feature is fully disabled, and neither property nor method calls will have any effect.
    */
   experimentalFeatures: _propTypes.default.shape({
-    charts: _propTypes.default.bool,
     warnIfFocusStateIsNotSynced: _propTypes.default.bool
   }),
   /**

package/DataGridPremium/DataGridPremium.mjs

@@ -44,8 +44,8 @@ const configuration = {
   }
 };
 const packageInfo = {
-  releaseDate: "MTc3MzI3MzYwMDAwMA==",
-  version: process.env.MUI_VERSION,
+  releaseDate: "MTc3Mzk2NDgwMDAwMA==",
+  version: "9.0.0-alpha.4",
   name: 'x-data-grid-premium'
 };
 const watermark = /*#__PURE__*/_jsx(Watermark, {
@@ -494,7 +494,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, then the feature is fully disabled, and neither property nor method calls will have any effect.
    */
   experimentalFeatures: PropTypes.shape({
-    charts: PropTypes.bool,
     warnIfFocusStateIsNotSynced: PropTypes.bool
   }),
   /**

package/components/GridPremiumToolbar.js

@@ -86,7 +86,7 @@ function GridPremiumToolbar(props) {
           })
         }))
       })
-    }), rootProps.experimentalFeatures?.charts && rootProps.chartsIntegration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsPanelTrigger.ChartsPanelTrigger, {
+    }), rootProps.chartsIntegration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsPanelTrigger.ChartsPanelTrigger, {
       render: triggerProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseTooltip, {
         title: apiRef.current.getLocaleText('toolbarCharts'),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGridPro.ToolbarButton, (0, _extends2.default)({}, triggerProps, {

package/components/GridPremiumToolbar.mjs

@@ -78,7 +78,7 @@ export function GridPremiumToolbar(props) {
           })
         }))
       })
-    }), rootProps.experimentalFeatures?.charts && rootProps.chartsIntegration && /*#__PURE__*/_jsx(ChartsPanelTrigger, {
+    }), rootProps.chartsIntegration && /*#__PURE__*/_jsx(ChartsPanelTrigger, {
       render: triggerProps => /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
         title: apiRef.current.getLocaleText('toolbarCharts'),
         children: /*#__PURE__*/_jsx(ToolbarButton, _extends({}, triggerProps, {

package/components/columnMenu/menuItems/GridColumnMenuChartsItem.js

@@ -22,7 +22,7 @@ function GridColumnMenuChartsItem(props) {
     onClick(event);
     apiRef.current.setChartsPanelOpen(true);
   };
-  if (!rootProps.experimentalFeatures?.charts || !rootProps.chartsIntegration) {
+  if (!rootProps.chartsIntegration) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseMenuItem, {

package/components/columnMenu/menuItems/GridColumnMenuChartsItem.mjs

@@ -15,7 +15,7 @@ export function GridColumnMenuChartsItem(props) {
     onClick(event);
     apiRef.current.setChartsPanelOpen(true);
   };
-  if (!rootProps.experimentalFeatures?.charts || !rootProps.chartsIntegration) {
+  if (!rootProps.chartsIntegration) {
     return null;
   }
   return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {

package/hooks/features/aiAssistant/useGridAiAssistant.d.mts

@@ -3,4 +3,4 @@ import { type GridStateInitializer } from '@mui/x-data-grid-pro/internals';
 import type { GridPrivateApiPremium } from "../../../models/gridApiPremium.mjs";
 import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.mjs";
 export declare const aiAssistantStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'initialState' | 'aiAssistantConversations' | 'aiAssistant'>>;
-export declare const useGridAiAssistant: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "aiAssistant" | "aiAssistantConversations" | "aiAssistantActiveConversationIndex" | "allowAiAssistantDataSampling" | "onAiAssistantConversationsChange" | "onAiAssistantActiveConversationIndexChange" | "onPrompt" | "slots" | "rowSelection" | "disableColumnFilter" | "disableRowGrouping" | "disableAggregation" | "disableColumnSorting" | "disablePivoting" | "chartsIntegration" | "experimentalFeatures" | "getPivotDerivedColumns">) => void;
+export declare const useGridAiAssistant: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "aiAssistant" | "aiAssistantConversations" | "aiAssistantActiveConversationIndex" | "allowAiAssistantDataSampling" | "onAiAssistantConversationsChange" | "onAiAssistantActiveConversationIndexChange" | "onPrompt" | "slots" | "rowSelection" | "disableColumnFilter" | "disableRowGrouping" | "disableAggregation" | "disableColumnSorting" | "disablePivoting" | "chartsIntegration" | "getPivotDerivedColumns">) => void;

package/hooks/features/aiAssistant/useGridAiAssistant.d.ts

@@ -3,4 +3,4 @@ import { type GridStateInitializer } from '@mui/x-data-grid-pro/internals';
 import type { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
 import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPremiumProps.js";
 export declare const aiAssistantStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'initialState' | 'aiAssistantConversations' | 'aiAssistant'>>;
-export declare const useGridAiAssistant: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "aiAssistant" | "aiAssistantConversations" | "aiAssistantActiveConversationIndex" | "allowAiAssistantDataSampling" | "onAiAssistantConversationsChange" | "onAiAssistantActiveConversationIndexChange" | "onPrompt" | "slots" | "rowSelection" | "disableColumnFilter" | "disableRowGrouping" | "disableAggregation" | "disableColumnSorting" | "disablePivoting" | "chartsIntegration" | "experimentalFeatures" | "getPivotDerivedColumns">) => void;
+export declare const useGridAiAssistant: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "aiAssistant" | "aiAssistantConversations" | "aiAssistantActiveConversationIndex" | "allowAiAssistantDataSampling" | "onAiAssistantConversationsChange" | "onAiAssistantActiveConversationIndexChange" | "onPrompt" | "slots" | "rowSelection" | "disableColumnFilter" | "disableRowGrouping" | "disableAggregation" | "disableColumnSorting" | "disablePivoting" | "chartsIntegration" | "getPivotDerivedColumns">) => void;

package/hooks/features/aiAssistant/useGridAiAssistant.js

@@ -47,7 +47,6 @@ const useGridAiAssistant = (apiRef, props) => {
     disableColumnSorting,
     disablePivoting,
     chartsIntegration,
-    experimentalFeatures,
     getPivotDerivedColumns
   } = props;
   const previousUnwrappedGroupingModel = React.useRef([]);
@@ -217,7 +216,7 @@ const useGridAiAssistant = (apiRef, props) => {
     } else {
       result.sorting = [];
     }
-    if (experimentalFeatures?.charts && chartsIntegration && activeChartId && result.chart) {
+    if (chartsIntegration && activeChartId && result.chart) {
       if (appliedPivoting) {
         const unsubscribe = apiRef.current.subscribeEvent('rowsSet', () => {
           const unwrappedGroupingModel = Object.keys((0, _xDataGridPro.gridColumnGroupsUnwrappedModelSelector)(apiRef));
@@ -256,7 +255,7 @@ const useGridAiAssistant = (apiRef, props) => {
     apiRef.current.setRowSelectionModel(rowSelectionModel);
     const targetIndex = Number(columnsLookup[_xDataGridPro.GRID_CHECKBOX_SELECTION_FIELD] !== undefined) + Number(result.grouping.length);
     interestColumns.reverse().forEach(c => apiRef.current.setColumnIndex(c, targetIndex));
-  }, [apiRef, updateChart, rowSelection, disableColumnFilter, disableRowGrouping, disableAggregation, disableColumnSorting, disablePivoting, columnsLookup, isAiAssistantAvailable, activeChartId, chartsIntegration, experimentalFeatures?.charts]);
+  }, [apiRef, updateChart, rowSelection, disableColumnFilter, disableRowGrouping, disableAggregation, disableColumnSorting, disablePivoting, columnsLookup, isAiAssistantAvailable, activeChartId, chartsIntegration]);
   const setActiveConversationId = React.useCallback(id => {
     if (!isAiAssistantAvailable) {
       return;

package/hooks/features/aiAssistant/useGridAiAssistant.mjs

@@ -39,7 +39,6 @@ export const useGridAiAssistant = (apiRef, props) => {
     disableColumnSorting,
     disablePivoting,
     chartsIntegration,
-    experimentalFeatures,
     getPivotDerivedColumns
   } = props;
   const previousUnwrappedGroupingModel = React.useRef([]);
@@ -209,7 +208,7 @@ export const useGridAiAssistant = (apiRef, props) => {
     } else {
       result.sorting = [];
     }
-    if (experimentalFeatures?.charts && chartsIntegration && activeChartId && result.chart) {
+    if (chartsIntegration && activeChartId && result.chart) {
       if (appliedPivoting) {
         const unsubscribe = apiRef.current.subscribeEvent('rowsSet', () => {
           const unwrappedGroupingModel = Object.keys(gridColumnGroupsUnwrappedModelSelector(apiRef));
@@ -248,7 +247,7 @@ export const useGridAiAssistant = (apiRef, props) => {
     apiRef.current.setRowSelectionModel(rowSelectionModel);
     const targetIndex = Number(columnsLookup[GRID_CHECKBOX_SELECTION_FIELD] !== undefined) + Number(result.grouping.length);
     interestColumns.reverse().forEach(c => apiRef.current.setColumnIndex(c, targetIndex));
-  }, [apiRef, updateChart, rowSelection, disableColumnFilter, disableRowGrouping, disableAggregation, disableColumnSorting, disablePivoting, columnsLookup, isAiAssistantAvailable, activeChartId, chartsIntegration, experimentalFeatures?.charts]);
+  }, [apiRef, updateChart, rowSelection, disableColumnFilter, disableRowGrouping, disableAggregation, disableColumnSorting, disablePivoting, columnsLookup, isAiAssistantAvailable, activeChartId, chartsIntegration]);
   const setActiveConversationId = React.useCallback(id => {
     if (!isAiAssistantAvailable) {
       return;

package/hooks/features/chartsIntegration/useGridChartsIntegration.d.mts

@@ -4,5 +4,5 @@ import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPrem
 import type { GridPrivateApiPremium } from "../../../models/gridApiPremium.mjs";
 import type { ChartState } from "../../../models/gridChartsIntegration.mjs";
 export declare const EMPTY_CHART_INTEGRATION_CONTEXT_STATE: ChartState;
-export declare const chartsIntegrationStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'chartsIntegration' | 'initialState' | 'activeChartId' | 'rowGroupingModel' | 'pivotModel' | 'experimentalFeatures'>, GridPrivateApiPremium>;
-export declare const useGridChartsIntegration: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "chartsIntegration" | "activeChartId" | "onActiveChartIdChange" | "initialState" | "slots" | "slotProps" | "aggregationFunctions" | "dataSource" | "experimentalFeatures">) => void;
+export declare const chartsIntegrationStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'chartsIntegration' | 'initialState' | 'activeChartId' | 'rowGroupingModel' | 'pivotModel'>, GridPrivateApiPremium>;
+export declare const useGridChartsIntegration: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "chartsIntegration" | "activeChartId" | "onActiveChartIdChange" | "initialState" | "slots" | "slotProps" | "aggregationFunctions" | "dataSource">) => void;

package/hooks/features/chartsIntegration/useGridChartsIntegration.d.ts

@@ -4,5 +4,5 @@ import type { DataGridPremiumProcessedProps } from "../../../models/dataGridPrem
 import type { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
 import type { ChartState } from "../../../models/gridChartsIntegration.js";
 export declare const EMPTY_CHART_INTEGRATION_CONTEXT_STATE: ChartState;
-export declare const chartsIntegrationStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'chartsIntegration' | 'initialState' | 'activeChartId' | 'rowGroupingModel' | 'pivotModel' | 'experimentalFeatures'>, GridPrivateApiPremium>;
-export declare const useGridChartsIntegration: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "chartsIntegration" | "activeChartId" | "onActiveChartIdChange" | "initialState" | "slots" | "slotProps" | "aggregationFunctions" | "dataSource" | "experimentalFeatures">) => void;
+export declare const chartsIntegrationStateInitializer: GridStateInitializer<Pick<DataGridPremiumProcessedProps, 'chartsIntegration' | 'initialState' | 'activeChartId' | 'rowGroupingModel' | 'pivotModel'>, GridPrivateApiPremium>;
+export declare const useGridChartsIntegration: (apiRef: RefObject<GridPrivateApiPremium>, props: Pick<DataGridPremiumProcessedProps, "chartsIntegration" | "activeChartId" | "onActiveChartIdChange" | "initialState" | "slots" | "slotProps" | "aggregationFunctions" | "dataSource">) => void;

package/hooks/features/chartsIntegration/useGridChartsIntegration.js

@@ -34,7 +34,7 @@ const EMPTY_CHART_INTEGRATION_CONTEXT_STATE = exports.EMPTY_CHART_INTEGRATION_CO
   configuration: {}
 };
 const chartsIntegrationStateInitializer = (state, props) => {
-  if (!props.chartsIntegration || !props.experimentalFeatures?.charts) {
+  if (!props.chartsIntegration) {
     return (0, _extends2.default)({}, state, {
       chartsIntegration: {
         activeChartId: '',
@@ -68,7 +68,7 @@ const useGridChartsIntegration = (apiRef, props) => {
   const visibleValues = React.useRef({});
   const schema = React.useMemo(() => props.slotProps?.chartsPanel?.schema || {}, [props.slotProps?.chartsPanel?.schema]);
   const context = (0, _useGridChartIntegration.useGridChartsIntegrationContext)(true);
-  const isChartsIntegrationAvailable = !!props.chartsIntegration && !!props.experimentalFeatures?.charts && !!context;
+  const isChartsIntegrationAvailable = !!props.chartsIntegration && !!context;
   const activeChartId = (0, _gridChartsIntegrationSelectors.gridChartsIntegrationActiveChartIdSelector)(apiRef);
   const aggregationModel = (0, _gridAggregationSelectors.gridAggregationModelSelector)(apiRef);
   const pivotActive = (0, _internals.gridPivotActiveSelector)(apiRef);
@@ -494,7 +494,7 @@ const useGridChartsIntegration = (apiRef, props) => {
       getColumnName
     }
   }, 'private');
-  (0, _internals.useGridApiMethod)(apiRef, props.experimentalFeatures?.charts ? {
+  (0, _internals.useGridApiMethod)(apiRef, props.chartsIntegration ? {
     setChartsPanelOpen,
     setActiveChartId,
     setChartType,
@@ -508,7 +508,7 @@ const useGridChartsIntegration = (apiRef, props) => {
   (0, _internals.useGridEvent)(apiRef, 'sortedRowsSet', (0, _internals.runIf)(isChartsIntegrationAvailable, () => debouncedHandleRowDataUpdate(syncedChartIds)));
   (0, _internals.useGridEvent)(apiRef, 'aggregationLookupSet', (0, _internals.runIf)(isChartsIntegrationAvailable, () => debouncedHandleRowDataUpdate(syncedChartIds)));
   const stateExportPreProcessing = React.useCallback((prevState, exportContext) => {
-    if (!props.chartsIntegration || !props.experimentalFeatures?.charts) {
+    if (!props.chartsIntegration) {
       return prevState;
     }
     const currentActiveChartId = (0, _gridChartsIntegrationSelectors.gridChartsIntegrationActiveChartIdSelector)(apiRef);
@@ -539,7 +539,7 @@ const useGridChartsIntegration = (apiRef, props) => {
     return (0, _extends2.default)({}, prevState, {
       chartsIntegration: chartStateToExport
     });
-  }, [apiRef, chartStateLookup, props.chartsIntegration, props.experimentalFeatures?.charts, props.initialState?.chartsIntegration]);
+  }, [apiRef, chartStateLookup, props.chartsIntegration, props.initialState?.chartsIntegration]);
   const stateRestorePreProcessing = React.useCallback((params, restoreContext) => {
     const chartsRestoreState = restoreContext.stateToRestore.chartsIntegration;
     if (!chartsRestoreState) {

package/hooks/features/chartsIntegration/useGridChartsIntegration.mjs

@@ -27,7 +27,7 @@ export const EMPTY_CHART_INTEGRATION_CONTEXT_STATE = {
   configuration: {}
 };
 export const chartsIntegrationStateInitializer = (state, props) => {
-  if (!props.chartsIntegration || !props.experimentalFeatures?.charts) {
+  if (!props.chartsIntegration) {
     return _extends({}, state, {
       chartsIntegration: {
         activeChartId: '',
@@ -60,7 +60,7 @@ export const useGridChartsIntegration = (apiRef, props) => {
   const visibleValues = React.useRef({});
   const schema = React.useMemo(() => props.slotProps?.chartsPanel?.schema || {}, [props.slotProps?.chartsPanel?.schema]);
   const context = useGridChartsIntegrationContext(true);
-  const isChartsIntegrationAvailable = !!props.chartsIntegration && !!props.experimentalFeatures?.charts && !!context;
+  const isChartsIntegrationAvailable = !!props.chartsIntegration && !!context;
   const activeChartId = gridChartsIntegrationActiveChartIdSelector(apiRef);
   const aggregationModel = gridAggregationModelSelector(apiRef);
   const pivotActive = gridPivotActiveSelector(apiRef);
@@ -486,7 +486,7 @@ export const useGridChartsIntegration = (apiRef, props) => {
       getColumnName
     }
   }, 'private');
-  useGridApiMethod(apiRef, props.experimentalFeatures?.charts ? {
+  useGridApiMethod(apiRef, props.chartsIntegration ? {
     setChartsPanelOpen,
     setActiveChartId,
     setChartType,
@@ -500,7 +500,7 @@ export const useGridChartsIntegration = (apiRef, props) => {
   useGridEvent(apiRef, 'sortedRowsSet', runIf(isChartsIntegrationAvailable, () => debouncedHandleRowDataUpdate(syncedChartIds)));
   useGridEvent(apiRef, 'aggregationLookupSet', runIf(isChartsIntegrationAvailable, () => debouncedHandleRowDataUpdate(syncedChartIds)));
   const stateExportPreProcessing = React.useCallback((prevState, exportContext) => {
-    if (!props.chartsIntegration || !props.experimentalFeatures?.charts) {
+    if (!props.chartsIntegration) {
       return prevState;
     }
     const currentActiveChartId = gridChartsIntegrationActiveChartIdSelector(apiRef);
@@ -531,7 +531,7 @@ export const useGridChartsIntegration = (apiRef, props) => {
     return _extends({}, prevState, {
       chartsIntegration: chartStateToExport
     });
-  }, [apiRef, chartStateLookup, props.chartsIntegration, props.experimentalFeatures?.charts, props.initialState?.chartsIntegration]);
+  }, [apiRef, chartStateLookup, props.chartsIntegration, props.initialState?.chartsIntegration]);
   const stateRestorePreProcessing = React.useCallback((params, restoreContext) => {
     const chartsRestoreState = restoreContext.stateToRestore.chartsIntegration;
     if (!chartsRestoreState) {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v9.0.0-alpha.3
+ * @mui/x-data-grid-premium v9.0.0-alpha.4
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v9.0.0-alpha.3
+ * @mui/x-data-grid-premium v9.0.0-alpha.4
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/models/dataGridPremiumProps.d.mts

@@ -12,9 +12,7 @@ import type { GridPivotingColDefOverrides, PivotingColDefCallback, GridPivotMode
 import type { GridDataSourcePremium as GridDataSource, GridGetRowsParamsPremium as GridGetRowsParams } from "../hooks/features/dataSource/models.mjs";
 import type { Conversation, PromptResponse, PromptSuggestion } from "../hooks/features/aiAssistant/gridAiAssistantInterfaces.mjs";
 import type { GridHistoryEventHandler } from "../hooks/features/history/gridHistoryInterfaces.mjs";
-export interface GridExperimentalPremiumFeatures extends GridExperimentalProFeatures {
-  charts?: boolean;
-}
+export interface GridExperimentalPremiumFeatures extends GridExperimentalProFeatures {}
 export interface DataGridPremiumPropsWithComplexDefaultValueBeforeProcessing extends Pick<DataGridPropsWithComplexDefaultValueBeforeProcessing, 'localeText'> {
   /**
    * Overridable components.

package/models/dataGridPremiumProps.d.ts

@@ -12,9 +12,7 @@ import type { GridPivotingColDefOverrides, PivotingColDefCallback, GridPivotMode
 import type { GridDataSourcePremium as GridDataSource, GridGetRowsParamsPremium as GridGetRowsParams } from "../hooks/features/dataSource/models.js";
 import type { Conversation, PromptResponse, PromptSuggestion } from "../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
 import type { GridHistoryEventHandler } from "../hooks/features/history/gridHistoryInterfaces.js";
-export interface GridExperimentalPremiumFeatures extends GridExperimentalProFeatures {
-  charts?: boolean;
-}
+export interface GridExperimentalPremiumFeatures extends GridExperimentalProFeatures {}
 export interface DataGridPremiumPropsWithComplexDefaultValueBeforeProcessing extends Pick<DataGridPropsWithComplexDefaultValueBeforeProcessing, 'localeText'> {
   /**
    * Overridable components.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "9.0.0-alpha.3",
+  "version": "9.0.0-alpha.4",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -38,10 +38,10 @@
     "@mui/x-internal-exceljs-fork": "4.4.4",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid-pro": "9.0.0-alpha.3",
-    "@mui/x-internals": "9.0.0-alpha.2",
-    "@mui/x-data-grid": "9.0.0-alpha.3",
-    "@mui/x-license": "9.0.0-alpha.3"
+    "@mui/x-data-grid": "9.0.0-alpha.4",
+    "@mui/x-data-grid-pro": "9.0.0-alpha.4",
+    "@mui/x-internals": "9.0.0-alpha.4",
+    "@mui/x-license": "9.0.0-alpha.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",