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

package/esm/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.d.ts

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

package/esm/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.js

@@ -12,8 +12,11 @@ const MAX_COMPUTE_RUN = 10;
 export const useChartDimensions = ({
   params,
   store,
-  svgRef
+  instance
 }) => {
+  const {
+    svgRef
+  } = instance;
   const hasInSize = params.width !== undefined && params.height !== undefined;
   const stateRef = React.useRef({
     displayError: false,

package/esm/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts

@@ -3,7 +3,7 @@ import type { UseChartDimensionsSignature } from "./useChartDimensions.types.js"
 import { type ChartState } from "../../models/chart.js";
 export declare const selectorChartDimensionsState: ChartRootSelector<UseChartDimensionsSignature>;
 export declare const selectorChartMargin: (state: ChartState<[UseChartDimensionsSignature]>) => import("./useChartDimensions.types.js").ChartMargin;
-export declare const selectorChartDrawingArea: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartDrawingArea: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => {
   width: number;
@@ -13,15 +13,15 @@ export declare const selectorChartDrawingArea: (args_0: import("../useChartId/us
   top: number;
   bottom: number;
 };
-export declare const selectorChartSvgWidth: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartSvgWidth: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => number;
-export declare const selectorChartSvgHeight: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartSvgHeight: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => number;
-export declare const selectorChartPropsWidth: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartPropsWidth: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => number | undefined;
-export declare const selectorChartPropsHeight: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartPropsHeight: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => number | undefined;

package/esm/internals/plugins/corePlugins/useChartElementRef/index.d.ts

@@ -0,0 +1,2 @@
+export { useChartElementRef } from "./useChartElementRef.js";
+export type { UseChartElementRefSignature, UseChartElementRefInstance } from "./useChartElementRef.types.js";

package/esm/internals/plugins/corePlugins/useChartElementRef/index.js

@@ -0,0 +1 @@
+export { useChartElementRef } from "./useChartElementRef.js";

package/esm/internals/plugins/corePlugins/useChartElementRef/useChartElementRef.d.ts

@@ -0,0 +1,3 @@
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartElementRefSignature } from "./useChartElementRef.types.js";
+export declare const useChartElementRef: ChartPlugin<UseChartElementRefSignature>;

package/esm/internals/plugins/corePlugins/useChartElementRef/useChartElementRef.js

@@ -0,0 +1,14 @@
+'use client';
+
+import * as React from 'react';
+export const useChartElementRef = () => {
+  const svgRef = React.useRef(null);
+  const chartRootRef = React.useRef(null);
+  return {
+    instance: {
+      svgRef,
+      chartRootRef
+    }
+  };
+};
+useChartElementRef.params = {};

package/esm/internals/plugins/corePlugins/useChartElementRef/useChartElementRef.types.d.ts

@@ -0,0 +1,15 @@
+import type * as React from 'react';
+import { type ChartPluginSignature } from "../../models/index.js";
+export interface UseChartElementRefInstance {
+  /**
+   * Reference to the main svg element.
+   */
+  svgRef: React.RefObject<SVGSVGElement | null>;
+  /**
+   * Reference to the chart root element.
+   */
+  chartRootRef: React.RefObject<Element | null>;
+}
+export type UseChartElementRefSignature = ChartPluginSignature<{
+  instance: UseChartElementRefInstance;
+}>;

package/esm/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.selectors.d.ts

@@ -1,6 +1,6 @@
 import { type ChartRootSelector } from "../../utils/selectors.js";
 import type { UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature.types.js";
 export declare const selectorChartExperimentalFeaturesState: ChartRootSelector<UseChartExperimentalFeaturesSignature>;
-export declare const selectorPreferStrictDomainInLineCharts: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("./useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorPreferStrictDomainInLineCharts: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("./useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean;

package/esm/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts

@@ -3,6 +3,6 @@
  * @param {ChartState<[UseChartIdSignature]>} state The state of the chart.
  * @returns {string} The id attribute of the chart.
  */
-export declare const selectorChartId: (args_0: import("./useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartId: (args_0: import("./useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => string | undefined;

package/esm/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.js

@@ -4,8 +4,11 @@ import * as React from 'react';
 import { GestureManager, MoveGesture, PanGesture, PinchGesture, PressAndDragGesture, PressGesture, TapAndDragGesture, TapGesture, TurnWheelGesture } from '@mui/x-internal-gestures/core';
 const preventDefault = event => event.preventDefault();
 export const useChartInteractionListener = ({
-  svgRef
+  instance
 }) => {
+  const {
+    svgRef
+  } = instance;
   const gestureManagerRef = React.useRef(null);
   React.useEffect(() => {
     const svg = svgRef.current;
@@ -77,7 +80,7 @@ export const useChartInteractionListener = ({
     const svg = svgRef.current;
     svg?.addEventListener(interaction, callback, options);
     return {
-      cleanup: () => svg?.removeEventListener(interaction, callback)
+      cleanup: () => svg?.removeEventListener(interaction, callback, options)
     };
   }, [svgRef]);
   const updateZoomInteractionListeners = React.useCallback((interaction, options) => {

package/esm/internals/plugins/corePlugins/useChartSeries/processSeries.d.ts

@@ -1,7 +1,7 @@
 import { type ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
 import { type AllSeriesType } from "../../../../models/seriesType/index.js";
 import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.js";
-import { type ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { type ChartSeriesConfig } from "../useChartSeriesConfig/index.js";
 import { type DefaultizedSeriesGroups, type ProcessedSeries, type SeriesLayout } from "./useChartSeries.types.js";
 import type { IsItemVisibleFunction } from "../../featurePlugins/useChartVisibilityManager/index.js";
 /**

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.js

@@ -2,14 +2,11 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useEffectAfterFirstRender } from '@mui/x-internals/useEffectAfterFirstRender';
-import useEventCallback from '@mui/utils/useEventCallback';
 import { rainbowSurgePalette } from "../../../../colorPalettes/index.js";
 import { defaultizeSeries } from "./processSeries.js";
-import { serializeIdentifier as serializeIdentifierFn } from "./serializeIdentifier.js";
 export const useChartSeries = ({
   params,
-  store,
-  seriesConfig
+  store
 }) => {
   const {
     series,
@@ -25,17 +22,12 @@ export const useChartSeries = ({
       defaultizedSeries: defaultizeSeries({
         series,
         colors: typeof colors === 'function' ? colors(theme) : colors,
-        seriesConfig
+        seriesConfig: store.state.seriesConfig.config
       }),
       dataset
     }));
-  }, [colors, dataset, series, theme, seriesConfig, store]);
-  const serializeIdentifier = useEventCallback(identifier => serializeIdentifierFn(seriesConfig, identifier));
-  return {
-    instance: {
-      serializeIdentifier
-    }
-  };
+  }, [colors, dataset, series, theme, store]);
+  return {};
 };
 useChartSeries.params = {
   dataset: true,
@@ -56,10 +48,10 @@ useChartSeries.getInitialState = ({
   colors,
   theme,
   dataset
-}, _, seriesConfig) => {
+}, currentState) => {
+  const seriesConfig = currentState.seriesConfig.config;
   return {
     series: {
-      seriesConfig,
       defaultizedSeries: defaultizeSeries({
         series,
         colors: typeof colors === 'function' ? colors(theme) : colors,

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts

@@ -1,17 +1,14 @@
 import { type ChartRootSelector } from "../../utils/selectors.js";
 import { type UseChartSeriesSignature } from "./useChartSeries.types.js";
 export declare const selectorChartSeriesState: ChartRootSelector<UseChartSeriesSignature>;
-export declare const selectorChartDefaultizedSeries: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartDefaultizedSeries: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => import("./useChartSeries.types.js").DefaultizedSeriesGroups<keyof import("../../../index.js").ChartsSeriesConfig>;
-export declare const selectorChartSeriesConfig: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
 /**
  * Get the dataset from the series state.
  * @returns {DatasetType | undefined} The dataset.
  */
-export declare const selectorChartDataset: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartDataset: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => readonly import("../../../index.js").DatasetElementType<unknown>[] | undefined;
 /**
@@ -19,7 +16,7 @@ export declare const selectorChartDataset: (args_0: import("../useChartId/useCha
  * This selector computes the processed series on-demand from the defaultized series.
  * @returns {ProcessedSeries} The processed series.
  */
-export declare const selectorChartSeriesProcessed: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartSeriesProcessed: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
 /**
@@ -27,6 +24,6 @@ export declare const selectorChartSeriesProcessed: (args_0: import("../useChartI
  * This selector computes the processed series on-demand from the defaultized series.
  * @returns {ProcessedSeries} The processed series.
  */
-export declare const selectorChartSeriesLayout: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+export declare const selectorChartSeriesLayout: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => import("./useChartSeries.types.js").SeriesLayout<keyof import("../../../index.js").ChartsSeriesConfig>;

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js

@@ -2,9 +2,9 @@ import { createSelectorMemoized, createSelector } from '@mui/x-internals/store';
 import { applySeriesLayout, applySeriesProcessors } from "./processSeries.js";
 import { selectorChartDrawingArea } from "../useChartDimensions/index.js";
 import { selectorIsItemVisibleGetter } from "../../featurePlugins/useChartVisibilityManager/index.js";
+import { selectorChartSeriesConfig } from "../useChartSeriesConfig/useChartSeriesConfig.selectors.js";
 export const selectorChartSeriesState = state => state.series;
 export const selectorChartDefaultizedSeries = createSelector(selectorChartSeriesState, seriesState => seriesState.defaultizedSeries);
-export const selectorChartSeriesConfig = createSelector(selectorChartSeriesState, seriesState => seriesState.seriesConfig);
 
 /**
  * Get the dataset from the series state.
@@ -18,7 +18,7 @@ export const selectorChartDataset = createSelector(selectorChartSeriesState, ser
  * @returns {ProcessedSeries} The processed series.
  */
 export const selectorChartSeriesProcessed = createSelectorMemoized(selectorChartDefaultizedSeries, selectorChartSeriesConfig, selectorChartDataset, selectorIsItemVisibleGetter, function selectorChartSeriesProcessed(defaultizedSeries, seriesConfig, dataset, isItemVisible) {
-  return applySeriesProcessors(defaultizedSeries, seriesConfig, dataset, identifier => isItemVisible(seriesConfig, identifier));
+  return applySeriesProcessors(defaultizedSeries, seriesConfig, dataset, isItemVisible);
 });
 
 /**

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.types.d.ts

@@ -1,8 +1,8 @@
 import { type AllSeriesType } from "../../../../models/seriesType/index.js";
 import { type ChartsColorPalette } from "../../../../colorPalettes/index.js";
-import { type ChartPluginSignature, type ChartSeriesConfig, type SeriesLayoutGetterResult } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.js";
-import { type SeriesProcessorParams, type SeriesProcessorResult } from "../../models/seriesConfig/seriesProcessor.types.js";
+import { type SeriesLayoutGetterResult, type SeriesProcessorParams, type SeriesProcessorResult, type UseChartSeriesConfigSignature } from "../useChartSeriesConfig/index.js";
 export interface UseChartSeriesParameters<T extends ChartSeriesType = ChartSeriesType> {
   /**
    * An array of objects that can be used to populate series and axes data using their `dataKey` property.
@@ -41,25 +41,12 @@ export type DefaultizedSeriesGroups<TSeriesTypes extends ChartSeriesType = Chart
 export interface UseChartSeriesState<T extends ChartSeriesType = ChartSeriesType> {
   series: {
     defaultizedSeries: DefaultizedSeriesGroups<T>;
-    seriesConfig: ChartSeriesConfig<T>;
     dataset?: Readonly<DatasetType>;
   };
 }
-export type SerializeIdentifierFunction = <T extends {
-  type: ChartSeriesType;
-}>(identifier: T) => string;
-export interface UseChartSeriesInstance {
-  /**
-   * Function to serialize a series item identifier into a unique string.
-   *
-   * @param identifier The identifier to serialize.
-   * @returns A unique string representing the identifier.
-   */
-  serializeIdentifier: SerializeIdentifierFunction;
-}
 export type UseChartSeriesSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
   params: UseChartSeriesParameters;
   defaultizedParams: UseChartSeriesDefaultizedParameters<SeriesType>;
   state: UseChartSeriesState<SeriesType>;
-  instance: UseChartSeriesInstance;
+  dependencies: [UseChartSeriesConfigSignature<SeriesType>];
 }>;

package/esm/internals/plugins/corePlugins/useChartSeries/useColorProcessor.d.ts

@@ -1,5 +1,5 @@
 import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { type ColorProcessor } from "../../models/seriesConfig/index.js";
+import { type ColorProcessor } from "../useChartSeriesConfig/index.js";
 export type ColorProcessorsConfig<T extends ChartSeriesType> = { [Key in T]?: ColorProcessor<Key> };
 export declare function useColorProcessor<T extends ChartSeriesType>(seriesType: T): ColorProcessor<T>;
 export declare function useColorProcessor(): ColorProcessorsConfig<ChartSeriesType>;

package/esm/internals/plugins/corePlugins/useChartSeries/useColorProcessor.js

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { useStore } from "../../../store/useStore.js";
-import { selectorChartSeriesConfig } from "./useChartSeries.selectors.js";
+import { selectorChartSeriesConfig } from "../useChartSeriesConfig/index.js";
 export function useColorProcessor(seriesType) {
   const store = useStore();
   const seriesConfig = store.use(selectorChartSeriesConfig);

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/index.d.ts

@@ -0,0 +1,4 @@
+export { useChartSeriesConfig } from "./useChartSeriesConfig.js";
+export type { UseChartSeriesConfigSignature, UseChartSeriesConfigParameters, UseChartSeriesConfigDefaultizedParameters, UseChartSeriesConfigInstance, SerializeIdentifierFunction, CleanIdentifierFunction } from "./useChartSeriesConfig.types.js";
+export * from "./useChartSeriesConfig.selectors.js";
+export * from "./types/index.js";

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/index.js

@@ -0,0 +1,3 @@
+export { useChartSeriesConfig } from "./useChartSeriesConfig.js";
+export * from "./useChartSeriesConfig.selectors.js";
+export * from "./types/index.js";

package/{internals/plugins/models/seriesConfig → esm/internals/plugins/corePlugins/useChartSeriesConfig/types}/cartesianExtremumGetter.types.d.ts

@@ -1,6 +1,6 @@
-import type { CartesianChartSeriesType, ChartSeriesDefaultized } from "../../../../models/seriesType/config.js";
-import type { AxisConfig, AxisId } from "../../../../models/axis.js";
-import type { SeriesId } from "../../../../models/seriesType/common.js";
+import type { CartesianChartSeriesType, ChartSeriesDefaultized } from "../../../../../models/seriesType/config.js";
+import type { AxisConfig, AxisId } from "../../../../../models/axis.js";
+import type { SeriesId } from "../../../../../models/seriesType/common.js";
 type CartesianExtremumGetterParams<TSeriesType extends CartesianChartSeriesType> = {
   series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>;
   axis: AxisConfig;

package/esm/internals/plugins/{models/seriesConfig → corePlugins/useChartSeriesConfig/types}/colorProcessor.types.d.ts

@@ -1,7 +1,7 @@
-import type { ComputedXAxis, ComputedYAxis } from "../../../../models/axis.js";
-import type { DefaultizedSeriesType } from "../../../../models/seriesType/index.js";
-import type { ZAxisDefaultized } from "../../../../models/z-axis.js";
-import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { ComputedXAxis, ComputedYAxis } from "../../../../../models/axis.js";
+import type { DefaultizedSeriesType } from "../../../../../models/seriesType/index.js";
+import type { ZAxisDefaultized } from "../../../../../models/z-axis.js";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
 /**
  * Map data index to a color.
  * If dataIndex is not defined, it falls back to the series color when defined.

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/types/getItemAtPosition.types.d.ts

@@ -0,0 +1,8 @@
+import type { SeriesItemIdentifier } from "../../../../../models/seriesType/index.js";
+import type { ChartState } from "../../../models/chart.js";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
+import type { ChartSeriesTypeRequiredPlugins } from "./seriesConfig.types.js";
+export type GetItemAtPosition<TSeriesType extends ChartSeriesType> = (state: ChartState<ChartSeriesTypeRequiredPlugins<TSeriesType>>, point: {
+  x: number;
+  y: number;
+}) => SeriesItemIdentifier<TSeriesType> | undefined;

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/types/getSeriesWithDefaultValues.types.d.ts

@@ -0,0 +1,3 @@
+import type { ChartSeries, ChartSeriesType } from "../../../../../models/seriesType/config.js";
+import type { AllSeriesType } from "../../../../../models/seriesType/index.js";
+export type GetSeriesWithDefaultValues<T extends ChartSeriesType> = (series: AllSeriesType<T>, seriesIndex: number, colors: readonly string[]) => ChartSeries<T>;

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/types/identifierCleaner.types.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesItemIdentifier } from "../../../../../models/index.js";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
+export type IdentifierCleaner<T extends ChartSeriesType = ChartSeriesType> = (identifier: SeriesItemIdentifier<T>) => SeriesItemIdentifier<T>;

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/types/identifierSerializer.types.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesItemIdentifier } from "../../../../../models/index.js";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
+export type IdentifierSerializer<TSeriesType extends ChartSeriesType> = (identifier: SeriesItemIdentifier<TSeriesType>) => string;

package/esm/internals/plugins/{models/seriesConfig → corePlugins/useChartSeriesConfig/types}/index.d.ts

@@ -8,4 +8,6 @@ export * from "./tooltipGetter.types.js";
 export * from "./tooltipItemPositionGetter.types.js";
 export * from "./legendGetter.types.js";
 export * from "./getSeriesWithDefaultValues.types.js";
-export * from "./identifierSerializer.types.js";
+export * from "./identifierSerializer.types.js";
+export * from "./identifierCleaner.types.js";
+export * from "./getItemAtPosition.types.js";

package/esm/internals/plugins/{models/seriesConfig → corePlugins/useChartSeriesConfig/types}/index.js

@@ -8,4 +8,6 @@ export * from "./tooltipGetter.types.js";
 export * from "./tooltipItemPositionGetter.types.js";
 export * from "./legendGetter.types.js";
 export * from "./getSeriesWithDefaultValues.types.js";
-export * from "./identifierSerializer.types.js";
+export * from "./identifierSerializer.types.js";
+export * from "./identifierCleaner.types.js";
+export * from "./getItemAtPosition.types.js";

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/types/legendGetter.types.d.ts

@@ -0,0 +1,4 @@
+import type { LegendItemParams } from "../../../../../ChartsLegend/index.js";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
+import type { SeriesProcessorResult } from "./seriesProcessor.types.js";
+export type LegendGetter<T extends ChartSeriesType> = (series: SeriesProcessorResult<T>) => LegendItemParams[];

package/esm/internals/plugins/{models/seriesConfig → corePlugins/useChartSeriesConfig/types}/polarExtremumGetter.types.d.ts

@@ -1,6 +1,6 @@
-import type { PolarChartSeriesType, ChartSeriesDefaultized } from "../../../../models/seriesType/config.js";
-import type { AxisConfig } from "../../../../models/axis.js";
-import type { SeriesId } from "../../../../models/seriesType/common.js";
+import type { PolarChartSeriesType, ChartSeriesDefaultized } from "../../../../../models/seriesType/config.js";
+import type { AxisConfig } from "../../../../../models/axis.js";
+import type { SeriesId } from "../../../../../models/seriesType/common.js";
 type PolarExtremumGetterParams<TSeriesType extends PolarChartSeriesType> = {
   series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>;
   axis: AxisConfig;

package/{internals/plugins/models/seriesConfig → esm/internals/plugins/corePlugins/useChartSeriesConfig/types}/seriesConfig.types.d.ts

@@ -1,5 +1,5 @@
 import type { SeriesProcessor } from "./seriesProcessor.types.js";
-import type { CartesianChartSeriesType, ChartSeriesType, ChartsSeriesConfig, PolarChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { CartesianChartSeriesType, ChartSeriesType, ChartsSeriesConfig, PolarChartSeriesType } from "../../../../../models/seriesType/config.js";
 import type { ColorProcessor } from "./colorProcessor.types.js";
 import type { CartesianExtremumGetter } from "./cartesianExtremumGetter.types.js";
 import type { LegendGetter } from "./legendGetter.types.js";
@@ -8,11 +8,12 @@ import { type PolarExtremumGetter } from "./polarExtremumGetter.types.js";
 import { type GetSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.types.js";
 import { type TooltipItemPositionGetter } from "./tooltipItemPositionGetter.types.js";
 import { type SeriesLayoutGetter } from "./seriesLayout.types.js";
-import { type KeyboardFocusHandler } from "../../featurePlugins/useChartKeyboardNavigation/keyboardFocusHandler.types.js";
+import { type KeyboardFocusHandler } from "../../../featurePlugins/useChartKeyboardNavigation/keyboardFocusHandler.types.js";
 import { type IdentifierSerializer } from "./identifierSerializer.types.js";
+import { type IdentifierCleaner } from "./identifierCleaner.types.js";
 import { type GetItemAtPosition } from "./getItemAtPosition.types.js";
-import { type UseChartCartesianAxisSignature } from "../../featurePlugins/useChartCartesianAxis/index.js";
-import { type UseChartPolarAxisSignature } from "../../featurePlugins/useChartPolarAxis/index.js";
+import { type UseChartCartesianAxisSignature } from "../../../featurePlugins/useChartCartesianAxis/index.js";
+import { type UseChartPolarAxisSignature } from "../../../featurePlugins/useChartPolarAxis/index.js";
 export type ChartSeriesTypeRequiredPlugins<TSeriesType extends ChartSeriesType> = ChartsSeriesConfig[TSeriesType] extends {
   axisType: 'cartesian';
 } ? [UseChartCartesianAxisSignature] : ChartsSeriesConfig[TSeriesType] extends {
@@ -32,10 +33,17 @@ export type ChartSeriesTypeConfig<TSeriesType extends ChartSeriesType> = {
   keyboardFocusHandler?: KeyboardFocusHandler<TSeriesType>;
   /**
    * A function to serialize the series item identifier into a unique string.
-   * @param {ChartsSeriesConfig[TSeriesType]['itemIdentifier']} identifier The series item identifier.
+   * @param {SeriesItemIdentifier<TSeriesType>} identifier The series item identifier.
    * @returns {string} A unique string representation of the identifier.
    */
   identifierSerializer: IdentifierSerializer<TSeriesType>;
+  /**
+   * A function to clean a series item identifier, returning only the properties
+   * relevant to the series type.
+   * @param {Partial<SeriesItemIdentifier<TSeriesType>> & { type: TSeriesType }} identifier The partial identifier to clean.
+   * @returns {SeriesItemIdentifier<TSeriesType>} A cleaned identifier with only the relevant properties.
+   */
+  identifierCleaner: IdentifierCleaner<TSeriesType>;
   getItemAtPosition?: GetItemAtPosition<TSeriesType>;
 } & (TSeriesType extends CartesianChartSeriesType ? {
   xExtremumGetter: CartesianExtremumGetter<TSeriesType>;

package/esm/internals/plugins/{models/seriesConfig → corePlugins/useChartSeriesConfig/types}/seriesLayout.types.d.ts

@@ -1,6 +1,6 @@
-import type { ChartSeriesType, ChartSeriesLayout } from "../../../../models/seriesType/config.js";
-import { type ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
-import type { SeriesId } from "../../../../models/seriesType/common.js";
+import type { ChartSeriesType, ChartSeriesLayout } from "../../../../../models/seriesType/config.js";
+import { type ChartDrawingArea } from "../../../../../hooks/useDrawingArea.js";
+import type { SeriesId } from "../../../../../models/seriesType/common.js";
 import { type SeriesProcessorResult } from "./seriesProcessor.types.js";
 export type SeriesLayoutGetterResult<TSeriesType extends ChartSeriesType> = Record<SeriesId, ChartSeriesLayout<TSeriesType>>;
 export type SeriesLayoutGetter<TSeriesType extends ChartSeriesType> = (params: SeriesProcessorResult<TSeriesType>, drawingArea: Readonly<ChartDrawingArea>) => SeriesLayoutGetterResult<TSeriesType>;

package/{internals/plugins/models/seriesConfig → esm/internals/plugins/corePlugins/useChartSeriesConfig/types}/seriesProcessor.types.d.ts

@@ -1,7 +1,7 @@
-import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig, DatasetType } from "../../../../models/seriesType/config.js";
-import type { SeriesId } from "../../../../models/seriesType/common.js";
-import type { StackingGroupsType } from "../../../stacking/index.js";
-import type { IsItemVisibleFunction } from "../../featurePlugins/useChartVisibilityManager/index.js";
+import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig, DatasetType } from "../../../../../models/seriesType/config.js";
+import type { SeriesId } from "../../../../../models/seriesType/common.js";
+import type { StackingGroupsType } from "../../../../stacking/index.js";
+import type { IsItemVisibleFunction } from "../../../featurePlugins/useChartVisibilityManager/index.js";
 export type SeriesProcessorParams<TSeriesType extends ChartSeriesType> = {
   series: Record<SeriesId, ChartsSeriesConfig[TSeriesType]['seriesInput']>;
   seriesOrder: SeriesId[];

package/esm/internals/plugins/{models/seriesConfig → corePlugins/useChartSeriesConfig/types}/tooltipGetter.types.d.ts

@@ -1,8 +1,8 @@
-import type { SeriesItemIdentifier } from "../../../../models/seriesType/index.js";
-import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig } from "../../../../models/seriesType/config.js";
-import { type SeriesId } from "../../../../models/seriesType/common.js";
-import { type AxisId, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type ComputedXAxis, type ComputedYAxis } from "../../../../models/axis.js";
-import { type ChartsLabelMarkProps } from "../../../../ChartsLabel/ChartsLabelMark.js";
+import type { SeriesItemIdentifier } from "../../../../../models/seriesType/index.js";
+import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig } from "../../../../../models/seriesType/config.js";
+import { type SeriesId } from "../../../../../models/seriesType/common.js";
+import { type AxisId, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type ComputedXAxis, type ComputedYAxis } from "../../../../../models/axis.js";
+import { type ChartsLabelMarkProps } from "../../../../../ChartsLabel/ChartsLabelMark.js";
 import { type ColorGetter } from "./colorProcessor.types.js";
 export interface ItemTooltip<T extends ChartSeriesType> {
   /**

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/types/tooltipGetter.types.js

@@ -0,0 +1 @@
+export {};

package/{internals/plugins/models/seriesConfig → esm/internals/plugins/corePlugins/useChartSeriesConfig/types}/tooltipItemPositionGetter.types.d.ts

@@ -1,9 +1,9 @@
-import type { SeriesItemIdentifier } from "../../../../models/seriesType/index.js";
-import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type ComputedXAxis, type ComputedYAxis } from "../../../../models/axis.js";
-import { type ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
-import { type ProcessedSeries, type SeriesLayout } from "../../corePlugins/useChartSeries/index.js";
-import { type ComputeResult } from "../../featurePlugins/useChartPolarAxis/computeAxisValue.js";
+import type { SeriesItemIdentifier } from "../../../../../models/seriesType/index.js";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
+import { type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type ComputedXAxis, type ComputedYAxis } from "../../../../../models/axis.js";
+import { type ChartDrawingArea } from "../../../../../hooks/useDrawingArea.js";
+import { type ProcessedSeries, type SeriesLayout } from "../../useChartSeries/index.js";
+import { type ComputeResult } from "../../../featurePlugins/useChartPolarAxis/computeAxisValue.js";
 export interface TooltipPositionGetterAxesConfig {
   x?: ComputedXAxis;
   y?: ComputedYAxis;

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/types/tooltipItemPositionGetter.types.js

@@ -0,0 +1 @@
+export {};

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.d.ts

@@ -0,0 +1,3 @@
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartSeriesConfigSignature } from "./useChartSeriesConfig.types.js";
+export declare const useChartSeriesConfig: ChartPlugin<UseChartSeriesConfigSignature>;

package/esm/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.js

@@ -0,0 +1,35 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import useEventCallback from '@mui/utils/useEventCallback';
+import { serializeIdentifier as serializeIdentifierFn } from "./utils/serializeIdentifier.js";
+import { cleanIdentifier as cleanIdentifierFn } from "./utils/cleanIdentifier.js";
+export const useChartSeriesConfig = ({
+  store
+}) => {
+  const serializeIdentifier = useEventCallback(identifier => serializeIdentifierFn(store.state.seriesConfig.config, identifier));
+  const cleanIdentifier = useEventCallback(identifier => cleanIdentifierFn(store.state.seriesConfig.config, identifier));
+  return {
+    instance: {
+      serializeIdentifier,
+      cleanIdentifier
+    }
+  };
+};
+useChartSeriesConfig.params = {
+  seriesConfig: true
+};
+useChartSeriesConfig.getDefaultizedParams = ({
+  params
+}) => _extends({}, params, {
+  seriesConfig: params.seriesConfig ?? {}
+});
+useChartSeriesConfig.getInitialState = ({
+  seriesConfig
+}) => {
+  return {
+    seriesConfig: {
+      config: seriesConfig
+    }
+  };
+};