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

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.d.ts

@@ -13,6 +13,7 @@ export * from "./ChartsText/index.js";
 export * from "./ChartsTooltip/index.js";
 export * from "./ChartsLabel/index.js";
 export * from "./ChartsLegend/index.js";
+export * from "./ChartsLocalizationProvider/index.js";
 export * from "./ChartsAxisHighlight/index.js";
 export * from "./BarChart/index.js";
 export * from "./LineChart/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.0.0-beta.3
+ * @mui/x-charts v8.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -175,6 +175,17 @@ Object.keys(_ChartsLegend).forEach(function (key) {
     }
   });
 });
+var _ChartsLocalizationProvider = require("./ChartsLocalizationProvider");
+Object.keys(_ChartsLocalizationProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsLocalizationProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsLocalizationProvider[key];
+    }
+  });
+});
 var _ChartsAxisHighlight = require("./ChartsAxisHighlight");
 Object.keys(_ChartsAxisHighlight).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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/components/AxisSharedComponents.js

@@ -10,8 +10,7 @@ var _styles = require("@mui/material/styles");
 var _axisClasses = require("../../ChartsAxis/axisClasses");
 const AxisRoot = exports.AxisRoot = (0, _styles.styled)('g', {
   name: 'MuiChartsAxis',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({

package/internals/components/ChartsWrapper/ChartsWrapper.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsWrapper = ChartsWrapper;
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
+var _useChartRootRef = require("../../../hooks/useChartRootRef");
 var _jsxRuntime = require("react/jsx-runtime");
 const getDirection = (direction, position) => {
   if (direction === 'vertical') {
@@ -41,8 +42,7 @@ const getAlign = (direction, position) => {
 };
 const Root = (0, _styles.styled)('div', {
   name: 'MuiChartsWrapper',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   ownerState
 }) => ({
@@ -64,7 +64,9 @@ function ChartsWrapper(props) {
     children,
     sx
   } = props;
+  const chartRootRef = (0, _useChartRootRef.useChartRootRef)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+    ref: chartRootRef,
     ownerState: props,
     sx: sx,
     children: children

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

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

@@ -0,0 +1,96 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartAnimation = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+const useChartAnimation = ({
+  params,
+  store
+}) => {
+  React.useEffect(() => {
+    store.update(prevState => {
+      return (0, _extends2.default)({}, prevState, {
+        animation: (0, _extends2.default)({}, prevState.animation, {
+          skip: params.skipAnimation
+        })
+      });
+    });
+  }, [store, params.skipAnimation]);
+  const disableAnimation = React.useCallback(() => {
+    let disableCalled = false;
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
+      animation: (0, _extends2.default)({}, prevState.animation, {
+        skipAnimationRequests: prevState.animation.skipAnimationRequests + 1
+      })
+    }));
+    return () => {
+      if (disableCalled) {
+        return;
+      }
+      disableCalled = true;
+      store.update(prevState => (0, _extends2.default)({}, prevState, {
+        animation: (0, _extends2.default)({}, prevState.animation, {
+          skipAnimationRequests: prevState.animation.skipAnimationRequests - 1
+        })
+      }));
+    };
+  }, [store]);
+  (0, _useEnhancedEffect.default)(() => {
+    // 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
+    }
+  };
+};
+exports.useChartAnimation = useChartAnimation;
+useChartAnimation.params = {
+  skipAnimation: true
+};
+useChartAnimation.getDefaultizedParams = ({
+  params
+}) => (0, _extends2.default)({}, 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/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/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartSkipAnimation = void 0;
+var _selectors = require("../../utils/selectors");
+const selectorChartAnimationState = state => state.animation;
+const selectorChartSkipAnimation = exports.selectorChartSkipAnimation = (0, _selectors.createSelector)(selectorChartAnimationState, state => state.skip || state.skipAnimationRequests > 0);

package/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/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.js

@@ -1,7 +1,6 @@
 "use strict";
 'use client';
 
-/* eslint-disable react-compiler/react-compiler */
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {