@mui/x-charts 9.8.0 → 9.10.0

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisTriggerTooltip.d.mts

@@ -2,4 +2,4 @@ import type { PolarChartSeriesType } from "../../../../models/seriesType/config.
 import type { ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
 import type { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.mjs";
 import type { AxisId } from "../../../../models/axis.mjs";
-export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: "radius" | "rotation", seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;
+export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: 'radius' | 'rotation', seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisTriggerTooltip.d.ts

@@ -2,4 +2,4 @@ import type { PolarChartSeriesType } from "../../../../models/seriesType/config.
 import type { ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.js";
 import type { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
 import type { AxisId } from "../../../../models/axis.js";
-export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: "radius" | "rotation", seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;
+export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: 'radius' | 'rotation', seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;

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

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

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

@@ -1,18 +1,13 @@
+import type { SeriesItemIdentifierWithType } from "../../../../models/index.js";
 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;
+}) => import("../../../index.js").BarItemIdentifier | import("../../../index.js").LineItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | null;
 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/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;
+}) => SeriesItemIdentifierWithType<keyof import("../../../index.js").ChartsSeriesConfig> | null;
 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/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;
-  y: number;
-} | null;
+}) => boolean;

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

@@ -3,63 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartsTooltipPointerItemIsDefined = exports.selectorChartsTooltipPointerItem = exports.selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItem = void 0;
+exports.selectorChartsTooltipPointerItemIsDefined = exports.selectorChartsTooltipPointerItem = 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");
-var _useChartDimensions = require("../../corePlugins/useChartDimensions/useChartDimensions.selectors");
-var _isCartesian = require("../../../isCartesian");
-var _useChartPolarAxis = require("../useChartPolarAxis/useChartPolarAxis.selectors");
 const selectTooltip = state => state.tooltip;
 const selectorChartsTooltipPointerItem = exports.selectorChartsTooltipPointerItem = (0, _store.createSelector)(selectTooltip, tooltip => tooltip?.item ?? null);
 const selectorChartsTooltipPointerItemIsDefined = exports.selectorChartsTooltipPointerItemIsDefined = (0, _store.createSelector)(selectorChartsTooltipPointerItem, item => item !== null);
 const selectorChartsTooltipItem = exports.selectorChartsTooltipItem = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItem, _useChartKeyboardNavigation.selectorChartsKeyboardItem, (lastInteraction, pointerItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : pointerItem ?? null);
-const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItemIsDefined, _useChartKeyboardNavigation.selectorChartsHasFocusedItem, (lastInteraction, pointerItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : pointerItemIsDefined);
-const selectorChartsTooltipAxisConfig = (0, _store.createSelectorMemoized)(selectorChartsTooltipItem, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartPolarAxis.selectorChartRotationAxis, _useChartPolarAxis.selectorChartRadiusAxis, _useChartSeries.selectorChartSeriesProcessed, function selectorChartsTooltipAxisConfig(identifier, {
-  axis: xAxis,
-  axisIds: xAxisIds
-}, {
-  axis: yAxis,
-  axisIds: yAxisIds
-}, rotationAxes, radiusAxes, series) {
-  if (!identifier) {
-    return {};
-  }
-  const itemSeries = series[identifier.type]?.series[identifier.seriesId];
-  if (!itemSeries) {
-    return {};
-  }
-  const axesConfig = {
-    rotationAxes,
-    radiusAxes
-  };
-  const xAxisId = (0, _isCartesian.isCartesianSeries)(itemSeries) ? itemSeries.xAxisId ?? xAxisIds[0] : undefined;
-  const yAxisId = (0, _isCartesian.isCartesianSeries)(itemSeries) ? itemSeries.yAxisId ?? yAxisIds[0] : undefined;
-  if (xAxisId !== undefined) {
-    axesConfig.x = xAxis[xAxisId];
-  }
-  if (yAxisId !== undefined) {
-    axesConfig.y = yAxis[yAxisId];
-  }
-  return axesConfig;
-});
-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) {
-  if (!identifier) {
-    return null;
-  }
-  const itemSeries = series[identifier.type]?.series[identifier.seriesId];
-  if (!itemSeries) {
-    return null;
-  }
-  return seriesConfig[itemSeries.type].tooltipItemPositionGetter?.({
-    series,
-    seriesLayout,
-    drawingArea,
-    axesConfig,
-    identifier,
-    placement: placement ?? 'top'
-  }) ?? null;
-});
+const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItemIsDefined, _useChartKeyboardNavigation.selectorChartsHasFocusedItem, (lastInteraction, pointerItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : pointerItemIsDefined);

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

@@ -1,59 +1,8 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
-import { selectorChartSeriesProcessed, selectorChartSeriesLayout } from "../../corePlugins/useChartSeries/index.mjs";
-import { selectorChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
-import { selectorChartXAxis, selectorChartYAxis } from "../useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";
+import { createSelector } from '@mui/x-internals/store';
 import { selectorChartsKeyboardItem, selectorChartsHasFocusedItem } from "../useChartKeyboardNavigation/index.mjs";
 import { selectorChartsLastInteraction } from "../useChartInteraction/useChartInteraction.selectors.mjs";
-import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/useChartDimensions.selectors.mjs";
-import { isCartesianSeries } from "../../../isCartesian.mjs";
-import { selectorChartRadiusAxis, selectorChartRotationAxis } from "../useChartPolarAxis/useChartPolarAxis.selectors.mjs";
 const selectTooltip = state => state.tooltip;
 export const selectorChartsTooltipPointerItem = createSelector(selectTooltip, tooltip => tooltip?.item ?? null);
 export const selectorChartsTooltipPointerItemIsDefined = createSelector(selectorChartsTooltipPointerItem, item => item !== null);
 export const selectorChartsTooltipItem = createSelector(selectorChartsLastInteraction, selectorChartsTooltipPointerItem, selectorChartsKeyboardItem, (lastInteraction, pointerItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : pointerItem ?? null);
-export const selectorChartsTooltipItemIsDefined = createSelector(selectorChartsLastInteraction, selectorChartsTooltipPointerItemIsDefined, selectorChartsHasFocusedItem, (lastInteraction, pointerItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : pointerItemIsDefined);
-const selectorChartsTooltipAxisConfig = createSelectorMemoized(selectorChartsTooltipItem, selectorChartXAxis, selectorChartYAxis, selectorChartRotationAxis, selectorChartRadiusAxis, selectorChartSeriesProcessed, function selectorChartsTooltipAxisConfig(identifier, {
-  axis: xAxis,
-  axisIds: xAxisIds
-}, {
-  axis: yAxis,
-  axisIds: yAxisIds
-}, rotationAxes, radiusAxes, series) {
-  if (!identifier) {
-    return {};
-  }
-  const itemSeries = series[identifier.type]?.series[identifier.seriesId];
-  if (!itemSeries) {
-    return {};
-  }
-  const axesConfig = {
-    rotationAxes,
-    radiusAxes
-  };
-  const xAxisId = isCartesianSeries(itemSeries) ? itemSeries.xAxisId ?? xAxisIds[0] : undefined;
-  const yAxisId = isCartesianSeries(itemSeries) ? itemSeries.yAxisId ?? yAxisIds[0] : undefined;
-  if (xAxisId !== undefined) {
-    axesConfig.x = xAxis[xAxisId];
-  }
-  if (yAxisId !== undefined) {
-    axesConfig.y = yAxis[yAxisId];
-  }
-  return axesConfig;
-});
-export const selectorChartsTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartDrawingArea, selectorChartSeriesConfig, selectorChartSeriesProcessed, selectorChartSeriesLayout, selectorChartsTooltipAxisConfig, function selectorChartsTooltipItemPosition(identifier, drawingArea, seriesConfig, series, seriesLayout, axesConfig, placement) {
-  if (!identifier) {
-    return null;
-  }
-  const itemSeries = series[identifier.type]?.series[identifier.seriesId];
-  if (!itemSeries) {
-    return null;
-  }
-  return seriesConfig[itemSeries.type].tooltipItemPositionGetter?.({
-    series,
-    seriesLayout,
-    drawingArea,
-    axesConfig,
-    identifier,
-    placement: placement ?? 'top'
-  }) ?? null;
-});
+export const selectorChartsTooltipItemIsDefined = createSelector(selectorChartsLastInteraction, selectorChartsTooltipPointerItemIsDefined, selectorChartsHasFocusedItem, (lastInteraction, pointerItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : pointerItemIsDefined);

package/internals/plugins/featurePlugins/useProgressiveRendering/useProgressiveRendering.selectors.d.mts

@@ -40,6 +40,6 @@ export declare const selectorProgressiveSeriesRevealedBatches: (args_0: import("
 }, seriesId: string) => number;
 export declare const selectorShouldUseProgressiveRenderer: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, seriesIds: readonly string[], renderer: RendererType | "svg-progressive" | undefined) => boolean;
+}, seriesIds: readonly string[], renderer: "svg-progressive" | RendererType | undefined) => boolean;
 /** Order-sensitive equality between two registered series-id sets. */
 export declare function sameSeriesIds(a: readonly SeriesId[] | undefined, b: readonly SeriesId[]): boolean;

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

@@ -40,6 +40,6 @@ export declare const selectorProgressiveSeriesRevealedBatches: (args_0: import("
 }, seriesId: string) => number;
 export declare const selectorShouldUseProgressiveRenderer: (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<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, seriesIds: readonly string[], renderer: RendererType | "svg-progressive" | undefined) => boolean;
+}, seriesIds: readonly string[], renderer: "svg-progressive" | RendererType | undefined) => boolean;
 /** Order-sensitive equality between two registered series-id sets. */
 export declare function sameSeriesIds(a: readonly SeriesId[] | undefined, b: readonly SeriesId[]): boolean;

package/internals/seriesSelectorOfType.d.mts

@@ -3,18 +3,18 @@ import type { SeriesId } from "../models/seriesType/common.mjs";
 import type { ProcessedSeries } from "./plugins/corePlugins/useChartSeries/index.mjs";
 export declare const selectorAllSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("./index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.mjs").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig) => import("./index.mjs").SeriesProcessorResult<"line"> | import("./index.mjs").SeriesProcessorResult<"bar"> | {
-  series: Record<string, import("../index.mjs").DefaultizedScatterSeriesType>;
-  seriesOrder: SeriesId[];
-} | {
+}, seriesType: keyof ChartsSeriesConfig) => {
   series: Record<string, import("../index.mjs").DefaultizedPieSeriesType>;
   seriesOrder: SeriesId[];
 } | {
   series: Record<string, import("../index.mjs").DefaultizedRadarSeriesType>;
   seriesOrder: SeriesId[];
-} | undefined;
+} | {
+  series: Record<string, import("../index.mjs").DefaultizedScatterSeriesType>;
+  seriesOrder: SeriesId[];
+} | import("./index.mjs").SeriesProcessorResult<"bar"> | import("./index.mjs").SeriesProcessorResult<"line"> | undefined;
 export declare const selectorSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("./index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.mjs").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig, ids: string | string[] | undefined) => import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | (import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | undefined)[] | undefined;
+}, seriesType: keyof ChartsSeriesConfig, ids: string | string[] | undefined) => (import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | undefined)[] | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | 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.d.ts

@@ -3,18 +3,18 @@ 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/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<string, import("../index.js").DefaultizedScatterSeriesType>;
-  seriesOrder: SeriesId[];
-} | {
+}, seriesType: keyof ChartsSeriesConfig) => {
   series: Record<string, import("../index.js").DefaultizedPieSeriesType>;
   seriesOrder: SeriesId[];
 } | {
   series: Record<string, import("../index.js").DefaultizedRadarSeriesType>;
   seriesOrder: SeriesId[];
-} | undefined;
+} | {
+  series: Record<string, import("../index.js").DefaultizedScatterSeriesType>;
+  seriesOrder: SeriesId[];
+} | import("./index.js").SeriesProcessorResult<"bar"> | import("./index.js").SeriesProcessorResult<"line"> | undefined;
 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: 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;
+}, seriesType: keyof ChartsSeriesConfig, ids: string | string[] | undefined) => (import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | import("../index.js").DefaultizedScatterSeriesType | undefined)[] | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | import("../index.js").DefaultizedScatterSeriesType | 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/sizeScale.d.mts

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal, ScaleThreshold, ScaleSequential } from '@mui/x-charts-vendor/d3-scale';
 import type { ContinuousSizeConfig, PiecewiseSizeConfig, OrdinalSizeConfig } from "../models/sizeMapping.mjs";
-export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleThreshold<Value, number, never> | ScaleSequential<number, never>;
+export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleSequential<number, never> | ScaleThreshold<Value, number, never>;
 export declare function getOrdinalSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
 export declare function getSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
 export declare function getSizeScale(config: ContinuousSizeConfig | PiecewiseSizeConfig): ScaleThreshold<number | Date, number | null> | ScaleSequential<number, number | null>;

package/internals/sizeScale.d.ts

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal, ScaleThreshold, ScaleSequential } from '@mui/x-charts-vendor/d3-scale';
 import type { ContinuousSizeConfig, PiecewiseSizeConfig, OrdinalSizeConfig } from "../models/sizeMapping.js";
-export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleThreshold<Value, number, never> | ScaleSequential<number, never>;
+export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleSequential<number, never> | ScaleThreshold<Value, number, never>;
 export declare function getOrdinalSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
 export declare function getSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
 export declare function getSizeScale(config: ContinuousSizeConfig | PiecewiseSizeConfig): ScaleThreshold<number | Date, number | null> | ScaleSequential<number, number | null>;

package/internals/sliceUntil.d.mts

@@ -1,4 +1,4 @@
-declare function sliceUntilModern(text: string, endIndex: number): string;
+declare function sliceUntilFallback(text: string, endIndex: number): string;
 /** Creates a slice of {@link text} from the start until the {@link endIndex}th grapheme (basically character). */
-export declare const sliceUntil: typeof sliceUntilModern;
+export declare const sliceUntil: typeof sliceUntilFallback;
 export {};

package/internals/sliceUntil.d.ts

@@ -1,4 +1,4 @@
-declare function sliceUntilModern(text: string, endIndex: number): string;
+declare function sliceUntilFallback(text: string, endIndex: number): string;
 /** Creates a slice of {@link text} from the start until the {@link endIndex}th grapheme (basically character). */
-export declare const sliceUntil: typeof sliceUntilModern;
+export declare const sliceUntil: typeof sliceUntilFallback;
 export {};

package/models/axis.d.mts

@@ -2,6 +2,7 @@ import type * as React from 'react';
 import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint, ScalePower, ScaleSequential, ScaleThreshold, ScaleTime, ScaleSymLog, NumberValue } from '@mui/x-charts-vendor/d3-scale';
 import type { SxProps } from '@mui/system/styleFunctionSx';
 import type { HasProperty, MakeOptional, MakeRequired } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { DatasetElementType } from "./seriesType/config.mjs";
 import type { DefaultizedZoomOptions } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
 import type { ChartsAxisClasses } from "../ChartsAxis/axisClasses.mjs";
@@ -57,10 +58,10 @@ export interface ChartsAxisSlots {
   yAxis?: React.JSXElementConstructor<ChartsYAxisProps & YAxisPropsOverrides>;
 }
 export interface ChartsAxisSlotProps {
-  axisLine?: Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides;
-  axisTick?: Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides;
-  axisTickLabel?: Partial<ChartsTextProps> & AxisTickLabelPropsOverrides;
-  axisLabel?: Partial<ChartsTextProps> & AxisLabelPropsOverrides;
+  axisLine?: WithDataAttributes<Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides>;
+  axisTick?: WithDataAttributes<Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides>;
+  axisTickLabel?: WithDataAttributes<Partial<ChartsTextProps> & AxisTickLabelPropsOverrides>;
+  axisLabel?: WithDataAttributes<Partial<ChartsTextProps> & AxisLabelPropsOverrides>;
   xAxis?: Partial<ChartsXAxisProps> & XAxisPropsOverrides;
   yAxis?: Partial<ChartsYAxisProps> & YAxisPropsOverrides;
 }

package/models/axis.d.ts

@@ -2,6 +2,7 @@ import type * as React from 'react';
 import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint, ScalePower, ScaleSequential, ScaleThreshold, ScaleTime, ScaleSymLog, NumberValue } from '@mui/x-charts-vendor/d3-scale';
 import type { SxProps } from '@mui/system/styleFunctionSx';
 import type { HasProperty, MakeOptional, MakeRequired } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { DatasetElementType } from "./seriesType/config.js";
 import type { DefaultizedZoomOptions } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
 import type { ChartsAxisClasses } from "../ChartsAxis/axisClasses.js";
@@ -57,10 +58,10 @@ export interface ChartsAxisSlots {
   yAxis?: React.JSXElementConstructor<ChartsYAxisProps & YAxisPropsOverrides>;
 }
 export interface ChartsAxisSlotProps {
-  axisLine?: Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides;
-  axisTick?: Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides;
-  axisTickLabel?: Partial<ChartsTextProps> & AxisTickLabelPropsOverrides;
-  axisLabel?: Partial<ChartsTextProps> & AxisLabelPropsOverrides;
+  axisLine?: WithDataAttributes<Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides>;
+  axisTick?: WithDataAttributes<Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides>;
+  axisTickLabel?: WithDataAttributes<Partial<ChartsTextProps> & AxisTickLabelPropsOverrides>;
+  axisLabel?: WithDataAttributes<Partial<ChartsTextProps> & AxisLabelPropsOverrides>;
   xAxis?: Partial<ChartsXAxisProps> & XAxisPropsOverrides;
   yAxis?: Partial<ChartsYAxisProps> & YAxisPropsOverrides;
 }

package/models/seriesType/config.d.mts

@@ -1,12 +1,16 @@
 import type { DefaultizedProps, MakeOptional, MakeRequired } from '@mui/x-internals/types';
 import type { ScatterSeriesType, DefaultizedScatterSeriesType, ScatterItemIdentifier, ScatterValueType } from "./scatter.mjs";
-import type { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier } from "./line.mjs";
+import type { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier, LineItemClickIdentifier } from "./line.mjs";
 import type { BarItemIdentifier, BarSeriesType, DefaultizedBarSeriesType } from "./bar.mjs";
 import type { PieSeriesType, DefaultizedPieSeriesType, PieItemIdentifier, PieValueType, PieSeriesLayout } from "./pie.mjs";
 import type { DefaultizedRadarSeriesType, RadarItemIdentifier, RadarSeriesType } from "./radar.mjs";
 import type { SeriesColor, SeriesId } from "./common.mjs";
 import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ComputedXAxis, ComputedYAxis, PolarAxisDefaultized } from "../axis.mjs";
 import type { CommonHighlightScope } from "../../internals/plugins/featurePlugins/useChartHighlight/highlightConfig.types.mjs";
+/** Bar series-config extension point. Empty in community; pro augments it. */
+export interface BarSeriesExtension {}
+/** Line series-config extension point. Empty in community; pro augments it. */
+export interface LineSeriesExtension {}
 export interface ChartsSeriesConfig {
   bar: {
     /**
@@ -49,14 +53,14 @@ export interface ChartsSeriesConfig {
       seriesId: SeriesId;
       dataIndex?: number | undefined;
     };
-  };
+  } & BarSeriesExtension;
   line: {
     seriesInput: DefaultizedProps<LineSeriesType, 'id'> & MakeRequired<SeriesColor<number | null>, 'color'>;
     series: DefaultizedLineSeriesType;
     seriesLayout: {};
     seriesProp: LineSeriesType;
     itemIdentifier: LineItemIdentifier;
-    itemIdentifierWithData: LineItemIdentifier;
+    itemIdentifierWithData: LineItemClickIdentifier;
     valueType: number | null;
     canBeStacked: true;
     axisType: 'cartesian';
@@ -72,7 +76,7 @@ export interface ChartsSeriesConfig {
       seriesId: SeriesId;
       dataIndex?: number;
     };
-  };
+  } & LineSeriesExtension;
   scatter: {
     seriesInput: DefaultizedProps<ScatterSeriesType, 'id'> & MakeRequired<SeriesColor<ScatterValueType>, 'color'>;
     series: DefaultizedScatterSeriesType;

package/models/seriesType/config.d.ts

@@ -1,12 +1,16 @@
 import type { DefaultizedProps, MakeOptional, MakeRequired } from '@mui/x-internals/types';
 import type { ScatterSeriesType, DefaultizedScatterSeriesType, ScatterItemIdentifier, ScatterValueType } from "./scatter.js";
-import type { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier } from "./line.js";
+import type { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier, LineItemClickIdentifier } from "./line.js";
 import type { BarItemIdentifier, BarSeriesType, DefaultizedBarSeriesType } from "./bar.js";
 import type { PieSeriesType, DefaultizedPieSeriesType, PieItemIdentifier, PieValueType, PieSeriesLayout } from "./pie.js";
 import type { DefaultizedRadarSeriesType, RadarItemIdentifier, RadarSeriesType } from "./radar.js";
 import type { SeriesColor, SeriesId } from "./common.js";
 import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ComputedXAxis, ComputedYAxis, PolarAxisDefaultized } from "../axis.js";
 import type { CommonHighlightScope } from "../../internals/plugins/featurePlugins/useChartHighlight/highlightConfig.types.js";
+/** Bar series-config extension point. Empty in community; pro augments it. */
+export interface BarSeriesExtension {}
+/** Line series-config extension point. Empty in community; pro augments it. */
+export interface LineSeriesExtension {}
 export interface ChartsSeriesConfig {
   bar: {
     /**
@@ -49,14 +53,14 @@ export interface ChartsSeriesConfig {
       seriesId: SeriesId;
       dataIndex?: number | undefined;
     };
-  };
+  } & BarSeriesExtension;
   line: {
     seriesInput: DefaultizedProps<LineSeriesType, 'id'> & MakeRequired<SeriesColor<number | null>, 'color'>;
     series: DefaultizedLineSeriesType;
     seriesLayout: {};
     seriesProp: LineSeriesType;
     itemIdentifier: LineItemIdentifier;
-    itemIdentifierWithData: LineItemIdentifier;
+    itemIdentifierWithData: LineItemClickIdentifier;
     valueType: number | null;
     canBeStacked: true;
     axisType: 'cartesian';
@@ -72,7 +76,7 @@ export interface ChartsSeriesConfig {
       seriesId: SeriesId;
       dataIndex?: number;
     };
-  };
+  } & LineSeriesExtension;
   scatter: {
     seriesInput: DefaultizedProps<ScatterSeriesType, 'id'> & MakeRequired<SeriesColor<ScatterValueType>, 'color'>;
     series: DefaultizedScatterSeriesType;

package/models/seriesType/index.d.mts

@@ -13,7 +13,7 @@ export type HighlightItemIdentifierWithType<SeriesType extends ChartSeriesType>
 export type FocusedItemIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = SeriesType extends 'line' | 'radar' | 'radialLine' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'dataIndex'> : SeriesType extends 'heatmap' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'xIndex' | 'yIndex'> : ChartsSeriesConfig[SeriesType]['itemIdentifier'];
 export { type SeriesId } from "./common.mjs";
 export type { CartesianChartSeriesType, StackableChartSeriesType } from "./config.mjs";
-export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, DefaultizedLineSeriesType } from "./line.mjs";
+export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, LineItemClickIdentifier, DefaultizedLineSeriesType } from "./line.mjs";
 export type { BarValueType, BarSeriesType, BarItemIdentifier, DefaultizedBarSeriesType } from "./bar.mjs";
 export * from "./scatter.mjs";
 export * from "./pie.mjs";

package/models/seriesType/index.d.ts

@@ -13,7 +13,7 @@ export type HighlightItemIdentifierWithType<SeriesType extends ChartSeriesType>
 export type FocusedItemIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = SeriesType extends 'line' | 'radar' | 'radialLine' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'dataIndex'> : SeriesType extends 'heatmap' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'xIndex' | 'yIndex'> : ChartsSeriesConfig[SeriesType]['itemIdentifier'];
 export { type SeriesId } from "./common.js";
 export type { CartesianChartSeriesType, StackableChartSeriesType } from "./config.js";
-export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, DefaultizedLineSeriesType } from "./line.js";
+export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, LineItemClickIdentifier, DefaultizedLineSeriesType } from "./line.js";
 export type { BarValueType, BarSeriesType, BarItemIdentifier, DefaultizedBarSeriesType } from "./bar.js";
 export * from "./scatter.js";
 export * from "./pie.js";

package/models/seriesType/line.d.mts

@@ -118,10 +118,23 @@ export type LineItemIdentifier = {
   type: 'line';
   seriesId: SeriesId;
   /**
-   * `dataIndex` can be `undefined` if the mouse is over the area and not a specific item.
+   * The index of the data point closest to the pointer along the x-axis.
+   * `dataIndex` can be `undefined` if the pointer position cannot be associated with a data point.
    */
   dataIndex?: number;
 };
+/**
+ * An object that identifies a single line together with the data point the interaction targets.
+ * Used for item interactions that always resolve a data point, like `onItemClick`.
+ */
+export type LineItemClickIdentifier = {
+  type: 'line';
+  seriesId: SeriesId;
+  /**
+   * The index of the data point closest to the pointer along the x-axis.
+   */
+  dataIndex: number;
+};
 export interface DefaultizedLineSeriesType extends DefaultizedProps<LineSeriesType, CommonDefaultizedProps | 'color'> {
   hidden: boolean;
 }

package/models/seriesType/line.d.ts

@@ -118,10 +118,23 @@ export type LineItemIdentifier = {
   type: 'line';
   seriesId: SeriesId;
   /**
-   * `dataIndex` can be `undefined` if the mouse is over the area and not a specific item.
+   * The index of the data point closest to the pointer along the x-axis.
+   * `dataIndex` can be `undefined` if the pointer position cannot be associated with a data point.
    */
   dataIndex?: number;
 };
+/**
+ * An object that identifies a single line together with the data point the interaction targets.
+ * Used for item interactions that always resolve a data point, like `onItemClick`.
+ */
+export type LineItemClickIdentifier = {
+  type: 'line';
+  seriesId: SeriesId;
+  /**
+   * The index of the data point closest to the pointer along the x-axis.
+   */
+  dataIndex: number;
+};
 export interface DefaultizedLineSeriesType extends DefaultizedProps<LineSeriesType, CommonDefaultizedProps | 'color'> {
   hidden: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "9.8.0",
+  "version": "9.10.0",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -28,15 +28,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@mui/utils": "^9.1.1",
+    "@mui/utils": "^9.2.0",
     "bezier-easing": "^3.0.1",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.2.0",
     "use-sync-external-store": "^1.6.0",
     "@mui/x-charts-vendor": "^9.4.0",
-    "@mui/x-internal-gestures": "^9.8.0",
-    "@mui/x-internals": "^9.8.0"
+    "@mui/x-internals": "^9.10.0",
+    "@mui/x-internal-gestures": "^9.10.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",