@mui/x-charts 8.0.0-beta.2 → 8.0.0

package/esm/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.js

@@ -0,0 +1,88 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+export const useChartAnimation = ({
+  params,
+  store
+}) => {
+  React.useEffect(() => {
+    store.update(prevState => {
+      return _extends({}, prevState, {
+        animation: _extends({}, prevState.animation, {
+          skip: params.skipAnimation
+        })
+      });
+    });
+  }, [store, params.skipAnimation]);
+  const disableAnimation = React.useCallback(() => {
+    let disableCalled = false;
+    store.update(prevState => _extends({}, prevState, {
+      animation: _extends({}, prevState.animation, {
+        skipAnimationRequests: prevState.animation.skipAnimationRequests + 1
+      })
+    }));
+    return () => {
+      if (disableCalled) {
+        return;
+      }
+      disableCalled = true;
+      store.update(prevState => _extends({}, prevState, {
+        animation: _extends({}, prevState.animation, {
+          skipAnimationRequests: prevState.animation.skipAnimationRequests - 1
+        })
+      }));
+    };
+  }, [store]);
+  useEnhancedEffect(() => {
+    // Skip animation test/jsdom
+    const isAnimationDisabledEnvironment = typeof window === 'undefined' || !window?.matchMedia;
+    if (isAnimationDisabledEnvironment) {
+      return undefined;
+    }
+    let disableAnimationCleanup;
+    const handleMediaChange = event => {
+      if (event.matches) {
+        disableAnimationCleanup = disableAnimation();
+      } else {
+        disableAnimationCleanup?.();
+      }
+    };
+    const mql = window.matchMedia('(prefers-reduced-motion)');
+    handleMediaChange(mql);
+    mql.addEventListener('change', handleMediaChange);
+    return () => {
+      mql.removeEventListener('change', handleMediaChange);
+    };
+  }, [disableAnimation, store]);
+  return {
+    instance: {
+      disableAnimation
+    }
+  };
+};
+useChartAnimation.params = {
+  skipAnimation: true
+};
+useChartAnimation.getDefaultizedParams = ({
+  params
+}) => _extends({}, params, {
+  skipAnimation: params.skipAnimation ?? false
+});
+useChartAnimation.getInitialState = ({
+  skipAnimation
+}) => {
+  const isAnimationDisabledEnvironment = typeof window === 'undefined' || !window?.matchMedia;
+
+  // We use the value of `isAnimationDisabledEnvironment` as the initial value of `skipAnimation` to avoid
+  // re-rendering the component on environments where matchMedia is not supported, hence skipAnimation will always be true.
+  const disableAnimations = process.env.NODE_ENV === 'test' ? isAnimationDisabledEnvironment : false;
+  return {
+    animation: {
+      skip: skipAnimation,
+      // By initializing the skipAnimationRequests to 1, we ensure that the animation is always skipped
+      skipAnimationRequests: disableAnimations ? 1 : 0
+    }
+  };
+};

package/esm/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.d.ts

@@ -0,0 +1,31 @@
+import { ChartRootSelector } from "../../utils/selectors.js";
+import type { UseChartAnimationSignature } from './useChartAnimation.types';
+export declare const selectorChartSkipAnimation: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("./useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
+  cacheKey: import("../../models").ChartStateCacheKey;
+}) => boolean) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: {
+    skip: boolean;
+    skipAnimationRequests: number;
+  }) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: {
+    skip: boolean;
+    skipAnimationRequests: number;
+  }) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => boolean;
+  dependencies: [ChartRootSelector<UseChartAnimationSignature>];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};

package/esm/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.js

@@ -0,0 +1,3 @@
+import { createSelector } from "../../utils/selectors.js";
+const selectorChartAnimationState = state => state.animation;
+export const selectorChartSkipAnimation = createSelector(selectorChartAnimationState, state => state.skip || state.skipAnimationRequests > 0);

package/esm/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types.d.ts

@@ -0,0 +1,39 @@
+import { ChartPluginSignature } from "../../models/index.js";
+import type { UseChartCartesianAxisSignature } from '../../featurePlugins/useChartCartesianAxis';
+export interface UseChartAnimationParameters {
+  /**
+   * If `true`, animations are skipped.
+   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
+   */
+  skipAnimation?: boolean;
+}
+export type UseChartAnimationDefaultizedParameters = UseChartAnimationParameters & {
+  skipAnimation: NonNullable<UseChartAnimationParameters['skipAnimation']>;
+};
+export interface UseChartAnimationState {
+  animation: {
+    /**
+     * User-provided value. If true, animations should be skipped.
+     */
+    skip: boolean;
+    /**
+     * Count of requests to skip animations.
+     * If there is at least one request, animations are skipped.
+     */
+    skipAnimationRequests: number;
+  };
+}
+export interface UseChartAnimationInstance {
+  /**
+   * Function to request the chart to skip animations.
+   * @returns {() => void} a function that removes the skip animation request.
+   */
+  disableAnimation: () => () => void;
+}
+export type UseChartAnimationSignature = ChartPluginSignature<{
+  params: UseChartAnimationParameters;
+  defaultizedParams: UseChartAnimationDefaultizedParameters;
+  state: UseChartAnimationState;
+  instance: UseChartAnimationInstance;
+  optionalDependencies: [UseChartCartesianAxisSignature];
+}>;

package/esm/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts

@@ -1,7 +1,7 @@
 import { ChartRootSelector } from "../../utils/selectors.js";
 import type { UseChartDimensionsSignature } from './useChartDimensions.types';
 export declare const selectorChartDimensionsState: ChartRootSelector<UseChartDimensionsSignature>;
-export declare const selectorChartDrawingArea: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartDrawingArea: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 } & Partial<import("../../..").UseChartCartesianAxisState>) => {
   width: number;
@@ -43,7 +43,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
     top: number;
     bottom: number;
   };
-  dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -77,7 +77,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -111,7 +111,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -125,7 +125,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("./useChartDimensions.types").ChartMargin) & {
       clearCache: () => void;
@@ -167,7 +167,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -181,7 +181,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("./useChartDimensions.types").ChartMargin) & {
       clearCache: () => void;
@@ -223,7 +223,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -237,7 +237,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("./useChartDimensions.types").ChartMargin) & {
       clearCache: () => void;
@@ -279,7 +279,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -293,7 +293,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("./useChartDimensions.types").ChartMargin) & {
       clearCache: () => void;
@@ -335,7 +335,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -349,7 +349,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
       clearCache: () => void;
@@ -388,7 +388,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -402,7 +402,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
       clearCache: () => void;
@@ -441,7 +441,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -455,7 +455,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
       clearCache: () => void;
@@ -494,7 +494,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -508,7 +508,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
       clearCache: () => void;
@@ -556,7 +556,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartPropsSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartPropsSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => {
   width: number | undefined;
@@ -603,7 +603,7 @@ export declare const selectorChartPropsSize: ((state: import("../useChartId/useC
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartContainerSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartContainerSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => {
   width: number;
@@ -629,7 +629,7 @@ export declare const selectorChartContainerSize: ((state: import("../useChartId/
     width: number;
     height: number;
   };
-  dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -663,7 +663,7 @@ export declare const selectorChartContainerSize: ((state: import("../useChartId/
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;

package/esm/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts

@@ -5,7 +5,7 @@ import { UseChartIdSignature } from "./useChartId.types.js";
  * @param {ChartState<[UseChartIdSignature]>} state The state of the chart.
  * @returns {string} The id attribute of the chart.
  */
-export declare const selectorChartId: ((state: import("./useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartId: ((state: import("./useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => string | undefined) & {
   clearCache: () => void;

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts

@@ -1,7 +1,7 @@
 import { ChartRootSelector } from "../../utils/selectors.js";
 import { UseChartSeriesSignature } from "./useChartSeries.types.js";
 export declare const selectorChartSeriesState: ChartRootSelector<UseChartSeriesSignature>;
-export declare const selectorChartSeriesProcessed: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartSeriesProcessed: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>) & {
   clearCache: () => void;
@@ -30,7 +30,7 @@ export declare const selectorChartSeriesProcessed: ((state: import("../useChartI
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartSeriesConfig: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartSeriesConfig: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>) & {
   clearCache: () => void;

package/esm/internals/plugins/corePlugins/useChartSeries/useColorProcessor.d.ts

@@ -1,8 +1,5 @@
 import { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { DefaultizedSeriesType } from "../../../../models/seriesType/index.js";
-import { AxisDefaultized } from "../../../../models/axis.js";
-import { ZAxisDefaultized } from "../../../../models/z-axis.js";
-export type ColorProcessor<T extends ChartSeriesType> = (series: DefaultizedSeriesType<T>, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized, zAxis?: ZAxisDefaultized) => (dataIndex: number) => string;
+import { ColorProcessor } from "../../models/seriesConfig/index.js";
 export type ColorProcessorsConfig<T extends ChartSeriesType> = { [Key in T]?: ColorProcessor<Key> };
-export declare function useColorProcessor<T extends ChartSeriesType>(seriesType: T): ColorProcessorsConfig<T>[T];
+export declare function useColorProcessor<T extends ChartSeriesType>(seriesType: T): ColorProcessor<T>;
 export declare function useColorProcessor(): ColorProcessorsConfig<ChartSeriesType>;

package/esm/internals/plugins/corePlugins/useChartSeries/useColorProcessor.js

@@ -10,6 +10,7 @@ export function useColorProcessor(seriesType) {
   const colorProcessors = React.useMemo(() => {
     const rep = {};
     Object.keys(seriesConfig).forEach(seriesT => {
+      // @ts-expect-error https://github.com/microsoft/TypeScript/issues/61555
       rep[seriesT] = seriesConfig[seriesT].colorProcessor;
     });
     return rep;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.d.ts

@@ -6,7 +6,7 @@ import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
 import { DefaultizedAxisConfig, DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
 import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
 import { GetZoomAxisFilters, ZoomData } from "./zoom.types.js";
-type ComputeResult<T extends ChartsAxisProps> = {
+export type ComputeResult<T extends ChartsAxisProps> = {
   axis: DefaultizedAxisConfig<T>;
   axisIds: string[];
 };

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.js

@@ -6,6 +6,7 @@ import { getTickNumber } from "../../../../hooks/useTicks.js";
 import { getScale } from "../../../getScale.js";
 import { zoomScaleRange } from "./zoom.js";
 import { getAxisExtremum } from "./getAxisExtremum.js";
+import { getAxisTriggerTooltip } from "./getAxisTriggerTooltip.js";
 function getRange(drawingArea, axisDirection,
 // | 'rotation' | 'radius',
 axis) {
@@ -37,6 +38,7 @@ export function computeAxisValue({
       axisIds: []
     };
   }
+  const axisIdsTriggeringTooltip = getAxisTriggerTooltip(axisDirection, seriesConfig, formattedSeries, allAxis[0].id);
   const completeAxis = {};
   allAxis.forEach((eachAxis, axisIndex) => {
     const axis = eachAxis;
@@ -46,6 +48,7 @@ export function computeAxisValue({
     const range = getRange(drawingArea, axisDirection, axis);
     const [minData, maxData] = getAxisExtremum(axis, axisDirection, seriesConfig, axisIndex, formattedSeries, zoom === undefined && !zoomOption ? getFilters : undefined // Do not apply filtering if zoom is already defined.
     );
+    const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
     const data = axis.data ?? [];
     if (isBandScaleConfig(axis)) {
       const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
@@ -57,7 +60,8 @@ export function computeAxisValue({
         offset: 0,
         height: 0,
         categoryGapRatio,
-        barGapRatio
+        barGapRatio,
+        triggerTooltip
       }, axis, {
         data,
         scale: scaleBand(axis.data, zoomedRange).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
@@ -76,7 +80,8 @@ export function computeAxisValue({
       const zoomedRange = zoomScaleRange(scaleRange, zoomRange);
       completeAxis[axis.id] = _extends({
         offset: 0,
-        height: 0
+        height: 0,
+        triggerTooltip
       }, axis, {
         data,
         scale: scalePoint(axis.data, zoomedRange),
@@ -117,7 +122,8 @@ export function computeAxisValue({
     const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
     completeAxis[axis.id] = _extends({
       offset: 0,
-      height: 0
+      height: 0,
+      triggerTooltip
     }, axis, {
       data,
       scaleType: scaleType,

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisTriggerTooltip.d.ts

@@ -0,0 +1,5 @@
+import { CartesianChartSeriesType } 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";
+export declare const getAxisTriggerTooltip: <TSeriesType extends CartesianChartSeriesType>(axisDirection: "x" | "y", seriesConfig: ChartSeriesConfig<TSeriesType>, formattedSeries: ProcessedSeries<TSeriesType>, defaultAxisId: AxisId) => Set<AxisId>;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisTriggerTooltip.js

@@ -0,0 +1,21 @@
+import { isCartesianSeriesType } from "../../../isCartesian.js";
+export const getAxisTriggerTooltip = (axisDirection, seriesConfig, formattedSeries, defaultAxisId) => {
+  const tooltipAxesIds = new Set();
+  const chartTypes = Object.keys(seriesConfig).filter(isCartesianSeriesType);
+  chartTypes.forEach(chartType => {
+    const series = formattedSeries[chartType]?.series ?? {};
+    const tooltipAxes = seriesConfig[chartType].axisTooltipGetter?.(series);
+    if (tooltipAxes === undefined) {
+      return;
+    }
+    tooltipAxes.forEach(({
+      axisId,
+      direction
+    }) => {
+      if (direction === axisDirection) {
+        tooltipAxesIds.add(axisId ?? defaultAxisId);
+      }
+    });
+  });
+  return tooltipAxesIds;
+};

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

@@ -1,6 +1,7 @@
 export { useChartCartesianAxis } from "./useChartCartesianAxis.js";
 export type * from './useChartCartesianAxis.types';
 export * from "./useChartCartesianAxisRendering.selectors.js";
+export * from "./useChartCartesianAxisLayout.selectors.js";
 export * from "./useChartCartesianInteraction.selectors.js";
 export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.js";
 export * from "./computeAxisValue.js";

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/index.js

@@ -1,5 +1,6 @@
 export { useChartCartesianAxis } from "./useChartCartesianAxis.js";
 export * from "./useChartCartesianAxisRendering.selectors.js";
+export * from "./useChartCartesianAxisLayout.selectors.js";
 export * from "./useChartCartesianInteraction.selectors.js";
 export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.js";
 export * from "./computeAxisValue.js";