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

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

@@ -18,6 +18,7 @@ const defaultizeSeries = ({
 }) => {
   // Group series by type
   const seriesGroups = {};
+  const idToType = new Map();
   series.forEach((seriesData, seriesIndex) => {
     const seriesWithDefaultValues = seriesConfig[seriesData.type].getSeriesWithDefaultValues(seriesData, seriesIndex, colors);
     const id = seriesWithDefaultValues.id;
@@ -32,8 +33,15 @@ const defaultizeSeries = ({
     }
     seriesGroups[seriesData.type].series[id] = seriesWithDefaultValues;
     seriesGroups[seriesData.type].seriesOrder.push(id);
+    if (idToType.has(id)) {
+      throw new Error(`MUI X Charts: series' id "${id}" is not unique.`);
+    }
+    idToType.set(id, seriesData.type);
   });
-  return seriesGroups;
+  return {
+    defaultizedSeries: seriesGroups,
+    idToType
+  };
 };
 
 /**

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

@@ -1,3 +1,13 @@
 import { type ChartPlugin } from "../../models/index.js";
-import { type UseChartSeriesSignature } from "./useChartSeries.types.js";
-export declare const useChartSeries: ChartPlugin<UseChartSeriesSignature>;
+import type { UseChartSeriesState, UseChartSeriesSignature } from "./useChartSeries.types.js";
+import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { SeriesItemIdentifier, SeriesItemIdentifierWithType, SeriesId } from "../../../../models/seriesType/index.js";
+type RetrunedType<SeriesType extends ChartSeriesType, Item> = Item extends SeriesItemIdentifier<SeriesType> ? SeriesItemIdentifierWithType<SeriesType> : Item & {
+  type: SeriesType;
+};
+export declare function createIdentifierWithType(state: UseChartSeriesState): <SeriesType extends ChartSeriesType, Item extends {
+  seriesId: SeriesId;
+  type?: SeriesType;
+}>(identifier: Item) => RetrunedType<SeriesType, Item>;
+export declare const useChartSeries: ChartPlugin<UseChartSeriesSignature>;
+export {};

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

@@ -5,17 +5,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createIdentifierWithType = createIdentifierWithType;
 exports.useChartSeries = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _useEffectAfterFirstRender = require("@mui/x-internals/useEffectAfterFirstRender");
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _colorPalettes = require("../../../../colorPalettes");
 var _processSeries = require("./processSeries");
-var _serializeIdentifier = require("./serializeIdentifier");
+function createIdentifierWithType(state) {
+  function identifierWithType(identifier) {
+    if (identifier.type !== undefined) {
+      return identifier;
+    }
+    const type = state.series.idToType.get(identifier.seriesId);
+    if (type === undefined) {
+      throw new Error(`MUI X Charts: id "${identifier.seriesId}" is not a series id.`);
+    }
+    return (0, _extends2.default)({}, identifier, {
+      type
+    });
+  }
+  return identifierWithType;
+}
 const useChartSeries = ({
   params,
-  store,
-  seriesConfig
+  store
 }) => {
   const {
     series,
@@ -27,19 +40,24 @@ const useChartSeries = ({
   // The effect do not track any value defined synchronously during the 1st render by hooks called after `useChartSeries`
   // As a consequence, the state generated by the 1st run of this useEffect will always be equal to the initialization one
   (0, _useEffectAfterFirstRender.useEffectAfterFirstRender)(() => {
+    const {
+      defaultizedSeries,
+      idToType
+    } = (0, _processSeries.defaultizeSeries)({
+      series,
+      colors: typeof colors === 'function' ? colors(theme) : colors,
+      seriesConfig: store.state.seriesConfig.config
+    });
     store.set('series', (0, _extends2.default)({}, store.state.series, {
-      defaultizedSeries: (0, _processSeries.defaultizeSeries)({
-        series,
-        colors: typeof colors === 'function' ? colors(theme) : colors,
-        seriesConfig
-      }),
+      defaultizedSeries,
+      idToType,
       dataset
     }));
-  }, [colors, dataset, series, theme, seriesConfig, store]);
-  const serializeIdentifier = (0, _useEventCallback.default)(identifier => (0, _serializeIdentifier.serializeIdentifier)(seriesConfig, identifier));
+  }, [colors, dataset, series, theme, store]);
+  const identifierWithType = createIdentifierWithType(store.state);
   return {
     instance: {
-      serializeIdentifier
+      identifierWithType
     }
   };
 };
@@ -63,15 +81,20 @@ useChartSeries.getInitialState = ({
   colors,
   theme,
   dataset
-}, _, seriesConfig) => {
+}, currentState) => {
+  const seriesConfig = currentState.seriesConfig.config;
+  const {
+    defaultizedSeries,
+    idToType
+  } = (0, _processSeries.defaultizeSeries)({
+    series,
+    colors: typeof colors === 'function' ? colors(theme) : colors,
+    seriesConfig
+  });
   return {
     series: {
-      seriesConfig,
-      defaultizedSeries: (0, _processSeries.defaultizeSeries)({
-        series,
-        colors: typeof colors === 'function' ? colors(theme) : colors,
-        seriesConfig
-      }),
+      defaultizedSeries,
+      idToType,
       dataset
     }
   };

package/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/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartSeriesState = exports.selectorChartSeriesProcessed = exports.selectorChartSeriesLayout = exports.selectorChartSeriesConfig = exports.selectorChartDefaultizedSeries = exports.selectorChartDataset = void 0;
+exports.selectorChartSeriesState = exports.selectorChartSeriesProcessed = exports.selectorChartSeriesLayout = exports.selectorChartDefaultizedSeries = exports.selectorChartDataset = void 0;
 var _store = require("@mui/x-internals/store");
 var _processSeries = require("./processSeries");
 var _useChartDimensions = require("../useChartDimensions");
 var _useChartVisibilityManager = require("../../featurePlugins/useChartVisibilityManager");
+var _useChartSeriesConfig = require("../useChartSeriesConfig/useChartSeriesConfig.selectors");
 const selectorChartSeriesState = state => state.series;
 exports.selectorChartSeriesState = selectorChartSeriesState;
 const selectorChartDefaultizedSeries = exports.selectorChartDefaultizedSeries = (0, _store.createSelector)(selectorChartSeriesState, seriesState => seriesState.defaultizedSeries);
-const selectorChartSeriesConfig = exports.selectorChartSeriesConfig = (0, _store.createSelector)(selectorChartSeriesState, seriesState => seriesState.seriesConfig);
 
 /**
  * Get the dataset from the series state.
@@ -24,8 +24,8 @@ const selectorChartDataset = exports.selectorChartDataset = (0, _store.createSel
  * This selector computes the processed series on-demand from the defaultized series.
  * @returns {ProcessedSeries} The processed series.
  */
-const selectorChartSeriesProcessed = exports.selectorChartSeriesProcessed = (0, _store.createSelectorMemoized)(selectorChartDefaultizedSeries, selectorChartSeriesConfig, selectorChartDataset, _useChartVisibilityManager.selectorIsItemVisibleGetter, function selectorChartSeriesProcessed(defaultizedSeries, seriesConfig, dataset, isItemVisible) {
-  return (0, _processSeries.applySeriesProcessors)(defaultizedSeries, seriesConfig, dataset, identifier => isItemVisible(seriesConfig, identifier));
+const selectorChartSeriesProcessed = exports.selectorChartSeriesProcessed = (0, _store.createSelectorMemoized)(selectorChartDefaultizedSeries, _useChartSeriesConfig.selectorChartSeriesConfig, selectorChartDataset, _useChartVisibilityManager.selectorIsItemVisibleGetter, function selectorChartSeriesProcessed(defaultizedSeries, seriesConfig, dataset, isItemVisible) {
+  return (0, _processSeries.applySeriesProcessors)(defaultizedSeries, seriesConfig, dataset, isItemVisible);
 });
 
 /**
@@ -33,6 +33,6 @@ const selectorChartSeriesProcessed = exports.selectorChartSeriesProcessed = (0,
  * This selector computes the processed series on-demand from the defaultized series.
  * @returns {ProcessedSeries} The processed series.
  */
-const selectorChartSeriesLayout = exports.selectorChartSeriesLayout = (0, _store.createSelectorMemoized)(selectorChartSeriesProcessed, selectorChartSeriesConfig, _useChartDimensions.selectorChartDrawingArea, function selectorChartSeriesLayout(processedSeries, seriesConfig, drawingArea) {
+const selectorChartSeriesLayout = exports.selectorChartSeriesLayout = (0, _store.createSelectorMemoized)(selectorChartSeriesProcessed, _useChartSeriesConfig.selectorChartSeriesConfig, _useChartDimensions.selectorChartDrawingArea, function selectorChartSeriesLayout(processedSeries, seriesConfig, drawingArea) {
   return (0, _processSeries.applySeriesLayout)(processedSeries, seriesConfig, drawingArea);
 });

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

@@ -1,8 +1,9 @@
-import { type AllSeriesType } from "../../../../models/seriesType/index.js";
+import type { AllSeriesType, SeriesItemIdentifier, SeriesItemIdentifierWithType } 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 SeriesId } from "../../../../models/seriesType/common.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.
@@ -38,28 +39,32 @@ export type UseChartSeriesDefaultizedParameters<T extends ChartSeriesType = Char
 export type ProcessedSeries<TSeriesTypes extends ChartSeriesType = ChartSeriesType> = { [type in TSeriesTypes]?: SeriesProcessorResult<type> };
 export type SeriesLayout<TSeriesTypes extends ChartSeriesType = ChartSeriesType> = { [type in TSeriesTypes]?: SeriesLayoutGetterResult<type> };
 export type DefaultizedSeriesGroups<TSeriesTypes extends ChartSeriesType = ChartSeriesType> = { [type in TSeriesTypes]?: SeriesProcessorParams<type> };
+export type SeriesIdToType = ReadonlyMap<SeriesId, ChartSeriesType>;
 export interface UseChartSeriesState<T extends ChartSeriesType = ChartSeriesType> {
   series: {
     defaultizedSeries: DefaultizedSeriesGroups<T>;
-    seriesConfig: ChartSeriesConfig<T>;
+    idToType: SeriesIdToType;
     dataset?: Readonly<DatasetType>;
   };
 }
-export type SerializeIdentifierFunction = <T extends {
-  type: ChartSeriesType;
-}>(identifier: T) => string;
-export interface UseChartSeriesInstance {
+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.
+   * Utils top add series type when developers do not provide it.
+   * @param {Pick<SeriesItemIdentifier<SeriesType>, 'seriesId'>} identifier The series identifier without its type
+   * @returns {Pick<SeriesItemIdentifier<SeriesType>, 'seriesId'> & Pick<SeriesItemIdentifier<SeriesType>, 'type'>}The identifier with the type.
    */
-  serializeIdentifier: SerializeIdentifierFunction;
+  identifierWithType: <SeriesType extends ChartSeriesType, Item extends {
+    seriesId: SeriesId;
+    type?: SeriesType;
+  }>(identifier: Item) => Item extends SeriesItemIdentifier<SeriesType> ? SeriesItemIdentifierWithType<SeriesType> : Item & {
+    type: SeriesType;
+  };
 }
 export type UseChartSeriesSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
   params: UseChartSeriesParameters;
   defaultizedParams: UseChartSeriesDefaultizedParameters<SeriesType>;
   state: UseChartSeriesState<SeriesType>;
   instance: UseChartSeriesInstance;
-}>;
+  dependencies: [UseChartSeriesConfigSignature<SeriesType>];
+}>;
+export {};

package/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/internals/plugins/corePlugins/useChartSeries/useColorProcessor.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.useColorProcessor = useColorProcessor;
 var React = _interopRequireWildcard(require("react"));
 var _useStore = require("../../../store/useStore");
-var _useChartSeries = require("./useChartSeries.selectors");
+var _useChartSeriesConfig = require("../useChartSeriesConfig");
 function useColorProcessor(seriesType) {
   const store = (0, _useStore.useStore)();
-  const seriesConfig = store.use(_useChartSeries.selectorChartSeriesConfig);
+  const seriesConfig = store.use(_useChartSeriesConfig.selectorChartSeriesConfig);
   const colorProcessors = React.useMemo(() => {
     const rep = {};
     Object.keys(seriesConfig).forEach(seriesT => {

package/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/internals/plugins/corePlugins/useChartSeriesConfig/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useChartSeriesConfig: true
+};
+Object.defineProperty(exports, "useChartSeriesConfig", {
+  enumerable: true,
+  get: function () {
+    return _useChartSeriesConfig.useChartSeriesConfig;
+  }
+});
+var _useChartSeriesConfig = require("./useChartSeriesConfig");
+var _useChartSeriesConfig2 = require("./useChartSeriesConfig.selectors");
+Object.keys(_useChartSeriesConfig2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartSeriesConfig2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartSeriesConfig2[key];
+    }
+  });
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});

package/{esm/internals/plugins/models/seriesConfig → 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/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/internals/plugins/corePlugins/useChartSeriesConfig/types/getItemAtPosition.types.d.ts

@@ -0,0 +1,8 @@
+import type { SeriesItemIdentifierWithType } 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;
+}) => SeriesItemIdentifierWithType<TSeriesType> | undefined;

package/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/internals/plugins/corePlugins/useChartSeriesConfig/types/identifierCleaner.types.d.ts

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

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

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

package/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/internals/plugins/{models/seriesConfig → corePlugins/useChartSeriesConfig/types}/index.js

@@ -123,4 +123,26 @@ Object.keys(_identifierSerializer).forEach(function (key) {
       return _identifierSerializer[key];
     }
   });
+});
+var _identifierCleaner = require("./identifierCleaner.types");
+Object.keys(_identifierCleaner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _identifierCleaner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _identifierCleaner[key];
+    }
+  });
+});
+var _getItemAtPosition = require("./getItemAtPosition.types");
+Object.keys(_getItemAtPosition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getItemAtPosition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getItemAtPosition[key];
+    }
+  });
 });

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

@@ -0,0 +1,4 @@
+import type { SeriesLegendItemParams } 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>) => SeriesLegendItemParams[];

package/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/{esm/internals/plugins/models/seriesConfig → 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 {SeriesItemIdentifierWithType<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<SeriesItemIdentifierWithType<TSeriesType>> & { type: TSeriesType }} identifier The partial identifier to clean.
+   * @returns {SeriesItemIdentifierWithType<TSeriesType>} A cleaned identifier with only the relevant properties.
+   */
+  identifierCleaner: IdentifierCleaner<TSeriesType>;
   getItemAtPosition?: GetItemAtPosition<TSeriesType>;
 } & (TSeriesType extends CartesianChartSeriesType ? {
   xExtremumGetter: CartesianExtremumGetter<TSeriesType>;

package/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/{esm/internals/plugins/models/seriesConfig → 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/internals/plugins/{models/seriesConfig → corePlugins/useChartSeriesConfig/types}/tooltipGetter.types.d.ts

@@ -1,14 +1,14 @@
-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 { SeriesItemIdentifierWithType } 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> {
   /**
    * An object that identifies the item to display.
    */
-  identifier: SeriesItemIdentifier<T>;
+  identifier: SeriesItemIdentifierWithType<T>;
   /**
    * The color associated with the item.
    */
@@ -60,7 +60,7 @@ export type TooltipGetter<TSeriesType extends ChartSeriesType> = (params: {
   series: ChartSeriesDefaultized<TSeriesType>;
   axesConfig: TooltipGetterAxesConfig;
   getColor: ColorGetter<TSeriesType>;
-  identifier: SeriesItemIdentifier<TSeriesType> | null;
+  identifier: SeriesItemIdentifierWithType<TSeriesType> | null;
 }) => (TSeriesType extends 'radar' ? ItemTooltipWithMultipleValues<TSeriesType> : ItemTooltip<TSeriesType>) | null;
 /**
  * If `axisId` is set to undefined, the default axis will be used.

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/{esm/internals/plugins/models/seriesConfig → 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 { SeriesItemIdentifierWithType } 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;
@@ -14,7 +14,7 @@ export type TooltipItemPositionGetter<TSeriesType extends ChartSeriesType> = (pa
   series: ProcessedSeries<TSeriesType>;
   axesConfig: TooltipPositionGetterAxesConfig;
   drawingArea: ChartDrawingArea;
-  identifier: SeriesItemIdentifier<TSeriesType> | null;
+  identifier: SeriesItemIdentifierWithType<TSeriesType> | null;
   seriesLayout: SeriesLayout<TSeriesType>;
   /**
    * The preferred placement of the tooltip related to the element.

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/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>;