@mui/x-charts 9.1.0 → 9.3.0

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

@@ -39,7 +39,157 @@ export declare const selectorChartsHighlightYAxisValue: (args_0: import("../../c
 }[] | AxisHighlightWithValue[];
 export declare const selectorChartsHighlightXAxis: (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;
-}) => import("../../../index.js").ComputedAxis<keyof import("../../../index.js").AxisScaleConfig, any, ChartsAxisProps>[];
+}) => ((Omit<Omit<import("../../../index.js").DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, ChartsAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<import("../../../index.js").DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, ChartsAxisProps>, "scaleType">, "offset">> & (({
+  scaleType: "linear";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLinear<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "time";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "log";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | ({
+  scaleType: "band";
+  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
+    toString(): string;
+  }>;
+  categoryGapRatio: number;
+  barGapRatio: number;
+  colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} & import("../../../index.js").AxisGroups & Pick<import("../../../../hooks/useTicks.js").TickParams, "tickPlacement" | "tickLabelPlacement">) | ({
+  scaleType: "point";
+  ordinalTimeTicks?: import("../../../../index.js").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: "symlog";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleSymLog<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+  constant?: number;
+} | {
+  scaleType: "pow";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "sqrt";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "utc";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+}) & ({
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+}))) & {
+  tickNumber: number;
+  triggerTooltip?: boolean;
+  isFullCircle?: boolean;
+} & ChartsAxisProps & {
+  position?: "none" | "bottom" | "left" | "right" | "top" | undefined;
+  height?: number | "auto" | undefined;
+  width?: number | "auto" | undefined;
+} & {
+  height: number;
+} & {
+  width: number;
+})[];
 export declare const selectorChartsHighlightYAxis: (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;
-}) => import("../../../index.js").ComputedAxis<keyof import("../../../index.js").AxisScaleConfig, any, ChartsAxisProps>[];
+}) => ((Omit<Omit<import("../../../index.js").DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, ChartsAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<import("../../../index.js").DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, ChartsAxisProps>, "scaleType">, "offset">> & (({
+  scaleType: "linear";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLinear<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "time";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "log";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | ({
+  scaleType: "band";
+  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
+    toString(): string;
+  }>;
+  categoryGapRatio: number;
+  barGapRatio: number;
+  colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} & import("../../../index.js").AxisGroups & Pick<import("../../../../hooks/useTicks.js").TickParams, "tickPlacement" | "tickLabelPlacement">) | ({
+  scaleType: "point";
+  ordinalTimeTicks?: import("../../../../index.js").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: "symlog";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleSymLog<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+  constant?: number;
+} | {
+  scaleType: "pow";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "sqrt";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "utc";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+}) & ({
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+}))) & {
+  tickNumber: number;
+  triggerTooltip?: boolean;
+  isFullCircle?: boolean;
+} & ChartsAxisProps & {
+  position?: "none" | "bottom" | "left" | "right" | "top" | undefined;
+  height?: number | "auto" | undefined;
+  width?: number | "auto" | undefined;
+} & {
+  height: number;
+} & {
+  width: number;
+})[];

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

@@ -1,6 +1,6 @@
-import { type AxisId, type ChartsAxisProps } from "../../../../models/axis.mjs";
+import type { ChartsCartesianAxisProps, AxisId } from "../../../../models/axis.mjs";
 import { type ComputeResult } from "./computeAxisValue.mjs";
-export declare const selectChartsInteractionAxisIndex: (value: number | null, axes: ComputeResult<ChartsAxisProps>, id: AxisId | undefined) => number | null;
+export declare const selectChartsInteractionAxisIndex: (value: number | null, axes: ComputeResult<ChartsCartesianAxisProps>, id: AxisId | undefined) => number | null;
 export declare const selectorChartsInteractionXAxisIndex: (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;
 }, id: AxisId | undefined) => number | null;

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

@@ -1,6 +1,6 @@
-import { type AxisId, type ChartsAxisProps } from "../../../../models/axis.js";
+import type { ChartsCartesianAxisProps, AxisId } from "../../../../models/axis.js";
 import { type ComputeResult } from "./computeAxisValue.js";
-export declare const selectChartsInteractionAxisIndex: (value: number | null, axes: ComputeResult<ChartsAxisProps>, id: AxisId | undefined) => number | null;
+export declare const selectChartsInteractionAxisIndex: (value: number | null, axes: ComputeResult<ChartsCartesianAxisProps>, id: AxisId | undefined) => number | null;
 export declare const selectorChartsInteractionXAxisIndex: (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;
 }, id: AxisId | undefined) => number | null;

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js

@@ -25,6 +25,9 @@ const useChartHighlight = ({
     defaultValue: null
   });
   (0, _useEnhancedEffect.default)(() => {
+    if (params.highlightedItem === undefined) {
+      return;
+    }
     if (store.state.highlight.item !== params.highlightedItem) {
       if (params.highlightedItem === null) {
         store.set('highlight', (0, _extends2.default)({}, store.state.highlight, {

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.mjs

@@ -18,6 +18,9 @@ export const useChartHighlight = ({
     defaultValue: null
   });
   useEnhancedEffect(() => {
+    if (params.highlightedItem === undefined) {
+      return;
+    }
     if (store.state.highlight.item !== params.highlightedItem) {
       if (params.highlightedItem === null) {
         store.set('highlight', _extends({}, store.state.highlight, {

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

@@ -1,5 +1,5 @@
-import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ScaleName, PolarAxisConfig } from "../../../../models/axis.mjs";
+import type { ChartsRadialAxisProps, ScaleName, PolarAxisConfig } from "../../../../models/axis.mjs";
 import { type PolarChartSeriesType } from "../../../../models/seriesType/config.mjs";
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.mjs";
-export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: PolarAxisConfig<ScaleName, any, ChartsRotationAxisProps | ChartsRadiusAxisProps>, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];
+export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: PolarAxisConfig<ScaleName, any, ChartsRadialAxisProps>, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];

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

@@ -1,5 +1,5 @@
-import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ScaleName, PolarAxisConfig } from "../../../../models/axis.js";
+import type { ChartsRadialAxisProps, ScaleName, PolarAxisConfig } from "../../../../models/axis.js";
 import { type PolarChartSeriesType } from "../../../../models/seriesType/config.js";
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.js";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
-export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: PolarAxisConfig<ScaleName, any, ChartsRotationAxisProps | ChartsRadiusAxisProps>, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];
+export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: PolarAxisConfig<ScaleName, any, ChartsRadialAxisProps>, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];

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

@@ -3,4 +3,9 @@ import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ComputedAxis, Scal
  * For a pointer coordinate, this function returns the value and dataIndex associated.
  * Returns `-1` if the coordinate does not match a value.
  */
-export declare function getAxisIndex(axisConfig: ComputedAxis<ScaleName, any, ChartsRadiusAxisProps> | ComputedAxis<ScaleName, any, ChartsRotationAxisProps>, pointerValue: number): number;
+export declare function getRotationAxisIndex(axisConfig: ComputedAxis<ScaleName, any, ChartsRotationAxisProps>, pointerValue: number): number;
+/**
+ * For a pointer coordinate, this function returns the value and dataIndex associated.
+ * Returns `-1` if the coordinate does not match a value.
+ */
+export declare function getRadiusAxisIndex(axisConfig: ComputedAxis<ScaleName, any, ChartsRadiusAxisProps>, pointerValue: number): number;

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

@@ -3,4 +3,9 @@ import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ComputedAxis, Scal
  * For a pointer coordinate, this function returns the value and dataIndex associated.
  * Returns `-1` if the coordinate does not match a value.
  */
-export declare function getAxisIndex(axisConfig: ComputedAxis<ScaleName, any, ChartsRadiusAxisProps> | ComputedAxis<ScaleName, any, ChartsRotationAxisProps>, pointerValue: number): number;
+export declare function getRotationAxisIndex(axisConfig: ComputedAxis<ScaleName, any, ChartsRotationAxisProps>, pointerValue: number): number;
+/**
+ * For a pointer coordinate, this function returns the value and dataIndex associated.
+ * Returns `-1` if the coordinate does not match a value.
+ */
+export declare function getRadiusAxisIndex(axisConfig: ComputedAxis<ScaleName, any, ChartsRadiusAxisProps>, pointerValue: number): number;

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAxisIndex = getAxisIndex;
+exports.getRadiusAxisIndex = getRadiusAxisIndex;
+exports.getRotationAxisIndex = getRotationAxisIndex;
 var _scaleGuards = require("../../../scaleGuards");
 var _getAsNumber = require("../../../getAsNumber");
 var _findClosestIndex = require("../../../findClosestIndex");
@@ -12,7 +13,7 @@ var _clampAngle = require("../../../clampAngle");
  * For a pointer coordinate, this function returns the value and dataIndex associated.
  * Returns `-1` if the coordinate does not match a value.
  */
-function getAxisIndex(axisConfig, pointerValue) {
+function getRotationAxisIndex(axisConfig, pointerValue) {
   const {
     scale,
     data: axisData,
@@ -51,4 +52,37 @@ function getAxisIndex(axisConfig, pointerValue) {
     return -1;
   }
   return reverse ? axisData.length - 1 - dataIndex : dataIndex;
+}
+
+/**
+ * For a pointer coordinate, this function returns the value and dataIndex associated.
+ * Returns `-1` if the coordinate does not match a value.
+ */
+function getRadiusAxisIndex(axisConfig, pointerValue) {
+  const {
+    scale,
+    data: axisData,
+    reverse
+  } = axisConfig;
+  if (!(0, _scaleGuards.isOrdinalScale)(scale)) {
+    if (axisData === undefined) {
+      return -1;
+    }
+    const valueAsNumber = (0, _getAsNumber.getAsNumber)(scale.invert(pointerValue));
+    return (0, _findClosestIndex.findClosestIndex)(axisData, valueAsNumber);
+  }
+  if (!axisData) {
+    return -1;
+  }
+  let dataIndex;
+  const distFromStart = pointerValue - Math.min(...scale.range());
+  if (scale.bandwidth() === 0) {
+    dataIndex = Math.floor((distFromStart + scale.step() / 2) / scale.step());
+  } else {
+    dataIndex = Math.floor(distFromStart / scale.step());
+  }
+  if (dataIndex < 0 || dataIndex >= axisData.length) {
+    return -1;
+  }
+  return reverse ? axisData.length - 1 - dataIndex : dataIndex;
 }

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.mjs

@@ -7,7 +7,7 @@ import { clampAngleRad } from "../../../clampAngle.mjs";
  * For a pointer coordinate, this function returns the value and dataIndex associated.
  * Returns `-1` if the coordinate does not match a value.
  */
-export function getAxisIndex(axisConfig, pointerValue) {
+export function getRotationAxisIndex(axisConfig, pointerValue) {
   const {
     scale,
     data: axisData,
@@ -46,4 +46,37 @@ export function getAxisIndex(axisConfig, pointerValue) {
     return -1;
   }
   return reverse ? axisData.length - 1 - dataIndex : dataIndex;
+}
+
+/**
+ * For a pointer coordinate, this function returns the value and dataIndex associated.
+ * Returns `-1` if the coordinate does not match a value.
+ */
+export function getRadiusAxisIndex(axisConfig, pointerValue) {
+  const {
+    scale,
+    data: axisData,
+    reverse
+  } = axisConfig;
+  if (!isOrdinalScale(scale)) {
+    if (axisData === undefined) {
+      return -1;
+    }
+    const valueAsNumber = getAsNumber(scale.invert(pointerValue));
+    return findClosestIndex(axisData, valueAsNumber);
+  }
+  if (!axisData) {
+    return -1;
+  }
+  let dataIndex;
+  const distFromStart = pointerValue - Math.min(...scale.range());
+  if (scale.bandwidth() === 0) {
+    dataIndex = Math.floor((distFromStart + scale.step() / 2) / scale.step());
+  } else {
+    dataIndex = Math.floor(distFromStart / scale.step());
+  }
+  if (dataIndex < 0 || dataIndex >= axisData.length) {
+    return -1;
+  }
+  return reverse ? axisData.length - 1 - dataIndex : dataIndex;
 }

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.js

@@ -177,7 +177,7 @@ const useChartPolarAxis = ({
       let isRotationAxis = false;
       const svgPoint = (0, _getChartPoint.getChartPoint)(element, event.detail.srcEvent);
       const rotation = (0, _coordinateTransformation.generateSvg2rotation)(center)(svgPoint.x, svgPoint.y);
-      const rotationIndex = (0, _getAxisIndex.getAxisIndex)(rotationAxisWithScale[usedRotationAxisId], rotation);
+      const rotationIndex = (0, _getAxisIndex.getRotationAxisIndex)(rotationAxisWithScale[usedRotationAxisId], rotation);
       isRotationAxis = rotationIndex !== -1;
       dataIndex = isRotationAxis ? rotationIndex : null; // radius index is not yet implemented.
 

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.mjs

@@ -9,7 +9,7 @@ import { selectorChartsInteractionIsInitialized } from "../useChartInteraction/i
 import { selectorChartPolarCenter, selectorChartRadiusAxis, selectorChartRotationAxis } from "./useChartPolarAxis.selectors.mjs";
 import { getChartPoint } from "../../../getChartPoint.mjs";
 import { generatePolar2svg, generateSvg2polar, generateSvg2rotation } from "./coordinateTransformation.mjs";
-import { getAxisIndex } from "./getAxisIndex.mjs";
+import { getRotationAxisIndex } from "./getAxisIndex.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.mjs";
 import { checkHasInteractionPlugin } from "../useChartInteraction/checkHasInteractionPlugin.mjs";
 export const useChartPolarAxis = ({
@@ -170,7 +170,7 @@ export const useChartPolarAxis = ({
       let isRotationAxis = false;
       const svgPoint = getChartPoint(element, event.detail.srcEvent);
       const rotation = generateSvg2rotation(center)(svgPoint.x, svgPoint.y);
-      const rotationIndex = getAxisIndex(rotationAxisWithScale[usedRotationAxisId], rotation);
+      const rotationIndex = getRotationAxisIndex(rotationAxisWithScale[usedRotationAxisId], rotation);
       isRotationAxis = rotationIndex !== -1;
       dataIndex = isRotationAxis ? rotationIndex : null; // radius index is not yet implemented.
 

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.mts

@@ -18,9 +18,29 @@ export declare const selectorChartsInteractionTooltipRotationAxes: (args_0: impo
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => AxisItemIdentifier[];
 /**
- * Get radius-axis ids and corresponding data index that should be displayed in the tooltip.
+ * Helper to get the radius associated to the interaction coordinate.
  */
-export declare const selectorChartsInteractionTooltipRadiusAxes: () => never[];
+export declare const selectorChartsInteractionRadius: (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;
+}) => number | null;
+export declare const selectorChartsInteractionRadiusAxisIndex: (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;
+}) => number | null;
+export declare const selectorChartsInteractionRadiusAxisIndexes: (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;
+}) => number[] | null;
+export declare const selectorChartsInteractionRadiusAxisValue: (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("./useChartPolarAxis.types.mjs").UseChartPolarAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => any;
+export declare const selectorChartsInteractionRadiusAxisValues: (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("./useChartPolarAxis.types.mjs").UseChartPolarAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => any[] | null;
+/**
+ * Get radius-axis ids and corresponding data index that should be display in the tooltip.
+ */
+export declare const selectorChartsInteractionTooltipRadiusAxes: (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;
+}) => AxisItemIdentifier[];
 /**
  * Return `true` if the axis tooltip has something to display.
  */

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.ts

@@ -18,9 +18,29 @@ export declare const selectorChartsInteractionTooltipRotationAxes: (args_0: impo
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => AxisItemIdentifier[];
 /**
- * Get radius-axis ids and corresponding data index that should be displayed in the tooltip.
+ * Helper to get the radius associated to the interaction coordinate.
  */
-export declare const selectorChartsInteractionTooltipRadiusAxes: () => never[];
+export declare const selectorChartsInteractionRadius: (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;
+}) => number | null;
+export declare const selectorChartsInteractionRadiusAxisIndex: (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;
+}) => number | null;
+export declare const selectorChartsInteractionRadiusAxisIndexes: (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;
+}) => number[] | null;
+export declare const selectorChartsInteractionRadiusAxisValue: (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("./useChartPolarAxis.types.js").UseChartPolarAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => any;
+export declare const selectorChartsInteractionRadiusAxisValues: (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("./useChartPolarAxis.types.js").UseChartPolarAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => any[] | null;
+/**
+ * Get radius-axis ids and corresponding data index that should be display in the tooltip.
+ */
+export declare const selectorChartsInteractionTooltipRadiusAxes: (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;
+}) => AxisItemIdentifier[];
 /**
  * Return `true` if the axis tooltip has something to display.
  */

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartsInteractionTooltipRotationAxes = exports.selectorChartsInteractionTooltipRadiusAxes = exports.selectorChartsInteractionRotationAxisValues = exports.selectorChartsInteractionRotationAxisValue = exports.selectorChartsInteractionRotationAxisIndexes = exports.selectorChartsInteractionRotationAxisIndex = exports.selectorChartsInteractionPolarAxisTooltip = void 0;
+exports.selectorChartsInteractionTooltipRotationAxes = exports.selectorChartsInteractionTooltipRadiusAxes = exports.selectorChartsInteractionRotationAxisValues = exports.selectorChartsInteractionRotationAxisValue = exports.selectorChartsInteractionRotationAxisIndexes = exports.selectorChartsInteractionRotationAxisIndex = exports.selectorChartsInteractionRadiusAxisValues = exports.selectorChartsInteractionRadiusAxisValue = exports.selectorChartsInteractionRadiusAxisIndexes = exports.selectorChartsInteractionRadiusAxisIndex = exports.selectorChartsInteractionRadius = exports.selectorChartsInteractionPolarAxisTooltip = void 0;
 var _isDeepEqual = require("@mui/x-internals/isDeepEqual");
 var _store = require("@mui/x-internals/store");
 var _useChartInteraction = require("../useChartInteraction/useChartInteraction.selectors");
@@ -17,10 +17,17 @@ const optionalGetAxisIds = (_, ids) => ids;
  * Get interaction indexes
  */
 
-function indexGetter(value, axes, ids) {
-  return Array.isArray(ids) ? ids.map(id => (0, _getAxisIndex.getAxisIndex)(axes.axis[id], value)) : (0, _getAxisIndex.getAxisIndex)(axes.axis[ids], value);
+function indexGetter(value, axes, ids, type) {
+  if (type === 'rotation') {
+    const rotationAxes = axes;
+    return Array.isArray(ids) ? ids.map(id => (0, _getAxisIndex.getRotationAxisIndex)(rotationAxes.axis[id], value)) : (0, _getAxisIndex.getRotationAxisIndex)(rotationAxes.axis[ids], value);
+  }
+  const radiusAxes = axes;
+  return Array.isArray(ids) ? ids.map(id => (0, _getAxisIndex.getRadiusAxisIndex)(radiusAxes.axis[id], value)) : (0, _getAxisIndex.getRadiusAxisIndex)(radiusAxes.axis[ids], value);
 }
 
+// ============================= Rotation axis =============================
+
 /**
  * Helper to get the rotation associated to the interaction coordinate.
  */
@@ -30,8 +37,8 @@ const selectorChartsInteractionRotationAngle = (0, _store.createSelector)(_useCh
   }
   return (0, _coordinateTransformation.generateSvg2rotation)(center)(x, y);
 });
-const selectorChartsInteractionRotationAxisIndex = exports.selectorChartsInteractionRotationAxisIndex = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisId, (rotation, rotationAxis, id) => rotation === null ? null : indexGetter(rotation, rotationAxis, id ?? rotationAxis.axisIds[0]));
-const selectorChartsInteractionRotationAxisIndexes = exports.selectorChartsInteractionRotationAxisIndexes = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisIds, (rotation, rotationAxis, ids) => rotation === null ? null : indexGetter(rotation, rotationAxis, ids ?? rotationAxis.axisIds));
+const selectorChartsInteractionRotationAxisIndex = exports.selectorChartsInteractionRotationAxisIndex = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisId, (rotation, rotationAxis, id) => rotation === null ? null : indexGetter(rotation, rotationAxis, id ?? rotationAxis.axisIds[0], 'rotation'));
+const selectorChartsInteractionRotationAxisIndexes = exports.selectorChartsInteractionRotationAxisIndexes = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisIds, (rotation, rotationAxis, ids) => rotation === null ? null : indexGetter(rotation, rotationAxis, ids ?? rotationAxis.axisIds, 'rotation'));
 const selectorChartsInteractionRotationAxisValue = exports.selectorChartsInteractionRotationAxisValue = (0, _store.createSelector)(_useChartPolarAxis.selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndex, optionalGetAxisId, (rotationAxis, rotationIndex, id) => {
   id = id ?? rotationAxis.axisIds[0];
   if (rotationIndex === null || rotationIndex === -1 || rotationAxis.axisIds.length === 0) {
@@ -80,16 +87,70 @@ const selectorChartsInteractionTooltipRotationAxes = exports.selectorChartsInter
   }) => axes.axis[axisId].triggerTooltip && dataIndex >= 0);
 });
 
+// ============================= Radius axis =============================
+
 /**
- * Get radius-axis ids and corresponding data index that should be displayed in the tooltip.
+ * Helper to get the radius associated to the interaction coordinate.
  */
-const selectorChartsInteractionTooltipRadiusAxes = () => {
-  // TODO implement this selector and add it to the `selectorChartsInteractionPolarAxisTooltip`
-  return [];
-};
+const selectorChartsInteractionRadius = exports.selectorChartsInteractionRadius = (0, _store.createSelector)(_useChartInteraction.selectorChartsInteractionPointerX, _useChartInteraction.selectorChartsInteractionPointerY, _useChartPolarAxis.selectorChartPolarCenter, (x, y, center) => {
+  if (x === null || y === null) {
+    return null;
+  }
+  return Math.sqrt((x - center.cx) ** 2 + (y - center.cy) ** 2);
+});
+const selectorChartsInteractionRadiusAxisIndex = exports.selectorChartsInteractionRadiusAxisIndex = (0, _store.createSelector)(selectorChartsInteractionRadius, _useChartPolarAxis.selectorChartRadiusAxis, optionalGetAxisId, (radius, radiusAxis, id) => radius === null ? null : indexGetter(radius, radiusAxis, id ?? radiusAxis.axisIds[0], 'radius'));
+const selectorChartsInteractionRadiusAxisIndexes = exports.selectorChartsInteractionRadiusAxisIndexes = (0, _store.createSelector)(selectorChartsInteractionRadius, _useChartPolarAxis.selectorChartRadiusAxis, optionalGetAxisIds, (radius, radiusAxis, ids) => radius === null ? null : indexGetter(radius, radiusAxis, ids ?? radiusAxis.axisIds, 'radius'));
+const selectorChartsInteractionRadiusAxisValue = exports.selectorChartsInteractionRadiusAxisValue = (0, _store.createSelector)(_useChartPolarAxis.selectorChartRadiusAxis, selectorChartsInteractionRadiusAxisIndex, optionalGetAxisId, (radiusAxis, radiusIndex, id) => {
+  id = id ?? radiusAxis.axisIds[0];
+  if (radiusIndex === null || radiusIndex === -1 || radiusAxis.axisIds.length === 0) {
+    return null;
+  }
+  const data = radiusAxis.axis[id]?.data;
+  if (!data) {
+    return null;
+  }
+  return data[radiusIndex];
+});
+const selectorChartsInteractionRadiusAxisValues = exports.selectorChartsInteractionRadiusAxisValues = (0, _store.createSelector)(_useChartPolarAxis.selectorChartRadiusAxis, selectorChartsInteractionRadiusAxisIndexes, optionalGetAxisIds, (radiusAxis, radiusIndexes, ids) => {
+  ids = ids ?? radiusAxis.axisIds;
+  if (radiusIndexes === null) {
+    return null;
+  }
+  return ids.map((id, axisIndex) => {
+    const radiusIndex = radiusIndexes[axisIndex];
+    if (radiusIndex === -1) {
+      return null;
+    }
+    return radiusAxis.axis[id].data?.[radiusIndex];
+  });
+});
+
+/**
+ * Get radius-axis ids and corresponding data index that should be display in the tooltip.
+ */
+const selectorChartsInteractionTooltipRadiusAxes = exports.selectorChartsInteractionTooltipRadiusAxes = (0, _store.createSelectorMemoizedWithOptions)({
+  memoizeOptions: {
+    // Keep the same reference if array content is the same.
+    // If possible, avoid this pattern by creating selectors that
+    // uses string/number as arguments.
+    resultEqualityCheck: _isDeepEqual.isDeepEqual
+  }
+})(selectorChartsInteractionRadiusAxisIndexes, _useChartPolarAxis.selectorChartRadiusAxis, (indexes, axes) => {
+  if (indexes === null) {
+    return [];
+  }
+  return axes.axisIds.map((axisId, axisIndex) => ({
+    axisId,
+    dataIndex: indexes[axisIndex]
+  })).filter(({
+    axisId,
+    dataIndex
+  }) => axes.axis[axisId].triggerTooltip && dataIndex >= 0);
+});
+
+// ============================= Cross axes selectors =============================
 
 /**
  * Return `true` if the axis tooltip has something to display.
  */
-exports.selectorChartsInteractionTooltipRadiusAxes = selectorChartsInteractionTooltipRadiusAxes;
-const selectorChartsInteractionPolarAxisTooltip = exports.selectorChartsInteractionPolarAxisTooltip = (0, _store.createSelector)(selectorChartsInteractionTooltipRotationAxes, rotationTooltip => rotationTooltip.length > 0);
+const selectorChartsInteractionPolarAxisTooltip = exports.selectorChartsInteractionPolarAxisTooltip = (0, _store.createSelector)(selectorChartsInteractionTooltipRotationAxes, selectorChartsInteractionTooltipRadiusAxes, (rotationTooltip, radiusTooltip) => rotationTooltip.length > 0 || radiusTooltip.length > 0);