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

package/hooks/index.js

@@ -199,4 +199,16 @@ Object.keys(_useLegend).forEach(function (key) {
     }
   });
 });
-var _useChartGradientId = require("./useChartGradientId");
+var _useChartGradientId = require("./useChartGradientId");
+var _animation = require("./animation");
+Object.keys(_animation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _animation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _animation[key];
+    }
+  });
+});

package/hooks/useAxisSystem.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @internals
+ *
+ * Get the coordinate system implemented.
+ * The hook assumes polar and cartesian are never implemented at the same time.
+ * @returns The coordinate system
+ */
+export declare function useAxisSystem(): 'none' | 'polar' | 'cartesian';

package/hooks/useAxisSystem.js

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAxisSystem = useAxisSystem;
+var _useChartCartesianAxis = require("../internals/plugins/featurePlugins/useChartCartesianAxis");
+var _useChartPolarAxis = require("../internals/plugins/featurePlugins/useChartPolarAxis");
+var _useSelector = require("../internals/store/useSelector");
+var _useStore = require("../internals/store/useStore");
+/**
+ * @internals
+ *
+ * Get the coordinate system implemented.
+ * The hook assumes polar and cartesian are never implemented at the same time.
+ * @returns The coordinate system
+ */
+function useAxisSystem() {
+  const store = (0, _useStore.useStore)();
+  const rawRotationAxis = (0, _useSelector.useSelector)(store, _useChartPolarAxis.selectorChartRawRotationAxis);
+  const rawXAxis = (0, _useSelector.useSelector)(store, _useChartCartesianAxis.selectorChartRawXAxis);
+  if (rawRotationAxis !== undefined) {
+    return 'polar';
+  }
+  if (rawXAxis !== undefined) {
+    return 'cartesian';
+  }
+  return 'none';
+}

package/hooks/useInteractionItemProps.js

@@ -17,7 +17,9 @@ const useInteractionItemProps = (data, skip) => {
   const {
     instance
   } = (0, _ChartProvider.useChartContext)();
+  const interactionActive = React.useRef(false);
   const onPointerEnter = React.useCallback(() => {
+    interactionActive.current = true;
     instance.setItemInteraction({
       type: data.type,
       seriesId: data.seriesId,
@@ -29,6 +31,7 @@ const useInteractionItemProps = (data, skip) => {
     });
   }, [instance, data.type, data.seriesId, data.dataIndex]);
   const onPointerLeave = React.useCallback(() => {
+    interactionActive.current = false;
     instance.removeItemInteraction({
       type: data.type,
       seriesId: data.seriesId,
@@ -36,6 +39,14 @@ const useInteractionItemProps = (data, skip) => {
     });
     instance.clearHighlight();
   }, [instance, data.type, data.seriesId, data.dataIndex]);
+  React.useEffect(() => {
+    return () => {
+      /* Clean up state if this item is unmounted while active. */
+      if (interactionActive.current) {
+        onPointerLeave();
+      }
+    };
+  }, [onPointerLeave]);
   if (skip) {
     return {};
   }

package/hooks/useIsHydrated.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
  *
  * Basically a implementation of Option 2 of this gist: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#option-2-lazily-show-component-with-uselayouteffect. */
 function useIsHydrated() {
-  const [isHydrated, setIsHydrated] = React.useState(false);
+  const [isHydrated, setIsHydrated] = React.useState(typeof window !== 'undefined' || process.env.NODE_ENV === 'test');
   React.useEffect(() => {
     setIsHydrated(true);
   }, []);

package/{esm/context/AnimationProvider → hooks}/useSkipAnimation.d.ts

@@ -1,6 +1,6 @@
 /**
  * A hook to get if chart animations should be skipped.
  *
- * @returns {boolean|undefined} whether to skip animations
+ * @returns {boolean} whether to skip animations
  */
-export declare function useSkipAnimation(skipAnimation?: boolean): boolean | undefined;
+export declare function useSkipAnimation(skipAnimation?: boolean): boolean;

package/hooks/useSkipAnimation.js

@@ -0,0 +1,20 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSkipAnimation = useSkipAnimation;
+var _useChartAnimation = require("../internals/plugins/corePlugins/useChartAnimation");
+var _useStore = require("../internals/store/useStore");
+var _useSelector = require("../internals/store/useSelector");
+/**
+ * A hook to get if chart animations should be skipped.
+ *
+ * @returns {boolean} whether to skip animations
+ */
+function useSkipAnimation(skipAnimation) {
+  const store = (0, _useStore.useStore)();
+  const storeSkipAnimation = (0, _useSelector.useSelector)(store, _useChartAnimation.selectorChartSkipAnimation);
+  return skipAnimation || storeSkipAnimation;
+}

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.0.0-beta.2
+ * @mui/x-charts v8.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/animation/Transition.d.ts

@@ -0,0 +1,37 @@
+/**
+ * A resumable transition class inspired by d3-transition.
+ * Allows for starting, and stopping and resuming transitions.
+ *
+ * The transition is started automatically.
+ * A transition cannot be restarted after it has finished.
+ * Resuming a transition will continue from the point it was stopped, i.e., easing will continue from the point it was
+ * stopped.
+ */
+export declare class Transition {
+  private readonly duration;
+  private elapsed;
+  private readonly easingFn;
+  private timer;
+  private readonly onTickCallback;
+  /**
+   * Create a new ResumableTransition.
+   * @param duration Duration in milliseconds
+   * @param easingFn The easing function
+   * @param onTick Callback function called on each animation frame with the eased time in range [0, 1].
+   */
+  constructor(duration: number, easingFn: (t: number) => number, onTick: (easedT: number) => void);
+  private get running();
+  private timerCallback;
+  /**
+   * Resume the transition
+   */
+  resume(): this;
+  /**
+   * Stops the transition.
+   */
+  stop(): this;
+  /**
+   * Immediately finishes the transition and calls the tick callback with the final value.
+   */
+  finish(): this;
+}

package/internals/animation/Transition.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Transition = void 0;
+var _d3Timer = require("@mui/x-charts-vendor/d3-timer");
+/**
+ * A resumable transition class inspired by d3-transition.
+ * Allows for starting, and stopping and resuming transitions.
+ *
+ * The transition is started automatically.
+ * A transition cannot be restarted after it has finished.
+ * Resuming a transition will continue from the point it was stopped, i.e., easing will continue from the point it was
+ * stopped.
+ */
+class Transition {
+  /**
+   * Create a new ResumableTransition.
+   * @param duration Duration in milliseconds
+   * @param easingFn The easing function
+   * @param onTick Callback function called on each animation frame with the eased time in range [0, 1].
+   */
+  constructor(duration, easingFn, onTick) {
+    this.duration = void 0;
+    this.elapsed = 0;
+    this.easingFn = void 0;
+    this.timer = null;
+    this.onTickCallback = void 0;
+    this.duration = duration;
+    this.easingFn = easingFn;
+    this.onTickCallback = onTick;
+    this.resume();
+  }
+  get running() {
+    return this.timer !== null;
+  }
+  timerCallback(elapsed) {
+    this.elapsed = Math.min(elapsed, this.duration);
+    const t = this.duration === 0 ? 1 : this.elapsed / this.duration;
+    const easedT = this.easingFn(t);
+
+    // Call the tick callback with the current value
+    this.onTickCallback(easedT);
+    if (this.elapsed >= this.duration) {
+      this.stop();
+    }
+  }
+
+  /**
+   * Resume the transition
+   */
+  resume() {
+    if (this.running || this.elapsed >= this.duration) {
+      return this;
+    }
+
+    /* If we're resuming the transition, then subtract elapsed to continue the easing. */
+    const time = (0, _d3Timer.now)() - this.elapsed;
+    this.timer = (0, _d3Timer.timer)(elapsed => this.timerCallback(elapsed), 0, time);
+    (0, _d3Timer.timerFlush)();
+    return this;
+  }
+
+  /**
+   * Stops the transition.
+   */
+  stop() {
+    if (!this.running) {
+      return this;
+    }
+    if (this.timer) {
+      this.timer.stop();
+      this.timer = null;
+    }
+    return this;
+  }
+
+  /**
+   * Immediately finishes the transition and calls the tick callback with the final value.
+   */
+  finish() {
+    this.stop();
+    (0, _d3Timer.timeout)(() => this.timerCallback(this.duration));
+    (0, _d3Timer.timerFlush)();
+    return this;
+  }
+}
+exports.Transition = Transition;

package/internals/animation/animation.d.ts

@@ -0,0 +1,4 @@
+import BezierEasing from 'bezier-easing';
+export declare const ANIMATION_DURATION_MS = 300;
+export declare const ANIMATION_TIMING_FUNCTION = "cubic-bezier(0.66, 0, 0.34, 1)";
+export declare const ANIMATION_TIMING_FUNCTION_JS: BezierEasing.EasingFunction;

package/internals/animation/animation.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ANIMATION_TIMING_FUNCTION_JS = exports.ANIMATION_TIMING_FUNCTION = exports.ANIMATION_DURATION_MS = void 0;
+var _bezierEasing = _interopRequireDefault(require("bezier-easing"));
+const ANIMATION_DURATION_MS = exports.ANIMATION_DURATION_MS = 300;
+const ANIMATION_TIMING_FUNCTION = exports.ANIMATION_TIMING_FUNCTION = 'cubic-bezier(0.66, 0, 0.34, 1)';
+const ANIMATION_TIMING_FUNCTION_JS = exports.ANIMATION_TIMING_FUNCTION_JS = (0, _bezierEasing.default)(0.66, 0, 0.34, 1);

package/internals/animation/useAnimateInternal.d.ts

@@ -0,0 +1,21 @@
+/** Animates a ref. The animation can be skipped by setting {@link skip} to true.
+ *
+ * If possible, prefer {@link useAnimate}.
+ *
+ * - If {@link skip} is false, a transition will be started.
+ * - If {@link skip} is true and no transition is in progress, no transition will be started and {@link applyProps} will
+ *   never be called.
+ * - If {@link skip} becomes true and a transition is in progress, the transition will immediately end and
+ *   {@link applyProps} be called with the final value.
+ * */
+export declare function useAnimateInternal<Props extends {}, Elem extends Element>(props: Props, {
+  createInterpolator,
+  applyProps,
+  skip,
+  initialProps
+}: {
+  createInterpolator: (lastProps: Props, newProps: Props) => (t: number) => Props;
+  applyProps: (element: Elem, props: Props) => void;
+  skip?: boolean;
+  initialProps?: Props;
+}): (element: Elem | null) => void;

package/internals/animation/useAnimateInternal.js

@@ -0,0 +1,82 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAnimateInternal = useAnimateInternal;
+var React = _interopRequireWildcard(require("react"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _animation = require("./animation");
+var _Transition = require("./Transition");
+var _shallowEqual = require("../shallowEqual");
+/** Animates a ref. The animation can be skipped by setting {@link skip} to true.
+ *
+ * If possible, prefer {@link useAnimate}.
+ *
+ * - If {@link skip} is false, a transition will be started.
+ * - If {@link skip} is true and no transition is in progress, no transition will be started and {@link applyProps} will
+ *   never be called.
+ * - If {@link skip} becomes true and a transition is in progress, the transition will immediately end and
+ *   {@link applyProps} be called with the final value.
+ * */
+function useAnimateInternal(props, {
+  createInterpolator,
+  applyProps,
+  skip,
+  initialProps = props
+}) {
+  const lastInterpolatedPropsRef = React.useRef(initialProps);
+  const transitionRef = React.useRef(null);
+  const elementRef = React.useRef(null);
+  const lastPropsRef = React.useRef(props);
+  (0, _useEnhancedEffect.default)(() => {
+    lastPropsRef.current = props;
+  }, [props]);
+  (0, _useEnhancedEffect.default)(() => {
+    if (skip) {
+      transitionRef.current?.finish();
+      transitionRef.current = null;
+      elementRef.current = null;
+      lastInterpolatedPropsRef.current = props;
+    }
+  }, [props, skip]);
+  const animate = React.useCallback(element => {
+    const lastInterpolatedProps = lastInterpolatedPropsRef.current;
+    const interpolate = createInterpolator(lastInterpolatedProps, props);
+    transitionRef.current = new _Transition.Transition(_animation.ANIMATION_DURATION_MS, _animation.ANIMATION_TIMING_FUNCTION_JS, t => {
+      const interpolatedProps = interpolate(t);
+      lastInterpolatedPropsRef.current = interpolatedProps;
+      applyProps(element, interpolatedProps);
+    });
+  }, [applyProps, createInterpolator, props]);
+  const setRef = React.useCallback(element => {
+    if (element === null) {
+      transitionRef.current?.stop();
+      return;
+    }
+    const lastElement = elementRef.current;
+    if (lastElement === element) {
+      // If it's the same element and same props, resume the transition.
+      if ((0, _shallowEqual.shallowEqual)(lastPropsRef.current, props)) {
+        transitionRef.current?.resume();
+        return;
+      }
+
+      // If props aren't the same, stop the transition and start a new animation.
+      transitionRef.current?.stop();
+    }
+
+    // If it's a different element, stop the transition of the last element and start a new animation.
+    if (lastElement) {
+      transitionRef.current?.stop();
+    }
+    elementRef.current = element;
+    if (transitionRef.current || !skip) {
+      animate(element);
+    }
+  }, [animate, props, skip]);
+  return setRef;
+}

package/internals/domUtils.js

@@ -115,13 +115,18 @@ const getStringSize = (text, style = {}) => {
     } else {
       stringCache.cacheCount += 1;
     }
-    if (domCleanTimeout) {
-      clearTimeout(domCleanTimeout);
-    }
-    domCleanTimeout = setTimeout(() => {
-      // Limit node cleaning to once per render cycle
+    if (process.env.NODE_ENV === 'test') {
+      // In test environment, we clean the measurement span immediately
       measurementSpan.textContent = '';
-    }, 0);
+    } else {
+      if (domCleanTimeout) {
+        clearTimeout(domCleanTimeout);
+      }
+      domCleanTimeout = setTimeout(() => {
+        // Limit node cleaning to once per render cycle
+        measurementSpan.textContent = '';
+      }, 0);
+    }
     return result;
   } catch {
     return {

package/internals/index.d.ts

@@ -38,8 +38,6 @@ export * from "./getCurve.js";
 export * from "./consumeSlots.js";
 export * from "./consumeThemeProps.js";
 export * from "./defaultizeMargin.js";
-export * from "../context/AnimationProvider/index.js";
-export type * from '../context/context.types';
 export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";
 export * from "../context/ChartProvider/index.js";
 export * from "../models/seriesType/config.js";

package/internals/index.js

@@ -464,18 +464,6 @@ Object.keys(_defaultizeMargin).forEach(function (key) {
     }
   });
 });
-var _AnimationProvider = require("../context/AnimationProvider");
-Object.keys(_AnimationProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AnimationProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AnimationProvider[key];
-    }
-  });
-});
 var _getAxisExtremum = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum");
 var _ChartProvider = require("../context/ChartProvider");
 Object.keys(_ChartProvider).forEach(function (key) {

package/internals/isCartesian.d.ts

@@ -1,7 +1,2 @@
-import { ChartSeriesType, CartesianChartSeriesType, ChartSeriesDefaultized } from "../models/seriesType/config.js";
-export declare function isCartesianSeriesType(seriesType: string): seriesType is CartesianChartSeriesType;
-export declare function isCartesianSeries(series: ChartSeriesDefaultized<ChartSeriesType> & {
-  getColor: (dataIndex: number) => string;
-}): series is ChartSeriesDefaultized<CartesianChartSeriesType> & {
-  getColor: (dataIndex: number) => string;
-};
+import { CartesianChartSeriesType } from "../models/seriesType/config.js";
+export declare function isCartesianSeriesType(seriesType: string): seriesType is CartesianChartSeriesType;

package/internals/isCartesian.js

@@ -3,12 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isCartesianSeries = isCartesianSeries;
 exports.isCartesianSeriesType = isCartesianSeriesType;
 var _configInit = require("./configInit");
 function isCartesianSeriesType(seriesType) {
   return _configInit.cartesianSeriesTypes.getTypes().has(seriesType);
-}
-function isCartesianSeries(series) {
-  return isCartesianSeriesType(series.type);
 }

package/internals/isPolar.d.ts

@@ -1,7 +1,2 @@
-import { ChartSeriesType, PolarChartSeriesType, ChartSeriesDefaultized } from "../models/seriesType/config.js";
-export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
-export declare function isPolarSeries(series: ChartSeriesDefaultized<ChartSeriesType> & {
-  getColor: (dataIndex: number) => string;
-}): series is ChartSeriesDefaultized<PolarChartSeriesType> & {
-  getColor: (dataIndex: number) => string;
-};
+import { PolarChartSeriesType } from "../models/seriesType/config.js";
+export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;

package/internals/isPolar.js

@@ -3,12 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isPolarSeries = isPolarSeries;
 exports.isPolarSeriesType = isPolarSeriesType;
 var _configInit = require("./configInit");
 function isPolarSeriesType(seriesType) {
   return _configInit.polarSeriesTypes.getTypes().has(seriesType);
-}
-function isPolarSeries(series) {
-  return isPolarSeriesType(series.type);
 }

package/internals/plugins/allPlugins.d.ts

@@ -5,10 +5,5 @@ import { UseChartInteractionSignature } from "./featurePlugins/useChartInteracti
 import { UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/index.js";
 import { UseChartVoronoiSignature } from "./featurePlugins/useChartVoronoi/index.js";
 import { UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.js";
-import { ConvertSignaturesIntoPlugins } from "./models/helpers.js";
 export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature];
-export type AllPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<TSeries>>;
-export declare const ALL_PLUGINS: (import("./models").ChartPlugin<UseChartInteractionSignature> | import("./models").ChartPlugin<UseChartZAxisSignature> | import("./models").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("./models").ChartPlugin<UseChartHighlightSignature> | import("./models").ChartPlugin<UseChartPolarAxisSignature<any>> | import("./models").ChartPlugin<UseChartVoronoiSignature>)[];
-export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature];
-export type DefaultPluginsType<TSeries extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<DefaultPluginSignatures<TSeries>>;
-export declare const DEFAULT_PLUGINS: (import("./models").ChartPlugin<UseChartInteractionSignature> | import("./models").ChartPlugin<UseChartZAxisSignature> | import("./models").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("./models").ChartPlugin<UseChartHighlightSignature> | import("./models").ChartPlugin<UseChartVoronoiSignature>)[];
+export declare const DEFAULT_PLUGINS: readonly [import("./models").ChartPlugin<UseChartZAxisSignature>, import("./models").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models").ChartPlugin<UseChartInteractionSignature>, import("./models").ChartPlugin<UseChartHighlightSignature>, import("./models").ChartPlugin<UseChartVoronoiSignature>];

package/internals/plugins/allPlugins.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_PLUGINS = exports.ALL_PLUGINS = void 0;
+exports.DEFAULT_PLUGINS = void 0;
 var _useChartCartesianAxis = require("./featurePlugins/useChartCartesianAxis");
 var _useChartHighlight = require("./featurePlugins/useChartHighlight");
 var _useChartInteraction = require("./featurePlugins/useChartInteraction");
-var _useChartPolarAxis = require("./featurePlugins/useChartPolarAxis");
 var _useChartVoronoi = require("./featurePlugins/useChartVoronoi");
 var _useChartZAxis = require("./featurePlugins/useChartZAxis");
 // This file should be removed after creating all plugins in favor of a file per chart type.
 
-const ALL_PLUGINS = exports.ALL_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartCartesianAxis.useChartCartesianAxis, _useChartPolarAxis.useChartPolarAxis, _useChartInteraction.useChartInteraction, _useChartHighlight.useChartHighlight, _useChartVoronoi.useChartVoronoi];
 const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartCartesianAxis.useChartCartesianAxis, _useChartInteraction.useChartInteraction, _useChartHighlight.useChartHighlight, _useChartVoronoi.useChartVoronoi];

package/internals/plugins/corePlugins/corePlugins.d.ts

@@ -4,6 +4,6 @@ import { UseChartIdParameters } from "./useChartId/index.js";
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the Charts components.
  */
-export declare const CHART_CORE_PLUGINS: readonly [import("../models").ChartPlugin<import("./useChartId").UseChartIdSignature>, import("../models").ChartPlugin<import("./useChartDimensions").UseChartDimensionsSignature>, import("../models").ChartPlugin<import("./useChartSeries").UseChartSeriesSignature>];
+export declare const CHART_CORE_PLUGINS: readonly [import("../models").ChartPlugin<import("./useChartId").UseChartIdSignature>, import("../models").ChartPlugin<import("./useChartDimensions").UseChartDimensionsSignature>, import("../models").ChartPlugin<import("./useChartSeries").UseChartSeriesSignature>, import("../models").ChartPlugin<import("./useChartAnimation").UseChartAnimationSignature>];
 export type ChartCorePluginSignatures = ConvertPluginsIntoSignatures<typeof CHART_CORE_PLUGINS>;
 export interface ChartCorePluginParameters extends UseChartIdParameters {}

package/internals/plugins/corePlugins/corePlugins.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CHART_CORE_PLUGINS = void 0;
+var _useChartAnimation = require("./useChartAnimation");
 var _useChartDimensions = require("./useChartDimensions/useChartDimensions");
 var _useChartId = require("./useChartId");
 var _useChartSeries = require("./useChartSeries");
@@ -11,4 +12,4 @@ var _useChartSeries = require("./useChartSeries");
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the Charts components.
  */
-const CHART_CORE_PLUGINS = exports.CHART_CORE_PLUGINS = [_useChartId.useChartId, _useChartDimensions.useChartDimensions, _useChartSeries.useChartSeries];
+const CHART_CORE_PLUGINS = exports.CHART_CORE_PLUGINS = [_useChartId.useChartId, _useChartDimensions.useChartDimensions, _useChartSeries.useChartSeries, _useChartAnimation.useChartAnimation];

package/internals/plugins/corePlugins/useChartAnimation/index.d.ts

@@ -0,0 +1,3 @@
+export { useChartAnimation } from "./useChartAnimation.js";
+export type { UseChartAnimationSignature, UseChartAnimationParameters, UseChartAnimationDefaultizedParameters } from './useChartAnimation.types';
+export * from "./useChartAnimation.selectors.js";

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

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

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

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