@mui/x-charts 8.0.0-beta.1 → 8.0.0-beta.3

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

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartsInteractionYAxisValues = exports.selectorChartsInteractionYAxisValue = exports.selectorChartsInteractionYAxisIndexes = exports.selectorChartsInteractionYAxisIndex = exports.selectorChartsInteractionXAxisValues = exports.selectorChartsInteractionXAxisValue = exports.selectorChartsInteractionXAxisIndexes = exports.selectorChartsInteractionXAxisIndex = exports.selectorChartsInteractionTooltipYAxes = exports.selectorChartsInteractionTooltipXAxes = exports.selectorChartsInteractionAxisTooltip = void 0;
+var _selectors = require("../../utils/selectors");
+var _useChartInteraction = require("../useChartInteraction/useChartInteraction.selectors");
+var _getAxisValue = require("./getAxisValue");
+var _useChartCartesianAxisRendering = require("./useChartCartesianAxisRendering.selectors");
+const optionalGetAxisId = (_, id) => id;
+const optionalGetAxisIds = (_, ids) => ids;
+
+/**
+ * Get interaction indexes
+ */
+
+function indexGetter(value, axes, ids = axes.axisIds[0]) {
+  return Array.isArray(ids) ? ids.map(id => (0, _getAxisValue.getAxisIndex)(axes.axis[id], value)) : (0, _getAxisValue.getAxisIndex)(axes.axis[ids], value);
+}
+const selectorChartsInteractionXAxisIndex = exports.selectorChartsInteractionXAxisIndex = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerX, _useChartCartesianAxisRendering.selectorChartXAxis, optionalGetAxisId], (value, axes, id) => value === null ? null : indexGetter(value, axes, id));
+const selectorChartsInteractionXAxisIndexes = exports.selectorChartsInteractionXAxisIndexes = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerX, _useChartCartesianAxisRendering.selectorChartXAxis, optionalGetAxisIds], (value, axes, ids) => value === null ? null : indexGetter(value, axes, ids));
+const selectorChartsInteractionYAxisIndex = exports.selectorChartsInteractionYAxisIndex = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartYAxis, optionalGetAxisId], (value, axes, id) => value === null ? null : indexGetter(value, axes, id));
+const selectorChartsInteractionYAxisIndexes = exports.selectorChartsInteractionYAxisIndexes = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartYAxis, optionalGetAxisIds], (value, axes, ids) => value === null ? null : indexGetter(value, axes, ids));
+
+/**
+ * Get interaction values
+ */
+
+function valueGetter(value, axes, indexes, ids = axes.axisIds[0]) {
+  return Array.isArray(ids) ? ids.map((id, axisIndex) => (0, _getAxisValue.getAxisValue)(axes.axis[id], value, indexes[axisIndex])) : (0, _getAxisValue.getAxisValue)(axes.axis[ids], value, indexes);
+}
+const selectorChartsInteractionXAxisValues = exports.selectorChartsInteractionXAxisValues = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerX, _useChartCartesianAxisRendering.selectorChartXAxis, selectorChartsInteractionXAxisIndexes, optionalGetAxisIds], (value, axes, indexes, ids) => value === null ? null : valueGetter(value, axes, indexes, ids));
+const selectorChartsInteractionXAxisValue = exports.selectorChartsInteractionXAxisValue = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerX, _useChartCartesianAxisRendering.selectorChartXAxis, selectorChartsInteractionXAxisIndex, optionalGetAxisId], (x, xAxes, xIndex, id) => {
+  if (x === null || xIndex === null || xAxes.axisIds.length === 0) {
+    return null;
+  }
+  return valueGetter(x, xAxes, xIndex, id);
+});
+const selectorChartsInteractionYAxisValues = exports.selectorChartsInteractionYAxisValues = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartYAxis, selectorChartsInteractionYAxisIndexes, optionalGetAxisIds], (value, axes, indexes, ids) => value === null ? null : valueGetter(value, axes, indexes, ids));
+const selectorChartsInteractionYAxisValue = exports.selectorChartsInteractionYAxisValue = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartYAxis, selectorChartsInteractionYAxisIndex, optionalGetAxisId], (y, yAxes, yIndex, id) => {
+  if (y === null || yIndex === null || yAxes.axisIds.length === 0) {
+    return null;
+  }
+  return valueGetter(y, yAxes, yIndex, id);
+});
+
+/**
+ * Get x-axis ids and corresponding data index that should be display in the tooltip.
+ */
+const selectorChartsInteractionTooltipXAxes = exports.selectorChartsInteractionTooltipXAxes = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerX, _useChartCartesianAxisRendering.selectorChartXAxis], (value, axes) => {
+  if (value === null) {
+    return [];
+  }
+  return axes.axisIds.filter(id => axes.axis[id].triggerTooltip).map(axisId => ({
+    axisId,
+    dataIndex: (0, _getAxisValue.getAxisIndex)(axes.axis[axisId], value)
+  })).filter(({
+    dataIndex
+  }) => dataIndex >= 0);
+});
+
+/**
+ * Get y-axis ids and corresponding data index that should be display in the tooltip.
+ */
+const selectorChartsInteractionTooltipYAxes = exports.selectorChartsInteractionTooltipYAxes = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsInteractionPointerY, _useChartCartesianAxisRendering.selectorChartYAxis], (value, axes) => {
+  if (value === null) {
+    return [];
+  }
+  return axes.axisIds.filter(id => axes.axis[id].triggerTooltip).map(axisId => ({
+    axisId,
+    dataIndex: (0, _getAxisValue.getAxisIndex)(axes.axis[axisId], value)
+  })).filter(({
+    dataIndex
+  }) => dataIndex >= 0);
+});
+
+/**
+ * Return `true` if the axis tooltip has something to display.
+ */
+const selectorChartsInteractionAxisTooltip = exports.selectorChartsInteractionAxisTooltip = (0, _selectors.createSelector)([selectorChartsInteractionTooltipXAxes, selectorChartsInteractionTooltipYAxes], (xTooltip, yTooltip) => xTooltip.length > 0 || yTooltip.length > 0);

package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.js

@@ -13,13 +13,10 @@ const useChartInteraction = ({
   const cleanInteraction = (0, _useEventCallback.default)(() => {
     store.update(prev => {
       return (0, _extends2.default)({}, prev, {
-        interaction: (0, _extends2.default)({}, prev.interaction, {
-          axis: {
-            x: null,
-            y: null
-          },
+        interaction: {
+          pointer: null,
           item: null
-        })
+        }
       });
     });
   });
@@ -52,17 +49,10 @@ const useChartInteraction = ({
       })
     }));
   });
-  const setAxisInteraction = (0, _useEventCallback.default)(({
-    x: newStateX,
-    y: newStateY
-  }) => {
+  const setPointerCoordinate = (0, _useEventCallback.default)(coordinate => {
     store.update(prev => (0, _extends2.default)({}, prev, {
       interaction: (0, _extends2.default)({}, prev.interaction, {
-        axis: (0, _extends2.default)({}, prev.interaction.axis, prev.interaction.axis.x?.index !== newStateX?.index || prev.interaction.axis.x?.value !== newStateX?.value ? {
-          x: newStateX
-        } : {}, prev.interaction.axis.y?.index !== newStateY?.index || prev.interaction.axis.y?.value !== newStateY?.value ? {
-          y: newStateY
-        } : {})
+        pointer: coordinate
       })
     }));
   });
@@ -71,7 +61,7 @@ const useChartInteraction = ({
       cleanInteraction,
       setItemInteraction,
       removeItemInteraction,
-      setAxisInteraction
+      setPointerCoordinate
     }
   };
 };
@@ -79,10 +69,7 @@ exports.useChartInteraction = useChartInteraction;
 useChartInteraction.getInitialState = () => ({
   interaction: {
     item: null,
-    axis: {
-      x: null,
-      y: null
-    }
+    pointer: null
   }
 });
 useChartInteraction.params = {};

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

@@ -1,5 +1,5 @@
 import { ChartOptionalRootSelector } from "../../utils/selectors.js";
-import { AxisInteractionData, UseChartInteractionSignature } from "./useChartInteraction.types.js";
+import { UseChartInteractionSignature } from "./useChartInteraction.types.js";
 export declare const selectorChartsInteractionIsInitialized: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => boolean) & {
@@ -9,11 +9,11 @@ export declare const selectorChartsInteractionIsInitialized: ((state: import("..
 } & {
   resultFunc: (resultFuncArgs_0: {
     item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-    axis: AxisInteractionData;
+    pointer: import("./useChartInteraction.types").Coordinate | null;
   } | undefined) => boolean;
   memoizedResultFunc: ((resultFuncArgs_0: {
     item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-    axis: AxisInteractionData;
+    pointer: import("./useChartInteraction.types").Coordinate | null;
   } | undefined) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -38,11 +38,11 @@ export declare const selectorChartsInteractionItem: ((state: import("../../coreP
 } & {
   resultFunc: (resultFuncArgs_0: {
     item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-    axis: AxisInteractionData;
+    pointer: import("./useChartInteraction.types").Coordinate | null;
   } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null;
   memoizedResultFunc: ((resultFuncArgs_0: {
     item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-    axis: AxisInteractionData;
+    pointer: import("./useChartInteraction.types").Coordinate | null;
   } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -58,26 +58,26 @@ export declare const selectorChartsInteractionItem: ((state: import("../../coreP
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartsInteractionAxis: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
+export declare const selectorChartsInteractionPointer: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
   cacheKey: import("../../models").ChartStateCacheKey;
-}) => AxisInteractionData) & {
+}) => import("./useChartInteraction.types").Coordinate | null) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
     item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-    axis: AxisInteractionData;
-  } | undefined) => AxisInteractionData;
+    pointer: import("./useChartInteraction.types").Coordinate | null;
+  } | undefined) => import("./useChartInteraction.types").Coordinate | null;
   memoizedResultFunc: ((resultFuncArgs_0: {
     item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-    axis: AxisInteractionData;
-  } | undefined) => AxisInteractionData) & {
+    pointer: import("./useChartInteraction.types").Coordinate | null;
+  } | undefined) => import("./useChartInteraction.types").Coordinate | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   };
-  lastResult: () => AxisInteractionData;
+  lastResult: () => import("./useChartInteraction.types").Coordinate | null;
   dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
   recomputations: () => number;
   resetRecomputations: () => void;
@@ -87,52 +87,40 @@ export declare const selectorChartsInteractionAxis: ((state: import("../../coreP
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartsInteractionXAxis: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
+export declare const selectorChartsInteractionPointerX: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
   cacheKey: import("../../models").ChartStateCacheKey;
-}) => {
-  value: number | Date | string;
-  index: number;
-} | null) & {
+}) => number | null) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
-  resultFunc: (resultFuncArgs_0: AxisInteractionData) => {
-    value: number | Date | string;
-    index: number;
-  } | null;
-  memoizedResultFunc: ((resultFuncArgs_0: AxisInteractionData) => {
-    value: number | Date | string;
-    index: number;
-  } | null) & {
+  resultFunc: (resultFuncArgs_0: import("./useChartInteraction.types").Coordinate | null) => number | null;
+  memoizedResultFunc: ((resultFuncArgs_0: import("./useChartInteraction.types").Coordinate | null) => number | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   };
-  lastResult: () => {
-    value: number | Date | string;
-    index: number;
-  } | null;
+  lastResult: () => number | null;
   dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
-  }) => AxisInteractionData) & {
+  }) => import("./useChartInteraction.types").Coordinate | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   } & {
     resultFunc: (resultFuncArgs_0: {
       item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-      axis: AxisInteractionData;
-    } | undefined) => AxisInteractionData;
+      pointer: import("./useChartInteraction.types").Coordinate | null;
+    } | undefined) => import("./useChartInteraction.types").Coordinate | null;
     memoizedResultFunc: ((resultFuncArgs_0: {
       item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-      axis: AxisInteractionData;
-    } | undefined) => AxisInteractionData) & {
+      pointer: import("./useChartInteraction.types").Coordinate | null;
+    } | undefined) => import("./useChartInteraction.types").Coordinate | null) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     };
-    lastResult: () => AxisInteractionData;
+    lastResult: () => import("./useChartInteraction.types").Coordinate | null;
     dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -150,52 +138,40 @@ export declare const selectorChartsInteractionXAxis: ((state: import("../../core
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartsInteractionYAxis: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
+export declare const selectorChartsInteractionPointerY: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
   cacheKey: import("../../models").ChartStateCacheKey;
-}) => {
-  value: number | Date | string;
-  index: number;
-} | null) & {
+}) => number | null) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
-  resultFunc: (resultFuncArgs_0: AxisInteractionData) => {
-    value: number | Date | string;
-    index: number;
-  } | null;
-  memoizedResultFunc: ((resultFuncArgs_0: AxisInteractionData) => {
-    value: number | Date | string;
-    index: number;
-  } | null) & {
+  resultFunc: (resultFuncArgs_0: import("./useChartInteraction.types").Coordinate | null) => number | null;
+  memoizedResultFunc: ((resultFuncArgs_0: import("./useChartInteraction.types").Coordinate | null) => number | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   };
-  lastResult: () => {
-    value: number | Date | string;
-    index: number;
-  } | null;
+  lastResult: () => number | null;
   dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
-  }) => AxisInteractionData) & {
+  }) => import("./useChartInteraction.types").Coordinate | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   } & {
     resultFunc: (resultFuncArgs_0: {
       item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-      axis: AxisInteractionData;
-    } | undefined) => AxisInteractionData;
+      pointer: import("./useChartInteraction.types").Coordinate | null;
+    } | undefined) => import("./useChartInteraction.types").Coordinate | null;
     memoizedResultFunc: ((resultFuncArgs_0: {
       item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-      axis: AxisInteractionData;
-    } | undefined) => AxisInteractionData) & {
+      pointer: import("./useChartInteraction.types").Coordinate | null;
+    } | undefined) => import("./useChartInteraction.types").Coordinate | null) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     };
-    lastResult: () => AxisInteractionData;
+    lastResult: () => import("./useChartInteraction.types").Coordinate | null;
     dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -236,11 +212,11 @@ export declare const selectorChartsInteractionItemIsDefined: ((state: import("..
   } & {
     resultFunc: (resultFuncArgs_0: {
       item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-      axis: AxisInteractionData;
+      pointer: import("./useChartInteraction.types").Coordinate | null;
     } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null;
     memoizedResultFunc: ((resultFuncArgs_0: {
       item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-      axis: AxisInteractionData;
+      pointer: import("./useChartInteraction.types").Coordinate | null;
     } | undefined) => import("../../../..").ScatterItemIdentifier | import("../../../..").LineItemIdentifier | import("../../../..").BarItemIdentifier | import("../../../..").PieItemIdentifier | import("../../../..").RadarItemIdentifier | null) & {
       clearCache: () => void;
       resultsCount: () => number;
@@ -263,186 +239,4 @@ export declare const selectorChartsInteractionItemIsDefined: ((state: import("..
 } & {
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-export declare const selectorChartsInteractionXAxisIsDefined: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
-}) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    value: number | Date | string;
-    index: number;
-  } | null) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    value: number | Date | string;
-    index: number;
-  } | null) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  }) => {
-    value: number | Date | string;
-    index: number;
-  } | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: AxisInteractionData) => {
-      value: number | Date | string;
-      index: number;
-    } | null;
-    memoizedResultFunc: ((resultFuncArgs_0: AxisInteractionData) => {
-      value: number | Date | string;
-      index: number;
-    } | null) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => {
-      value: number | Date | string;
-      index: number;
-    } | null;
-    dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
-    }) => AxisInteractionData) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    } & {
-      resultFunc: (resultFuncArgs_0: {
-        item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-        axis: AxisInteractionData;
-      } | undefined) => AxisInteractionData;
-      memoizedResultFunc: ((resultFuncArgs_0: {
-        item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-        axis: AxisInteractionData;
-      } | undefined) => AxisInteractionData) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-      };
-      lastResult: () => AxisInteractionData;
-      dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
-      recomputations: () => number;
-      resetRecomputations: () => void;
-      dependencyRecomputations: () => number;
-      resetDependencyRecomputations: () => void;
-    } & {
-      memoize: typeof import("reselect").weakMapMemoize;
-      argsMemoize: typeof import("reselect").weakMapMemoize;
-    }];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-export declare const selectorChartsInteractionYAxisIsDefined: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
-}) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    value: number | Date | string;
-    index: number;
-  } | null) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    value: number | Date | string;
-    index: number;
-  } | null) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  }) => {
-    value: number | Date | string;
-    index: number;
-  } | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: AxisInteractionData) => {
-      value: number | Date | string;
-      index: number;
-    } | null;
-    memoizedResultFunc: ((resultFuncArgs_0: AxisInteractionData) => {
-      value: number | Date | string;
-      index: number;
-    } | null) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => {
-      value: number | Date | string;
-      index: number;
-    } | null;
-    dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartInteraction.types").UseChartInteractionState> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
-    }) => AxisInteractionData) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    } & {
-      resultFunc: (resultFuncArgs_0: {
-        item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-        axis: AxisInteractionData;
-      } | undefined) => AxisInteractionData;
-      memoizedResultFunc: ((resultFuncArgs_0: {
-        item: null | import("../../..").ChartItemIdentifier<import("../../..").ChartSeriesType>;
-        axis: AxisInteractionData;
-      } | undefined) => AxisInteractionData) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-      };
-      lastResult: () => AxisInteractionData;
-      dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
-      recomputations: () => number;
-      resetRecomputations: () => void;
-      dependencyRecomputations: () => number;
-      resetDependencyRecomputations: () => void;
-    } & {
-      memoize: typeof import("reselect").weakMapMemoize;
-      argsMemoize: typeof import("reselect").weakMapMemoize;
-    }];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
 };

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

@@ -3,18 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartsInteractionYAxisIsDefined = exports.selectorChartsInteractionYAxis = exports.selectorChartsInteractionXAxisIsDefined = exports.selectorChartsInteractionXAxis = exports.selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItem = exports.selectorChartsInteractionIsInitialized = exports.selectorChartsInteractionAxis = void 0;
+exports.selectorChartsInteractionPointerY = exports.selectorChartsInteractionPointerX = exports.selectorChartsInteractionPointer = exports.selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItem = exports.selectorChartsInteractionIsInitialized = void 0;
 var _selectors = require("../../utils/selectors");
-const EMPTY_AXIS_INTERACTION = {
-  x: null,
-  y: null
-};
 const selectInteraction = state => state.interaction;
 const selectorChartsInteractionIsInitialized = exports.selectorChartsInteractionIsInitialized = (0, _selectors.createSelector)(selectInteraction, interaction => interaction !== undefined);
 const selectorChartsInteractionItem = exports.selectorChartsInteractionItem = (0, _selectors.createSelector)(selectInteraction, interaction => interaction?.item ?? null);
-const selectorChartsInteractionAxis = exports.selectorChartsInteractionAxis = (0, _selectors.createSelector)(selectInteraction, interaction => interaction?.axis ?? EMPTY_AXIS_INTERACTION);
-const selectorChartsInteractionXAxis = exports.selectorChartsInteractionXAxis = (0, _selectors.createSelector)(selectorChartsInteractionAxis, axis => axis.x);
-const selectorChartsInteractionYAxis = exports.selectorChartsInteractionYAxis = (0, _selectors.createSelector)(selectorChartsInteractionAxis, axis => axis.y);
-const selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItemIsDefined = (0, _selectors.createSelector)(selectorChartsInteractionItem, item => item !== null);
-const selectorChartsInteractionXAxisIsDefined = exports.selectorChartsInteractionXAxisIsDefined = (0, _selectors.createSelector)(selectorChartsInteractionXAxis, x => x !== null);
-const selectorChartsInteractionYAxisIsDefined = exports.selectorChartsInteractionYAxisIsDefined = (0, _selectors.createSelector)(selectorChartsInteractionYAxis, y => y !== null);
+const selectorChartsInteractionPointer = exports.selectorChartsInteractionPointer = (0, _selectors.createSelector)(selectInteraction, interaction => interaction?.pointer ?? null);
+const selectorChartsInteractionPointerX = exports.selectorChartsInteractionPointerX = (0, _selectors.createSelector)(selectorChartsInteractionPointer, pointer => pointer && pointer.x);
+const selectorChartsInteractionPointerY = exports.selectorChartsInteractionPointerY = (0, _selectors.createSelector)(selectorChartsInteractionPointer, pointer => pointer && pointer.y);
+const selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItemIsDefined = (0, _selectors.createSelector)(selectorChartsInteractionItem, item => item !== null);

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

@@ -1,5 +1,9 @@
 import { ChartPluginSignature } from "../../models/index.js";
 import { ChartItemIdentifier, ChartSeriesType } from "../../../../models/seriesType/config.js";
+export type Coordinate = {
+  x: number;
+  y: number;
+};
 export interface UseChartInteractionInstance {
   /**
    * Remove all interaction.
@@ -16,21 +20,11 @@ export interface UseChartInteractionInstance {
    */
   removeItemInteraction: (itemToRemove?: ChartItemIdentifier<ChartSeriesType>) => void;
   /**
-   * Set the new axis the user is interacting with.
-   * @param {Partial<AxisInteractionData>} newAxis The new axis identifier.
+   * Set the new pointer coordinate.
+   * @param {Coordinate | null} newCoordinate The new pointer coordinate.
    */
-  setAxisInteraction: (newAxis: Partial<AxisInteractionData>) => void;
+  setPointerCoordinate: (newCoordinate: Coordinate | null) => void;
 }
-export type AxisInteractionData = {
-  x: null | {
-    value: number | Date | string;
-    index: number;
-  };
-  y: null | {
-    value: number | Date | string;
-    index: number;
-  };
-};
 export interface UseChartInteractionState {
   interaction: {
     /**
@@ -38,9 +32,9 @@ export interface UseChartInteractionState {
      */
     item: null | ChartItemIdentifier<ChartSeriesType>;
     /**
-     * The x- and y-axes currently interacting.
+     * The x/y SVG coordinate of the "main" pointer
      */
-    axis: AxisInteractionData;
+    pointer: Coordinate | null;
   };
 }
 export type UseChartInteractionSignature = ChartPluginSignature<{

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

@@ -0,0 +1,12 @@
+export declare const generateSvg2rotation: (center: {
+  cx: number;
+  cy: number;
+}) => (x: number, y: number) => number;
+export declare const generateSvg2polar: (center: {
+  cx: number;
+  cy: number;
+}) => (x: number, y: number) => [number, number];
+export declare const generatePolar2svg: (center: {
+  cx: number;
+  cy: number;
+}) => (radius: number, rotation: number) => [number, number];

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateSvg2rotation = exports.generateSvg2polar = exports.generatePolar2svg = void 0;
+const generateSvg2rotation = center => (x, y) => Math.atan2(x - center.cx, center.cy - y);
+exports.generateSvg2rotation = generateSvg2rotation;
+const generateSvg2polar = center => (x, y) => {
+  const angle = Math.atan2(x - center.cx, center.cy - y);
+  return [Math.sqrt((x - center.cx) ** 2 + (center.cy - y) ** 2), angle];
+};
+exports.generateSvg2polar = generateSvg2polar;
+const generatePolar2svg = center => (radius, rotation) => {
+  return [center.cx + radius * Math.sin(rotation), center.cy - radius * Math.cos(rotation)];
+};
+exports.generatePolar2svg = generatePolar2svg;