@mui/x-charts 8.21.0 → 8.22.0

package/internals/plugins/featurePlugins/useChartHighlight/createIsFaded.d.ts

@@ -1,3 +1,3 @@
-import { HighlightScope } from "./highlightConfig.types.js";
-import { HighlightItemData } from "./useChartHighlight.types.js";
+import { type HighlightScope } from "./highlightConfig.types.js";
+import { type HighlightItemData } from "./useChartHighlight.types.js";
 export declare function createIsFaded(highlightScope: HighlightScope | null | undefined, highlightedItem: HighlightItemData | null): (item: HighlightItemData | null) => boolean;

package/internals/plugins/featurePlugins/useChartHighlight/createIsHighlighted.d.ts

@@ -1,3 +1,3 @@
-import { HighlightScope } from "./highlightConfig.types.js";
-import { HighlightItemData } from "./useChartHighlight.types.js";
+import { type HighlightScope } from "./highlightConfig.types.js";
+import { type HighlightItemData } from "./useChartHighlight.types.js";
 export declare function createIsHighlighted(highlightScope: HighlightScope | null | undefined, highlightedItem: HighlightItemData | null): (item: HighlightItemData | null) => boolean;

package/internals/plugins/featurePlugins/useChartHighlight/highlightStates.d.ts

@@ -1,6 +1,6 @@
-import { HighlightItemData } from "./useChartHighlight.types.js";
-import { HighlightScope } from "./highlightConfig.types.js";
-import { SeriesId } from "../../../../models/seriesType/common.js";
+import { type HighlightItemData } from "./useChartHighlight.types.js";
+import { type HighlightScope } from "./highlightConfig.types.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
 export declare function isSeriesHighlighted(scope: Partial<HighlightScope> | null, item: HighlightItemData | null, seriesId: SeriesId): boolean;
 export declare function isSeriesFaded(scope: Partial<HighlightScope> | null, item: HighlightItemData | null, seriesId: SeriesId): boolean;
 /**

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartHighlightSignature } from "./useChartHighlight.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartHighlightSignature } from "./useChartHighlight.types.js";
 export declare const useChartHighlight: ChartPlugin<UseChartHighlightSignature>;

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

@@ -36,7 +36,7 @@ const useChartHighlight = ({
   }, [store, params.highlightedItem]);
   const clearHighlight = (0, _useEventCallback.default)(() => {
     params.onHighlightChange?.(null);
-    const prevHighlight = store.getSnapshot().highlight;
+    const prevHighlight = store.state.highlight;
     if (prevHighlight.item === null || prevHighlight.isControlled) {
       return;
     }
@@ -47,7 +47,7 @@ const useChartHighlight = ({
     });
   });
   const setHighlight = (0, _useEventCallback.default)(newItem => {
-    const prevHighlight = store.getSnapshot().highlight;
+    const prevHighlight = store.state.highlight;
     if (prevHighlight.isControlled || (0, _fastObjectShallowCompare.fastObjectShallowCompare)(prevHighlight.item, newItem)) {
       return;
     }

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

@@ -1,6 +1,6 @@
-import { SeriesId } from "../../../../models/seriesType/common.js";
-import { HighlightItemData } from "./useChartHighlight.types.js";
-import { HighlightScope } from "./highlightConfig.types.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
+import { type HighlightItemData } from "./useChartHighlight.types.js";
+import { type HighlightScope } from "./highlightConfig.types.js";
 export declare const selectorChartsHighlightScopePerSeriesId: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => Map<SeriesId, Partial<HighlightScope> | undefined>;

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

@@ -1,7 +1,7 @@
-import { DefaultizedProps } from '@mui/x-internals/types';
-import { ChartPluginSignature } from "../../models/index.js";
-import { SeriesId } from "../../../../models/seriesType/common.js";
-import { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
+import { type DefaultizedProps } from '@mui/x-internals/types';
+import { type ChartPluginSignature } from "../../models/index.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
+import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
 /**
  * The data of the highlighted item.
  * To highlight an item, you need to provide the series id and the item id.

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

@@ -1,3 +1,3 @@
-import { ChartAnyPluginSignature, ChartUsedInstance } from "../../models/plugin.js";
-import { UseChartInteractionInstance } from "./useChartInteraction.types.js";
+import { type ChartAnyPluginSignature, type ChartUsedInstance } from "../../models/plugin.js";
+import { type UseChartInteractionInstance } from "./useChartInteraction.types.js";
 export declare function checkHasInteractionPlugin<T extends ChartAnyPluginSignature>(instance: ChartUsedInstance<T>): instance is ChartUsedInstance<T> & UseChartInteractionInstance;

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

@@ -1,4 +1,3 @@
 export { useChartInteraction } from "./useChartInteraction.js";
 export * from "./useChartInteraction.selectors.js";
-export * from "./useChartTooltip.selectors.js";
 export type { UseChartInteractionSignature } from "./useChartInteraction.types.js";

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

@@ -24,16 +24,4 @@ Object.keys(_useChartInteraction2).forEach(function (key) {
       return _useChartInteraction2[key];
     }
   });
-});
-var _useChartTooltip = require("./useChartTooltip.selectors");
-Object.keys(_useChartTooltip).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useChartTooltip[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useChartTooltip[key];
-    }
-  });
 });

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

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartInteractionSignature } from "./useChartInteraction.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartInteractionSignature } from "./useChartInteraction.types.js";
 export declare const useChartInteraction: ChartPlugin<UseChartInteractionSignature>;

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

@@ -7,40 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.useChartInteraction = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
 const useChartInteraction = ({
   store
 }) => {
   const cleanInteraction = (0, _useEventCallback.default)(function cleanInteraction() {
-    store.set('interaction', (0, _extends2.default)({}, store.state.interaction, {
-      pointer: null,
-      item: null
-    }));
-  });
-  const removeItemInteraction = (0, _useEventCallback.default)(function removeItemInteraction(itemToRemove) {
-    const prevItem = store.state.interaction.item;
-    if (!itemToRemove) {
-      // Remove without taking care of the current item
-      if (prevItem !== null) {
-        store.set('interaction', (0, _extends2.default)({}, store.state.interaction, {
-          item: null
-        }));
-      }
-      return;
-    }
-    if (prevItem === null || Object.keys(itemToRemove).some(key => itemToRemove[key] !== prevItem[key])) {
-      // The current item is already different from the one to remove. No need to clean it.
-      return;
-    }
-    store.set('interaction', (0, _extends2.default)({}, store.state.interaction, {
-      item: null
-    }));
+    store.update({
+      interaction: (0, _extends2.default)({}, store.state.interaction, {
+        pointer: null
+      })
+    });
   });
-  const setItemInteraction = (0, _useEventCallback.default)(function setItemInteraction(newItem, context) {
-    if (!(0, _fastObjectShallowCompare.fastObjectShallowCompare)(store.state.interaction.item, newItem)) {
+  const setLastUpdateSource = (0, _useEventCallback.default)(function setLastUpdateSource(interaction) {
+    if (store.state.interaction.lastUpdate !== interaction) {
       store.set('interaction', (0, _extends2.default)({}, store.state.interaction, {
-        lastUpdate: context.interaction,
-        item: newItem
+        lastUpdate: interaction
       }));
     }
   });
@@ -53,8 +33,7 @@ const useChartInteraction = ({
   return {
     instance: {
       cleanInteraction,
-      setItemInteraction,
-      removeItemInteraction,
+      setLastUpdateSource,
       setPointerCoordinate
     }
   };

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

@@ -1,9 +1,6 @@
 export declare const selectorChartsInteractionIsInitialized: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean;
-export declare const selectorChartsInteractionItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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.types.js").UseChartInteractionState> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
 export declare const selectorChartsInteractionPointer: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => import("./useChartInteraction.types.js").Coordinate | null;
@@ -13,9 +10,6 @@ export declare const selectorChartsInteractionPointerX: (args_0: import("../../c
 export declare const selectorChartsInteractionPointerY: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => number | null;
-export declare const selectorChartsInteractionItemIsDefined: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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.types.js").UseChartInteractionState> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => boolean;
 export declare const selectorChartsLastInteraction: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => import("./useChartInteraction.types.js").InteractionUpdateSource | undefined;

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

@@ -3,13 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartsLastInteraction = exports.selectorChartsInteractionPointerY = exports.selectorChartsInteractionPointerX = exports.selectorChartsInteractionPointer = exports.selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItem = exports.selectorChartsInteractionIsInitialized = void 0;
+exports.selectorChartsLastInteraction = exports.selectorChartsInteractionPointerY = exports.selectorChartsInteractionPointerX = exports.selectorChartsInteractionPointer = exports.selectorChartsInteractionIsInitialized = void 0;
 var _store = require("@mui/x-internals/store");
 const selectInteraction = state => state.interaction;
 const selectorChartsInteractionIsInitialized = exports.selectorChartsInteractionIsInitialized = (0, _store.createSelector)(selectInteraction, interaction => interaction !== undefined);
-const selectorChartsInteractionItem = exports.selectorChartsInteractionItem = (0, _store.createSelector)(selectInteraction, interaction => interaction?.item ?? null);
 const selectorChartsInteractionPointer = exports.selectorChartsInteractionPointer = (0, _store.createSelector)(selectInteraction, interaction => interaction?.pointer ?? null);
 const selectorChartsInteractionPointerX = exports.selectorChartsInteractionPointerX = (0, _store.createSelector)(selectorChartsInteractionPointer, pointer => pointer && pointer.x);
 const selectorChartsInteractionPointerY = exports.selectorChartsInteractionPointerY = (0, _store.createSelector)(selectorChartsInteractionPointer, pointer => pointer && pointer.y);
-const selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItemIsDefined = (0, _store.createSelector)(selectorChartsInteractionItem, item => item !== null);
 const selectorChartsLastInteraction = exports.selectorChartsLastInteraction = (0, _store.createSelector)(selectInteraction, interaction => interaction?.lastUpdate);

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

@@ -1,5 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
-import { ChartItemIdentifier, ChartSeriesType, type ChartItemIdentifierWithData } from "../../../../models/seriesType/config.js";
+import type { ChartPluginSignature } from "../../models/index.js";
 export type Coordinate = {
   x: number;
   y: number;
@@ -10,32 +9,21 @@ export interface UseChartInteractionInstance {
    * Remove all interaction.
    */
   cleanInteraction: () => void;
-  /**
-   * Setter for the item the user is interacting with.
-   * @param {ChartItemIdentifier} newItem The identifier of the item.
-   * @param {{ interaction: InteractionUpdateSource }} context The context of the interaction.
-   * @param {InteractionUpdateSource} context.interaction The source of the interaction update (pointer or keyboard).
-   */
-  setItemInteraction: (newItem: ChartItemIdentifierWithData<ChartSeriesType>, context: {
-    interaction: InteractionUpdateSource;
-  }) => void;
-  /**
-   * Remove item interaction if the current if the provided item is still the one interacting.
-   * @param {ChartItemIdentifier} itemToRemove The identifier of the item.
-   */
-  removeItemInteraction: (itemToRemove?: ChartItemIdentifier<ChartSeriesType>) => void;
   /**
    * Set the new pointer coordinate.
    * @param {Coordinate | null} newCoordinate The new pointer coordinate.
    */
   setPointerCoordinate: (newCoordinate: Coordinate | null) => void;
+  /**
+   * Set the last interaction update source.
+   * Used to determine if tooltip of highlight should use the keyboard or pointer items.
+   * @param {InteractionUpdateSource} interaction The source of the last interaction update (pointer or keyboard)
+   * @returns {void}
+   */
+  setLastUpdateSource: (interaction: InteractionUpdateSource) => void;
 }
 export interface UseChartInteractionState {
   interaction: {
-    /**
-     * The item currently interacting.
-     */
-    item: null | ChartItemIdentifierWithData<ChartSeriesType>;
     /**
      * The x/y SVG coordinate of the "main" pointer
      */

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/isFocusableSeriesType.d.ts

@@ -1,3 +1,3 @@
-import { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
+import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
 export declare function isFocusableSeriesType(type: ChartSeriesType): type is FocusableSeriesTypes;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartKeyboardNavigationSignature } from "./useChartKeyboardNavigation.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartKeyboardNavigationSignature } from "./useChartKeyboardNavigation.types.js";
 export declare const useChartKeyboardNavigation: ChartPlugin<UseChartKeyboardNavigationSignature>;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.helpers.d.ts

@@ -1,7 +1,7 @@
-import { ChartSeriesType, ChartsSeriesConfig } from "../../../../models/seriesType/config.js";
-import { SeriesId } from "../../../../models/seriesType/common.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
-import { FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
+import { type ChartSeriesType, type ChartsSeriesConfig } from "../../../../models/seriesType/config.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
+import { type ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
+import { type FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
 /**
  * Returns the next series type and id that contains some data.
  * Returns `null` if no other series have data.

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

@@ -1,6 +1,6 @@
-import { SeriesId } from "../../../../models/seriesType/common.js";
-import { AxisItemIdentifier } from "../../../../models/axis.js";
-import { FocusedItemData } from "../../../../hooks/useFocusedItem.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
+import { type AxisItemIdentifier } from "../../../../models/axis.js";
+import { type FocusedItemData } from "../../../../hooks/useFocusedItem.js";
 export declare const selectorChartsItemIsFocused: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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("./useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, item: FocusedItemData) => boolean;

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

@@ -1,8 +1,8 @@
-import { ChartPluginSignature } from "../../models/index.js";
-import { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { SeriesId } from "../../../../models/seriesType/common.js";
-import { UseChartInteractionSignature } from "../useChartInteraction/index.js";
-import { UseChartHighlightSignature } from "../useChartHighlight/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
+import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
+import { type UseChartInteractionSignature } from "../useChartInteraction/index.js";
+import { type UseChartHighlightSignature } from "../useChartHighlight/index.js";
 export interface UseChartKeyboardNavigationInstance {}
 type SeriesItemIdentifier<SeriesType extends ChartSeriesType = FocusableSeriesTypes> = SeriesType extends FocusableSeriesTypes ? {
   /**

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

@@ -1,9 +1,9 @@
-import { AxisConfig, ScaleName } from "../../../../models/index.js";
-import { ChartsAxisProps, ChartsRotationAxisProps, ChartsRadiusAxisProps, PolarAxisDefaultized, AxisId } from "../../../../models/axis.js";
-import { ChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type AxisConfig, type ScaleName } from "../../../../models/index.js";
+import { type ChartsAxisProps, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type AxisId } from "../../../../models/axis.js";
+import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
 import type { ChartDrawingArea } from "../../../../hooks/index.js";
-import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+import { type ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
 export type DefaultizedAxisConfig<AxisProps extends ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
   [axisId: AxisId]: PolarAxisDefaultized<ScaleName, any, AxisProps>;
 };

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

@@ -1,5 +1,5 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { ScaleName } from "../../../../models/index.js";
-import { PolarAxisConfig } from "../../../../models/axis.js";
-import { DatasetType } from "../../../../models/seriesType/config.js";
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type ScaleName } from "../../../../models/index.js";
+import { type PolarAxisConfig } from "../../../../models/axis.js";
+import { type DatasetType } from "../../../../models/seriesType/config.js";
 export declare function defaultizeAxis<TScale extends ScaleName = ScaleName>(inAxis: MakeOptional<PolarAxisConfig<TScale, any>, 'id'>[] | undefined, dataset: Readonly<DatasetType> | undefined, axisName: 'rotation' | 'radius'): PolarAxisConfig<TScale, any>[];

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

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

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

@@ -1,4 +1,4 @@
-import { PolarAxisDefaultized } from "../../../../models/axis.js";
+import { type PolarAxisDefaultized } from "../../../../models/axis.js";
 /**
  * For a pointer coordinate, this function returns the value and dataIndex associated.
  * Returns `-1` if the coordinate does not match a value.

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

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

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

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartPolarAxisSignature } from "./useChartPolarAxis.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartPolarAxisSignature } from "./useChartPolarAxis.types.js";
 export declare const useChartPolarAxis: ChartPlugin<UseChartPolarAxisSignature<any>>;

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

@@ -1,5 +1,5 @@
-import { UseChartPolarAxisSignature } from "./useChartPolarAxis.types.js";
-import { ChartState } from "../../models/chart.js";
+import { type UseChartPolarAxisSignature } from "./useChartPolarAxis.types.js";
+import { type ChartState } from "../../models/chart.js";
 import type { ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
 export declare const selectorChartPolarAxisState: (state: ChartState<[], [UseChartPolarAxisSignature]>) => {
   rotation: import("../../../index.js").AxisConfig<import("../../../index.js").ScaleName, any, import("../../../index.js").ChartsRotationAxisProps>[];

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

@@ -1,8 +1,8 @@
-import { ChartPluginSignature } from "../../models/index.js";
-import { ChartSeriesType, DatasetType } from "../../../../models/seriesType/config.js";
-import { ScaleName, AxisConfig, ChartsRotationAxisProps, ChartsRadiusAxisProps, RadiusAxis, RotationAxis, ChartsAxisData } from "../../../../models/axis.js";
-import { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
-import { UseChartInteractionSignature } from "../useChartInteraction/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
+import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.js";
+import { type ScaleName, type AxisConfig, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type RadiusAxis, type RotationAxis, type ChartsAxisData } from "../../../../models/axis.js";
+import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
+import { type UseChartInteractionSignature } from "../useChartInteraction/index.js";
 export interface UseChartPolarAxisInstance {
   /**
    * Transform (rotation, radius) to the SVG (x, y).

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

@@ -1,4 +1,4 @@
-import { AxisItemIdentifier } from "../../../../models/axis.js";
+import { type AxisItemIdentifier } from "../../../../models/axis.js";
 export declare const selectorChartsInteractionRotationAxisIndex: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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;

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

@@ -0,0 +1,3 @@
+export { useChartTooltip } from "./useChartTooltip.js";
+export * from "./useChartTooltip.selectors.js";
+export type { UseChartTooltipSignature } from "./useChartTooltip.types.js";

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useChartTooltip: true
+};
+Object.defineProperty(exports, "useChartTooltip", {
+  enumerable: true,
+  get: function () {
+    return _useChartTooltip.useChartTooltip;
+  }
+});
+var _useChartTooltip = require("./useChartTooltip");
+var _useChartTooltip2 = require("./useChartTooltip.selectors");
+Object.keys(_useChartTooltip2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartTooltip2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartTooltip2[key];
+    }
+  });
+});

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

@@ -0,0 +1,3 @@
+import type { ChartPlugin } from "../../models/index.js";
+import type { UseChartTooltipSignature } from "./useChartTooltip.types.js";
+export declare const useChartTooltip: ChartPlugin<UseChartTooltipSignature>;

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartTooltip = void 0;
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
+const useChartTooltip = ({
+  store
+}) => {
+  const removeTooltipItem = (0, _useEventCallback.default)(function removeTooltipItem(itemToRemove) {
+    const prevItem = store.state.tooltip.item;
+    if (!itemToRemove) {
+      // Remove without taking care of the current item
+      if (prevItem !== null) {
+        store.set('tooltip', {
+          item: null
+        });
+      }
+      return;
+    }
+    if (prevItem === null || !(0, _fastObjectShallowCompare.fastObjectShallowCompare)(prevItem, itemToRemove)) {
+      // The current item is already different from the one to remove. No need to clean it.
+      return;
+    }
+    store.set('tooltip', {
+      item: null
+    });
+  });
+  const setTooltipItem = (0, _useEventCallback.default)(function setTooltipItem(newItem) {
+    if (!(0, _fastObjectShallowCompare.fastObjectShallowCompare)(store.state.tooltip.item, newItem)) {
+      store.set('tooltip', {
+        item: newItem
+      });
+    }
+  });
+  return {
+    instance: {
+      setTooltipItem,
+      removeTooltipItem
+    }
+  };
+};
+exports.useChartTooltip = useChartTooltip;
+useChartTooltip.getInitialState = () => ({
+  tooltip: {
+    item: null
+  }
+});
+useChartTooltip.params = {};

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

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

package/internals/plugins/featurePlugins/{useChartInteraction → useChartTooltip}/useChartTooltip.selectors.js

@@ -3,17 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItem = void 0;
+exports.selectorChartsTooltipPointerItemIsDefined = exports.selectorChartsTooltipPointerItem = exports.selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItem = void 0;
 var _store = require("@mui/x-internals/store");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
 var _useChartCartesianAxisRendering = require("../useChartCartesianAxis/useChartCartesianAxisRendering.selectors");
 var _useChartKeyboardNavigation = require("../useChartKeyboardNavigation");
-var _useChartInteraction = require("./useChartInteraction.selectors");
+var _useChartInteraction = require("../useChartInteraction/useChartInteraction.selectors");
 var _useChartDimensions = require("../../corePlugins/useChartDimensions/useChartDimensions.selectors");
 var _isCartesian = require("../../../isCartesian");
 var _useChartPolarAxis = require("../useChartPolarAxis/useChartPolarAxis.selectors");
-const selectorChartsTooltipItem = exports.selectorChartsTooltipItem = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, _useChartInteraction.selectorChartsInteractionItem, _useChartKeyboardNavigation.selectorChartsKeyboardItem, (lastInteraction, interactionItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : interactionItem ?? null);
-const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, _useChartInteraction.selectorChartsInteractionItemIsDefined, _useChartKeyboardNavigation.selectorChartsKeyboardItemIsDefined, (lastInteraction, interactionItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : interactionItemIsDefined);
+const selectTooltip = state => state.tooltip;
+const selectorChartsTooltipPointerItem = exports.selectorChartsTooltipPointerItem = (0, _store.createSelector)(selectTooltip, tooltip => tooltip?.item ?? null);
+const selectorChartsTooltipPointerItemIsDefined = exports.selectorChartsTooltipPointerItemIsDefined = (0, _store.createSelector)(selectorChartsTooltipPointerItem, item => item !== null);
+const selectorChartsTooltipItem = exports.selectorChartsTooltipItem = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItem, _useChartKeyboardNavigation.selectorChartsKeyboardItem, (lastInteraction, pointerItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : pointerItem ?? null);
+const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItemIsDefined, _useChartKeyboardNavigation.selectorChartsKeyboardItemIsDefined, (lastInteraction, pointerItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : pointerItemIsDefined);
 const selectorChartsTooltipAxisConfig = (0, _store.createSelectorMemoized)(selectorChartsTooltipItem, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartPolarAxis.selectorChartRotationAxis, _useChartPolarAxis.selectorChartRadiusAxis, _useChartSeries.selectorChartSeriesProcessed, function selectorChartsTooltipAxisConfig(identifier, {
   axis: xAxis,
   axisIds: xAxisIds