@mui/x-charts 9.10.1 → 9.11.0

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisClickPayload.mjs

@@ -0,0 +1,40 @@
+const AXIS_CLICK_SERIES_TYPES = new Set(['bar', 'rangeBar', 'line']);
+/**
+ * Builds the `onAxisClick` payload for a data index on a given axis.
+ * Returns `null` when the axis has no value at this index.
+ */
+export function getAxisClickPayload({
+  axisId,
+  dataIndex,
+  isXAxis,
+  axes,
+  processedSeries
+}) {
+  const axisValue = axes[axisId]?.data?.[dataIndex];
+  if (axisValue === undefined) {
+    return null;
+  }
+  const seriesValues = {};
+  Object.keys(processedSeries).filter(seriesType => AXIS_CLICK_SERIES_TYPES.has(seriesType)).forEach(seriesType => {
+    // @ts-ignore
+    const seriesTypeConfig = processedSeries[seriesType];
+    seriesTypeConfig?.seriesOrder.forEach(seriesId => {
+      const seriesItem = seriesTypeConfig.series[seriesId];
+      const providedXAxisId = seriesItem.xAxisId;
+      const providedYAxisId = seriesItem.yAxisId;
+      const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
+      if (axisKey === undefined || axisKey === axisId) {
+        // @ts-ignore This is safe because users need to opt in to use range bar series.
+        // In that case, they should import the module augmentation from `x-charts-pro/moduleAugmentation/rangeBarOnClick`
+        // Which adds the proper type to the series data.
+        // TODO(v10): Remove this ts-ignore when we can make the breaking change to ChartsAxisData.
+        seriesValues[seriesId] = seriesItem.data[dataIndex];
+      }
+    });
+  });
+  return {
+    dataIndex,
+    axisValue,
+    seriesValues
+  };
+}

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.js

@@ -22,7 +22,7 @@ var _getChartPoint = require("../../../getChartPoint");
 var _useChartInteraction = require("../useChartInteraction");
 var _useChartCartesianInteraction = require("./useChartCartesianInteraction.selectors");
 var _checkHasInteractionPlugin = require("../useChartInteraction/checkHasInteractionPlugin");
-const AXIS_CLICK_SERIES_TYPES = new Set(['bar', 'rangeBar', 'line']);
+var _getAxisClickPayload = require("./getAxisClickPayload");
 const useChartCartesianAxis = ({
   params,
   store,
@@ -175,42 +175,24 @@ const useChartCartesianAxis = ({
       return () => {};
     }
     const axisClickHandler = instance.addInteractionListener('tap', event => {
-      let dataIndex = null;
-      let isXAxis = false;
       const svgPoint = (0, _getChartPoint.getChartPoint)(element, event.detail.srcEvent);
       const xIndex = (0, _getAxisValue.getAxisIndex)(xAxisWithScale[usedXAxis], svgPoint.x);
-      isXAxis = xIndex !== -1;
-      dataIndex = isXAxis ? xIndex : (0, _getAxisValue.getAxisIndex)(yAxisWithScale[usedYAxis], svgPoint.y);
-      const USED_AXIS_ID = isXAxis ? xAxisIds[0] : yAxisIds[0];
-      if (dataIndex == null || dataIndex === -1) {
+      const isXAxis = xIndex !== -1;
+      const dataIndex = isXAxis ? xIndex : (0, _getAxisValue.getAxisIndex)(yAxisWithScale[usedYAxis], svgPoint.y);
+      if (dataIndex === -1) {
         return;
       }
-
-      // The .data exist because otherwise the dataIndex would be null or -1.
-      const axisValue = (isXAxis ? xAxisWithScale : yAxisWithScale)[USED_AXIS_ID].data[dataIndex];
-      const seriesValues = {};
-      Object.keys(processedSeries).filter(seriesType => AXIS_CLICK_SERIES_TYPES.has(seriesType)).forEach(seriesType => {
-        // @ts-ignore
-        const seriesTypeConfig = processedSeries[seriesType];
-        seriesTypeConfig?.seriesOrder.forEach(seriesId => {
-          const seriesItem = seriesTypeConfig.series[seriesId];
-          const providedXAxisId = seriesItem.xAxisId;
-          const providedYAxisId = seriesItem.yAxisId;
-          const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
-          if (axisKey === undefined || axisKey === USED_AXIS_ID) {
-            // @ts-ignore This is safe because users need to opt in to use range bar series.
-            // In that case, they should import the module augmentation from `x-charts-pro/moduleAugmentation/rangeBarOnClick`
-            // Which adds the proper type to the series data.
-            // TODO(v9): Remove this ts-ignore when we can make the breaking change to ChartsAxisData.
-            seriesValues[seriesId] = seriesItem.data[dataIndex];
-          }
-        });
-      });
-      onAxisClick(event.detail.srcEvent, {
+      const payload = (0, _getAxisClickPayload.getAxisClickPayload)({
+        axisId: isXAxis ? xAxisIds[0] : yAxisIds[0],
         dataIndex,
-        axisValue,
-        seriesValues
+        isXAxis,
+        axes: isXAxis ? xAxisWithScale : yAxisWithScale,
+        processedSeries
       });
+      if (payload === null) {
+        return;
+      }
+      onAxisClick(event.detail.srcEvent, payload);
     });
     return () => {
       axisClickHandler.cleanup();

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.mjs

@@ -15,7 +15,7 @@ import { getChartPoint } from "../../../getChartPoint.mjs";
 import { selectorChartsInteractionIsInitialized } from "../useChartInteraction/index.mjs";
 import { selectorChartAxisInteraction } from "./useChartCartesianInteraction.selectors.mjs";
 import { checkHasInteractionPlugin } from "../useChartInteraction/checkHasInteractionPlugin.mjs";
-const AXIS_CLICK_SERIES_TYPES = new Set(['bar', 'rangeBar', 'line']);
+import { getAxisClickPayload } from "./getAxisClickPayload.mjs";
 export const useChartCartesianAxis = ({
   params,
   store,
@@ -168,42 +168,24 @@ export const useChartCartesianAxis = ({
       return () => {};
     }
     const axisClickHandler = instance.addInteractionListener('tap', event => {
-      let dataIndex = null;
-      let isXAxis = false;
       const svgPoint = getChartPoint(element, event.detail.srcEvent);
       const xIndex = getAxisIndex(xAxisWithScale[usedXAxis], svgPoint.x);
-      isXAxis = xIndex !== -1;
-      dataIndex = isXAxis ? xIndex : getAxisIndex(yAxisWithScale[usedYAxis], svgPoint.y);
-      const USED_AXIS_ID = isXAxis ? xAxisIds[0] : yAxisIds[0];
-      if (dataIndex == null || dataIndex === -1) {
+      const isXAxis = xIndex !== -1;
+      const dataIndex = isXAxis ? xIndex : getAxisIndex(yAxisWithScale[usedYAxis], svgPoint.y);
+      if (dataIndex === -1) {
         return;
       }
-
-      // The .data exist because otherwise the dataIndex would be null or -1.
-      const axisValue = (isXAxis ? xAxisWithScale : yAxisWithScale)[USED_AXIS_ID].data[dataIndex];
-      const seriesValues = {};
-      Object.keys(processedSeries).filter(seriesType => AXIS_CLICK_SERIES_TYPES.has(seriesType)).forEach(seriesType => {
-        // @ts-ignore
-        const seriesTypeConfig = processedSeries[seriesType];
-        seriesTypeConfig?.seriesOrder.forEach(seriesId => {
-          const seriesItem = seriesTypeConfig.series[seriesId];
-          const providedXAxisId = seriesItem.xAxisId;
-          const providedYAxisId = seriesItem.yAxisId;
-          const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
-          if (axisKey === undefined || axisKey === USED_AXIS_ID) {
-            // @ts-ignore This is safe because users need to opt in to use range bar series.
-            // In that case, they should import the module augmentation from `x-charts-pro/moduleAugmentation/rangeBarOnClick`
-            // Which adds the proper type to the series data.
-            // TODO(v9): Remove this ts-ignore when we can make the breaking change to ChartsAxisData.
-            seriesValues[seriesId] = seriesItem.data[dataIndex];
-          }
-        });
-      });
-      onAxisClick(event.detail.srcEvent, {
+      const payload = getAxisClickPayload({
+        axisId: isXAxis ? xAxisIds[0] : yAxisIds[0],
         dataIndex,
-        axisValue,
-        seriesValues
+        isXAxis,
+        axes: isXAxis ? xAxisWithScale : yAxisWithScale,
+        processedSeries
       });
+      if (payload === null) {
+        return;
+      }
+      onAxisClick(event.detail.srcEvent, payload);
     });
     return () => {
       axisClickHandler.cleanup();

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.d.mts

@@ -4,10 +4,10 @@ export declare const selectorChartPreviewXScales: (args_0: import("../../corePlu
 }, axisId: AxisId) => Record<AxisId, D3Scale>;
 export declare const selectorChartPreviewComputedXAxis: (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;
-}, axisId: AxisId) => import("./useChartCartesianAxis.types.mjs").ComputedAxisConfig<import("../../../index.mjs").ChartsXAxisProps>;
+}, axisId: AxisId) => import("./useChartCartesianAxis.types.mjs").ComputedAxisConfig<import("@mui/x-charts/models").ChartsXAxisProps>;
 export declare const selectorChartPreviewYScales: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }, axisId: AxisId) => Record<AxisId, D3Scale>;
 export declare const selectorChartPreviewComputedYAxis: (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;
-}, axisId: AxisId) => import("./useChartCartesianAxis.types.mjs").ComputedAxisConfig<import("../../../index.mjs").ChartsYAxisProps>;
+}, axisId: AxisId) => import("./useChartCartesianAxis.types.mjs").ComputedAxisConfig<import("@mui/x-charts/models").ChartsYAxisProps>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.d.ts

@@ -4,10 +4,10 @@ export declare const selectorChartPreviewXScales: (args_0: import("../../corePlu
 }, axisId: AxisId) => Record<AxisId, D3Scale>;
 export declare const selectorChartPreviewComputedXAxis: (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;
-}, axisId: AxisId) => import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("../../../index.js").ChartsXAxisProps>;
+}, axisId: AxisId) => import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("@mui/x-charts/models").ChartsXAxisProps>;
 export declare const selectorChartPreviewYScales: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, axisId: AxisId) => Record<AxisId, D3Scale>;
 export declare const selectorChartPreviewComputedYAxis: (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;
-}, axisId: AxisId) => import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("../../../index.js").ChartsYAxisProps>;
+}, axisId: AxisId) => import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("@mui/x-charts/models").ChartsYAxisProps>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.mts

@@ -68,13 +68,13 @@ export declare const selectorChartYScales: (args_0: import("../../corePlugins/us
  */
 export declare const selectorChartXAxis: (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;
-}) => import("./computeAxisValue.mjs").ComputeResult<import("../../../index.mjs").ChartsXAxisProps>;
+}) => import("./computeAxisValue.mjs").ComputeResult<import("@mui/x-charts/models").ChartsXAxisProps>;
 export declare const selectorChartYAxis: (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;
-}) => import("./computeAxisValue.mjs").ComputeResult<import("../../../index.mjs").ChartsYAxisProps>;
+}) => import("./computeAxisValue.mjs").ComputeResult<import("@mui/x-charts/models").ChartsYAxisProps>;
 export declare const selectorChartAxis: (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;
-}, axisId: AxisId) => (Omit<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsXAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsXAxisProps>, "scaleType">, "offset">> & (({
+}, axisId: AxisId) => (Omit<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("@mui/x-charts/models").ChartsXAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("@mui/x-charts/models").ChartsXAxisProps>, "scaleType">, "offset">> & (({
   scaleType: 'log';
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
@@ -105,14 +105,14 @@ export declare const selectorChartAxis: (args_0: import("../../corePlugins/useCh
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.mjs").OrdinalColorConfig | import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } & import("../../../index.mjs").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;
@@ -141,7 +141,7 @@ export declare const selectorChartAxis: (args_0: import("../../corePlugins/useCh
   tickNumber: number;
   triggerTooltip?: boolean;
   isFullCircle?: boolean;
-} & import("../../../index.mjs").ChartsXAxisProps & {
+} & import("@mui/x-charts/models").ChartsXAxisProps & {
   position?: "bottom" | "none" | "top" | undefined;
   height?: number | "auto" | undefined;
   width?: undefined;
@@ -150,14 +150,14 @@ export declare const selectorChartAxis: (args_0: import("../../corePlugins/useCh
 };
 export declare const selectorChartRawAxis: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, axisId: AxisId) => DefaultedAxis<"band", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"linear", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"log", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"point", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"pow", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"sqrt", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"symlog", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"time", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"utc", any, import("../../../index.mjs").ChartsXAxisProps> | ({
+}, axisId: AxisId) => DefaultedAxis<"band", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"linear", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"log", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"point", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"pow", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"sqrt", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"symlog", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"time", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"utc", any, import("@mui/x-charts/models").ChartsXAxisProps> | ({
   offset?: number;
 } & {
   id: AxisId;
   data?: readonly any[] | undefined;
   dataKey?: string;
   valueGetter?: ((item: import("../../../index.mjs").DatasetElementType<unknown>) => any) | undefined;
-  valueFormatter?: (<TScaleName extends keyof import("../../../index.mjs").AxisScaleConfig>(value: any, context: import("../../../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
+  valueFormatter?: (<TScaleName extends keyof import("../../../index.mjs").AxisScaleConfig>(value: any, context: import("@mui/x-charts/models").AxisValueFormatterContext<TScaleName>) => string) | undefined;
   hideTooltip?: boolean;
   reverse?: boolean;
   domainLimit?: 'nice' | 'strict' | ((min: NumberValue, max: NumberValue) => {
@@ -166,7 +166,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   });
   domainSeries?: 'all' | 'visible';
   ignoreTooltip?: boolean;
-} & Omit<Partial<import("../../../index.mjs").ChartsYAxisProps>, "axisId"> & Partial<Omit<{
+} & Omit<Partial<import("@mui/x-charts/models").ChartsYAxisProps>, "axisId"> & Partial<Omit<{
   scaleType: 'log';
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
@@ -197,14 +197,14 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.mjs").OrdinalColorConfig | import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } & import("../../../index.mjs").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts

@@ -68,13 +68,13 @@ export declare const selectorChartYScales: (args_0: import("../../corePlugins/us
  */
 export declare const selectorChartXAxis: (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;
-}) => import("./computeAxisValue.js").ComputeResult<import("../../../index.js").ChartsXAxisProps>;
+}) => import("./computeAxisValue.js").ComputeResult<import("@mui/x-charts/models").ChartsXAxisProps>;
 export declare const selectorChartYAxis: (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;
-}) => import("./computeAxisValue.js").ComputeResult<import("../../../index.js").ChartsYAxisProps>;
+}) => import("./computeAxisValue.js").ComputeResult<import("@mui/x-charts/models").ChartsYAxisProps>;
 export declare const selectorChartAxis: (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;
-}, axisId: AxisId) => (Omit<Omit<DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, import("../../../index.js").ChartsXAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, import("../../../index.js").ChartsXAxisProps>, "scaleType">, "offset">> & (({
+}, axisId: AxisId) => (Omit<Omit<DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, import("@mui/x-charts/models").ChartsXAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, import("@mui/x-charts/models").ChartsXAxisProps>, "scaleType">, "offset">> & (({
   scaleType: 'log';
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
   colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
@@ -105,14 +105,14 @@ export declare const selectorChartAxis: (args_0: import("../../corePlugins/useCh
   colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } & import("../../../index.js").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;
@@ -141,7 +141,7 @@ export declare const selectorChartAxis: (args_0: import("../../corePlugins/useCh
   tickNumber: number;
   triggerTooltip?: boolean;
   isFullCircle?: boolean;
-} & import("../../../index.js").ChartsXAxisProps & {
+} & import("@mui/x-charts/models").ChartsXAxisProps & {
   position?: "bottom" | "none" | "top" | undefined;
   height?: number | "auto" | undefined;
   width?: undefined;
@@ -150,14 +150,14 @@ export declare const selectorChartAxis: (args_0: import("../../corePlugins/useCh
 };
 export declare const selectorChartRawAxis: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, axisId: AxisId) => DefaultedAxis<"band", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"linear", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"log", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"point", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"pow", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"sqrt", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"symlog", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"time", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"utc", any, import("../../../index.js").ChartsXAxisProps> | ({
+}, axisId: AxisId) => DefaultedAxis<"band", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"linear", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"log", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"point", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"pow", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"sqrt", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"symlog", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"time", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"utc", any, import("@mui/x-charts/models").ChartsXAxisProps> | ({
   offset?: number;
 } & {
   id: AxisId;
   data?: readonly any[] | undefined;
   dataKey?: string;
   valueGetter?: ((item: import("../../../index.js").DatasetElementType<unknown>) => any) | undefined;
-  valueFormatter?: (<TScaleName extends keyof import("../../../index.js").AxisScaleConfig>(value: any, context: import("../../../index.js").AxisValueFormatterContext<TScaleName>) => string) | undefined;
+  valueFormatter?: (<TScaleName extends keyof import("../../../index.js").AxisScaleConfig>(value: any, context: import("@mui/x-charts/models").AxisValueFormatterContext<TScaleName>) => string) | undefined;
   hideTooltip?: boolean;
   reverse?: boolean;
   domainLimit?: 'nice' | 'strict' | ((min: NumberValue, max: NumberValue) => {
@@ -166,7 +166,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   });
   domainSeries?: 'all' | 'visible';
   ignoreTooltip?: boolean;
-} & Omit<Partial<import("../../../index.js").ChartsYAxisProps>, "axisId"> & Partial<Omit<{
+} & Omit<Partial<import("@mui/x-charts/models").ChartsYAxisProps>, "axisId"> & Partial<Omit<{
   scaleType: 'log';
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
   colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
@@ -197,14 +197,14 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } & import("../../../index.js").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.d.mts

@@ -70,14 +70,14 @@ export declare const selectorChartsHighlightXAxis: (args_0: import("../../corePl
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.mjs").OrdinalColorConfig | import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } & import("../../../index.mjs").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;
@@ -148,14 +148,14 @@ export declare const selectorChartsHighlightYAxis: (args_0: import("../../corePl
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.mjs").OrdinalColorConfig | import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } & import("../../../index.mjs").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.d.ts

@@ -70,14 +70,14 @@ export declare const selectorChartsHighlightXAxis: (args_0: import("../../corePl
   colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } & import("../../../index.js").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;
@@ -148,14 +148,14 @@ export declare const selectorChartsHighlightYAxis: (args_0: import("../../corePl
   colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } & import("../../../index.js").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;

package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.js

@@ -219,6 +219,25 @@ const useChartClosestPoint = ({
       pressEndHandler.cleanup();
     };
   }, [chartsLayerContainerRef, yAxis, xAxis, resolvedHitAreaRadius, onItemClick, resolvedDisableHitArea, instance, seriesOrder, series, flatbushMap, defaultXAxisId, defaultYAxisId, store]);
+  React.useEffect(() => {
+    if (!onItemClick || !instance.registerItemActivationHandler) {
+      return undefined;
+    }
+    return instance.registerItemActivationHandler({
+      type: 'scatter'
+    }, (event, item) => {
+      if (item.type !== 'scatter') {
+        return;
+      }
+
+      // The callback only describes the pointer event unless the user augments the types.
+      onItemClick(event, {
+        type: 'scatter',
+        seriesId: item.seriesId,
+        dataIndex: item.dataIndex
+      });
+    });
+  }, [instance, onItemClick]);
 
   // Instance implementation
   const enableVoronoiCallback = (0, _useEventCallback.default)(() => {

package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.mjs

@@ -212,6 +212,25 @@ export const useChartClosestPoint = ({
       pressEndHandler.cleanup();
     };
   }, [chartsLayerContainerRef, yAxis, xAxis, resolvedHitAreaRadius, onItemClick, resolvedDisableHitArea, instance, seriesOrder, series, flatbushMap, defaultXAxisId, defaultYAxisId, store]);
+  React.useEffect(() => {
+    if (!onItemClick || !instance.registerItemActivationHandler) {
+      return undefined;
+    }
+    return instance.registerItemActivationHandler({
+      type: 'scatter'
+    }, (event, item) => {
+      if (item.type !== 'scatter') {
+        return;
+      }
+
+      // The callback only describes the pointer event unless the user augments the types.
+      onItemClick(event, {
+        type: 'scatter',
+        seriesId: item.seriesId,
+        dataIndex: item.dataIndex
+      });
+    });
+  }, [instance, onItemClick]);
 
   // Instance implementation
   const enableVoronoiCallback = useEventCallback(() => {

package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.types.d.mts

@@ -7,6 +7,8 @@ import type { UseChartHighlightSignature } from "../useChartHighlight/index.mjs"
 import type { UseChartInteractionSignature } from "../useChartInteraction/index.mjs";
 import type { UseChartTooltipSignature } from "../useChartTooltip/index.mjs";
 import type { UseChartZAxisSignature } from "../useChartZAxis/index.mjs";
+import type { UseChartKeyboardNavigationSignature } from "../useChartKeyboardNavigation/index.mjs";
+import type { ChartsActivationEvent } from "../../../../models/events.mjs";
 export interface UseChartVoronoiInstance {
   /**
    * Enable the voronoi computation.
@@ -40,10 +42,10 @@ export interface UseChartVoronoiParameters {
   /**
    * Callback fired when clicking close to an item.
    * This is only available for scatter plot for now.
-   * @param {MouseEvent} event Mouse event caught at the svg level
+   * @param {ChartsActivationEvent} event Event caught at the svg level
    * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked
    */
-  onItemClick?: (event: MouseEvent, scatterItemIdentifier: ScatterItemIdentifier) => void;
+  onItemClick?: (event: ChartsActivationEvent, scatterItemIdentifier: ScatterItemIdentifier) => void;
 }
 export type UseChartVoronoiDefaultizedParameters = Pick<UseChartVoronoiParameters, 'hitAreaRadius' | 'disableHitArea' | 'onItemClick'>;
 export type UseChartClosestPointSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
@@ -52,5 +54,5 @@ export type UseChartClosestPointSignature<SeriesType extends ChartSeriesType = C
   params: UseChartVoronoiParameters;
   defaultizedParams: UseChartVoronoiDefaultizedParameters;
   dependencies: [UseChartSeriesSignature, UseChartCartesianAxisSignature];
-  optionalDependencies: [UseChartInteractionSignature, UseChartHighlightSignature<SeriesType>, UseChartTooltipSignature, UseChartZAxisSignature];
+  optionalDependencies: [UseChartInteractionSignature, UseChartHighlightSignature<SeriesType>, UseChartTooltipSignature, UseChartZAxisSignature, UseChartKeyboardNavigationSignature];
 }>;

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

@@ -7,6 +7,8 @@ import type { UseChartHighlightSignature } from "../useChartHighlight/index.js";
 import type { UseChartInteractionSignature } from "../useChartInteraction/index.js";
 import type { UseChartTooltipSignature } from "../useChartTooltip/index.js";
 import type { UseChartZAxisSignature } from "../useChartZAxis/index.js";
+import type { UseChartKeyboardNavigationSignature } from "../useChartKeyboardNavigation/index.js";
+import type { ChartsActivationEvent } from "../../../../models/events.js";
 export interface UseChartVoronoiInstance {
   /**
    * Enable the voronoi computation.
@@ -40,10 +42,10 @@ export interface UseChartVoronoiParameters {
   /**
    * Callback fired when clicking close to an item.
    * This is only available for scatter plot for now.
-   * @param {MouseEvent} event Mouse event caught at the svg level
+   * @param {ChartsActivationEvent} event Event caught at the svg level
    * @param {ScatterItemIdentifier} scatterItemIdentifier Identify which item got clicked
    */
-  onItemClick?: (event: MouseEvent, scatterItemIdentifier: ScatterItemIdentifier) => void;
+  onItemClick?: (event: ChartsActivationEvent, scatterItemIdentifier: ScatterItemIdentifier) => void;
 }
 export type UseChartVoronoiDefaultizedParameters = Pick<UseChartVoronoiParameters, 'hitAreaRadius' | 'disableHitArea' | 'onItemClick'>;
 export type UseChartClosestPointSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
@@ -52,5 +54,5 @@ export type UseChartClosestPointSignature<SeriesType extends ChartSeriesType = C
   params: UseChartVoronoiParameters;
   defaultizedParams: UseChartVoronoiDefaultizedParameters;
   dependencies: [UseChartSeriesSignature, UseChartCartesianAxisSignature];
-  optionalDependencies: [UseChartInteractionSignature, UseChartHighlightSignature<SeriesType>, UseChartTooltipSignature, UseChartZAxisSignature];
+  optionalDependencies: [UseChartInteractionSignature, UseChartHighlightSignature<SeriesType>, UseChartTooltipSignature, UseChartZAxisSignature, UseChartKeyboardNavigationSignature];
 }>;