@mui/x-charts 8.5.2 → 8.6.0

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

@@ -3,18 +3,18 @@ import { createIsHighlighted } from "./createIsHighlighted.js";
 import { createIsFaded } from "./createIsFaded.js";
 const selectHighlight = state => state.highlight;
 const selectSeries = state => state.series;
-export const selectorChartsHighlightScopePerSeriesId = createSelector(selectSeries, series => {
+export const selectorChartsHighlightScopePerSeriesId = createSelector([selectSeries], series => {
   const map = new Map();
   Object.keys(series.processedSeries).forEach(seriesType => {
     const seriesData = series.processedSeries[seriesType];
-    Object.keys(seriesData?.series ?? {}).forEach(seriesId => {
+    seriesData?.seriesOrder?.forEach(seriesId => {
       const seriesItem = seriesData?.series[seriesId];
       map.set(seriesId, seriesItem?.highlightScope);
     });
   });
   return map;
 });
-export const selectorChartsHighlightedItem = createSelector(selectHighlight, highlight => highlight.item);
+export const selectorChartsHighlightedItem = createSelector([selectHighlight], highlight => highlight.item);
 export const selectorChartsHighlightScope = createSelector([selectorChartsHighlightScopePerSeriesId, selectorChartsHighlightedItem], (seriesIdToHighlightScope, highlightedItem) => {
   if (!highlightedItem) {
     return null;

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

@@ -1,242 +1,30 @@
-import { ChartOptionalRootSelector } from "../../utils/selectors.js";
-import { UseChartInteractionSignature } from "./useChartInteraction.types.js";
-export declare const selectorChartsInteractionIsInitialized: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
+export declare const selectorChartsInteractionIsInitialized: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
 } & {
-  resultFunc: (resultFuncArgs_0: {
-    item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-    pointer: import("./useChartInteraction.types.js").Coordinate | null;
-  } | undefined) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-    pointer: import("./useChartInteraction.types.js").Coordinate | null;
-  } | undefined) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-export declare const selectorChartsInteractionItem: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-    pointer: import("./useChartInteraction.types.js").Coordinate | null;
-  } | undefined) => import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-    pointer: import("./useChartInteraction.types.js").Coordinate | null;
-  } | undefined) => import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
-  dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-export declare const selectorChartsInteractionPointer: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
+}, boolean, any[]>;
+export declare const selectorChartsInteractionItem: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("./useChartInteraction.types.js").Coordinate | null) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
 } & {
-  resultFunc: (resultFuncArgs_0: {
-    item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-    pointer: import("./useChartInteraction.types.js").Coordinate | null;
-  } | undefined) => import("./useChartInteraction.types.js").Coordinate | null;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-    pointer: import("./useChartInteraction.types.js").Coordinate | null;
-  } | undefined) => import("./useChartInteraction.types.js").Coordinate | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => import("./useChartInteraction.types.js").Coordinate | null;
-  dependencies: [ChartOptionalRootSelector<UseChartInteractionSignature>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-export declare const selectorChartsInteractionPointerX: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => number | null) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: import("./useChartInteraction.types.js").Coordinate | null) => number | null;
-  memoizedResultFunc: ((resultFuncArgs_0: import("./useChartInteraction.types.js").Coordinate | null) => number | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => number | null;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
-    cacheKey: import("../../models/index.js").ChartStateCacheKey;
-  }) => import("./useChartInteraction.types.js").Coordinate | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-      pointer: import("./useChartInteraction.types.js").Coordinate | null;
-    } | undefined) => import("./useChartInteraction.types.js").Coordinate | null;
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-      pointer: import("./useChartInteraction.types.js").Coordinate | null;
-    } | undefined) => import("./useChartInteraction.types.js").Coordinate | null) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => import("./useChartInteraction.types.js").Coordinate | null;
-    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;
-};
-export declare const selectorChartsInteractionPointerY: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
+}, import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null, any[]>;
+export declare const selectorChartsInteractionPointer: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => number | null) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
 } & {
-  resultFunc: (resultFuncArgs_0: import("./useChartInteraction.types.js").Coordinate | null) => number | null;
-  memoizedResultFunc: ((resultFuncArgs_0: import("./useChartInteraction.types.js").Coordinate | null) => number | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => number | null;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
-    cacheKey: import("../../models/index.js").ChartStateCacheKey;
-  }) => import("./useChartInteraction.types.js").Coordinate | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-      pointer: import("./useChartInteraction.types.js").Coordinate | null;
-    } | undefined) => import("./useChartInteraction.types.js").Coordinate | null;
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-      pointer: import("./useChartInteraction.types.js").Coordinate | null;
-    } | undefined) => import("./useChartInteraction.types.js").Coordinate | null) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => import("./useChartInteraction.types.js").Coordinate | null;
-    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;
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, import("./useChartInteraction.types.js").Coordinate | null, any[]>;
+export declare const selectorChartsInteractionPointerX: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-export declare const selectorChartsInteractionItemIsDefined: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
+}, number | null, any[]>;
+export declare const selectorChartsInteractionPointerY: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & {
-  resultFunc: (resultFuncArgs_0: import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
-    cacheKey: import("../../models/index.js").ChartStateCacheKey;
-  }) => import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-      pointer: import("./useChartInteraction.types.js").Coordinate | null;
-    } | undefined) => import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      item: null | import("../../../index.js").ChartItemIdentifier<import("../../../index.js").ChartSeriesType>;
-      pointer: import("./useChartInteraction.types.js").Coordinate | null;
-    } | undefined) => import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
-    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;
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, number | null, any[]>;
+export declare const selectorChartsInteractionItemIsDefined: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, boolean, any[]>;

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

@@ -1,8 +1,8 @@
 import { createSelector } from "../../utils/selectors.js";
 const selectInteraction = state => state.interaction;
-export const selectorChartsInteractionIsInitialized = createSelector(selectInteraction, interaction => interaction !== undefined);
-export const selectorChartsInteractionItem = createSelector(selectInteraction, interaction => interaction?.item ?? null);
-export const selectorChartsInteractionPointer = createSelector(selectInteraction, interaction => interaction?.pointer ?? null);
-export const selectorChartsInteractionPointerX = createSelector(selectorChartsInteractionPointer, pointer => pointer && pointer.x);
-export const selectorChartsInteractionPointerY = createSelector(selectorChartsInteractionPointer, pointer => pointer && pointer.y);
-export const selectorChartsInteractionItemIsDefined = createSelector(selectorChartsInteractionItem, item => item !== null);
+export const selectorChartsInteractionIsInitialized = createSelector([selectInteraction], interaction => interaction !== undefined);
+export const selectorChartsInteractionItem = createSelector([selectInteraction], interaction => interaction?.item ?? null);
+export const selectorChartsInteractionPointer = createSelector([selectInteraction], interaction => interaction?.pointer ?? null);
+export const selectorChartsInteractionPointerX = createSelector([selectorChartsInteractionPointer], pointer => pointer && pointer.x);
+export const selectorChartsInteractionPointerY = createSelector([selectorChartsInteractionPointer], pointer => pointer && pointer.y);
+export const selectorChartsInteractionItemIsDefined = createSelector([selectorChartsInteractionItem], item => item !== null);

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

@@ -91,10 +91,26 @@ export const useChartPolarAxis = ({
       instance.cleanInteraction?.();
     };
     const handleMove = event => {
-      const target = 'targetTouches' in event ? event.targetTouches[0] : event;
-      const svgPoint = getSVGPoint(element, target);
-      mousePosition.current.x = svgPoint.x;
-      mousePosition.current.y = svgPoint.y;
+      const srcEvent = event;
+
+      // On touch, we want to allow user to interact with the entire svg area in
+      // order to better display the tooltip.
+      if (event.pointerType === 'touch') {
+        const svgRect = element.getBoundingClientRect();
+        if (srcEvent.clientX < svgRect.left || srcEvent.clientX > svgRect.right || srcEvent.clientY < svgRect.top || srcEvent.clientY > svgRect.bottom) {
+          mousePosition.current.isInChart = false;
+          instance.cleanInteraction();
+          return;
+        }
+        const svgPoint = getSVGPoint(element, srcEvent);
+        mousePosition.current.isInChart = true;
+        instance.setPointerCoordinate(svgPoint);
+        return;
+      }
+
+      // On mouse, we want to restrict the interaction to the drawing area and radar circle.
+
+      const svgPoint = getSVGPoint(element, srcEvent);
 
       // Test if it's in the drawing area
       if (!instance.isPointInside(svgPoint.x, svgPoint.y, event.target)) {