@mui/x-charts 8.1.0 → 8.3.0

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/zoom.types.d.ts

@@ -1,5 +1,5 @@
 import { AxisId } from "../../../../models/axis.js";
-import type { ExtremumFilter } from './useChartCartesianAxis.types';
+import type { ExtremumFilter } from "./useChartCartesianAxis.types.js";
 export type ZoomData = {
   /**
    * The id of the zoomed axis.
@@ -67,6 +67,16 @@ export interface ZoomOptions {
    * @default 'keep'
    */
   filterMode?: ZoomFilterMode;
+  /**
+   * Configures the zoom slider. The slider is an element that shows the zoomed range and allows its manipulation.
+   */
+  slider?: ZoomSliderOptions;
+}
+export interface ZoomSliderOptions {
+  /**
+   * If `true`, the slider will be shown.
+   */
+  enabled?: boolean;
 }
 export type ZoomAxisFilters = Record<AxisId, ExtremumFilter>;
 export type GetZoomAxisFilters = (params: {

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

@@ -1,4 +1,4 @@
 export { useChartHighlight } from "./useChartHighlight.js";
 export * from "./useChartHighlight.selectors.js";
-export type { UseChartHighlightSignature, HighlightItemData } from './useChartHighlight.types';
-export type * from './highlightConfig.types';
+export type { UseChartHighlightSignature, HighlightItemData } from "./useChartHighlight.types.js";
+export type * from "./highlightConfig.types.js";

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

@@ -1,25 +1,40 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import { useAssertModelConsistency } from '@mui/x-internals/useAssertModelConsistency';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 export const useChartHighlight = ({
   store,
-  params,
-  models
+  params
 }) => {
+  useAssertModelConsistency({
+    warningPrefix: 'MUI X Charts',
+    componentName: 'Chart',
+    propName: 'highlightedItem',
+    controlled: params.highlightedItem,
+    defaultValue: null
+  });
   useEnhancedEffect(() => {
-    store.update(prevState => _extends({}, prevState, {
+    store.update(prevState => prevState.highlight.item === params.highlightedItem ? prevState : _extends({}, prevState, {
       highlight: _extends({}, prevState.highlight, {
-        item: models.highlightedItem.value
+        item: params.highlightedItem
       })
     }));
-  }, [store, models.highlightedItem.value]);
+  }, [store, params.highlightedItem]);
   const clearHighlight = useEventCallback(() => {
     params.onHighlightChange?.(null);
-    models.highlightedItem.setControlledValue(null);
+    store.update(prev => _extends({}, prev, {
+      highlight: {
+        item: null
+      }
+    }));
   });
   const setHighlight = useEventCallback(newItem => {
     params.onHighlightChange?.(newItem);
-    models.highlightedItem.setControlledValue(newItem);
+    store.update(prev => _extends({}, prev, {
+      highlight: {
+        item: newItem
+      }
+    }));
   });
   return {
     instance: {
@@ -28,14 +43,14 @@ export const useChartHighlight = ({
     }
   };
 };
-useChartHighlight.models = {
-  highlightedItem: {
-    getDefaultValue: () => null
-  }
-};
+useChartHighlight.getDefaultizedParams = ({
+  params
+}) => _extends({}, params, {
+  highlightedItem: params.highlightedItem ?? null
+});
 useChartHighlight.getInitialState = params => ({
   highlight: {
-    item: params.highlightedItem ?? null
+    item: params.highlightedItem
   }
 });
 useChartHighlight.params = {

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

@@ -3,20 +3,20 @@ import { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/useCha
 import { ChartRootSelector } from "../../utils/selectors.js";
 import { HighlightItemData, UseChartHighlightSignature } from "./useChartHighlight.types.js";
 import { HighlightScope } from "./highlightConfig.types.js";
-export declare const selectorChartsHighlightScopePerSeriesId: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
+export declare const selectorChartsHighlightScopePerSeriesId: ((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<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-    seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+    processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+    seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
   }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
   memoizedResultFunc: ((resultFuncArgs_0: {
-    processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-    seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+    processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+    seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
   }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -32,8 +32,8 @@ export declare const selectorChartsHighlightScopePerSeriesId: ((state: import(".
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartsHighlightedItem: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
+export declare const selectorChartsHighlightedItem: ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => HighlightItemData | null) & {
   clearCache: () => void;
   resultsCount: () => number;
@@ -59,9 +59,9 @@ export declare const selectorChartsHighlightedItem: ((state: import("../../coreP
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartsHighlightScope: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
-} & import("./useChartHighlight.types").UseChartHighlightState) => Partial<HighlightScope> | null) & {
+export declare const selectorChartsHighlightScope: ((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<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+} & import("./useChartHighlight.types.js").UseChartHighlightState) => Partial<HighlightScope> | null) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
@@ -73,20 +73,20 @@ export declare const selectorChartsHighlightScope: ((state: import("../../corePl
     resetResultsCount: () => void;
   };
   lastResult: () => Partial<HighlightScope> | null;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
+  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<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
   }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   } & {
     resultFunc: (resultFuncArgs_0: {
-      processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-      seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+      processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+      seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
     }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
     memoizedResultFunc: ((resultFuncArgs_0: {
-      processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-      seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+      processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+      seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
     }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
       clearCache: () => void;
       resultsCount: () => number;
@@ -101,8 +101,8 @@ export declare const selectorChartsHighlightScope: ((state: import("../../corePl
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
+  }, ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
   }) => HighlightItemData | null) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -136,9 +136,9 @@ export declare const selectorChartsHighlightScope: ((state: import("../../corePl
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartsIsHighlightedCallback: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
-} & import("./useChartHighlight.types").UseChartHighlightState) => (item: HighlightItemData | null) => boolean) & {
+export declare const selectorChartsIsHighlightedCallback: ((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<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+} & import("./useChartHighlight.types.js").UseChartHighlightState) => (item: HighlightItemData | null) => boolean) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
@@ -150,9 +150,9 @@ export declare const selectorChartsIsHighlightedCallback: ((state: import("../..
     resetResultsCount: () => void;
   };
   lastResult: () => (item: HighlightItemData | null) => boolean;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  } & import("./useChartHighlight.types").UseChartHighlightState) => Partial<HighlightScope> | 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<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  } & import("./useChartHighlight.types.js").UseChartHighlightState) => Partial<HighlightScope> | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -164,20 +164,20 @@ export declare const selectorChartsIsHighlightedCallback: ((state: import("../..
       resetResultsCount: () => void;
     };
     lastResult: () => Partial<HighlightScope> | null;
-    dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
+    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<{}> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
     }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     } & {
       resultFunc: (resultFuncArgs_0: {
-        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+        processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+        seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
       memoizedResultFunc: ((resultFuncArgs_0: {
-        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+        processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+        seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -192,8 +192,8 @@ export declare const selectorChartsIsHighlightedCallback: ((state: import("../..
     } & {
       memoize: typeof import("reselect").weakMapMemoize;
       argsMemoize: typeof import("reselect").weakMapMemoize;
-    }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
+    }, ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
     }) => HighlightItemData | null) & {
       clearCache: () => void;
       resultsCount: () => number;
@@ -226,8 +226,8 @@ export declare const selectorChartsIsHighlightedCallback: ((state: import("../..
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
+  }, ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
   }) => HighlightItemData | null) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -261,9 +261,9 @@ export declare const selectorChartsIsHighlightedCallback: ((state: import("../..
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartsIsFadedCallback: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
-} & import("./useChartHighlight.types").UseChartHighlightState) => (item: HighlightItemData | null) => boolean) & {
+export declare const selectorChartsIsFadedCallback: ((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<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+} & import("./useChartHighlight.types.js").UseChartHighlightState) => (item: HighlightItemData | null) => boolean) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
@@ -275,9 +275,9 @@ export declare const selectorChartsIsFadedCallback: ((state: import("../../coreP
     resetResultsCount: () => void;
   };
   lastResult: () => (item: HighlightItemData | null) => boolean;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  } & import("./useChartHighlight.types").UseChartHighlightState) => Partial<HighlightScope> | 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<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  } & import("./useChartHighlight.types.js").UseChartHighlightState) => Partial<HighlightScope> | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -289,20 +289,20 @@ export declare const selectorChartsIsFadedCallback: ((state: import("../../coreP
       resetResultsCount: () => void;
     };
     lastResult: () => Partial<HighlightScope> | null;
-    dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
+    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<{}> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
     }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     } & {
       resultFunc: (resultFuncArgs_0: {
-        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+        processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+        seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
       memoizedResultFunc: ((resultFuncArgs_0: {
-        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+        processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+        seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -317,8 +317,8 @@ export declare const selectorChartsIsFadedCallback: ((state: import("../../coreP
     } & {
       memoize: typeof import("reselect").weakMapMemoize;
       argsMemoize: typeof import("reselect").weakMapMemoize;
-    }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
+    }, ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
     }) => HighlightItemData | null) & {
       clearCache: () => void;
       resultsCount: () => number;
@@ -351,8 +351,8 @@ export declare const selectorChartsIsFadedCallback: ((state: import("../../coreP
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
+  }, ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
   }) => HighlightItemData | null) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -398,9 +398,9 @@ export declare const selectorChartsIsHighlighted: ((state: any, item: HighlightI
     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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  } & import("./useChartHighlight.types").UseChartHighlightState) => Partial<HighlightScope> | 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<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  } & import("./useChartHighlight.types.js").UseChartHighlightState) => Partial<HighlightScope> | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -412,20 +412,20 @@ export declare const selectorChartsIsHighlighted: ((state: any, item: HighlightI
       resetResultsCount: () => void;
     };
     lastResult: () => Partial<HighlightScope> | null;
-    dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
+    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<{}> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
     }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     } & {
       resultFunc: (resultFuncArgs_0: {
-        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+        processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+        seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
       memoizedResultFunc: ((resultFuncArgs_0: {
-        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+        processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+        seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -440,8 +440,8 @@ export declare const selectorChartsIsHighlighted: ((state: any, item: HighlightI
     } & {
       memoize: typeof import("reselect").weakMapMemoize;
       argsMemoize: typeof import("reselect").weakMapMemoize;
-    }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
+    }, ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
     }) => HighlightItemData | null) & {
       clearCache: () => void;
       resultsCount: () => number;
@@ -474,8 +474,8 @@ export declare const selectorChartsIsHighlighted: ((state: any, item: HighlightI
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
+  }, ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
   }) => HighlightItemData | null) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -521,9 +521,9 @@ export declare const selectorChartsIsFaded: ((state: any, item: HighlightItemDat
     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> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
-  } & import("./useChartHighlight.types").UseChartHighlightState) => Partial<HighlightScope> | 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<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  } & import("./useChartHighlight.types.js").UseChartHighlightState) => Partial<HighlightScope> | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -535,20 +535,20 @@ export declare const selectorChartsIsFaded: ((state: any, item: HighlightItemDat
       resetResultsCount: () => void;
     };
     lastResult: () => Partial<HighlightScope> | null;
-    dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
+    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<{}> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
     }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     } & {
       resultFunc: (resultFuncArgs_0: {
-        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+        processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+        seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
       memoizedResultFunc: ((resultFuncArgs_0: {
-        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+        processedSeries: import("../../../index.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+        seriesConfig: import("../../models/index.js").ChartSeriesConfig<keyof import("../../../index.js").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -563,8 +563,8 @@ export declare const selectorChartsIsFaded: ((state: any, item: HighlightItemDat
     } & {
       memoize: typeof import("reselect").weakMapMemoize;
       argsMemoize: typeof import("reselect").weakMapMemoize;
-    }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-      cacheKey: import("../../models").ChartStateCacheKey;
+    }, ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
     }) => HighlightItemData | null) & {
       clearCache: () => void;
       resultsCount: () => number;
@@ -597,8 +597,8 @@ export declare const selectorChartsIsFaded: ((state: any, item: HighlightItemDat
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-    cacheKey: import("../../models").ChartStateCacheKey;
+  }, ((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 & import("./useChartHighlight.types.js").UseChartHighlightState & Partial<{}> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
   }) => HighlightItemData | null) & {
     clearCache: () => void;
     resultsCount: () => number;

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

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