@mui/x-charts-pro 8.22.0 → 8.23.0

package/CHANGELOG.md

@@ -5,6 +5,208 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.23.0
+
+_Dec 23, 2025_
+
+We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🧮 Support Data Grid `size`, `size(true)`, and `size(false)` [aggregations for `'boolean'` column type](https://mui.com/x/react-data-grid/aggregation/#usage-with-row-grouping)
+- 🔎 Allow zooming a heatmap
+
+Special thanks go out to these community members for their valuable contributions:
+@henkerik, @sai6855
+
+The following team members contributed to this release:
+@alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @flaviendelangle, @JCQuintas, @mapache-salvaje, @MBilalShafi, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.23.0`
+
+- [DataGrid] Fix columns state and columns prop sync issue (#20703) @arminmeh
+- [DataGrid] Fix filter datetime with seconds (#20557) @siriwatknp
+- [DataGrid] Add new `includeHeaderFilters` flag to include header filters when autosizing columns (#20510) @siriwatknp
+- [DataGrid] Prevent default on `Enter` key down when starting editing (#20751) @siriwatknp
+- [l10n] Improve Portuguese from Portugal (pt-PT) locale (#20722) @Copilot
+
+#### `@mui/x-data-grid-pro@8.23.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.23.0`, plus:
+
+- [DataGridPro] Fix crash on rows change in tree data with pagination (#20215) @Copilot
+
+#### `@mui/x-data-grid-premium@8.23.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.23.0`, plus:
+
+- [DataGridPremium] Add aggregation for `'boolean'` column type (#20683) @arminmeh
+- [DataGridPremium] Fix strategy value computation with row grouping (#20725) @MBilalShafi
+- [DataGridPremium] Handle `isRowSelectable()` checks for the rows missing due to `keepNonExistentRowsSelected` (#20668) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.23.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.23.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.23.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.23.0`
+
+- [charts] Custom stack functions implementation (#20679) @JCQuintas
+- [charts] Extract keyboard focus navigation to the series config (#20693) @alexfauquette
+- [charts] Fix demo not wrapping in mobile (#20713) @JCQuintas
+- [charts] Fix missing dependencies in `x-charts-vendor` (#20685) @henkerik
+- [charts] Remove webkit test differences (#20707) @JCQuintas
+
+#### `@mui/x-charts-pro@8.23.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.23.0`, plus:
+
+- [charts-pro] Allow registering preview plots from higher tier packages (#20716) @bernardobelchior
+- [charts-pro] Fix erroneous behavior when adding/removing pointers from zoom&pan gestures (#20698) @JCQuintas
+- [charts-pro] Move heatmap highlight handling to plot component (#20701) @bernardobelchior
+- [charts-pro] Add zoom to heatmap (#20708) @bernardobelchior
+
+#### `@mui/x-charts-premium@8.23.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.23.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.23.0`
+
+- [tree view] Add new APIs to disable selection feature for tree view item (#20666) @siriwatknp
+
+#### `@mui/x-tree-view-pro@8.23.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.23.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.23.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Clarify feature availability and relationship between Community and Pro/Premium docs (#20714) @mapache-salvaje
+- [docs] Copyedit Tree View docs and apply new component style rules (DX-19) (#20652) @mapache-salvaje
+- [docs] Fix `ColumnPinningDynamicRowHeight` demo (#20750) @sai6855
+- [docs] Clean up Charts docs sidebar (DX-97) (#20700) @alelthomas
+- [docs] Fix tick labels not being shown on a demo (#20718) @sai6855
+
+### Core
+
+- [code-infra] Bump prettier to 3.7.4 (#20709) @JCQuintas
+- [code-infra] Fix contributor generation logic in changelog script (#20705) @brijeshb42
+
+## 8.22.1
+
+_Dec 17, 2025_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌎 Improve Swedish (sv-SE) locale on the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to the community members for their valuable contributions:
+@KyeongJooni, @VismaAndreasIvarsson
+
+The following team members contributed to this release:
+@alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @mj12albert, @prakhargupta1, @romgrk, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.22.1`
+
+- [data grid] Fix column menu keyboard shortcut (#20621) @mj12albert
+- [data grid] Fix row checkbox disabled state on first render and keep cell focusable (ARIA) (#20641) @michelengelen
+- [data grid] Fix tree data selection bug (#20528) @michelengelen
+- [data grid] Prevent clear cell selection on edit mode (#20544) @siriwatknp
+- [data grid] Refactor column merge logic to prioritize defined properties only (#20640) @michelengelen
+- [data grid] Reset row spanning on row expansion change (#20661) @siriwatknp
+- [data grid] Resize newly added rows while resize action is happening (#20676)
+- [l10n] Improve Swedish (sv-SE) locale (#20682) @VismaAndreasIvarsson
+
+#### `@mui/x-data-grid-pro@8.22.1` [![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.22.1`.
+
+#### `@mui/x-data-grid-premium@8.22.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-data-grid-pro@8.22.1`, plus:
+
+- [DataGridPremium] Import `useId()` from `@mui/utils` to maintain React 17 compatibility (#20635) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.22.1`
+
+- [pickers] Add minutesStep validation test (#20672) @KyeongJooni
+- [pickers] Fix `onAccept()` returning wrong year after selecting year then month (#20639) @michelengelen
+
+#### `@mui/x-date-pickers-pro@8.22.1` [![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.22.1`.
+
+### Charts
+
+#### `@mui/x-charts@8.22.1`
+
+- [charts] Extract `FocusedPieArc` from `PieArcPlot` (#20613) @alexfauquette
+- [charts] Fix regression on the highlight control (#20627) @alexfauquette
+- [charts] Refactor: `useSelector()` => `store.use()` (#20681) @romgrk
+- [charts] Remove duplicated types (#20694) @alexfauquette
+- [charts] Remove unused generics from bar charts (#20642) @bernardobelchior
+- [charts] Simplify tooltip position getter for pie chart (#20625) @alexfauquette
+
+#### `@mui/x-charts-pro@8.22.1` [![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.22.1`, plus:
+
+- [charts-pro] Add heatmap performance benchmark (#20695) @bernardobelchior
+
+#### `@mui/x-charts-premium@8.22.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-charts-pro@8.22.1`, plus:
+
+- [charts-premium] Create `BarChartPremium` (#20643) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.22.1`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.22.1` [![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.22.1`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.22.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add button to GitHub source code for the Data Grid advanced demos (DX-50) (#20633) @alelthomas
+- [docs] Remove `seriesConfig` to prevent future confusion (#20678) @alexfauquette
+- [docs] Revise the Data Grid's API object doc for clarity and style (#20649) @mapache-salvaje
+- [docs] Update list of charts (#20479) @prakhargupta1
+
+### Core
+
+- [code-infra] Regression tests improvements (#20441) @Janpot
+- [code-infra] Test utils upgrade (#20592) @Janpot
+- [code-infra] Try to fix the Tree View flacky tests (#20573) @JCQuintas
+
 ## 8.22.0
 
 _Dec 11, 2025_

package/ChartDataProviderPro/ChartDataProviderPro.js

@@ -16,7 +16,7 @@ var _material = require("../internals/material");
 var _allPlugins = require("../internals/plugins/allPlugins");
 var _useChartDataProviderProProps = require("./useChartDataProviderProProps");
 var _jsxRuntime = require("react/jsx-runtime");
-const releaseInfo = "MTc2NTQxMTIwMDAwMA==";
+const releaseInfo = "MTc2NjUzNDQwMDAwMA==";
 const packageIdentifier = 'x-charts-pro';
 /**
  * Orchestrates the data providers for the chart components and hooks.

package/ChartZoomSlider/internals/ChartAxisZoomSlider.js

@@ -25,8 +25,8 @@ function ChartAxisZoomSlider({
 }) {
   const store = (0, _internals.useStore)();
   const drawingArea = (0, _internals.useDrawingArea)();
-  const zoomData = (0, _internals.useSelector)(store, _useChartProZoom.selectorChartAxisZoomData, axisId);
-  const zoomOptions = (0, _internals.useSelector)(store, _internals.selectorChartAxisZoomOptionsLookup, axisId);
+  const zoomData = store.use(_useChartProZoom.selectorChartAxisZoomData, axisId);
+  const zoomOptions = store.use(_internals.selectorChartAxisZoomOptionsLookup, axisId);
   const [showTooltip, setShowTooltip] = React.useState(false);
   const {
     xAxis

package/ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.js

@@ -62,7 +62,7 @@ function ChartAxisZoomSliderActiveTrack({
     svgRef
   } = (0, _internals.useChartContext)();
   const store = (0, _internals.useStore)();
-  const axis = (0, _internals.useSelector)(store, _internals.selectorChartAxis, axisId);
+  const axis = store.use(_internals.selectorChartAxis, axisId);
   const drawingArea = (0, _internals.useDrawingArea)();
   const activePreviewRectRef = React.useRef(null);
   const [startThumbEl, setStartThumbEl] = React.useState(null);

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreview.js

@@ -50,8 +50,8 @@ function PreviewRectangles(props) {
     axisDirection
   } = props;
   const store = (0, _internals.useStore)();
-  const zoomData = (0, _internals.useSelector)(store, _useChartProZoom.selectorChartAxisZoomData, axisId);
-  const zoomOptions = (0, _internals.useSelector)(store, _internals.selectorChartAxisZoomOptionsLookup, axisId);
+  const zoomData = store.use(_useChartProZoom.selectorChartAxisZoomData, axisId);
+  const zoomOptions = store.use(_internals.selectorChartAxisZoomOptionsLookup, axisId);
   const id = (0, _useId.default)();
   if (!zoomData) {
     return null;

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.d.ts

@@ -1,10 +1,9 @@
 import { type AxisId } from '@mui/x-charts/internals';
-interface ChartAxisZoomSliderPreviewContentProps {
+export interface ChartAxisZoomSliderPreviewContentProps {
   axisId: AxisId;
   x: number;
   y: number;
   height: number;
   width: number;
 }
-export declare function ChartAxisZoomSliderPreviewContent(props: ChartAxisZoomSliderPreviewContentProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function ChartAxisZoomSliderPreviewContent(props: ChartAxisZoomSliderPreviewContentProps): import("react/jsx-runtime").JSX.Element;

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.js

@@ -9,10 +9,7 @@ exports.ChartAxisZoomSliderPreviewContent = ChartAxisZoomSliderPreviewContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-charts/internals");
-var _LinePreviewPlot = require("./previews/LinePreviewPlot");
-var _AreaPreviewPlot = require("./previews/AreaPreviewPlot");
-var _BarPreviewPlot = require("./previews/BarPreviewPlot");
-var _ScatterPreviewPlot = require("./previews/ScatterPreviewPlot");
+var _seriesPreviewPlotMap = require("./seriesPreviewPlotMap");
 var _jsxRuntime = require("react/jsx-runtime");
 function ChartAxisZoomSliderPreviewContent(props) {
   const {
@@ -23,27 +20,14 @@ function ChartAxisZoomSliderPreviewContent(props) {
     height
   } = props;
   const store = (0, _internals.useStore)();
-  const processedSeries = (0, _internals.useSelector)(store, _internals.selectorChartSeriesProcessed);
+  const processedSeries = store.use(_internals.selectorChartSeriesProcessed);
   const children = [];
   const clipId = `zoom-preview-mask-${axisId}`;
-  const hasLineSeries = (processedSeries.line?.seriesOrder?.length ?? 0) > 0;
-  const hasBarSeries = (processedSeries.bar?.seriesOrder?.length ?? 0) > 0;
-  const hasScatterSeries = (processedSeries.scatter?.seriesOrder?.length ?? 0) > 0;
-  if (hasLineSeries) {
-    children.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_AreaPreviewPlot.AreaPreviewPlot, {
-      axisId: axisId
-    }, "area"));
-  }
-  if (hasBarSeries) {
-    children.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_BarPreviewPlot.BarPreviewPlot, (0, _extends2.default)({}, props), "bar"));
-  }
-  if (hasLineSeries) {
-    children.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinePreviewPlot.LinePreviewPlot, {
-      axisId: axisId
-    }, "line"));
-  }
-  if (hasScatterSeries) {
-    children.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScatterPreviewPlot.ScatterPreviewPlot, (0, _extends2.default)({}, props), "scatter"));
+  for (const [seriesType, Component] of _seriesPreviewPlotMap.seriesPreviewPlotMap) {
+    const hasSeries = (processedSeries[seriesType]?.seriesOrder?.length ?? 0) > 0;
+    if (hasSeries) {
+      children.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _extends2.default)({}, props), seriesType));
+    }
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {

package/ChartZoomSlider/internals/previews/AreaPreviewPlot.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type SeriesId } from '@mui/x-charts/internals';
 import { type PreviewPlotProps } from "./PreviewPlot.types.js";
-interface AreaPreviewPlotProps extends PreviewPlotProps {}
+interface AreaPreviewPlotProps extends Pick<PreviewPlotProps, 'axisId'> {}
 export declare function AreaPreviewPlot({
   axisId
 }: AreaPreviewPlotProps): import("react/jsx-runtime").JSX.Element;

package/ChartZoomSlider/internals/previews/AreaPreviewPlot.js

@@ -55,7 +55,7 @@ function PreviewAreaElement(_ref) {
 }
 function useAreaPreviewData(axisId) {
   const store = (0, _internals.useStore)();
-  const xAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, axisId);
-  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, axisId);
+  const xAxes = store.use(_internals.selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = store.use(_internals.selectorChartPreviewComputedYAxis, axisId);
   return (0, _internals.useAreaPlotData)(xAxes, yAxes);
 }

package/ChartZoomSlider/internals/previews/BarPreviewPlot.js

@@ -54,7 +54,7 @@ function BarPreviewPlot(props) {
 }
 function useBarPreviewData(axisId, drawingArea) {
   const store = (0, _internals.useStore)();
-  const xAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, axisId);
-  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, axisId);
+  const xAxes = store.use(_internals.selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = store.use(_internals.selectorChartPreviewComputedYAxis, axisId);
   return (0, _internals.useBarPlotData)(drawingArea, xAxes, yAxes);
 }

package/ChartZoomSlider/internals/previews/LineAreaPreviewPlot.d.ts

@@ -0,0 +1,4 @@
+import { type PreviewPlotProps } from "./PreviewPlot.types.js";
+export declare function LineAreaPreviewPlot({
+  axisId
+}: PreviewPlotProps): import("react/jsx-runtime").JSX.Element;

package/ChartZoomSlider/internals/previews/LineAreaPreviewPlot.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LineAreaPreviewPlot = LineAreaPreviewPlot;
+var React = _interopRequireWildcard(require("react"));
+var _AreaPreviewPlot = require("./AreaPreviewPlot");
+var _LinePreviewPlot = require("./LinePreviewPlot");
+var _jsxRuntime = require("react/jsx-runtime");
+function LineAreaPreviewPlot({
+  axisId
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AreaPreviewPlot.AreaPreviewPlot, {
+      axisId: axisId
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinePreviewPlot.LinePreviewPlot, {
+      axisId: axisId
+    })]
+  });
+}

package/ChartZoomSlider/internals/previews/LinePreviewPlot.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type SeriesId } from '@mui/x-charts/internals';
-import { type PreviewPlotProps } from "./PreviewPlot.types.js";
-interface LinePreviewPlotProps extends PreviewPlotProps {}
+import type { PreviewPlotProps } from "./PreviewPlot.types.js";
+interface LinePreviewPlotProps extends Pick<PreviewPlotProps, 'axisId'> {}
 export declare function LinePreviewPlot({
   axisId
 }: LinePreviewPlotProps): import("react/jsx-runtime").JSX.Element;

package/ChartZoomSlider/internals/previews/LinePreviewPlot.js

@@ -53,7 +53,7 @@ function PreviewLineElement(_ref) {
 }
 function useLinePreviewData(axisId) {
   const store = (0, _internals.useStore)();
-  const xAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, axisId);
-  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, axisId);
+  const xAxes = store.use(_internals.selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = store.use(_internals.selectorChartPreviewComputedYAxis, axisId);
   return (0, _internals.useLinePlotData)(xAxes, yAxes);
 }

package/ChartZoomSlider/internals/previews/PreviewPlot.types.d.ts

@@ -1,4 +1,8 @@
 import { type AxisId } from '@mui/x-charts/internals';
 export interface PreviewPlotProps {
   axisId: AxisId;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
 }

package/ChartZoomSlider/internals/previews/ScatterPreviewPlot.js

@@ -19,8 +19,8 @@ function ScatterPreviewPlot({
 }) {
   const store = (0, _internals.useStore)();
   const seriesData = (0, _hooks.useScatterSeriesContext)();
-  const xAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, axisId);
-  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, axisId);
+  const xAxes = store.use(_internals.selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = store.use(_internals.selectorChartPreviewComputedYAxis, axisId);
   const defaultXAxisId = (0, _hooks.useXAxes)().xAxisIds[0];
   const defaultYAxisId = (0, _hooks.useYAxes)().yAxisIds[0];
   const {

package/ChartZoomSlider/internals/seriesPreviewPlotMap.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+import { type PreviewPlotProps } from "./previews/PreviewPlot.types.js";
+export declare const seriesPreviewPlotMap: Map<keyof import("@mui/x-charts/internals").ChartsSeriesConfig, React.ComponentType<PreviewPlotProps>>;

package/ChartZoomSlider/internals/seriesPreviewPlotMap.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.seriesPreviewPlotMap = void 0;
+var _BarPreviewPlot = require("./previews/BarPreviewPlot");
+var _ScatterPreviewPlot = require("./previews/ScatterPreviewPlot");
+var _LineAreaPreviewPlot = require("./previews/LineAreaPreviewPlot");
+const seriesPreviewPlotMap = exports.seriesPreviewPlotMap = new Map([['bar', _BarPreviewPlot.BarPreviewPlot], ['line', _LineAreaPreviewPlot.LineAreaPreviewPlot], ['scatter', _ScatterPreviewPlot.ScatterPreviewPlot]]);

package/ChartsToolbarPro/ChartsToolbarPro.js

@@ -51,7 +51,7 @@ function ChartsToolbarPro(_ref) {
   const exportMenuTriggerRef = React.useRef(null);
   const exportMenuId = (0, _useId.default)();
   const exportMenuTriggerId = (0, _useId.default)();
-  const isZoomEnabled = (0, _internals.useSelector)(store, _useChartProZoom.selectorChartZoomIsEnabled);
+  const isZoomEnabled = store.use(_useChartProZoom.selectorChartZoomIsEnabled);
   const imageExportOptionList = rawImageExportOptions ?? DEFAULT_IMAGE_EXPORT_OPTIONS;
   const showExportMenu = !printOptions?.disableToolbarButton || imageExportOptionList.length > 0;
   const children = [];

package/ChartsToolbarPro/ChartsToolbarZoomInTrigger.js

@@ -33,7 +33,7 @@ const ChartsToolbarZoomInTrigger = exports.ChartsToolbarZoomInTrigger = /*#__PUR
     instance,
     store
   } = (0, _internals.useChartContext)();
-  const disabled = (0, _internals.useSelector)(store, _useChartProZoom.selectorChartCanZoomIn);
+  const disabled = store.use(_useChartProZoom.selectorChartCanZoomIn);
   const element = (0, _useComponentRenderer.useComponentRenderer)(slots.baseButton, render, (0, _extends2.default)({}, slotProps.baseButton, {
     onClick: () => instance.zoomIn(),
     disabled

package/ChartsToolbarPro/ChartsToolbarZoomOutTrigger.js

@@ -33,7 +33,7 @@ const ChartsToolbarZoomOutTrigger = exports.ChartsToolbarZoomOutTrigger = /*#__P
     instance,
     store
   } = (0, _internals.useChartContext)();
-  const disabled = (0, _internals.useSelector)(store, _useChartProZoom.selectorChartCanZoomOut);
+  const disabled = store.use(_useChartProZoom.selectorChartCanZoomOut);
   const element = (0, _useComponentRenderer.useComponentRenderer)(slots.baseButton, render, (0, _extends2.default)({}, slotProps.baseButton, {
     onClick: () => instance.zoomOut(),
     disabled

package/FunnelChart/FunnelPlot.js

@@ -29,12 +29,12 @@ const useAggregatedData = () => {
   const {
     axis: xAxis,
     axisIds: xAxisIds
-  } = (0, _internals.useSelector)(store, _useChartFunnelAxisRendering.selectorChartXAxis);
+  } = store.use(_useChartFunnelAxisRendering.selectorChartXAxis);
   const {
     axis: yAxis,
     axisIds: yAxisIds
-  } = (0, _internals.useSelector)(store, _useChartFunnelAxisRendering.selectorChartYAxis);
-  const gap = (0, _internals.useSelector)(store, _useChartFunnelAxisRendering.selectorFunnelGap);
+  } = store.use(_useChartFunnelAxisRendering.selectorChartYAxis);
+  const gap = store.use(_useChartFunnelAxisRendering.selectorFunnelGap);
   const allData = React.useMemo(() => {
     if (seriesData === undefined) {
       return [];

package/FunnelChart/funnelAxisPlugin/useChartFunnelAxis.js

@@ -32,8 +32,8 @@ const useChartFunnelAxis = ({
       (0, _warning.warnOnce)([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'), 'error');
     }
   }
-  const drawingArea = (0, _internals.useSelector)(store, _internals.selectorChartDrawingArea);
-  const isInteractionEnabled = (0, _internals.useSelector)(store, _internals.selectorChartsInteractionIsInitialized);
+  const drawingArea = store.use(_internals.selectorChartDrawingArea);
+  const isInteractionEnabled = store.use(_internals.selectorChartsInteractionIsInitialized);
   const isFirstRender = React.useRef(true);
   React.useEffect(() => {
     if (isFirstRender.current) {

package/Heatmap/Heatmap.d.ts

@@ -34,13 +34,13 @@ export interface HeatmapProps extends Omit<ChartContainerProProps<'heatmap', Hea
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  xAxis: Readonly<Omit<MakeOptional<XAxis<'band'>, 'scaleType'>, 'zoom'>[]>;
+  xAxis: Readonly<MakeOptional<XAxis<'band'>, 'scaleType'>[]>;
   /**
    * The configuration of the y-axes.
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  yAxis: Readonly<Omit<MakeOptional<YAxis<'band'>, 'scaleType'>, 'zoom'>[]>;
+  yAxis: Readonly<MakeOptional<YAxis<'band'>, 'scaleType'>[]>;
   /**
    * The series to display in the bar chart.
    * An array of [[HeatmapSeries]] objects.