@mui/x-data-grid-premium 8.14.1 → 8.15.0

package/CHANGELOG.md

@@ -5,6 +5,113 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.15.0
+
+_Oct 23, 2025_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🖌️ Add new [`brush` charts interaction](https://mui.com/x/react-charts/brush/) for building custom behavior.
+  ![brush visualization example](https://github.com/user-attachments/assets/60c382a1-e418-4736-8dcb-1567c4e361e3)
+- ⚡️ Performance improvements for large bar charts
+- 🤖 Data Grid AI assistant can now [visualize the query results](https://mui.com/x/react-data-grid/ai-assistant/#data-visualization) by controlling the chart integration settings
+- 📦 DataGrid uses an internal MUI fork of ExcelJS that does not depend on vulnerable versions of NPM packages
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to the community members for their valuable contributions:
+@ZagrebaAlex
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @bernardobelchior, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @prakhargupta1, @rita-codes, @siriwatknp, @arminmeh, @brijeshb42, @noraleonte
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.15.0`
+
+- [DataGrid] Fix `dataSource.fetchRows` API's return type (#20068) @arminmeh
+
+#### `@mui/x-data-grid-pro@8.15.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.15.0`, plus:
+
+- [DataGridPro] Keep children in the tree after parent row is re-fetched with the data source (#19934) @arminmeh
+- [DataGridPro] Support scroll shadows customization (#19982) @KenanYusuf
+
+#### `@mui/x-data-grid-premium@8.15.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.15.0`, plus:
+
+- [DataGridPremium] Use ExcelJS fork (#19796) @cherniavskii
+- [DataGridPremium] Support data visualization in AI Assistant (#19831) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.15.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.15.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.15.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.15.0`
+
+- [charts] Add `ChartsBrushOverlay` and allow brush configuration (#19956) @JCQuintas
+- [charts] Add `getStringSize` benchmark. Remove benchmarks from built package. (#19995) @bernardobelchior
+- [charts] Batch string size measurement (#19994) @bernardobelchior
+- [charts] Fix console issue (#20025) @JCQuintas
+- [charts] Fix is[ZoomFeature]Enabled type (#20058) @alexfauquette
+- [charts] Fix reference line middle spacing (#20004) @JCQuintas
+- [charts] Improve `getStringSize` and `batchMeasureStrings` performance (#19996) @bernardobelchior
+- [charts] Improve deep export script (#20007) @JCQuintas
+- [charts] Improve string measurement benchmarks (#19999) @bernardobelchior
+- [charts] Measure string sizes using SVG elements (#19981) @bernardobelchior
+- [l10n] Improve Greek (gr-GR) locale (#20060) @ZagrebaAlex
+
+#### `@mui/x-charts-pro@8.15.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.15.0`, plus:
+
+- [charts-pro] Fix pan with `axis.reverse` (#20031) @JCQuintas
+
+#### `@mui/x-charts-premium@8.15.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@8.15.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.15.0`
+
+- [tree view] Multi character type-ahead (#19942) @noraleonte
+
+#### `@mui/x-tree-view-pro@8.15.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.15.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.14.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add overview section for scatter chart and heatmap (#19888) @prakhargupta1
+- [docs] Add charts bell curve example (#20003) @JCQuintas
+- [docs] Add grouped multiple fields for Data Grid row grouping recipe (#19964) @siriwatknp
+- [docs] Add Data Grid loading state recipe (#19958) @siriwatknp
+
+### Core
+
+- [code-infra] Remove @mui/monorepo usage for react versioning (#19894) @Janpot
+- [code-infra] Remove invalid `environment: 'browser'` from vitest browser config (#19993) @bernardobelchior
+- [code-infra] Remove unused babel aliases (#19987) @Janpot
+- [code-infra] Turn on all testing-library eslint rules (#19946) @brijeshb42
+- [docs-infra] Fix broken hash link (#20062) @Janpot
+
 ## 8.14.1
 
 _Oct 16, 2025_

package/DataGridPremium/DataGridPremium.js

@@ -48,7 +48,7 @@ const configuration = {
     useGridParamsOverridableMethods: _useGridParamsOverridableMethods.useGridParamsOverridableMethods
   }
 };
-const releaseInfo = "MTc2MDU3MjgwMDAwMA==";
+const releaseInfo = "MTc2MTE3NzYwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
@@ -127,6 +127,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
       helperText: _propTypes.default.string,
       response: _propTypes.default.shape({
         aggregation: _propTypes.default.object.isRequired,
+        chart: _propTypes.default.object,
         conversationId: _propTypes.default.string.isRequired,
         filterOperator: _propTypes.default.oneOf(['and', 'or']),
         filters: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,

package/components/prompt/GridPrompt.js

@@ -277,6 +277,13 @@ function GridPrompt(props) {
     }
     return changes;
   }, [apiRef, getColumnName, rootProps.slots]);
+  const getChartChanges = React.useCallback(chart => {
+    return {
+      label: apiRef.current.getLocaleText('toolbarCharts'),
+      description: apiRef.current.getLocaleText('promptChangeChartsLabel')(chart.dimensions.length, chart.values.length),
+      icon: rootProps.slots.promptChartsIcon
+    };
+  }, [apiRef, rootProps.slots.promptChartsIcon]);
   const changeList = React.useMemo(() => {
     if (!response) {
       return [];
@@ -297,8 +304,11 @@ function GridPrompt(props) {
     if (response.pivoting && 'columns' in response.pivoting) {
       changes.push(...getPivotingChanges(response.pivoting));
     }
+    if (response.chart) {
+      changes.push(getChartChanges(response.chart));
+    }
     return changes;
-  }, [response, getGroupingChanges, getAggregationChanges, getFilterChanges, getSortingChanges, getPivotingChanges]);
+  }, [response, getGroupingChanges, getAggregationChanges, getFilterChanges, getSortingChanges, getPivotingChanges, getChartChanges]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PromptItem, {
     ownerState: ownerState,
     className: classes.root,

package/esm/DataGridPremium/DataGridPremium.js

@@ -41,7 +41,7 @@ const configuration = {
     useGridParamsOverridableMethods
   }
 };
-const releaseInfo = "MTc2MDU3MjgwMDAwMA==";
+const releaseInfo = "MTc2MTE3NzYwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-premium",
   releaseInfo: releaseInfo
@@ -120,6 +120,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
       helperText: PropTypes.string,
       response: PropTypes.shape({
         aggregation: PropTypes.object.isRequired,
+        chart: PropTypes.object,
         conversationId: PropTypes.string.isRequired,
         filterOperator: PropTypes.oneOf(['and', 'or']),
         filters: PropTypes.arrayOf(PropTypes.object).isRequired,

package/esm/components/prompt/GridPrompt.js

@@ -270,6 +270,13 @@ function GridPrompt(props) {
     }
     return changes;
   }, [apiRef, getColumnName, rootProps.slots]);
+  const getChartChanges = React.useCallback(chart => {
+    return {
+      label: apiRef.current.getLocaleText('toolbarCharts'),
+      description: apiRef.current.getLocaleText('promptChangeChartsLabel')(chart.dimensions.length, chart.values.length),
+      icon: rootProps.slots.promptChartsIcon
+    };
+  }, [apiRef, rootProps.slots.promptChartsIcon]);
   const changeList = React.useMemo(() => {
     if (!response) {
       return [];
@@ -290,8 +297,11 @@ function GridPrompt(props) {
     if (response.pivoting && 'columns' in response.pivoting) {
       changes.push(...getPivotingChanges(response.pivoting));
     }
+    if (response.chart) {
+      changes.push(getChartChanges(response.chart));
+    }
     return changes;
-  }, [response, getGroupingChanges, getAggregationChanges, getFilterChanges, getSortingChanges, getPivotingChanges]);
+  }, [response, getGroupingChanges, getAggregationChanges, getFilterChanges, getSortingChanges, getPivotingChanges, getChartChanges]);
   return /*#__PURE__*/_jsxs(PromptItem, {
     ownerState: ownerState,
     className: classes.root,

package/esm/hooks/features/aiAssistant/gridAiAssistantInterfaces.d.ts

@@ -39,6 +39,10 @@ type Pivoting = {
   rows: string[];
   values: Aggregation[];
 } | {};
+type Chart = {
+  dimensions: string[];
+  values: string[];
+};
 export type PromptResponse = {
   conversationId: string;
   select: number;
@@ -48,6 +52,7 @@ export type PromptResponse = {
   sorting: ColumnSort[];
   grouping: Grouping[];
   pivoting: Pivoting;
+  chart: Chart | null;
 };
 export type PromptResolverOptions = {
   /**

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

@@ -3,4 +3,4 @@ import { GridStateInitializer } from '@mui/x-data-grid-pro/internals';
 import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
 import { 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" | "disableColumnFilter" | "disableRowGrouping" | "disableAggregation" | "disableColumnSorting" | "disablePivoting">) => 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" | "experimentalFeatures" | "getPivotDerivedColumns">) => void;

package/esm/hooks/features/aiAssistant/useGridAiAssistant.js

@@ -2,11 +2,14 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { gridColumnLookupSelector, GridLogicOperator, gridRowsLookupSelector, useGridApiMethod, GRID_CHECKBOX_SELECTION_FIELD, GridPreferencePanelsValue } from '@mui/x-data-grid-pro';
+import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
+import { gridColumnLookupSelector, GridLogicOperator, gridRowsLookupSelector, useGridApiMethod, GRID_CHECKBOX_SELECTION_FIELD, GridPreferencePanelsValue, gridColumnGroupsUnwrappedModelSelector, gridVisibleRowsSelector } from '@mui/x-data-grid-pro';
 import { getValueOptions, getVisibleRows, useGridRegisterPipeProcessor } from '@mui/x-data-grid-pro/internals';
 import { gridAiAssistantConversationsSelector, gridAiAssistantActiveConversationSelector, gridAiAssistantActiveConversationIndexSelector } from "./gridAiAssistantSelectors.js";
+import { gridChartsIntegrationActiveChartIdSelector } from "../chartsIntegration/gridChartsIntegrationSelectors.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DEFAULT_SAMPLE_COUNT = 5;
+const MAX_CHART_DATA_POINTS = 1000;
 export const aiAssistantStateInitializer = (state, props) => {
   if (!props.aiAssistant) {
     return _extends({}, state, {
@@ -28,12 +31,18 @@ export const useGridAiAssistant = (apiRef, props) => {
     onPrompt,
     allowAiAssistantDataSampling,
     slots,
+    rowSelection,
     disableColumnFilter,
     disableRowGrouping,
     disableAggregation,
     disableColumnSorting,
-    disablePivoting
+    disablePivoting,
+    chartsIntegration,
+    experimentalFeatures,
+    getPivotDerivedColumns
   } = props;
+  const previousUnwrappedGroupingModel = React.useRef([]);
+  const activeChartId = gridChartsIntegrationActiveChartIdSelector(apiRef);
   const columnsLookup = gridColumnLookupSelector(apiRef);
   const columns = Object.values(columnsLookup);
   const rows = Object.values(gridRowsLookupSelector(apiRef));
@@ -78,15 +87,38 @@ export const useGridAiAssistant = (apiRef, props) => {
       return '';
     }
     const examples = allowDataSampling ? collectSampleData() : {};
-    const columnsContext = columns.map(column => ({
-      field: column.field,
-      description: column.description ?? null,
-      examples: examples[column.field] ?? column.examples ?? [],
-      type: column.type ?? 'string',
-      allowedOperators: column.filterOperators?.map(operator => operator.value) ?? []
-    }));
+    const columnsContext = columns.reduce((acc, column) => {
+      const columnContextWithoutExamples = {
+        field: column.field,
+        description: column.description ?? null,
+        examples: [],
+        type: column.type ?? 'string',
+        allowedOperators: column.filterOperators?.map(operator => operator.value) ?? []
+      };
+      acc.push(_extends({}, columnContextWithoutExamples, {
+        examples: examples[column.field] ?? column.examples ?? []
+      }));
+      if (disablePivoting) {
+        return acc;
+      }
+      (getPivotDerivedColumns?.(column, apiRef.current.getLocaleText) || []).forEach(col => acc.push(_extends({}, columnContextWithoutExamples, col, {
+        derivedFrom: column.field
+      })));
+      return acc;
+    }, []);
     return JSON.stringify(columnsContext);
-  }, [columns, collectSampleData, isAiAssistantAvailable]);
+  }, [apiRef, columns, collectSampleData, getPivotDerivedColumns, isAiAssistantAvailable, disablePivoting]);
+  const updateChart = React.useCallback(result => {
+    if (!result.chart) {
+      return;
+    }
+    apiRef.current.updateChartDimensionsData(activeChartId, result.chart.dimensions.map(item => ({
+      field: item
+    })));
+    apiRef.current.updateChartValuesData(activeChartId, result.chart.values.map(item => ({
+      field: item
+    })));
+  }, [apiRef, activeChartId]);
   const applyPromptResult = React.useCallback(result => {
     if (!isAiAssistantAvailable) {
       return;
@@ -115,6 +147,8 @@ export const useGridAiAssistant = (apiRef, props) => {
         quickFilterValues: []
       });
       interestColumns.push(...result.filters.map(f => f.column));
+    } else {
+      result.filters = [];
     }
     let appliedPivoting = false;
     if (!disablePivoting && 'columns' in result.pivoting) {
@@ -138,6 +172,7 @@ export const useGridAiAssistant = (apiRef, props) => {
       appliedPivoting = true;
     } else if ('columns' in result.pivoting) {
       // if pivoting is disabled and there are pivoting results, try to move them into grouping and aggregation
+      apiRef.current.setPivotActive(false);
       result.pivoting.columns.forEach(c => {
         result.grouping.push({
           column: c.column
@@ -154,26 +189,58 @@ export const useGridAiAssistant = (apiRef, props) => {
       });
       // remove the pivoting results data
       result.pivoting = {};
+    } else {
+      apiRef.current.setPivotActive(false);
     }
     if (!disableRowGrouping && !appliedPivoting) {
       apiRef.current.setRowGroupingModel(result.grouping.map(g => g.column));
+    } else {
+      result.grouping = [];
     }
     if (!disableAggregation && !appliedPivoting) {
       apiRef.current.setAggregationModel(result.aggregation);
       interestColumns.push(...Object.keys(result.aggregation));
+    } else {
+      result.aggregation = {};
     }
     if (!disableColumnSorting) {
       apiRef.current.setSortModel(result.sorting.map(s => ({
         field: s.column,
         sort: s.direction
       })));
+    } else {
+      result.sorting = [];
+    }
+    if (experimentalFeatures?.charts && chartsIntegration && activeChartId && result.chart) {
+      if (appliedPivoting) {
+        const unsubscribe = apiRef.current.subscribeEvent('rowsSet', () => {
+          const unwrappedGroupingModel = Object.keys(gridColumnGroupsUnwrappedModelSelector(apiRef));
+          // wait until unwrapped grouping model changes
+          if (!result.chart || unwrappedGroupingModel.length === 0 || isDeepEqual(previousUnwrappedGroupingModel.current, unwrappedGroupingModel)) {
+            return;
+          }
+          previousUnwrappedGroupingModel.current = unwrappedGroupingModel;
+          const visibleRowsCount = gridVisibleRowsSelector(apiRef).rows.length;
+          const maxColumns = Math.floor(MAX_CHART_DATA_POINTS / visibleRowsCount);
+
+          // we assume that the pivoting was adjusted to what needs to be shown in the chart
+          // so we can just pick up all the columns that were created by pivoting
+          // to avoid rendering issues, set the limit to MAX_CHART_DATA_POINTS data points (rows * columns)
+          result.chart.values = unwrappedGroupingModel.slice(0, maxColumns);
+          updateChart(result);
+          unsubscribe();
+        });
+      } else {
+        updateChart(result);
+      }
     }
     const visibleRowsData = getVisibleRows(apiRef);
     const rowSelectionModel = {
       type: 'include',
       ids: new Set()
     };
-    if (result.select !== -1) {
+    const selection = rowSelection ? result.select : -1;
+    if (selection !== -1) {
       for (let i = 0; i < result.select; i += 1) {
         const row = visibleRowsData.rows[i];
         const id = apiRef.current.getRowId(row);
@@ -183,7 +250,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, disableColumnFilter, disableRowGrouping, disableAggregation, disableColumnSorting, disablePivoting, columnsLookup, isAiAssistantAvailable]);
+  }, [apiRef, updateChart, rowSelection, disableColumnFilter, disableRowGrouping, disableAggregation, disableColumnSorting, disablePivoting, columnsLookup, isAiAssistantAvailable, activeChartId, chartsIntegration, experimentalFeatures?.charts]);
   const setActiveConversationId = React.useCallback(id => {
     if (!isAiAssistantAvailable) {
       return;

package/esm/hooks/features/chartsIntegration/useGridChartsIntegration.js

@@ -62,7 +62,6 @@ export const useGridChartsIntegration = (apiRef, props) => {
   const context = useGridChartsIntegrationContext(true);
   const isChartsIntegrationAvailable = !!props.chartsIntegration && !!props.experimentalFeatures?.charts && !!context;
   const activeChartId = gridChartsIntegrationActiveChartIdSelector(apiRef);
-  const orderedFields = gridColumnFieldsSelector(apiRef);
   const aggregationModel = gridAggregationModelSelector(apiRef);
   const pivotActive = gridPivotActiveSelector(apiRef);
   const pivotModel = gridPivotModelSelector(apiRef);
@@ -170,6 +169,7 @@ export const useGridChartsIntegration = (apiRef, props) => {
     if (chartIds.length === 0 || chartIds.some(chartId => !visibleDimensions.current[chartId] || !visibleValues.current[chartId])) {
       return;
     }
+    const orderedFields = gridColumnFieldsSelector(apiRef);
     const rowGroupingModel = gridRowGroupingSanitizedModelSelector(apiRef);
     const rowTree = gridRowTreeSelector(apiRef);
     const rowsPerDepth = gridFilteredSortedDepthRowEntriesSelector(apiRef);
@@ -226,7 +226,7 @@ export const useGridChartsIntegration = (apiRef, props) => {
         }))
       });
     });
-  }, [apiRef, orderedFields, getColumnName, getValueDatasetLabel, setChartState]);
+  }, [apiRef, getColumnName, getValueDatasetLabel, setChartState]);
   const debouncedHandleRowDataUpdate = React.useMemo(() => debounce(handleRowDataUpdate, 0), [handleRowDataUpdate]);
   const handleColumnDataUpdate = React.useCallback((chartIds, updatedChartStateLookup) => {
     // if there are no charts, skip the data processing

package/esm/hooks/features/dataSource/models.d.ts

@@ -1,4 +1,5 @@
 import type { GridColDef, GridRowId, GridValidRowModel, GridDataSource, GridGetRowsResponse, GridGetRowsParams, GridDataSourceApiBase, GridDataSourcePrivateApi, GridRowModel } from '@mui/x-data-grid-pro';
+import type { GridDataSourceFetchRowsParams } from '@mui/x-data-grid-pro/internals';
 import type { GridAggregationModel } from "../aggregation/gridAggregationInterfaces.js";
 import type { GridPivotModel } from "../pivoting/gridPivotingInterfaces.js";
 export interface GridGetRowsResponsePivotColumn {
@@ -90,9 +91,10 @@ export interface GridDataSourceApiBasePremium extends Omit<GridDataSourceApiBase
    * If no `parentId` option is provided, it fetches the root rows.
    * Any missing parameter from `params` will be filled from the state (sorting, filtering, etc.).
    * @param {GridRowId} parentId The id of the parent node (default: `GRID_ROOT_GROUP_ID`).
-   * @param {Partial<GridGetRowsParamsPremium>} params Request parameters override.
+   * @param {GridDataSourceFetchRowsParams<GridGetRowsParamsPremium>} params Request parameters override.
+   * @returns {Promise<void>} A promise that resolves when the rows are fetched.
    */
-  fetchRows: (parentId?: GridRowId, params?: Partial<GridGetRowsParamsPremium>) => void;
+  fetchRows: (parentId?: GridRowId, params?: GridDataSourceFetchRowsParams<GridGetRowsParamsPremium>) => Promise<void>;
 }
 export interface GridDataSourceApiPremium {
   /**

package/esm/hooks/features/dataSource/useGridDataSourcePremium.js

@@ -3,9 +3,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridEvent as addEventHandler, useGridApiMethod, GRID_ROOT_GROUP_ID, useGridEvent } from '@mui/x-data-grid-pro';
-import { useGridDataSourceBasePro, useGridRegisterStrategyProcessor, useGridRegisterPipeProcessor, gridPivotInitialColumnsSelector, runIf, gridPivotActiveSelector } from '@mui/x-data-grid-pro/internals';
+import { useGridDataSourceBasePro, useGridRegisterStrategyProcessor, useGridRegisterPipeProcessor, gridPivotInitialColumnsSelector, runIf, gridPivotActiveSelector, GridStrategyGroup, DataSourceRowsUpdateStrategy } from '@mui/x-data-grid-pro/internals';
 import { gridPivotModelSelector } from "../pivoting/gridPivotingSelectors.js";
 import { getPropsOverrides } from "./utils.js";
+import { gridRowGroupingSanitizedModelSelector } from "../rowGrouping/gridRowGroupingSelector.js";
 function getKeyPremium(params) {
   return JSON.stringify([params.filterModel, params.sortModel, params.groupKeys, params.groupFields, params.start, params.end, params.pivotModel ? {} : params.aggregationModel, params.pivotModel]);
 }
@@ -15,12 +16,17 @@ const options = {
   }
 };
 export const useGridDataSourcePremium = (apiRef, props) => {
+  const groupingModelSize = gridRowGroupingSanitizedModelSelector(apiRef).length;
+  const setStrategyAvailability = React.useCallback(() => {
+    const targetStrategy = props.treeData || !props.disableRowGrouping && groupingModelSize > 0 ? DataSourceRowsUpdateStrategy.GroupedData : DataSourceRowsUpdateStrategy.Default;
+    apiRef.current.setStrategyAvailability(GridStrategyGroup.DataSource, targetStrategy, props.dataSource && !props.lazyLoading ? () => true : () => false);
+  }, [apiRef, props.dataSource, props.lazyLoading, props.treeData, props.disableRowGrouping, groupingModelSize]);
   const {
     api,
     debouncedFetchRows,
-    strategyProcessor,
-    events,
-    setStrategyAvailability
+    flatTreeStrategyProcessor,
+    groupedDataStrategyProcessor,
+    events
   } = useGridDataSourceBasePro(apiRef, props, options);
   const aggregateRowRef = React.useRef({});
   const initialColumns = gridPivotInitialColumnsSelector(apiRef);
@@ -74,7 +80,8 @@ export const useGridDataSourcePremium = (apiRef, props) => {
   });
   useGridApiMethod(apiRef, api.public, 'public');
   useGridApiMethod(apiRef, privateApi, 'private');
-  useGridRegisterStrategyProcessor(apiRef, strategyProcessor.strategyName, strategyProcessor.group, strategyProcessor.processor);
+  useGridRegisterStrategyProcessor(apiRef, flatTreeStrategyProcessor.strategyName, flatTreeStrategyProcessor.group, flatTreeStrategyProcessor.processor);
+  useGridRegisterStrategyProcessor(apiRef, groupedDataStrategyProcessor.strategyName, groupedDataStrategyProcessor.group, groupedDataStrategyProcessor.processor);
   useGridRegisterPipeProcessor(apiRef, 'processDataSourceRows', processDataSourceRows);
   Object.entries(events).forEach(([event, handler]) => {
     addEventHandler(apiRef, event, handler);

package/esm/hooks/features/export/gridExcelExportInterface.d.ts

@@ -1,4 +1,4 @@
-import type * as Excel from 'exceljs';
+import type * as Excel from '@mui/x-internal-exceljs-fork';
 import { GridFileExportOptions, GridExportFormat as GridExportFormatCommunity, GridExportExtension as GridExportExtensionCommunity } from '@mui/x-data-grid-pro';
 export type GridExportFormat = GridExportFormatCommunity | 'excel';
 export type GridExportExtension = GridExportExtensionCommunity | 'xlsx';

package/esm/hooks/features/export/serializer/excelSerializer.d.ts

@@ -1,4 +1,4 @@
-import type * as Excel from 'exceljs';
+import type * as Excel from '@mui/x-internal-exceljs-fork';
 import { RefObject } from '@mui/x-internals/types';
 import { GridRowId, GridColDef } from '@mui/x-data-grid-pro';
 import { GridStateColDef } from '@mui/x-data-grid/internals';

package/esm/hooks/features/export/serializer/utils.d.ts

@@ -1,4 +1,4 @@
-import type * as Excel from 'exceljs';
+import type * as Excel from '@mui/x-internal-exceljs-fork';
 import type { GridColumnGroupLookup } from '@mui/x-data-grid/internals';
 import type { GridExcelExportOptions } from "../gridExcelExportInterface.js";
 export declare const getExcelJs: () => Promise<typeof Excel>;

package/esm/hooks/features/export/serializer/utils.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 export const getExcelJs = async () => {
-  const excelJsModule = await import('exceljs');
+  const excelJsModule = await import('@mui/x-internal-exceljs-fork');
   return excelJsModule.default ?? excelJsModule;
 };
 export const addColumnGroupingHeaders = (worksheet, columns, columnGroupPaths, columnGroupDetails) => {

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.14.1
+ * @mui/x-data-grid-premium v8.15.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/esm/material/index.d.ts

@@ -25,6 +25,7 @@ declare const materialSlots: {
   promptRerunIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptSortAscIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptSortDescIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptChartsIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptGroupIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptFilterIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptPivotIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;

package/esm/material/index.js

@@ -33,6 +33,7 @@ const iconsSlots = {
   promptPivotIcon: GridPivotIcon,
   promptAggregationIcon: GridFunctionsIcon,
   promptGroupIcon: GridGroupWorkIcon,
+  promptChartsIcon: GridChartsIcon,
   promptChangesToggleIcon: GridExpandMoreIcon,
   chartsIcon: GridChartsIcon,
   chartsSearchIcon: GridSearchIcon,

package/esm/models/gridPremiumIconSlotsComponent.d.ts

@@ -132,6 +132,11 @@ export interface GridPremiumIconSlotsComponent {
    * @default GridArrowDownwardIcon
    */
   promptSortDescIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used to mark the request to visalize the data
+   * @default GridChartsIcon
+   */
+  promptChartsIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon used to display group changes
    * @default GridGroupWorkIcon

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

@@ -39,6 +39,10 @@ type Pivoting = {
   rows: string[];
   values: Aggregation[];
 } | {};
+type Chart = {
+  dimensions: string[];
+  values: string[];
+};
 export type PromptResponse = {
   conversationId: string;
   select: number;
@@ -48,6 +52,7 @@ export type PromptResponse = {
   sorting: ColumnSort[];
   grouping: Grouping[];
   pivoting: Pivoting;
+  chart: Chart | null;
 };
 export type PromptResolverOptions = {
   /**

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

@@ -3,4 +3,4 @@ import { GridStateInitializer } from '@mui/x-data-grid-pro/internals';
 import { GridPrivateApiPremium } from "../../../models/gridApiPremium.js";
 import { 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" | "disableColumnFilter" | "disableRowGrouping" | "disableAggregation" | "disableColumnSorting" | "disablePivoting">) => 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" | "experimentalFeatures" | "getPivotDerivedColumns">) => void;

package/hooks/features/aiAssistant/useGridAiAssistant.js

@@ -9,11 +9,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGridAiAssistant = exports.aiAssistantStateInitializer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _isDeepEqual = require("@mui/x-internals/isDeepEqual");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _gridAiAssistantSelectors = require("./gridAiAssistantSelectors");
+var _gridChartsIntegrationSelectors = require("../chartsIntegration/gridChartsIntegrationSelectors");
 var _jsxRuntime = require("react/jsx-runtime");
 const DEFAULT_SAMPLE_COUNT = 5;
+const MAX_CHART_DATA_POINTS = 1000;
 const aiAssistantStateInitializer = (state, props) => {
   if (!props.aiAssistant) {
     return (0, _extends2.default)({}, state, {
@@ -36,12 +39,18 @@ const useGridAiAssistant = (apiRef, props) => {
     onPrompt,
     allowAiAssistantDataSampling,
     slots,
+    rowSelection,
     disableColumnFilter,
     disableRowGrouping,
     disableAggregation,
     disableColumnSorting,
-    disablePivoting
+    disablePivoting,
+    chartsIntegration,
+    experimentalFeatures,
+    getPivotDerivedColumns
   } = props;
+  const previousUnwrappedGroupingModel = React.useRef([]);
+  const activeChartId = (0, _gridChartsIntegrationSelectors.gridChartsIntegrationActiveChartIdSelector)(apiRef);
   const columnsLookup = (0, _xDataGridPro.gridColumnLookupSelector)(apiRef);
   const columns = Object.values(columnsLookup);
   const rows = Object.values((0, _xDataGridPro.gridRowsLookupSelector)(apiRef));
@@ -86,15 +95,38 @@ const useGridAiAssistant = (apiRef, props) => {
       return '';
     }
     const examples = allowDataSampling ? collectSampleData() : {};
-    const columnsContext = columns.map(column => ({
-      field: column.field,
-      description: column.description ?? null,
-      examples: examples[column.field] ?? column.examples ?? [],
-      type: column.type ?? 'string',
-      allowedOperators: column.filterOperators?.map(operator => operator.value) ?? []
-    }));
+    const columnsContext = columns.reduce((acc, column) => {
+      const columnContextWithoutExamples = {
+        field: column.field,
+        description: column.description ?? null,
+        examples: [],
+        type: column.type ?? 'string',
+        allowedOperators: column.filterOperators?.map(operator => operator.value) ?? []
+      };
+      acc.push((0, _extends2.default)({}, columnContextWithoutExamples, {
+        examples: examples[column.field] ?? column.examples ?? []
+      }));
+      if (disablePivoting) {
+        return acc;
+      }
+      (getPivotDerivedColumns?.(column, apiRef.current.getLocaleText) || []).forEach(col => acc.push((0, _extends2.default)({}, columnContextWithoutExamples, col, {
+        derivedFrom: column.field
+      })));
+      return acc;
+    }, []);
     return JSON.stringify(columnsContext);
-  }, [columns, collectSampleData, isAiAssistantAvailable]);
+  }, [apiRef, columns, collectSampleData, getPivotDerivedColumns, isAiAssistantAvailable, disablePivoting]);
+  const updateChart = React.useCallback(result => {
+    if (!result.chart) {
+      return;
+    }
+    apiRef.current.updateChartDimensionsData(activeChartId, result.chart.dimensions.map(item => ({
+      field: item
+    })));
+    apiRef.current.updateChartValuesData(activeChartId, result.chart.values.map(item => ({
+      field: item
+    })));
+  }, [apiRef, activeChartId]);
   const applyPromptResult = React.useCallback(result => {
     if (!isAiAssistantAvailable) {
       return;
@@ -123,6 +155,8 @@ const useGridAiAssistant = (apiRef, props) => {
         quickFilterValues: []
       });
       interestColumns.push(...result.filters.map(f => f.column));
+    } else {
+      result.filters = [];
     }
     let appliedPivoting = false;
     if (!disablePivoting && 'columns' in result.pivoting) {
@@ -146,6 +180,7 @@ const useGridAiAssistant = (apiRef, props) => {
       appliedPivoting = true;
     } else if ('columns' in result.pivoting) {
       // if pivoting is disabled and there are pivoting results, try to move them into grouping and aggregation
+      apiRef.current.setPivotActive(false);
       result.pivoting.columns.forEach(c => {
         result.grouping.push({
           column: c.column
@@ -162,26 +197,58 @@ const useGridAiAssistant = (apiRef, props) => {
       });
       // remove the pivoting results data
       result.pivoting = {};
+    } else {
+      apiRef.current.setPivotActive(false);
     }
     if (!disableRowGrouping && !appliedPivoting) {
       apiRef.current.setRowGroupingModel(result.grouping.map(g => g.column));
+    } else {
+      result.grouping = [];
     }
     if (!disableAggregation && !appliedPivoting) {
       apiRef.current.setAggregationModel(result.aggregation);
       interestColumns.push(...Object.keys(result.aggregation));
+    } else {
+      result.aggregation = {};
     }
     if (!disableColumnSorting) {
       apiRef.current.setSortModel(result.sorting.map(s => ({
         field: s.column,
         sort: s.direction
       })));
+    } else {
+      result.sorting = [];
+    }
+    if (experimentalFeatures?.charts && chartsIntegration && activeChartId && result.chart) {
+      if (appliedPivoting) {
+        const unsubscribe = apiRef.current.subscribeEvent('rowsSet', () => {
+          const unwrappedGroupingModel = Object.keys((0, _xDataGridPro.gridColumnGroupsUnwrappedModelSelector)(apiRef));
+          // wait until unwrapped grouping model changes
+          if (!result.chart || unwrappedGroupingModel.length === 0 || (0, _isDeepEqual.isDeepEqual)(previousUnwrappedGroupingModel.current, unwrappedGroupingModel)) {
+            return;
+          }
+          previousUnwrappedGroupingModel.current = unwrappedGroupingModel;
+          const visibleRowsCount = (0, _xDataGridPro.gridVisibleRowsSelector)(apiRef).rows.length;
+          const maxColumns = Math.floor(MAX_CHART_DATA_POINTS / visibleRowsCount);
+
+          // we assume that the pivoting was adjusted to what needs to be shown in the chart
+          // so we can just pick up all the columns that were created by pivoting
+          // to avoid rendering issues, set the limit to MAX_CHART_DATA_POINTS data points (rows * columns)
+          result.chart.values = unwrappedGroupingModel.slice(0, maxColumns);
+          updateChart(result);
+          unsubscribe();
+        });
+      } else {
+        updateChart(result);
+      }
     }
     const visibleRowsData = (0, _internals.getVisibleRows)(apiRef);
     const rowSelectionModel = {
       type: 'include',
       ids: new Set()
     };
-    if (result.select !== -1) {
+    const selection = rowSelection ? result.select : -1;
+    if (selection !== -1) {
       for (let i = 0; i < result.select; i += 1) {
         const row = visibleRowsData.rows[i];
         const id = apiRef.current.getRowId(row);
@@ -191,7 +258,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, disableColumnFilter, disableRowGrouping, disableAggregation, disableColumnSorting, disablePivoting, columnsLookup, isAiAssistantAvailable]);
+  }, [apiRef, updateChart, rowSelection, disableColumnFilter, disableRowGrouping, disableAggregation, disableColumnSorting, disablePivoting, columnsLookup, isAiAssistantAvailable, activeChartId, chartsIntegration, experimentalFeatures?.charts]);
   const setActiveConversationId = React.useCallback(id => {
     if (!isAiAssistantAvailable) {
       return;

package/hooks/features/chartsIntegration/useGridChartsIntegration.js

@@ -70,7 +70,6 @@ const useGridChartsIntegration = (apiRef, props) => {
   const context = (0, _useGridChartIntegration.useGridChartsIntegrationContext)(true);
   const isChartsIntegrationAvailable = !!props.chartsIntegration && !!props.experimentalFeatures?.charts && !!context;
   const activeChartId = (0, _gridChartsIntegrationSelectors.gridChartsIntegrationActiveChartIdSelector)(apiRef);
-  const orderedFields = (0, _internals.gridColumnFieldsSelector)(apiRef);
   const aggregationModel = (0, _gridAggregationSelectors.gridAggregationModelSelector)(apiRef);
   const pivotActive = (0, _internals.gridPivotActiveSelector)(apiRef);
   const pivotModel = (0, _gridPivotingSelectors.gridPivotModelSelector)(apiRef);
@@ -178,6 +177,7 @@ const useGridChartsIntegration = (apiRef, props) => {
     if (chartIds.length === 0 || chartIds.some(chartId => !visibleDimensions.current[chartId] || !visibleValues.current[chartId])) {
       return;
     }
+    const orderedFields = (0, _internals.gridColumnFieldsSelector)(apiRef);
     const rowGroupingModel = (0, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector)(apiRef);
     const rowTree = (0, _xDataGridPro.gridRowTreeSelector)(apiRef);
     const rowsPerDepth = (0, _internals.gridFilteredSortedDepthRowEntriesSelector)(apiRef);
@@ -234,7 +234,7 @@ const useGridChartsIntegration = (apiRef, props) => {
         }))
       });
     });
-  }, [apiRef, orderedFields, getColumnName, getValueDatasetLabel, setChartState]);
+  }, [apiRef, getColumnName, getValueDatasetLabel, setChartState]);
   const debouncedHandleRowDataUpdate = React.useMemo(() => (0, _debounce.default)(handleRowDataUpdate, 0), [handleRowDataUpdate]);
   const handleColumnDataUpdate = React.useCallback((chartIds, updatedChartStateLookup) => {
     // if there are no charts, skip the data processing

package/hooks/features/dataSource/models.d.ts

@@ -1,4 +1,5 @@
 import type { GridColDef, GridRowId, GridValidRowModel, GridDataSource, GridGetRowsResponse, GridGetRowsParams, GridDataSourceApiBase, GridDataSourcePrivateApi, GridRowModel } from '@mui/x-data-grid-pro';
+import type { GridDataSourceFetchRowsParams } from '@mui/x-data-grid-pro/internals';
 import type { GridAggregationModel } from "../aggregation/gridAggregationInterfaces.js";
 import type { GridPivotModel } from "../pivoting/gridPivotingInterfaces.js";
 export interface GridGetRowsResponsePivotColumn {
@@ -90,9 +91,10 @@ export interface GridDataSourceApiBasePremium extends Omit<GridDataSourceApiBase
    * If no `parentId` option is provided, it fetches the root rows.
    * Any missing parameter from `params` will be filled from the state (sorting, filtering, etc.).
    * @param {GridRowId} parentId The id of the parent node (default: `GRID_ROOT_GROUP_ID`).
-   * @param {Partial<GridGetRowsParamsPremium>} params Request parameters override.
+   * @param {GridDataSourceFetchRowsParams<GridGetRowsParamsPremium>} params Request parameters override.
+   * @returns {Promise<void>} A promise that resolves when the rows are fetched.
    */
-  fetchRows: (parentId?: GridRowId, params?: Partial<GridGetRowsParamsPremium>) => void;
+  fetchRows: (parentId?: GridRowId, params?: GridDataSourceFetchRowsParams<GridGetRowsParamsPremium>) => Promise<void>;
 }
 export interface GridDataSourceApiPremium {
   /**

package/hooks/features/dataSource/useGridDataSourcePremium.js

@@ -13,6 +13,7 @@ var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _gridPivotingSelectors = require("../pivoting/gridPivotingSelectors");
 var _utils = require("./utils");
+var _gridRowGroupingSelector = require("../rowGrouping/gridRowGroupingSelector");
 function getKeyPremium(params) {
   return JSON.stringify([params.filterModel, params.sortModel, params.groupKeys, params.groupFields, params.start, params.end, params.pivotModel ? {} : params.aggregationModel, params.pivotModel]);
 }
@@ -22,12 +23,17 @@ const options = {
   }
 };
 const useGridDataSourcePremium = (apiRef, props) => {
+  const groupingModelSize = (0, _gridRowGroupingSelector.gridRowGroupingSanitizedModelSelector)(apiRef).length;
+  const setStrategyAvailability = React.useCallback(() => {
+    const targetStrategy = props.treeData || !props.disableRowGrouping && groupingModelSize > 0 ? _internals.DataSourceRowsUpdateStrategy.GroupedData : _internals.DataSourceRowsUpdateStrategy.Default;
+    apiRef.current.setStrategyAvailability(_internals.GridStrategyGroup.DataSource, targetStrategy, props.dataSource && !props.lazyLoading ? () => true : () => false);
+  }, [apiRef, props.dataSource, props.lazyLoading, props.treeData, props.disableRowGrouping, groupingModelSize]);
   const {
     api,
     debouncedFetchRows,
-    strategyProcessor,
-    events,
-    setStrategyAvailability
+    flatTreeStrategyProcessor,
+    groupedDataStrategyProcessor,
+    events
   } = (0, _internals.useGridDataSourceBasePro)(apiRef, props, options);
   const aggregateRowRef = React.useRef({});
   const initialColumns = (0, _internals.gridPivotInitialColumnsSelector)(apiRef);
@@ -81,7 +87,8 @@ const useGridDataSourcePremium = (apiRef, props) => {
   });
   (0, _xDataGridPro.useGridApiMethod)(apiRef, api.public, 'public');
   (0, _xDataGridPro.useGridApiMethod)(apiRef, privateApi, 'private');
-  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, strategyProcessor.strategyName, strategyProcessor.group, strategyProcessor.processor);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, flatTreeStrategyProcessor.strategyName, flatTreeStrategyProcessor.group, flatTreeStrategyProcessor.processor);
+  (0, _internals.useGridRegisterStrategyProcessor)(apiRef, groupedDataStrategyProcessor.strategyName, groupedDataStrategyProcessor.group, groupedDataStrategyProcessor.processor);
   (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'processDataSourceRows', processDataSourceRows);
   Object.entries(events).forEach(([event, handler]) => {
     (0, _xDataGridPro.useGridEvent)(apiRef, event, handler);

package/hooks/features/export/gridExcelExportInterface.d.ts

@@ -1,4 +1,4 @@
-import type * as Excel from 'exceljs';
+import type * as Excel from '@mui/x-internal-exceljs-fork';
 import { GridFileExportOptions, GridExportFormat as GridExportFormatCommunity, GridExportExtension as GridExportExtensionCommunity } from '@mui/x-data-grid-pro';
 export type GridExportFormat = GridExportFormatCommunity | 'excel';
 export type GridExportExtension = GridExportExtensionCommunity | 'xlsx';

package/hooks/features/export/serializer/excelSerializer.d.ts

@@ -1,4 +1,4 @@
-import type * as Excel from 'exceljs';
+import type * as Excel from '@mui/x-internal-exceljs-fork';
 import { RefObject } from '@mui/x-internals/types';
 import { GridRowId, GridColDef } from '@mui/x-data-grid-pro';
 import { GridStateColDef } from '@mui/x-data-grid/internals';

package/hooks/features/export/serializer/utils.d.ts

@@ -1,4 +1,4 @@
-import type * as Excel from 'exceljs';
+import type * as Excel from '@mui/x-internal-exceljs-fork';
 import type { GridColumnGroupLookup } from '@mui/x-data-grid/internals';
 import type { GridExcelExportOptions } from "../gridExcelExportInterface.js";
 export declare const getExcelJs: () => Promise<typeof Excel>;

package/hooks/features/export/serializer/utils.js

@@ -11,7 +11,7 @@ exports.getExcelJs = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
 const getExcelJs = async () => {
-  const excelJsModule = await Promise.resolve().then(() => (0, _interopRequireWildcard2.default)(require('exceljs')));
+  const excelJsModule = await Promise.resolve().then(() => (0, _interopRequireWildcard2.default)(require('@mui/x-internal-exceljs-fork')));
   return excelJsModule.default ?? excelJsModule;
 };
 exports.getExcelJs = getExcelJs;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v8.14.1
+ * @mui/x-data-grid-premium v8.15.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/material/index.d.ts

@@ -25,6 +25,7 @@ declare const materialSlots: {
   promptRerunIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptSortAscIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptSortDescIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
+  promptChartsIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptGroupIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptFilterIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;
   promptPivotIcon: React.JSXElementConstructor<import("@mui/x-data-grid/models/gridBaseSlots").IconProps>;

package/material/index.js

@@ -40,6 +40,7 @@ const iconsSlots = {
   promptPivotIcon: _icons.GridPivotIcon,
   promptAggregationIcon: _icons.GridFunctionsIcon,
   promptGroupIcon: _icons.GridGroupWorkIcon,
+  promptChartsIcon: _icons.GridChartsIcon,
   promptChangesToggleIcon: _xDataGrid.GridExpandMoreIcon,
   chartsIcon: _icons.GridChartsIcon,
   chartsSearchIcon: _xDataGrid.GridSearchIcon,

package/models/gridPremiumIconSlotsComponent.d.ts

@@ -132,6 +132,11 @@ export interface GridPremiumIconSlotsComponent {
    * @default GridArrowDownwardIcon
    */
   promptSortDescIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon used to mark the request to visalize the data
+   * @default GridChartsIcon
+   */
+  promptChartsIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon used to display group changes
    * @default GridGroupWorkIcon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "8.14.1",
+  "version": "8.15.0",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -35,13 +35,13 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "@mui/utils": "^7.3.3",
+    "@mui/x-internal-exceljs-fork": "^4.4.1",
     "clsx": "^2.1.1",
-    "exceljs": "^4.4.0",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid-pro": "8.14.1",
-    "@mui/x-data-grid": "8.14.1",
     "@mui/x-internals": "8.14.0",
-    "@mui/x-license": "8.14.1"
+    "@mui/x-data-grid": "8.15.0",
+    "@mui/x-data-grid-pro": "8.15.0",
+    "@mui/x-license": "8.15.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",