@mui/x-charts-pro 8.16.0 → 8.17.0

package/Heatmap/HeatmapPlot.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeatmapPlot = HeatmapPlot;
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("@mui/x-charts/hooks");
 var _useHeatmapSeries = require("../hooks/useHeatmapSeries");

package/Heatmap/HeatmapTooltip/HeatmapTooltip.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
-declare function HeatmapTooltip(props: HeatmapTooltipProps): React.JSX.Element;
+declare function HeatmapTooltip(props: HeatmapTooltipProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeatmapTooltip {
   var propTypes: any;
 }

package/Heatmap/HeatmapTooltip/HeatmapTooltip.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.HeatmapTooltip = HeatmapTooltip;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");

package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
 export interface HeatmapTooltipContentProps extends Pick<HeatmapTooltipProps, 'classes'> {}
-export declare function HeatmapTooltipContent(props: HeatmapTooltipContentProps): React.JSX.Element | null;
+export declare function HeatmapTooltipContent(props: HeatmapTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace HeatmapTooltipContent {
   var propTypes: any;
 }

package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeatmapTooltipContent = HeatmapTooltipContent;
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");

package/Heatmap/seriesConfig/index.d.ts

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

package/Heatmap/seriesConfig/index.js

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

package/SankeyChart/SankeyChart.js

@@ -23,7 +23,7 @@ var _seriesConfig = require("./seriesConfig");
 var _SankeyTooltip = require("./SankeyTooltip");
 var _jsxRuntime = require("react/jsx-runtime");
 const seriesConfig = {
-  sankey: _seriesConfig.seriesConfig
+  sankey: _seriesConfig.sankeySeriesConfig
 };
 /**
  * Sankey Chart component

package/SankeyChart/SankeyLinkElement.js

@@ -33,8 +33,8 @@ const SankeyLinkElement = exports.SankeyLinkElement = /*#__PURE__*/React.forward
     sourceId: link.source.id,
     link
   };
-  const isHighlighted = (0, _internals.useSelector)(store, _plugins.selectorIsLinkHighlighted, [link]);
-  const isFaded = (0, _internals.useSelector)(store, _useSankeyHighlight.selectorIsSankeyItemFaded, [isHighlighted]);
+  const isHighlighted = (0, _internals.useSelector)(store, _plugins.selectorIsLinkHighlighted, link);
+  const isFaded = (0, _internals.useSelector)(store, _useSankeyHighlight.selectorIsSankeyItemFaded, isHighlighted);
 
   // Add interaction props for tooltips
   const interactionProps = (0, _internals.useInteractionItemProps)(identifier);

package/SankeyChart/SankeyNodeElement.js

@@ -46,8 +46,8 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
     nodeId: node.id,
     node
   };
-  const isHighlighted = (0, _internals.useSelector)(store, _plugins.selectorIsNodeHighlighted, [node]);
-  const isFaded = (0, _internals.useSelector)(store, _useSankeyHighlight.selectorIsSankeyItemFaded, [isHighlighted]);
+  const isHighlighted = (0, _internals.useSelector)(store, _plugins.selectorIsNodeHighlighted, node.id);
+  const isFaded = (0, _internals.useSelector)(store, _useSankeyHighlight.selectorIsSankeyItemFaded, isHighlighted);
 
   // Add interaction props for tooltips
   const interactionProps = (0, _internals.useInteractionItemProps)(identifier);

package/SankeyChart/SankeyPlot.d.ts

@@ -22,7 +22,7 @@ export interface SankeyPlotProps {
 /**
  * Renders a Sankey diagram plot.
  */
-declare function SankeyPlot(props: SankeyPlotProps): React.JSX.Element | null;
+declare function SankeyPlot(props: SankeyPlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace SankeyPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltip.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { SankeyTooltipProps } from "./SankeyTooltip.types.js";
-declare function SankeyTooltip(props: SankeyTooltipProps): React.JSX.Element;
+declare function SankeyTooltip(props: SankeyTooltipProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SankeyTooltip {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltip.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.SankeyTooltip = SankeyTooltip;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
 var _SankeyTooltipContent = require("./SankeyTooltipContent");

package/SankeyChart/SankeyTooltip/SankeyTooltipContent.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { SankeyTooltipProps } from "./SankeyTooltip.types.js";
 export interface SankeyTooltipContentProps extends Pick<SankeyTooltipProps, 'classes'> {}
-export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): React.JSX.Element | null;
+export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace SankeyTooltipContent {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltipContent.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SankeyTooltipContent = SankeyTooltipContent;
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");

package/SankeyChart/plugins/useSankeyHighlight.js

@@ -26,18 +26,16 @@ const useSankeyHighlight = ({
     defaultValue: null
   });
   (0, _useEnhancedEffect.default)(() => {
-    store.update(prevState => prevState.highlight.item === params.highlightedItem ? prevState : (0, _extends2.default)({}, prevState, {
-      highlight: (0, _extends2.default)({}, prevState.highlight, {
+    if (store.state.highlight.item !== params.highlightedItem) {
+      store.set('highlight', (0, _extends2.default)({}, store.state.highlight, {
         item: params.highlightedItem
-      })
-    }));
+      }));
+    }
   }, [store, params.highlightedItem]);
   const clearHighlight = (0, _useEventCallback.default)(() => {
     params.onHighlightChange?.(null);
-    store.update(prev => (0, _extends2.default)({}, prev, {
-      highlight: {
-        item: null
-      }
+    store.set('highlight', (0, _extends2.default)({}, store.state.highlight, {
+      item: null
     }));
   });
   const setHighlight = (0, _useEventCallback.default)(newItem => {
@@ -46,10 +44,8 @@ const useSankeyHighlight = ({
       return;
     }
     params.onHighlightChange?.(newItem);
-    store.update(prev => (0, _extends2.default)({}, prev, {
-      highlight: {
-        item: newItem
-      }
+    store.set('highlight', (0, _extends2.default)({}, store.state.highlight, {
+      item: newItem
     }));
   });
   return {

package/SankeyChart/plugins/useSankeyHighlight.selectors.d.ts

@@ -1,63 +1,57 @@
-import type { SankeyLayoutLink, SankeyLayoutNode } from "../sankey.types.js";
+import type { SankeyLayoutLink, SankeyNodeId } from "../sankey.types.js";
 import type { SankeyLinkFade, SankeyLinkHighlight, SankeyNodeFade, SankeyNodeHighlight } from "../sankey.highlight.types.js";
 /**
  * Get the node highlight configuration from the Sankey series.
  * Defaults to 'nodes' if not specified.
  */
-export declare const selectorNodeHighlightConfig: 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<{}> & {
+export declare const selectorNodeHighlightConfig: (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<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, SankeyNodeHighlight, any[]>;
+}) => SankeyNodeHighlight;
 /**
  * Get the node fade configuration from the Sankey series.
  * Defaults to 'none' if not specified.
  */
-export declare const selectorNodeFadeConfig: 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<{}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
+export declare const selectorNodeFadeConfig: (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<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, SankeyNodeFade, any[]>;
+}) => SankeyNodeFade;
 /**
  * Get the link highlight configuration from the Sankey series.
  * Defaults to 'links' if not specified.
  */
-export declare const selectorLinkHighlightConfig: 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<{}> & {
+export declare const selectorLinkHighlightConfig: (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<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, SankeyLinkHighlight, any[]>;
+}) => SankeyLinkHighlight;
 /**
  * Get the link fade configuration from the Sankey series.
  * Defaults to 'none' if not specified.
  */
-export declare const selectorLinkFadeConfig: 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<{}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-} & {
+export declare const selectorLinkFadeConfig: (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<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, SankeyLinkFade, any[]>;
+}) => SankeyLinkFade;
 /**
  * Get the currently highlighted item in the Sankey chart.
  * @param {UseSankeyHighlightSignature['state']} state The state of the chart.
  * @returns {SankeyItemIdentifier | null} The highlighted item identifier or null.
  */
-export declare const selectorSankeyHighlightedItem: import("reselect").Selector<import("./useSankeyHighlight.types.js").UseSankeyHighlightState & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, import("../index.js").SankeyItemIdentifier | null, []>;
+export declare const selectorSankeyHighlightedItem: (args_0: import("./useSankeyHighlight.types.js").UseSankeyHighlightState) => import("../index.js").SankeyItemIdentifier | null;
 /**
  * Determines if a specific node should be highlighted.
  * A node is highlighted if:
  * - It's the highlighted node (unless highlight mode is 'none')
  * - It's connected to a highlighted link (based on linkOptions.highlight)
  */
-export declare const selectorIsNodeHighlighted: import("reselect").Selector<any, boolean, [node: SankeyLayoutNode]>;
+export declare const selectorIsNodeHighlighted: (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<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}, nodeId: SankeyNodeId) => boolean;
 /**
  * Selector that determines if a specific link should be highlighted.
  * A link is highlighted if:
  * - It's the highlighted link (unless highlight mode is 'none')
  * - It's connected to a highlighted node (based on nodeOptions.highlight)
  */
-export declare const selectorIsLinkHighlighted: import("reselect").Selector<any, boolean, [link: SankeyLayoutLink]>;
+export declare const selectorIsLinkHighlighted: (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<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}, link: SankeyLayoutLink) => boolean;
 /**
  * Selector that determines if an item should be faded.
  * An item is faded if:
@@ -65,4 +59,6 @@ export declare const selectorIsLinkHighlighted: import("reselect").Selector<any,
  * - This item is not highlighted
  * - The fade mode is 'global' for the highlighted element type
  */
-export declare const selectorIsSankeyItemFaded: import("reselect").Selector<any, boolean, [isHighlighted: any]>;
+export declare const selectorIsSankeyItemFaded: (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<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}, isHighlighted: boolean) => boolean;

package/SankeyChart/plugins/useSankeyHighlight.selectors.js

@@ -49,7 +49,7 @@ const selectorSankeyHighlightedItem = exports.selectorSankeyHighlightedItem = (0
  * - It's the highlighted node (unless highlight mode is 'none')
  * - It's connected to a highlighted link (based on linkOptions.highlight)
  */
-const selectorIsNodeHighlighted = exports.selectorIsNodeHighlighted = (0, _internals.createSelector)([selectorSankeyHighlightedItem, selectorNodeHighlightConfig, selectorLinkHighlightConfig, (_, node) => node.id], (highlightedItem, nodeHighlight, linkHighlight, nodeId) => {
+const selectorIsNodeHighlighted = exports.selectorIsNodeHighlighted = (0, _internals.createSelector)([selectorSankeyHighlightedItem, selectorNodeHighlightConfig, selectorLinkHighlightConfig], (highlightedItem, nodeHighlight, linkHighlight, nodeId) => {
   if (!highlightedItem) {
     return false;
   }
@@ -84,7 +84,7 @@ const selectorIsNodeHighlighted = exports.selectorIsNodeHighlighted = (0, _inter
  * - It's the highlighted link (unless highlight mode is 'none')
  * - It's connected to a highlighted node (based on nodeOptions.highlight)
  */
-const selectorIsLinkHighlighted = exports.selectorIsLinkHighlighted = (0, _internals.createSelector)([selectorSankeyHighlightedItem, selectorNodeHighlightConfig, selectorLinkHighlightConfig, (_, link) => link], (highlightedItem, nodeHighlight, linkHighlight, link) => {
+const selectorIsLinkHighlighted = exports.selectorIsLinkHighlighted = (0, _internals.createSelector)([selectorSankeyHighlightedItem, selectorNodeHighlightConfig, selectorLinkHighlightConfig], (highlightedItem, nodeHighlight, linkHighlight, link) => {
   if (!highlightedItem) {
     return false;
   }
@@ -117,7 +117,7 @@ const selectorIsLinkHighlighted = exports.selectorIsLinkHighlighted = (0, _inter
  * - This item is not highlighted
  * - The fade mode is 'global' for the highlighted element type
  */
-const selectorIsSankeyItemFaded = exports.selectorIsSankeyItemFaded = (0, _internals.createSelector)([selectorSankeyHighlightedItem, selectorNodeFadeConfig, selectorLinkFadeConfig, (_, isHighlighted) => isHighlighted], (highlightedItem, nodeFade, linkFade, isHighlighted) => {
+const selectorIsSankeyItemFaded = exports.selectorIsSankeyItemFaded = (0, _internals.createSelector)([selectorSankeyHighlightedItem, selectorNodeFadeConfig, selectorLinkFadeConfig], (highlightedItem, nodeFade, linkFade, isHighlighted) => {
   if (!highlightedItem || isHighlighted) {
     return false;
   }

package/SankeyChart/seriesConfig/index.d.ts

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

package/SankeyChart/seriesConfig/index.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.seriesConfig = void 0;
+exports.sankeySeriesConfig = void 0;
 var _getSeriesWithDefaultValues = require("./getSeriesWithDefaultValues");
 var _tooltipGetter = require("./tooltipGetter");
 // Simple passthrough functions for sankey chart
 const seriesProcessor = series => series;
 const colorProcessor = series => series;
 const legendGetter = () => [];
-const seriesConfig = exports.seriesConfig = {
+const sankeySeriesConfig = exports.sankeySeriesConfig = {
   seriesProcessor,
   colorProcessor,
   legendGetter,

package/esm/BarChartPro/BarChartPro.js

@@ -108,6 +108,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     y: PropTypes.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/esm/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/esm/ChartDataProviderPro/ChartDataProviderPro.js

@@ -1,7 +1,6 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Watermark } from '@mui/x-license/Watermark';
 import { ChartProvider, ChartsSlotsProvider } from '@mui/x-charts/internals';
@@ -11,7 +10,7 @@ import { defaultSlotsMaterial } from "../internals/material/index.js";
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
 import { useChartDataProviderProProps } from "./useChartDataProviderProProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "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/esm/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/esm/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/esm/ChartZoomSlider/internals/ChartAxisZoomSlider.js

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

package/esm/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/esm/ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.js

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

package/esm/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/esm/ChartZoomSlider/internals/ChartAxisZoomSliderPreview.js

@@ -42,8 +42,8 @@ function PreviewRectangles(props) {
     axisDirection
   } = props;
   const store = useStore();
-  const zoomData = useSelector(store, selectorChartAxisZoomData, [axisId]);
-  const zoomOptions = useSelector(store, selectorChartAxisZoomOptionsLookup, [axisId]);
+  const zoomData = useSelector(store, selectorChartAxisZoomData, axisId);
+  const zoomOptions = useSelector(store, selectorChartAxisZoomOptionsLookup, axisId);
   const id = useId();
   if (!zoomData) {
     return null;

package/esm/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/esm/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/esm/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/esm/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/esm/ChartZoomSlider/internals/previews/AreaPreviewPlot.js

@@ -47,7 +47,7 @@ function PreviewAreaElement(_ref) {
 }
 function useAreaPreviewData(axisId) {
   const store = useStore();
-  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, [axisId]);
-  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, [axisId]);
+  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, axisId);
   return useAreaPlotData(xAxes, yAxes);
 }

package/esm/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/esm/ChartZoomSlider/internals/previews/BarPreviewPlot.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis, useBarPlotData, useSelector, useStore } from '@mui/x-charts/internals';
 import { BarElement } from '@mui/x-charts/BarChart';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -49,7 +48,7 @@ export function BarPreviewPlot(props) {
 }
 function useBarPreviewData(axisId, drawingArea) {
   const store = useStore();
-  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, [axisId]);
-  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, [axisId]);
+  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, axisId);
   return useBarPlotData(drawingArea, xAxes, yAxes);
 }

package/esm/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/esm/ChartZoomSlider/internals/previews/LinePreviewPlot.js

@@ -45,7 +45,7 @@ function PreviewLineElement(_ref) {
 }
 function useLinePreviewData(axisId) {
   const store = useStore();
-  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, [axisId]);
-  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, [axisId]);
+  const xAxes = useSelector(store, selectorChartPreviewComputedXAxis, axisId);
+  const yAxes = useSelector(store, selectorChartPreviewComputedYAxis, axisId);
   return useLinePlotData(xAxes, yAxes);
 }

package/esm/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 {};