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

package/hooks/animation/useAnimateBarLabel.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useAnimateBarLabel = useAnimateBarLabel;
 var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
-var _useAnimate = require("../../internals/animation/useAnimate");
+var _useAnimate = require("./useAnimate");
 function barLabelPropsInterpolator(from, to) {
   const interpolateX = (0, _d3Interpolate.interpolateNumber)(from.x, to.x);
   const interpolateY = (0, _d3Interpolate.interpolateNumber)(from.y, to.y);
@@ -43,8 +43,9 @@ function useAnimateBarLabel(props) {
     width: props.width,
     height: props.height
   };
-  const ref = (0, _useAnimate.useAnimate)(currentProps, {
+  return (0, _useAnimate.useAnimate)(currentProps, {
     createInterpolator: barLabelPropsInterpolator,
+    transformProps: p => p,
     applyProps(element, animatedProps) {
       element.setAttribute('x', animatedProps.x.toString());
       element.setAttribute('y', animatedProps.y.toString());
@@ -52,14 +53,7 @@ function useAnimateBarLabel(props) {
       element.setAttribute('height', animatedProps.height.toString());
     },
     initialProps,
-    skip: props.skipAnimation
+    skip: props.skipAnimation,
+    ref: props.ref
   });
-  const usedProps = props.skipAnimation ? currentProps : initialProps;
-  return {
-    ref,
-    x: usedProps.x,
-    y: usedProps.y,
-    width: usedProps.width,
-    height: usedProps.height
-  };
 }

package/hooks/animation/useAnimateGaugeValueArc.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+interface UseAnimateGaugeValueArcParams {
+  ref?: React.Ref<SVGPathElement>;
+  startAngle: number;
+  endAngle: number;
+  cornerRadius: number;
+  innerRadius: number;
+  outerRadius: number;
+  skipAnimation: boolean;
+}
+type UseAnimateGaugeValueArcReturnValue = {
+  ref: React.Ref<SVGPathElement>;
+  d: string;
+};
+/** Animates a arc of a gauge chart by increasing the `endAngle` from the start angle to the end angle.
+ * The props object also accepts a `ref` which will be merged with the ref returned from this hook. This means you can
+ * pass the ref returned by this hook to the `path` element and the `ref` provided as argument will also be called. */
+export declare function useAnimateGaugeValueArc(props: UseAnimateGaugeValueArcParams): UseAnimateGaugeValueArcReturnValue;
+export {};

package/hooks/animation/useAnimateGaugeValueArc.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAnimateGaugeValueArc = useAnimateGaugeValueArc;
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
+var _useAnimate = require("./useAnimate");
+function gaugeValueArcPropsInterpolator(from, to) {
+  const interpolateStartAngle = (0, _d3Interpolate.interpolateNumber)(from.startAngle, to.startAngle);
+  const interpolateEndAngle = (0, _d3Interpolate.interpolateNumber)(from.endAngle, to.endAngle);
+  const interpolateInnerRadius = (0, _d3Interpolate.interpolateNumber)(from.innerRadius, to.innerRadius);
+  const interpolateOuterRadius = (0, _d3Interpolate.interpolateNumber)(from.outerRadius, to.outerRadius);
+  const interpolateCornerRadius = (0, _d3Interpolate.interpolateNumber)(from.cornerRadius, to.cornerRadius);
+  return t => {
+    return {
+      startAngle: interpolateStartAngle(t),
+      endAngle: interpolateEndAngle(t),
+      innerRadius: interpolateInnerRadius(t),
+      outerRadius: interpolateOuterRadius(t),
+      cornerRadius: interpolateCornerRadius(t)
+    };
+  };
+}
+
+/** Animates a arc of a gauge chart by increasing the `endAngle` from the start angle to the end angle.
+ * The props object also accepts a `ref` which will be merged with the ref returned from this hook. This means you can
+ * pass the ref returned by this hook to the `path` element and the `ref` provided as argument will also be called. */
+function useAnimateGaugeValueArc(props) {
+  return (0, _useAnimate.useAnimate)({
+    startAngle: props.startAngle,
+    endAngle: props.endAngle,
+    innerRadius: props.innerRadius,
+    outerRadius: props.outerRadius,
+    cornerRadius: props.cornerRadius
+  }, {
+    createInterpolator: gaugeValueArcPropsInterpolator,
+    transformProps: p => ({
+      d: (0, _d3Shape.arc)().cornerRadius(p.cornerRadius)({
+        innerRadius: p.innerRadius,
+        outerRadius: p.outerRadius,
+        startAngle: p.startAngle,
+        endAngle: p.endAngle
+      })
+    }),
+    applyProps(element, p) {
+      element.setAttribute('d', p.d);
+    },
+    initialProps: {
+      startAngle: props.startAngle,
+      endAngle: props.startAngle,
+      innerRadius: props.innerRadius,
+      outerRadius: props.outerRadius,
+      cornerRadius: props.cornerRadius
+    },
+    skip: props.skipAnimation,
+    ref: props.ref
+  });
+}

package/hooks/animation/useAnimateLine.js

@@ -1,18 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAnimateLine = useAnimateLine;
 var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _useAnimate = require("../../internals/animation/useAnimate");
+var _useAnimate = require("./useAnimate");
 /** Animates a line of a line chart using a `path` element.
  * The props object also accepts a `ref` which will be merged with the ref returned from this hook. This means you can
  * pass the ref returned by this hook to the `path` element and the `ref` provided as argument will also be called. */
 function useAnimateLine(props) {
-  const ref = (0, _useAnimate.useAnimate)({
+  return (0, _useAnimate.useAnimate)({
     d: props.d
   }, {
     createInterpolator: (lastProps, newProps) => {
@@ -24,10 +22,8 @@ function useAnimateLine(props) {
     applyProps: (element, {
       d
     }) => element.setAttribute('d', d),
-    skip: props.skipAnimation
+    skip: props.skipAnimation,
+    transformProps: p => p,
+    ref: props.ref
   });
-  return {
-    ref: (0, _useForkRef.default)(ref, props.ref),
-    d: props.d
-  };
 }

package/hooks/animation/useAnimatePieArc.js

@@ -1,14 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAnimatePieArc = useAnimatePieArc;
 var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
-var _useAnimate = require("../../internals/animation/useAnimate");
+var _useAnimate = require("./useAnimate");
 function pieArcPropsInterpolator(from, to) {
   const interpolateStartAngle = (0, _d3Interpolate.interpolateNumber)(from.startAngle, to.startAngle);
   const interpolateEndAngle = (0, _d3Interpolate.interpolateNumber)(from.endAngle, to.endAngle);
@@ -40,7 +38,7 @@ function useAnimatePieArc(props) {
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   };
-  const ref = (0, _useAnimate.useAnimate)({
+  return (0, _useAnimate.useAnimate)({
     startAngle: props.startAngle,
     endAngle: props.endAngle,
     innerRadius: props.innerRadius,
@@ -49,29 +47,22 @@ function useAnimatePieArc(props) {
     cornerRadius: props.cornerRadius
   }, {
     createInterpolator: pieArcPropsInterpolator,
-    applyProps(element, animatedProps) {
-      element.setAttribute('d', (0, _d3Shape.arc)().cornerRadius(animatedProps.cornerRadius)({
-        padAngle: animatedProps.paddingAngle,
-        innerRadius: animatedProps.innerRadius,
-        outerRadius: animatedProps.outerRadius,
-        startAngle: animatedProps.startAngle,
-        endAngle: animatedProps.endAngle
-      }).toString());
-      element.setAttribute('visibility', animatedProps.startAngle === animatedProps.endAngle ? 'hidden' : 'visible');
+    transformProps: p => ({
+      d: (0, _d3Shape.arc)().cornerRadius(p.cornerRadius)({
+        padAngle: p.paddingAngle,
+        innerRadius: p.innerRadius,
+        outerRadius: p.outerRadius,
+        startAngle: p.startAngle,
+        endAngle: p.endAngle
+      }),
+      visibility: p.startAngle === p.endAngle ? 'hidden' : 'visible'
+    }),
+    applyProps(element, p) {
+      element.setAttribute('d', p.d);
+      element.setAttribute('visibility', p.visibility);
     },
     initialProps,
-    skip: props.skipAnimation
+    skip: props.skipAnimation,
+    ref: props.ref
   });
-  const usedProps = props.skipAnimation ? props : initialProps;
-  return {
-    ref: (0, _useForkRef.default)(ref, props.ref),
-    d: (0, _d3Shape.arc)().cornerRadius(usedProps.cornerRadius)({
-      padAngle: usedProps.paddingAngle,
-      innerRadius: usedProps.innerRadius,
-      outerRadius: usedProps.outerRadius,
-      startAngle: usedProps.startAngle,
-      endAngle: usedProps.endAngle
-    }),
-    visibility: usedProps.startAngle === usedProps.endAngle ? 'hidden' : 'visible'
-  };
 }

package/hooks/animation/useAnimatePieArcLabel.js

@@ -1,14 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAnimatePieArcLabel = useAnimatePieArcLabel;
 var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
-var _useAnimate = require("../../internals/animation/useAnimate");
+var _useAnimate = require("./useAnimate");
 function pieArcLabelPropsInterpolator(from, to) {
   const interpolateStartAngle = (0, _d3Interpolate.interpolateNumber)(from.startAngle, to.startAngle);
   const interpolateEndAngle = (0, _d3Interpolate.interpolateNumber)(from.endAngle, to.endAngle);
@@ -40,7 +38,7 @@ function useAnimatePieArcLabel(props) {
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   };
-  const ref = (0, _useAnimate.useAnimate)({
+  return (0, _useAnimate.useAnimate)({
     startAngle: props.startAngle,
     endAngle: props.endAngle,
     innerRadius: props.innerRadius,
@@ -49,7 +47,7 @@ function useAnimatePieArcLabel(props) {
     cornerRadius: props.cornerRadius
   }, {
     createInterpolator: pieArcLabelPropsInterpolator,
-    applyProps(element, animatedProps) {
+    transformProps: animatedProps => {
       const [x, y] = (0, _d3Shape.arc)().cornerRadius(animatedProps.cornerRadius).centroid({
         padAngle: animatedProps.paddingAngle,
         startAngle: animatedProps.startAngle,
@@ -57,23 +55,20 @@ function useAnimatePieArcLabel(props) {
         innerRadius: animatedProps.innerRadius,
         outerRadius: animatedProps.outerRadius
       });
+      return {
+        x,
+        y
+      };
+    },
+    applyProps(element, {
+      x,
+      y
+    }) {
       element.setAttribute('x', x.toString());
       element.setAttribute('y', y.toString());
     },
     initialProps,
-    skip: props.skipAnimation
-  });
-  const usedProps = props.skipAnimation ? props : initialProps;
-  const [x, y] = (0, _d3Shape.arc)().cornerRadius(usedProps.cornerRadius).centroid({
-    padAngle: usedProps.paddingAngle,
-    startAngle: usedProps.startAngle,
-    endAngle: usedProps.endAngle,
-    innerRadius: usedProps.innerRadius,
-    outerRadius: usedProps.outerRadius
+    skip: props.skipAnimation,
+    ref: props.ref
   });
-  return {
-    ref: (0, _useForkRef.default)(ref, props.ref),
-    x,
-    y
-  };
 }

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/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.3
+ * @mui/x-charts v8.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/{esm/internals/animation/useAnimate.d.ts → internals/animation/useAnimateInternal.d.ts}

@@ -1,4 +1,6 @@
 /** 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
@@ -6,7 +8,7 @@
  * - 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 useAnimate<Props extends {}, Elem extends Element>(props: Props, {
+export declare function useAnimateInternal<Props extends {}, Elem extends Element>(props: Props, {
   createInterpolator,
   applyProps,
   skip,

package/internals/animation/{useAnimate.js → useAnimateInternal.js}

@@ -6,13 +6,15 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAnimate = useAnimate;
+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
@@ -20,7 +22,7 @@ var _shallowEqual = require("../shallowEqual");
  * - 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 useAnimate(props, {
+function useAnimateInternal(props, {
   createInterpolator,
   applyProps,
   skip,

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>;