@mui/x-charts 8.27.0 → 9.0.0-alpha.1

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.js

@@ -10,9 +10,11 @@ var _useAssertModelConsistency = require("@mui/x-internals/useAssertModelConsist
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
+var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries");
 const useChartTooltip = ({
   store,
-  params
+  params,
+  instance
 }) => {
   (0, _useAssertModelConsistency.useAssertModelConsistency)({
     warningPrefix: 'MUI X Charts',
@@ -23,11 +25,14 @@ const useChartTooltip = ({
   });
   (0, _useEnhancedEffect.default)(() => {
     if (store.state.tooltip.item !== params.tooltipItem) {
-      store.set('tooltip', (0, _extends2.default)({}, store.state.tooltip, {
-        item: params.tooltipItem
-      }));
+      const newItem = params.tooltipItem ? instance.identifierWithType(params.tooltipItem) : null;
+      if (store.state.tooltip.item === null || newItem === null ? newItem !== store.state.tooltip.item : instance.serializeIdentifier(store.state.tooltip.item) !== instance.serializeIdentifier(newItem)) {
+        store.set('tooltip', (0, _extends2.default)({}, store.state.tooltip, {
+          item: newItem
+        }));
+      }
     }
-  }, [store, params.tooltipItem]);
+  }, [store, instance, params.tooltipItem]);
   const removeTooltipItem = (0, _useEventCallback.default)(function removeTooltipItem(itemToRemove) {
     const prevItem = store.state.tooltip.item;
     if (prevItem === null) {
@@ -65,10 +70,12 @@ const useChartTooltip = ({
   };
 };
 exports.useChartTooltip = useChartTooltip;
-useChartTooltip.getInitialState = params => ({
+useChartTooltip.getInitialState = (params, currentState) => ({
   tooltip: {
     itemIsControlled: params.tooltipItem !== undefined,
-    item: params.tooltipItem ?? null
+    item: params.tooltipItem == null ? null : (0, _useChartSeries.createIdentifierWithType)(currentState)(
+    // Need some as because the generic SeriesType can't be propagated to plugins methods.
+    params.tooltipItem)
   }
 });
 useChartTooltip.params = {

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.d.ts

@@ -1,16 +1,16 @@
-export declare const selectorChartsTooltipPointerItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartTooltip.types.js").UseChartTooltipState<keyof import("../../../index.js").ChartsSeriesConfig>> & {
+export declare const selectorChartsTooltipPointerItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartTooltip.types.js").UseChartTooltipState<keyof import("../../../index.js").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
-export declare const selectorChartsTooltipPointerItemIsDefined: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartTooltip.types.js").UseChartTooltipState<keyof import("../../../index.js").ChartsSeriesConfig>> & {
+export declare const selectorChartsTooltipPointerItemIsDefined: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartTooltip.types.js").UseChartTooltipState<keyof import("../../../index.js").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean;
-export declare const selectorChartsTooltipItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
+export declare const selectorChartsTooltipItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
-export declare const selectorChartsTooltipItemIsDefined: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
+export declare const selectorChartsTooltipItemIsDefined: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean;
-export declare const selectorChartsTooltipItemPosition: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
+export declare const selectorChartsTooltipItemPosition: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, placement?: "bottom" | "left" | "right" | "top" | undefined) => {
   x: number;

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.selectorChartsTooltipPointerItemIsDefined = exports.selectorChartsTooltipPointerItem = exports.selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItem = void 0;
 var _store = require("@mui/x-internals/store");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
+var _useChartSeriesConfig = require("../../corePlugins/useChartSeriesConfig");
 var _useChartCartesianAxisRendering = require("../useChartCartesianAxis/useChartCartesianAxisRendering.selectors");
 var _useChartKeyboardNavigation = require("../useChartKeyboardNavigation");
 var _useChartInteraction = require("../useChartInteraction/useChartInteraction.selectors");
@@ -45,7 +46,7 @@ const selectorChartsTooltipAxisConfig = (0, _store.createSelectorMemoized)(selec
   }
   return axesConfig;
 });
-const selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemPosition = (0, _store.createSelectorMemoized)(selectorChartsTooltipItem, _useChartDimensions.selectorChartDrawingArea, _useChartSeries.selectorChartSeriesConfig, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesLayout, selectorChartsTooltipAxisConfig, function selectorChartsTooltipItemPosition(identifier, drawingArea, seriesConfig, series, seriesLayout, axesConfig, placement = 'top') {
+const selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemPosition = (0, _store.createSelectorMemoized)(selectorChartsTooltipItem, _useChartDimensions.selectorChartDrawingArea, _useChartSeriesConfig.selectorChartSeriesConfig, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesLayout, selectorChartsTooltipAxisConfig, function selectorChartsTooltipItemPosition(identifier, drawingArea, seriesConfig, series, seriesLayout, axesConfig, placement = 'top') {
   if (!identifier) {
     return null;
   }

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.types.d.ts

@@ -1,6 +1,6 @@
-import { type DefaultizedProps } from '@mui/x-internals/types';
+import type { DefaultizedProps } from '@mui/x-internals/types';
 import type { ChartPluginSignature } from "../../models/index.js";
-import type { SeriesItemIdentifier } from "../../../../models/seriesType/index.js";
+import type { SeriesItemIdentifier, SeriesItemIdentifierWithType } from "../../../../models/seriesType/index.js";
 import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
 export interface UseChartTooltipInstance {
   /**
@@ -28,7 +28,7 @@ export interface UseChartTooltipParameters<TSeries extends ChartSeriesType = Cha
    *
    * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
    */
-  onTooltipItemChange?: (tooltipItem: SeriesItemIdentifier<TSeries> | null) => void;
+  onTooltipItemChange?: (tooltipItem: SeriesItemIdentifierWithType<TSeries> | null) => void;
 }
 export type UseChartTooltipDefaultizedParameters<TSeries extends ChartSeriesType = ChartSeriesType> = DefaultizedProps<UseChartTooltipParameters<TSeries>, 'tooltipItem'>;
 export interface UseChartTooltipState<TSeries extends ChartSeriesType = ChartSeriesType> {
@@ -40,7 +40,7 @@ export interface UseChartTooltipState<TSeries extends ChartSeriesType = ChartSer
     /**
      * The item currently under the pointer.
      */
-    item: null | SeriesItemIdentifier<TSeries>;
+    item: null | SeriesItemIdentifierWithType<TSeries>;
   };
 }
 export type UseChartTooltipSignature<TSeries extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{

package/internals/plugins/featurePlugins/useChartVisibilityManager/useChartVisibilityManager.js

@@ -11,10 +11,10 @@ var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallb
 var _useEffectAfterFirstRender = require("@mui/x-internals/useEffectAfterFirstRender");
 var _useChartVisibilityManager = require("./useChartVisibilityManager.selectors");
 var _visibilityParamToMap = require("./visibilityParamToMap");
+var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries");
 const useChartVisibilityManager = ({
   store,
   params,
-  seriesConfig,
   instance
 }) => {
   // Manage controlled state
@@ -26,12 +26,12 @@ const useChartVisibilityManager = ({
       console.error([`MUI X Charts: A chart component is changing the \`hiddenItems\` from uncontrolled to controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', 'Decide between using a controlled or uncontrolled for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
     }
     store.set('visibilityManager', (0, _extends2.default)({}, store.state.visibilityManager, {
-      visibilityMap: (0, _visibilityParamToMap.visibilityParamToMap)(params.hiddenItems, seriesConfig)
+      visibilityMap: (0, _visibilityParamToMap.visibilityParamToMap)(params.hiddenItems.map(item => instance.identifierWithType(item)), store.state.seriesConfig.config)
     }));
-  }, [store, params.hiddenItems, seriesConfig]);
+  }, [store, instance, params.hiddenItems]);
   const hideItem = (0, _useEventCallback.default)(identifier => {
     const visibilityMap = store.state.visibilityManager.visibilityMap;
-    const id = instance.serializeIdentifier(identifier);
+    const id = instance.serializeIdentifier(instance.identifierWithType(identifier));
     if (visibilityMap.has(id)) {
       return;
     }
@@ -44,7 +44,7 @@ const useChartVisibilityManager = ({
   });
   const showItem = (0, _useEventCallback.default)(identifier => {
     const visibilityMap = store.state.visibilityManager.visibilityMap;
-    const id = instance.serializeIdentifier(identifier);
+    const id = instance.serializeIdentifier(instance.identifierWithType(identifier));
     if (!visibilityMap.has(id)) {
       return;
     }
@@ -57,7 +57,7 @@ const useChartVisibilityManager = ({
   });
   const toggleItem = (0, _useEventCallback.default)(identifier => {
     const visibilityMap = store.state.visibilityManager.visibilityMap;
-    const id = instance.serializeIdentifier(identifier);
+    const id = instance.serializeIdentifier(instance.identifierWithType(identifier));
     if (visibilityMap.has(id)) {
       showItem(identifier);
     } else {
@@ -73,11 +73,12 @@ const useChartVisibilityManager = ({
   };
 };
 exports.useChartVisibilityManager = useChartVisibilityManager;
-useChartVisibilityManager.getInitialState = (params, _, seriesConfig) => {
+useChartVisibilityManager.getInitialState = (params, currentState) => {
+  const seriesConfig = currentState.seriesConfig.config;
   const initialItems = params.hiddenItems ?? params.initialHiddenItems;
   return {
     visibilityManager: {
-      visibilityMap: initialItems ? (0, _visibilityParamToMap.visibilityParamToMap)(initialItems, seriesConfig) : _useChartVisibilityManager.EMPTY_VISIBILITY_MAP,
+      visibilityMap: initialItems ? (0, _visibilityParamToMap.visibilityParamToMap)(initialItems.map(item => (0, _useChartSeries.createIdentifierWithType)(currentState)(item)), seriesConfig) : _useChartVisibilityManager.EMPTY_VISIBILITY_MAP,
       isControlled: params.hiddenItems !== undefined
     }
   };

package/internals/plugins/featurePlugins/useChartVisibilityManager/useChartVisibilityManager.selectors.d.ts

@@ -1,16 +1,13 @@
-import type { VisibilityIdentifier } from "./useChartVisibilityManager.types.js";
-import type { ChartSeriesConfig } from "../../models/index.js";
-import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
 export declare const EMPTY_VISIBILITY_MAP: Map<any, any>;
 /**
  * Selector to get the hidden identifiers from the visibility manager.
  */
-export declare const selectorVisibilityMap: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartVisibilityManager.types.js").UseChartVisibilityManagerState> & {
+export declare const selectorVisibilityMap: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartVisibilityManager.types.js").UseChartVisibilityManagerState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => Map<any, any>;
 /**
  * Selector that returns a function which returns whether an item is visible.
  */
-export declare const selectorIsItemVisibleGetter: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartVisibilityManager.types.js").UseChartVisibilityManagerState> & {
+export declare const selectorIsItemVisibleGetter: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartVisibilityManager.types.js").UseChartVisibilityManagerState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => (seriesConfig: ChartSeriesConfig<ChartSeriesType>, identifier: VisibilityIdentifier) => boolean;
+}) => any;

package/internals/plugins/featurePlugins/useChartVisibilityManager/useChartVisibilityManager.selectors.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.selectorVisibilityMap = exports.selectorIsItemVisibleGetter = exports.EMPTY_VISIBILITY_MAP = void 0;
 var _store = require("@mui/x-internals/store");
-var _isIdentifierVisible = require("./isIdentifierVisible");
+var _useChartSeriesConfig = require("../../corePlugins/useChartSeriesConfig");
+var _serializeIdentifier = require("../../corePlugins/useChartSeriesConfig/utils/serializeIdentifier");
 /**
  * Selector to get the visibility manager state.
  */
@@ -16,10 +17,14 @@ const EMPTY_VISIBILITY_MAP = exports.EMPTY_VISIBILITY_MAP = new Map();
  * Selector to get the hidden identifiers from the visibility manager.
  */
 const selectorVisibilityMap = exports.selectorVisibilityMap = (0, _store.createSelector)(selectVisibilityManager, visibilityManager => visibilityManager?.visibilityMap ?? EMPTY_VISIBILITY_MAP);
+const selectorIsItemVisibleFn = (visibilityMap, seriesConfig) => {
+  return identifier => {
+    const uniqueId = (0, _serializeIdentifier.serializeIdentifier)(seriesConfig, identifier);
+    return !visibilityMap.has(uniqueId);
+  };
+};
 
 /**
  * Selector that returns a function which returns whether an item is visible.
  */
-const selectorIsItemVisibleGetter = exports.selectorIsItemVisibleGetter = (0, _store.createSelectorMemoized)(selectorVisibilityMap, visibilityMap => {
-  return (seriesConfig, identifier) => (0, _isIdentifierVisible.isIdentifierVisible)(visibilityMap, identifier, seriesConfig);
-});
+const selectorIsItemVisibleGetter = exports.selectorIsItemVisibleGetter = (0, _store.createSelectorMemoized)(selectorVisibilityMap, _useChartSeriesConfig.selectorChartSeriesConfig, selectorIsItemVisibleFn);

package/internals/plugins/featurePlugins/useChartVisibilityManager/useChartVisibilityManager.types.d.ts

@@ -1,15 +1,18 @@
 import { type ChartPluginSignature } from "../../models/index.js";
 import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
-import { type SeriesItemIdentifier } from "../../../../models/index.js";
+import { type SeriesId, type SeriesItemIdentifier } from "../../../../models/index.js";
 import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
 export type VisibilityIdentifier<T extends ChartSeriesType = ChartSeriesType> = Partial<SeriesItemIdentifier<T>> & (SeriesItemIdentifier<T> extends {
   subType?: infer U;
 } ? {
-  type: T;
   subType: U;
+  seriesId: SeriesId;
 } : {
-  type: T;
+  seriesId: SeriesId;
 });
+export type VisibilityIdentifierWithType<T extends ChartSeriesType = ChartSeriesType> = T extends any ? VisibilityIdentifier<T> & {
+  type: T;
+} : never;
 export type VisibilityMap = Map<string, VisibilityIdentifier>;
 export type IsItemVisibleFunction = {
   /**

package/internals/plugins/featurePlugins/useChartVisibilityManager/visibilityParamToMap.d.ts

@@ -1,4 +1,4 @@
 import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import type { ChartSeriesConfig } from "../../models/index.js";
-import type { VisibilityIdentifier, VisibilityMap } from "./useChartVisibilityManager.types.js";
-export declare const visibilityParamToMap: (hiddenItems: VisibilityIdentifier[] | undefined, seriesConfig: ChartSeriesConfig<ChartSeriesType>) => VisibilityMap;
+import type { ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.js";
+import type { VisibilityIdentifierWithType, VisibilityMap } from "./useChartVisibilityManager.types.js";
+export declare const visibilityParamToMap: (hiddenItems: VisibilityIdentifierWithType[] | undefined, seriesConfig: ChartSeriesConfig<ChartSeriesType>) => VisibilityMap;

package/internals/plugins/featurePlugins/useChartVisibilityManager/visibilityParamToMap.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.visibilityParamToMap = void 0;
-var _serializeIdentifier = require("../../corePlugins/useChartSeries/serializeIdentifier");
+var _serializeIdentifier = require("../../corePlugins/useChartSeriesConfig/utils/serializeIdentifier");
 const visibilityParamToMap = (hiddenItems, seriesConfig) => {
   const visibilityMap = new Map();
   if (hiddenItems) {

package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.selectors.d.ts

@@ -1,4 +1,4 @@
-export declare const selectorChartZAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartZAxis.types.js").UseChartZAxisState & Partial<{}> & {
+export declare const selectorChartZAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartZAxis.types.js").UseChartZAxisState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => {
   axis: {

package/internals/plugins/models/index.d.ts

@@ -1,4 +1,3 @@
 export * from "./helpers.js";
 export * from "./plugin.js";
-export * from "./chart.js";
-export * from "./seriesConfig/index.js";
+export * from "./chart.js";

package/internals/plugins/models/index.js

@@ -35,15 +35,4 @@ Object.keys(_chart).forEach(function (key) {
       return _chart[key];
     }
   });
-});
-var _seriesConfig = require("./seriesConfig");
-Object.keys(_seriesConfig).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _seriesConfig[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _seriesConfig[key];
-    }
-  });
 });

package/internals/plugins/models/plugin.d.ts

@@ -1,8 +1,6 @@
-import type * as React from 'react';
 import { type Store } from '@mui/x-internals/store';
 import type { MergeSignaturesProperty, OptionalIfEmpty } from "./helpers.js";
 import type { ChartCorePluginSignatures } from "../corePlugins/index.js";
-import { type ChartSeriesConfig } from "./seriesConfig/index.js";
 import { type ChartState } from "./chart.js";
 export interface ChartPluginOptions<TSignature extends ChartAnyPluginSignature> {
   /**
@@ -17,22 +15,10 @@ export interface ChartPluginOptions<TSignature extends ChartAnyPluginSignature>
    * The store that can be used to access the state of other plugins.
    */
   store: ChartUsedStore<TSignature>;
-  /**
-   * Reference to the main svg element.
-   */
-  svgRef: React.RefObject<SVGSVGElement | null>;
-  /**
-   * Reference to the chart root element.
-   */
-  chartRootRef: React.RefObject<HTMLDivElement | null>;
   /**
    * All the plugins that are used in the chart.
    */
   plugins: ChartPlugin<ChartAnyPluginSignature>[];
-  /**
-   * All the series configurations that are currently loaded.
-   */
-  seriesConfig: ChartSeriesConfig<any>;
 }
 export type ChartResponse<TSignature extends ChartAnyPluginSignature> = OptionalIfEmpty<'publicAPI', TSignature['publicAPI']> & OptionalIfEmpty<'instance', TSignature['instance']>;
 export type ChartPluginSignature<T extends {
@@ -123,11 +109,10 @@ export type ChartPlugin<TSignature extends ChartAnyPluginSignature> = {
    *
    * @param {ChartUsedDefaultizedParams<TSignature>} params The parameters after being processed with the default values.
    * @param {MergeSignaturesProperty<ChartRequiredPlugins<TSignature>, 'state'>} currentState The current state of the chart.
-   * @param {ChartSeriesConfig<any>} seriesConfig The series configuration.
    *
    * @returns {TSignature['state']} The initial state of the plugin.
    */
-  getInitialState?: (params: ChartUsedDefaultizedParams<TSignature>, currentState: MergeSignaturesProperty<ChartRequiredPlugins<TSignature>, 'state'>, seriesConfig: ChartSeriesConfig<any>) => TSignature['state'];
+  getInitialState?: (params: ChartUsedDefaultizedParams<TSignature>, currentState: MergeSignaturesProperty<ChartRequiredPlugins<TSignature>, 'state'>) => TSignature['state'];
   /**
    * An object where each property used by the plugin is set to `true`.
    */

package/internals/plugins/utils/defaultSeriesConfig.d.ts

@@ -0,0 +1,2 @@
+import type { ChartSeriesConfig } from "../corePlugins/useChartSeriesConfig/index.js";
+export declare const defaultSeriesConfig: ChartSeriesConfig<'bar' | 'scatter' | 'line' | 'pie'>;

package/internals/plugins/utils/defaultSeriesConfig.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultSeriesConfig = void 0;
+var _seriesConfig = require("../../../BarChart/seriesConfig");
+var _seriesConfig2 = require("../../../LineChart/seriesConfig");
+var _seriesConfig3 = require("../../../PieChart/seriesConfig");
+var _seriesConfig4 = require("../../../ScatterChart/seriesConfig");
+const defaultSeriesConfig = exports.defaultSeriesConfig = {
+  bar: _seriesConfig.barSeriesConfig,
+  scatter: _seriesConfig4.scatterSeriesConfig,
+  line: _seriesConfig2.lineSeriesConfig,
+  pie: _seriesConfig3.pieSeriesConfig
+};

package/internals/seriesSelectorOfType.d.ts

@@ -1,20 +1,20 @@
 import { type ChartSeriesDefaultized, type ChartsSeriesConfig } from "../models/seriesType/config.js";
 import { type SeriesId } from "../models/seriesType/common.js";
 import type { ProcessedSeries } from "./plugins/corePlugins/useChartSeries/index.js";
-export declare const selectorAllSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorAllSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.js").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig) => import("./index.js").SeriesProcessorResult<"line"> | import("./index.js").SeriesProcessorResult<"bar"> | {
-  series: Record<SeriesId, import("../index.js").DefaultizedScatterSeriesType>;
+}, seriesType: keyof ChartsSeriesConfig) => import("./index.js").SeriesProcessorResult<"line"> | {
+  series: Record<string, import("../index.js").DefaultizedScatterSeriesType>;
   seriesOrder: SeriesId[];
-} | {
-  series: Record<SeriesId, import("../index.js").DefaultizedPieSeriesType>;
+} | import("./index.js").SeriesProcessorResult<"bar"> | {
+  series: Record<string, import("../index.js").DefaultizedPieSeriesType>;
   seriesOrder: SeriesId[];
 } | {
-  series: Record<SeriesId, import("../index.js").DefaultizedRadarSeriesType>;
+  series: Record<string, import("../index.js").DefaultizedRadarSeriesType>;
   seriesOrder: SeriesId[];
 } | undefined;
-export declare const selectorSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.js").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig, ids?: SeriesId | SeriesId[] | undefined) => import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | (import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | undefined)[] | undefined;
+}, seriesType: keyof ChartsSeriesConfig, ids?: string | string[] | undefined) => import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | (import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | undefined)[] | undefined;
 export declare const useAllSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T) => ProcessedSeries[T];
 export declare const useSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T, seriesId?: SeriesId | SeriesId[]) => ChartSeriesDefaultized<T> | ChartSeriesDefaultized<T>[] | undefined;

package/internals/seriesSelectorOfType.js

@@ -10,7 +10,7 @@ var _useChartSeries = require("./plugins/corePlugins/useChartSeries/useChartSeri
 var _useStore = require("./store/useStore");
 const selectorAllSeriesOfType = exports.selectorAllSeriesOfType = (0, _store.createSelector)(_useChartSeries.selectorChartSeriesProcessed, (processedSeries, seriesType) => processedSeries[seriesType]);
 const selectorSeriesOfType = exports.selectorSeriesOfType = (0, _store.createSelectorMemoized)(_useChartSeries.selectorChartSeriesProcessed, (processedSeries, seriesType, ids) => {
-  if (ids === undefined || Array.isArray(ids) && ids.length === 0) {
+  if (ids === undefined) {
     return processedSeries[seriesType]?.seriesOrder?.map(seriesId => processedSeries[seriesType]?.series[seriesId]) ?? [];
   }
   if (!Array.isArray(ids)) {

package/internals/sliceUntil.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sliceUntil = void 0;
-const segmenter = typeof window !== 'undefined' && 'Intl' in window && 'Segmenter' in Intl ? new Intl.Segmenter(undefined, {
+const segmenter = typeof window !== 'undefined' && 'Intl' in window && 'Segmenter' in Intl ?
+// eslint-disable-next-line compat/compat
+new Intl.Segmenter(undefined, {
   granularity: 'grapheme'
 }) : null;
 function sliceUntilFallback(text, endIndex) {

package/internals/stacking/stackSeries.d.ts

@@ -1,6 +1,7 @@
 import { stackOrderNone as d3StackOrderNone, stackOrderReverse as d3StackOrderReverse, stackOrderAppearance as d3OrderAppearance, stackOrderAscending as d3OrderAscending, stackOrderDescending as d3OrderDescending, stackOrderInsideOut as d3OrderInsideOut, stackOffsetExpand as d3StackOffsetExpand, stackOffsetNone as d3StackOffsetNone, stackOffsetSilhouette as d3StackOffsetSilhouette, stackOffsetWiggle as d3StackOffsetWiggle, type Series } from '@mui/x-charts-vendor/d3-shape';
 import type { StackOffsetType, StackOrderType } from "../../models/stacking.js";
 import { type SeriesId, type StackableSeriesType } from "../../models/seriesType/common.js";
+import { offsetDiverging } from "./offset/index.js";
 type FormatterParams<T> = {
   series: Record<SeriesId, T>;
   seriesOrder: SeriesId[];
@@ -12,7 +13,7 @@ type FormatterParams<T> = {
 export type StackingGroupsType = {
   ids: SeriesId[];
   stackingOrder: (series: Series<any, any>) => number[];
-  stackingOffset: (series: Series<any, any>, order: Iterable<number>) => void;
+  stackingOffset: (series: Series<any, any>[], order: Iterable<number>) => void;
 }[];
 export declare const StackOrder: {
   /**
@@ -48,7 +49,7 @@ export declare const StackOffset: {
   /**
    * Positive values are stacked above zero, negative values are stacked below zero, and zero values are stacked at zero.
    * */
-  diverging: (series: Series<any, any>, order: Iterable<number>) => void;
+  diverging: typeof offsetDiverging;
   /**
    * Applies a zero baseline.
    * */

package/internals/stacking/stackSeries.js

@@ -40,7 +40,6 @@ const StackOffset = exports.StackOffset = {
   /**
    * Positive values are stacked above zero, negative values are stacked below zero, and zero values are stacked at zero.
    * */
-  // @ts-expect-error, d3 types are wrong, our custom function implements the correct signature
   diverging: _offset.offsetDiverging,
   /**
    * Applies a zero baseline.

package/internals/store/useCharts.d.ts

@@ -2,8 +2,6 @@ import * as React from 'react';
 import { Store } from '@mui/x-internals/store';
 import { type ChartAnyPluginSignature, type ChartInstance, type ChartPublicAPI, type ChartState, type ConvertSignaturesIntoPlugins } from "../plugins/models/index.js";
 import { type UseChartBaseProps } from "./useCharts.types.js";
-import { type ChartSeriesType } from "../../models/seriesType/config.js";
-import { type ChartSeriesConfig } from "../plugins/models/seriesConfig/index.js";
 /**
  * This is the main hook that setups the plugin system for the chart.
  *
@@ -11,15 +9,12 @@ import { type ChartSeriesConfig } from "../plugins/models/seriesConfig/index.js"
  *
  * @param inPlugins All the plugins that will be used in the chart.
  * @param props The props passed to the chart.
- * @param seriesConfig The set of helpers used for series-specific computation.
  */
-export declare function useCharts<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]>(inPlugins: ConvertSignaturesIntoPlugins<TSignatures>, props: Partial<UseChartBaseProps<TSignatures>>, seriesConfig: ChartSeriesConfig<TSeriesType>): {
+export declare function useCharts<TSignatures extends readonly ChartAnyPluginSignature[] = []>(inPlugins: ConvertSignaturesIntoPlugins<TSignatures>, props: Partial<UseChartBaseProps<TSignatures>>): {
   contextValue: {
-    store: Store<ChartState<readonly [import("../index.js").UseChartIdSignature, import("../plugins/corePlugins/useChartExperimentalFeature/index.js").UseChartExperimentalFeaturesSignature, import("../index.js").UseChartDimensionsSignature, import("../index.js").UseChartSeriesSignature<keyof import("../index.js").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartAnimation/index.js").UseChartAnimationSignature, import("../index.js").UseChartInteractionListenerSignature, ...TSignatures]>>;
+    store: Store<ChartState<readonly [import("../plugins/corePlugins/index.js").UseChartElementRefSignature, import("../index.js").UseChartIdSignature, import("../index.js").UseChartSeriesConfigSignature<keyof import("../index.js").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartExperimentalFeature/index.js").UseChartExperimentalFeaturesSignature, import("../index.js").UseChartDimensionsSignature, import("../index.js").UseChartSeriesSignature<keyof import("../index.js").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartAnimation/index.js").UseChartAnimationSignature, import("../index.js").UseChartInteractionListenerSignature, ...TSignatures]>>;
     publicAPI: ChartPublicAPI<TSignatures>;
     instance: ChartInstance<TSignatures>;
-    svgRef: React.RefObject<SVGSVGElement | null>;
-    chartRootRef: React.RefObject<HTMLDivElement | null>;
   };
 };
 export declare function useChartApiInitialization<T>(inputApiRef: React.RefObject<T | undefined> | undefined): React.RefObject<T>;

package/internals/store/useCharts.js

@@ -22,9 +22,8 @@ let globalId = 0;
  *
  * @param inPlugins All the plugins that will be used in the chart.
  * @param props The props passed to the chart.
- * @param seriesConfig The set of helpers used for series-specific computation.
  */
-function useCharts(inPlugins, props, seriesConfig) {
+function useCharts(inPlugins, props) {
   const chartId = (0, _useId.default)();
   const plugins = React.useMemo(() => [..._corePlugins.CHART_CORE_PLUGINS, ...inPlugins], [inPlugins]);
   const pluginParams = (0, _extractPluginParamsFromProps.extractPluginParamsFromProps)({
@@ -35,8 +34,6 @@ function useCharts(inPlugins, props, seriesConfig) {
   const instanceRef = React.useRef({});
   const instance = instanceRef.current;
   const publicAPI = useChartApiInitialization(props.apiRef);
-  const innerChartRootRef = React.useRef(null);
-  const innerSvgRef = React.useRef(null);
   const storeRef = React.useRef(null);
   if (storeRef.current == null) {
     // eslint-disable-next-line react-compiler/react-compiler
@@ -48,7 +45,7 @@ function useCharts(inPlugins, props, seriesConfig) {
     };
     plugins.forEach(plugin => {
       if (plugin.getInitialState) {
-        Object.assign(initialState, plugin.getInitialState(pluginParams, initialState, seriesConfig));
+        Object.assign(initialState, plugin.getInitialState(pluginParams, initialState));
       }
     });
     storeRef.current = new _store.Store(initialState);
@@ -58,10 +55,7 @@ function useCharts(inPlugins, props, seriesConfig) {
       instance,
       params: pluginParams,
       plugins: plugins,
-      store: storeRef.current,
-      svgRef: innerSvgRef,
-      chartRootRef: innerChartRootRef,
-      seriesConfig
+      store: storeRef.current
     });
     if (pluginResponse.publicAPI) {
       Object.assign(publicAPI.current, pluginResponse.publicAPI);
@@ -74,9 +68,7 @@ function useCharts(inPlugins, props, seriesConfig) {
   const contextValue = React.useMemo(() => ({
     store: storeRef.current,
     publicAPI: publicAPI.current,
-    instance,
-    svgRef: innerSvgRef,
-    chartRootRef: innerChartRootRef
+    instance
   }), [instance, publicAPI]);
   return {
     contextValue

package/internals/store/useCharts.types.d.ts

@@ -1,5 +1,11 @@
 import type * as React from 'react';
 import { type ChartAnyPluginSignature, type ChartPublicAPI } from "../plugins/models/index.js";
+import type { ChartSeriesConfig } from "../plugins/corePlugins/useChartSeriesConfig/index.js";
 export interface UseChartBaseProps<TSignatures extends readonly ChartAnyPluginSignature[]> {
   apiRef?: React.RefObject<ChartPublicAPI<TSignatures> | undefined>;
+  /**
+   * The configuration for the series types.
+   * This is used to define how each series type should be processed, colored, and displayed.
+   */
+  seriesConfig?: ChartSeriesConfig<any>;
 }