@mui/x-charts-pro 8.16.0 → 8.17.0

package/BarChartPro/BarChartPro.js

@@ -115,6 +115,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     y: _propTypes.default.oneOf(['band', 'line', 'none'])
   }),
   /**
+   * @deprecated Use `barLabel` in the chart series instead.
    * If provided, the function will be used to format the label of the bar.
    * It can be set to 'value' to display the current value.
    * @param {BarItem} item The item to format.

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.17.0
+
+_Nov 5, 2025_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- Add `colorGetter` prop to cartesian charts series
+
+  <img width="400" alt="Image" src="https://github.com/user-attachments/assets/d8b1263f-794e-4939-b17e-87350fdd1746" />
+
+- 🌎 Add Catalan (ca-ES) locale on the Data Grid
+- 🌎 Add Norwegian Bokmål (nb-NO) locale on the Charts
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@frncesc, @Methuselah96, @samuelwalk, @htollefsen
+
+The following team members contributed to this release:
+@alexfauquette, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @mnajdova, @rita-codes, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.17.0`
+
+- [DataGrid] Stop event propagation on data grid action buttons (GridActionsCellItem) (#19513) @Copilot
+- [DataGrid] Update cell editable state if `editable` prop is updated in the column definition (#20147) @arminmeh
+- [DataGrid] Wait for external model updates before resetting pagination after sort/filter (#20162) @arminmeh
+- [l10n] Add Catalan (ca-ES) locale (#20154) @frncesc
+- [l10n] Improve Arabic (ar-SD) locale (#20185) @samuelwalk
+
+#### `@mui/x-data-grid-pro@8.17.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.17.0`.
+
+#### `@mui/x-data-grid-premium@8.17.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.17.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.17.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.17.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.17.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.17.0`
+
+- [charts] Add `barLabel` to bar series. Deprecate `barLabel` in `BarPlot`. (#20184) @bernardobelchior
+- [charts] Add series color callback (#20084) @bernardobelchior
+- [charts] Expose `ChartsSurface` classes (#20180) @bernardobelchior
+- [charts] Fix chart cut off when inside `overflow: scroll` container (#20182) @bernardobelchior
+- [charts] Fix tick label overflow on multiple axes and series demo (#20152) @bernardobelchior
+- [charts] Organize series config (#20155) @bernardobelchior
+- [charts] Use selectors from `@mui/x-internals` (#20052) @alexfauquette
+- [charts] Use store from `@mui/x-internals` (#20121) @alexfauquette
+- [charts] Add `useDataset` hook (#20205) @JCQuintas
+- [l10n] Add Norwegian Bokmål (nb-NO) locale (#20197) @htollefsen
+
+#### `@mui/x-charts-pro@8.17.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.17.0`, plus:
+
+- [charts-pro] Fix zoom pan issue when controlled (#20163) @JCQuintas
+
+#### `@mui/x-charts-premium@8.17.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.17.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.17.0`
+
+- [tree view] Accept read only arrays in `expandedItems` prop (#20181) @Methuselah96
+- [tree view] Use `aria-checked` instead of `aria-selected` on items (#19851) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.17.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.17.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.17.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix focus issues in the action column demo (#20178) @arminmeh
+- [docs] Remove hidden Tree View headless page (#20119) @flaviendelangle
+- [docs] Fix some external redirects (#20211) @Janpot
+
+### Core
+
+- [code-infra] Fix cci job timeout due to buffered test output (#20193) @Janpot
+- [code-infra] Fix publish workflow (#20140) @bernardobelchior
+- [code-infra] Increase JSDOM test parallelism (#20179) @Janpot
+- [code-infra] Remove React import requirement for jsx (#20144) @brijeshb42
+- [code-infra] Replace `getInitialProps` with `getStaticProps` (#20192) @Janpot
+- [code-infra] git-ignore next-env.d.ts (#20177) @Janpot
+- [code-infra] Stabilize screenshot testing (#19868) @Janpot
+
 ## 8.16.0
 
 _Oct 29, 2025_
@@ -39,7 +146,7 @@ Same changes as in `@mui/x-data-grid@8.16.0`, plus:
 Same changes as in `@mui/x-data-grid-pro@8.16.0`, plus:
 
 - [DataGridPremium] Export and restore chart integration state (#20079) @arminmeh
-- [DataGridPremium] Fix grouping column `valueFormatter()` crash  (#20070) @sai6855
+- [DataGridPremium] Fix grouping column `valueFormatter()` crash (#20070) @sai6855
 - [DataGridPremium] Refetch aggregation data after row update with server-side aggregation (#20039) @arminmeh
 
 ### Date and Time Pickers

package/ChartDataProviderPro/ChartDataProviderPro.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartSeriesType, ChartAnyPluginSignature, ChartProviderProps } from '@mui/x-charts/internals';
 import { ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
 import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
@@ -40,7 +39,7 @@ export type ChartDataProviderProProps<TSeries extends ChartSeriesType = ChartSer
  * </ChartDataProviderPro>
  * ```
  */
-declare function ChartDataProviderPro<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProProps<TSeries, TSignatures>): React.JSX.Element;
+declare function ChartDataProviderPro<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartDataProviderPro {
   var propTypes: any;
 }

package/ChartDataProviderPro/ChartDataProviderPro.js

@@ -1,14 +1,12 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartDataProviderPro = ChartDataProviderPro;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Watermark = require("@mui/x-license/Watermark");
 var _internals = require("@mui/x-charts/internals");
@@ -18,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 = "MTc2MTY5NjAwMDAwMA==";
+const releaseInfo = "MTc2MjMwMDgwMDAwMA==";
 const packageIdentifier = 'x-charts-pro';
 /**
  * Orchestrates the data providers for the chart components and hooks.

package/ChartZoomSlider/ChartZoomSlider.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 /**
  * Renders the zoom slider for all x and y axes that have it enabled.
  */
-export declare function ChartZoomSlider(): React.JSX.Element;
+export declare function ChartZoomSlider(): import("react/jsx-runtime").JSX.Element;

package/ChartZoomSlider/internals/ChartAxisZoomSlider.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { AxisId } from '@mui/x-charts/internals';
 interface ChartZoomSliderProps {
   /**
@@ -17,5 +16,5 @@ interface ChartZoomSliderProps {
 export declare function ChartAxisZoomSlider({
   axisDirection,
   axisId
-}: ChartZoomSliderProps): React.JSX.Element | null;
+}: ChartZoomSliderProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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 = (0, _internals.useSelector)(store, _useChartProZoom.selectorChartAxisZoomData, axisId);
+  const zoomOptions = (0, _internals.useSelector)(store, _internals.selectorChartAxisZoomOptionsLookup, axisId);
   const [showTooltip, setShowTooltip] = React.useState(false);
   const {
     xAxis

package/ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.d.ts

@@ -1,5 +1,4 @@
 import { AxisId, ZoomData } from '@mui/x-charts/internals';
-import * as React from 'react';
 export interface ChartAxisZoomSliderActiveTrackProps {
   axisId: AxisId;
   axisDirection: 'x' | 'y';
@@ -23,4 +22,4 @@ export declare function ChartAxisZoomSliderActiveTrack({
   showTooltip,
   onPointerEnter,
   onPointerLeave
-}: ChartAxisZoomSliderActiveTrackProps): React.JSX.Element;
+}: ChartAxisZoomSliderActiveTrackProps): import("react/jsx-runtime").JSX.Element;

package/ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.js

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

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreview.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { AxisId } from '@mui/x-charts/internals';
 interface ChartAxisZoomSliderPreviewProps {
   axisId: AxisId;
@@ -14,5 +13,5 @@ export declare function ChartAxisZoomSliderPreview({
   axisDirection,
   reverse,
   ...props
-}: ChartAxisZoomSliderPreviewProps): React.JSX.Element;
+}: ChartAxisZoomSliderPreviewProps): import("react/jsx-runtime").JSX.Element;
 export {};

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 = (0, _internals.useSelector)(store, _useChartProZoom.selectorChartAxisZoomData, axisId);
+  const zoomOptions = (0, _internals.useSelector)(store, _internals.selectorChartAxisZoomOptionsLookup, axisId);
   const id = (0, _useId.default)();
   if (!zoomData) {
     return null;

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { AxisId } from '@mui/x-charts/internals';
 interface ChartAxisZoomSliderPreviewContentProps {
   axisId: AxisId;
@@ -7,5 +6,5 @@ interface ChartAxisZoomSliderPreviewContentProps {
   height: number;
   width: number;
 }
-export declare function ChartAxisZoomSliderPreviewContent(props: ChartAxisZoomSliderPreviewContentProps): React.JSX.Element;
+export declare function ChartAxisZoomSliderPreviewContent(props: ChartAxisZoomSliderPreviewContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/ChartZoomSlider/internals/ChartAxisZoomSliderTrack.d.ts

@@ -14,5 +14,5 @@ export declare function ChartAxisZoomSliderTrack({
   onSelectStart,
   onSelectEnd,
   ...other
-}: ChartAxisZoomSliderTrackProps): React.JSX.Element;
+}: ChartAxisZoomSliderTrackProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/ChartZoomSlider/internals/ChartsTooltipZoomSliderValue.d.ts

@@ -7,5 +7,5 @@ export declare function ChartsTooltipZoomSliderValue({
   placement,
   modifiers,
   children
-}: ChartsTooltipZoomSliderValueProps): React.JSX.Element;
+}: ChartsTooltipZoomSliderValueProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,7 +4,7 @@ import { PreviewPlotProps } from "./PreviewPlot.types.js";
 interface AreaPreviewPlotProps extends PreviewPlotProps {}
 export declare function AreaPreviewPlot({
   axisId
-}: AreaPreviewPlotProps): React.JSX.Element;
+}: AreaPreviewPlotProps): import("react/jsx-runtime").JSX.Element;
 export interface PreviewAreaElementProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'color' | 'id'> {
   id: SeriesId;
   gradientId?: string;

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 = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, axisId);
   return (0, _internals.useAreaPlotData)(xAxes, yAxes);
 }

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { PreviewPlotProps } from "./PreviewPlot.types.js";
 interface BarPreviewPlotProps extends PreviewPlotProps {
   x: number;
@@ -6,5 +5,5 @@ interface BarPreviewPlotProps extends PreviewPlotProps {
   height: number;
   width: number;
 }
-export declare function BarPreviewPlot(props: BarPreviewPlotProps): React.JSX.Element;
+export declare function BarPreviewPlot(props: BarPreviewPlotProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/ChartZoomSlider/internals/previews/BarPreviewPlot.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BarPreviewPlot = BarPreviewPlot;
-var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-charts/internals");
 var _BarChart = require("@mui/x-charts/BarChart");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -56,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 = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, axisId);
   return (0, _internals.useBarPlotData)(drawingArea, xAxes, yAxes);
 }

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

@@ -4,7 +4,7 @@ import { PreviewPlotProps } from "./PreviewPlot.types.js";
 interface LinePreviewPlotProps extends PreviewPlotProps {}
 export declare function LinePreviewPlot({
   axisId
-}: LinePreviewPlotProps): React.JSX.Element;
+}: LinePreviewPlotProps): import("react/jsx-runtime").JSX.Element;
 export interface PreviewLineElementProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'color' | 'id'> {
   id: SeriesId;
   gradientId?: string;

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 = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, axisId);
   return (0, _internals.useLinePlotData)(xAxes, yAxes);
 }

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { PreviewPlotProps } from "./PreviewPlot.types.js";
 interface ScatterPreviewPlotProps extends PreviewPlotProps {
   x: number;
@@ -12,5 +11,5 @@ export declare function ScatterPreviewPlot({
   y,
   height,
   width
-}: ScatterPreviewPlotProps): React.JSX.Element | null;
+}: ScatterPreviewPlotProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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 = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = (0, _internals.useSelector)(store, _internals.selectorChartPreviewComputedYAxis, axisId);
   const defaultXAxisId = (0, _hooks.useXAxes)().xAxisIds[0];
   const defaultYAxisId = (0, _hooks.useYAxes)().yAxisIds[0];
   const {

package/ChartsToolbarPro/ChartsToolbarPro.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsToolbarProps } from '@mui/x-charts/Toolbar';
 import { ChartsToolbarPrintExportOptions } from "./ChartsToolbarPrintExportTrigger.js";
 import { ChartsToolbarImageExportOptions } from "./ChartsToolbarImageExportTrigger.js";
@@ -13,7 +12,7 @@ declare function ChartsToolbarPro({
   printOptions,
   imageExportOptions: rawImageExportOptions,
   ...other
-}: ChartsToolbarProProps): React.JSX.Element | null;
+}: ChartsToolbarProProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace ChartsToolbarPro {
   var propTypes: any;
 }

package/ChartsToolbarPro/internals/ChartsMenu.d.ts

@@ -7,7 +7,7 @@ export interface ChartsMenuProps extends Pick<ChartBasePopperProps, 'className'
   position?: Placement;
   children: React.ReactNode;
 }
-declare function ChartsMenu(props: ChartsMenuProps): React.JSX.Element;
+declare function ChartsMenu(props: ChartsMenuProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsMenu {
   var propTypes: any;
 }

package/FunnelChart/FunnelChart.js

@@ -26,7 +26,7 @@ var _ChartDataProviderPro = require("../ChartDataProviderPro");
 var _FunnelChart2 = require("./FunnelChart.plugins");
 var _jsxRuntime = require("react/jsx-runtime");
 const seriesConfig = {
-  funnel: _seriesConfig.seriesConfig
+  funnel: _seriesConfig.funnelSeriesConfig
 };
 const FunnelChart = exports.FunnelChart = /*#__PURE__*/React.forwardRef(function FunnelChart(props, ref) {
   const themedProps = (0, _styles.useThemeProps)({

package/FunnelChart/FunnelPlot.d.ts

@@ -9,7 +9,7 @@ export interface FunnelPlotProps extends FunnelPlotSlotExtension {
    */
   onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, funnelItemIdentifier: FunnelItemIdentifier) => void;
 }
-declare function FunnelPlot(props: FunnelPlotProps): React.JSX.Element;
+declare function FunnelPlot(props: FunnelPlotProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FunnelPlot {
   var propTypes: any;
 }

package/FunnelChart/funnel.types.d.ts

@@ -27,7 +27,7 @@ export type FunnelValueType = {
    */
   labelMarkType?: ChartsLabelMarkProps['type'];
 };
-export interface FunnelSeriesType extends Omit<CommonSeriesType<FunnelValueType>, 'color'>, CartesianSeriesType {
+export interface FunnelSeriesType extends Omit<CommonSeriesType<FunnelValueType>, 'color' | 'colorGetter'>, CartesianSeriesType {
   type: 'funnel';
   /**
    * Data associated to the funnel section.

package/FunnelChart/funnelAxisPlugin/useChartFunnelAxis.js

@@ -40,15 +40,15 @@ const useChartFunnelAxis = ({
       isFirstRender.current = false;
       return;
     }
-    store.update(prev => (0, _extends2.default)({}, prev, {
+    store.update({
       funnel: {
         gap: gap ?? 0
       },
-      cartesianAxis: (0, _extends2.default)({}, prev.cartesianAxis, {
+      cartesianAxis: {
         x: (0, _internals.defaultizeXAxis)(xAxis, dataset),
         y: (0, _internals.defaultizeYAxis)(yAxis, dataset)
-      })
-    }));
+      }
+    });
   }, [seriesConfig, drawingArea, xAxis, yAxis, dataset, store, gap]);
   React.useEffect(() => {
     const element = svgRef.current;
@@ -109,12 +109,12 @@ const useChartFunnelAxis = ({
       const {
         axis: xAxisWithScale,
         axisIds: xAxisIds
-      } = (0, _useChartFunnelAxisRendering.selectorChartXAxis)(store.value);
+      } = (0, _useChartFunnelAxisRendering.selectorChartXAxis)(store.state);
       const {
         axis: yAxisWithScale,
         axisIds: yAxisIds
-      } = (0, _useChartFunnelAxisRendering.selectorChartYAxis)(store.value);
-      const processedSeries = (0, _internals.selectorChartSeriesProcessed)(store.value);
+      } = (0, _useChartFunnelAxisRendering.selectorChartYAxis)(store.state);
+      const processedSeries = (0, _internals.selectorChartSeriesProcessed)(store.state);
       const usedXAxis = xAxisIds[0];
       const usedYAxis = yAxisIds[0];
       let dataIndex = null;

package/FunnelChart/funnelAxisPlugin/useChartFunnelAxisRendering.selectors.d.ts

@@ -3,54 +3,16 @@ import { UseChartFunnelAxisSignature } from "./useChartFunnelAxis.types.js";
 export declare const selectorFunnel: (state: ChartState<[], [UseChartFunnelAxisSignature]>) => {
   gap: number;
 } | undefined;
-export declare const selectorFunnelGap: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<Pick<import("@mui/x-charts/internals").UseChartCartesianAxisState, "cartesianAxis"> & {
+export declare const selectorFunnelGap: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<Pick<import("@mui/x-charts/internals").UseChartCartesianAxisState, "cartesianAxis"> & {
   funnel: {
     gap: number;
   };
 }> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
+}) => number;
+export declare const selectorChartXAxis: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, number, []>;
-export declare const selectorChartXAxis: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+}) => import("./computeAxisValue.js").ComputeResult<import("@mui/x-charts").ChartsXAxisProps>;
+export declare const selectorChartYAxis: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & Partial<{}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & Partial<Pick<import("@mui/x-charts/internals").UseChartCartesianAxisState, "cartesianAxis"> & {
-  funnel: {
-    gap: number;
-  };
-}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, import("./computeAxisValue.js").ComputeResult<import("@mui/x-charts").ChartsXAxisProps>, []>;
-export declare const selectorChartYAxis: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & Partial<{}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & Partial<Pick<import("@mui/x-charts/internals").UseChartCartesianAxisState, "cartesianAxis"> & {
-  funnel: {
-    gap: number;
-  };
-}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, import("./computeAxisValue.js").ComputeResult<import("@mui/x-charts").ChartsYAxisProps>, []>;
+}) => import("./computeAxisValue.js").ComputeResult<import("@mui/x-charts").ChartsYAxisProps>;

package/FunnelChart/funnelAxisPlugin/useChartFunnelAxisRendering.selectors.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorFunnelGap = exports.selectorFunnel = exports.selectorChartYAxis = exports.selectorChartXAxis = void 0;
+var _store = require("@mui/x-internals/store");
 var _internals = require("@mui/x-charts/internals");
 var _computeAxisValue = require("./computeAxisValue");
 const selectorFunnel = state => state.funnel;
 exports.selectorFunnel = selectorFunnel;
 const selectorFunnelGap = exports.selectorFunnelGap = (0, _internals.createSelector)([selectorFunnel], funnel => funnel?.gap ?? 0);
-const selectorChartXAxis = exports.selectorChartXAxis = (0, _internals.createSelector)([_internals.selectorChartRawXAxis, _internals.selectorChartDrawingArea, _internals.selectorChartSeriesProcessed, _internals.selectorChartSeriesConfig, selectorFunnelGap], (axis, drawingArea, formattedSeries, seriesConfig, gap) => (0, _computeAxisValue.computeAxisValue)({
+const selectorChartXAxis = exports.selectorChartXAxis = (0, _store.createSelectorMemoized)(_internals.selectorChartRawXAxis, _internals.selectorChartDrawingArea, _internals.selectorChartSeriesProcessed, _internals.selectorChartSeriesConfig, selectorFunnelGap, (axis, drawingArea, formattedSeries, seriesConfig, gap) => (0, _computeAxisValue.computeAxisValue)({
   drawingArea,
   formattedSeries,
   axis,
@@ -17,7 +18,7 @@ const selectorChartXAxis = exports.selectorChartXAxis = (0, _internals.createSel
   axisDirection: 'x',
   gap
 }));
-const selectorChartYAxis = exports.selectorChartYAxis = (0, _internals.createSelector)([_internals.selectorChartRawYAxis, _internals.selectorChartDrawingArea, _internals.selectorChartSeriesProcessed, _internals.selectorChartSeriesConfig, selectorFunnelGap], (axis, drawingArea, formattedSeries, seriesConfig, gap) => (0, _computeAxisValue.computeAxisValue)({
+const selectorChartYAxis = exports.selectorChartYAxis = (0, _store.createSelectorMemoized)(_internals.selectorChartRawYAxis, _internals.selectorChartDrawingArea, _internals.selectorChartSeriesProcessed, _internals.selectorChartSeriesConfig, selectorFunnelGap, (axis, drawingArea, formattedSeries, seriesConfig, gap) => (0, _computeAxisValue.computeAxisValue)({
   drawingArea,
   formattedSeries,
   axis,

package/FunnelChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
 import type { ChartSeriesTypeConfig } from '@mui/x-charts/internals';
-export declare const seriesConfig: ChartSeriesTypeConfig<'funnel'>;
+export declare const funnelSeriesConfig: ChartSeriesTypeConfig<'funnel'>;

package/FunnelChart/seriesConfig/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.seriesConfig = void 0;
+exports.funnelSeriesConfig = void 0;
 var _extremums = require("./extremums");
 var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
@@ -12,7 +12,7 @@ var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireDefault(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
 var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
-const seriesConfig = exports.seriesConfig = {
+const funnelSeriesConfig = exports.funnelSeriesConfig = {
   seriesProcessor: _seriesProcessor.default,
   colorProcessor: _getColor.default,
   legendGetter: _legend.default,

package/Heatmap/Heatmap.js

@@ -30,7 +30,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 // The GnBu: https://github.com/d3/d3-scale-chromatic/blob/main/src/sequential-multi/GnBu.js
 const defaultColorMap = (0, _d3Interpolate.interpolateRgbBasis)(['#f7fcf0', '#e0f3db', '#ccebc5', '#a8ddb5', '#7bccc4', '#4eb3d3', '#2b8cbe', '#0868ac', '#084081']);
 const seriesConfig = {
-  heatmap: _seriesConfig.seriesConfig
+  heatmap: _seriesConfig.heatmapSeriesConfig
 };
 function getDefaultDataForAxis(series, dimension) {
   if (series?.[0]?.data === undefined || series[0].data.length === 0) {

package/Heatmap/HeatmapItem.d.ts

@@ -42,7 +42,7 @@ export interface HeatmapItemOwnerState {
 /**
  * @ignore - internal component.
  */
-declare function HeatmapItem(props: HeatmapItemProps): React.JSX.Element;
+declare function HeatmapItem(props: HeatmapItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeatmapItem {
   var propTypes: any;
 }

package/Heatmap/HeatmapPlot.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { HeatmapItemProps } from "./HeatmapItem.js";
 export interface HeatmapPlotProps extends Pick<HeatmapItemProps, 'slots' | 'slotProps'> {}
-declare function HeatmapPlot(props: HeatmapPlotProps): React.JSX.Element | null;
+declare function HeatmapPlot(props: HeatmapPlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace HeatmapPlot {
   var propTypes: any;
 }