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

package/context/AnimationProvider/AnimationContext.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AnimationContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-const AnimationContext = exports.AnimationContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {
-    skipAnimation: undefined
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  AnimationContext.displayName = 'AnimationContext';
-}

package/context/AnimationProvider/AnimationProvider.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { AnimationProviderProps } from "./Animation.types.js";
-declare function AnimationProvider(props: AnimationProviderProps): React.JSX.Element;
-export { AnimationProvider };

package/context/AnimationProvider/AnimationProvider.js

@@ -1,58 +0,0 @@
-"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.AnimationProvider = AnimationProvider;
-var React = _interopRequireWildcard(require("react"));
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _AnimationContext = require("./AnimationContext");
-var _jsxRuntime = require("react/jsx-runtime");
-function AnimationProvider(props) {
-  // Part of the behavior was taken from:
-  // https://github.com/pmndrs/react-spring/blob/fd65b605b85c3a24143c4ce9dd322fdfca9c66be/packages/shared/src/hooks/useReducedMotion.ts
-  const {
-    children,
-    skipAnimation: inSkipAnimation
-  } = props;
-
-  // Skip animation test/jsdom
-  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 [skipAnimation, setSkipAnimation] = React.useState(process.env.NODE_ENV === 'test' ? isAnimationDisabledEnvironment || undefined : undefined);
-  (0, _useEnhancedEffect.default)(() => {
-    if (isAnimationDisabledEnvironment) {
-      return undefined;
-    }
-    const handleMediaChange = event => {
-      // This hook can remove animation but never activate it.
-      const inputValue = event.matches || undefined;
-      setSkipAnimation(inputValue);
-    };
-    const mql = window.matchMedia('(prefers-reduced-motion)');
-    handleMediaChange(mql);
-
-    // MatchMedia is not fully supported in all environments, so we need to check if it exists before calling addEventListener
-    mql?.addEventListener?.('change', handleMediaChange);
-    return () => {
-      mql?.removeEventListener?.('change', handleMediaChange);
-    };
-  }, [isAnimationDisabledEnvironment]);
-  const value = React.useMemo(() => ({
-    isInitialized: true,
-    data: {
-      // If dev sets `skipAnimation` to true, it will skip all animations.
-      // If dev sets `skipAnimation` to false, it will use user's preference.
-      skipAnimation: inSkipAnimation || skipAnimation
-    }
-  }), [skipAnimation, inSkipAnimation]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimationContext.AnimationContext.Provider, {
-    value: value,
-    children: children
-  });
-}

package/context/AnimationProvider/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Animation.types.js";
-export * from "./AnimationContext.js";
-export * from "./AnimationProvider.js";
-export * from "./useSkipAnimation.js";

package/context/AnimationProvider/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Animation = require("./Animation.types");
-Object.keys(_Animation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Animation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Animation[key];
-    }
-  });
-});
-var _AnimationContext = require("./AnimationContext");
-Object.keys(_AnimationContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AnimationContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AnimationContext[key];
-    }
-  });
-});
-var _AnimationProvider = require("./AnimationProvider");
-Object.keys(_AnimationProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AnimationProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AnimationProvider[key];
-    }
-  });
-});
-var _useSkipAnimation = require("./useSkipAnimation");
-Object.keys(_useSkipAnimation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useSkipAnimation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useSkipAnimation[key];
-    }
-  });
-});

package/context/AnimationProvider/useSkipAnimation.js

@@ -1,25 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSkipAnimation = useSkipAnimation;
-var React = _interopRequireWildcard(require("react"));
-var _AnimationContext = require("./AnimationContext");
-/**
- * A hook to get if chart animations should be skipped.
- *
- * @returns {boolean|undefined} whether to skip animations
- */
-function useSkipAnimation(skipAnimation) {
-  const {
-    isInitialized,
-    data
-  } = React.useContext(_AnimationContext.AnimationContext);
-  if (!isInitialized) {
-    throw new Error(['MUI X: Could not find the animation ref context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
-  }
-  return skipAnimation || data.skipAnimation;
-}

package/context/context.types.d.ts

@@ -1,4 +0,0 @@
-export type Initializable<T> = {
-  isInitialized: boolean;
-  data: T;
-};

package/context/context.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/esm/RadarChart/RadarAxisHighlight/RadarAxisPointsHighlight.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { RadarAxisHighlightClasses } from "./radarAxisHighlightClasses.js";
-interface RadarAxisPointsHighlightProps {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<RadarAxisHighlightClasses>;
-}
-/**
- * @ignore - internal component.
- */
-export declare function RadarAxisPointsHighlight(props: RadarAxisPointsHighlightProps): React.JSX.Element | null;
-export {};

package/esm/RadarChart/RadarAxisHighlight/RadarAxisPointsHighlight.js

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { useTheme } from '@mui/material/styles';
-import { useRadarAxisHighlight } from "./useRadarAxisHighlight.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function RadarAxisPointsHighlight(props) {
-  const {
-    classes
-  } = props;
-  const theme = useTheme();
-  const data = useRadarAxisHighlight();
-  if (data === null) {
-    return null;
-  }
-  const {
-    center,
-    series,
-    points,
-    radius,
-    highlightedAngle,
-    instance
-  } = data;
-  const [x, y] = instance.polar2svg(radius, highlightedAngle);
-  return /*#__PURE__*/_jsxs("g", {
-    className: classes?.root,
-    children: [/*#__PURE__*/_jsx("path", {
-      d: `M ${center.cx} ${center.cy} L ${x} ${y}`,
-      stroke: (theme.vars || theme).palette.text.primary,
-      strokeWidth: 3,
-      className: classes?.line,
-      pointerEvents: "none"
-    }), points.map(({
-      highlighted
-    }, seriesIndex) => {
-      return /*#__PURE__*/_jsx("circle", {
-        fill: series[seriesIndex].color,
-        cx: highlighted.x,
-        cy: highlighted.y,
-        r: 8,
-        className: classes?.dot,
-        pointerEvents: "none"
-      }, series[seriesIndex].id);
-    })]
-  });
-}

package/esm/RadarChart/RadarAxisHighlight/RadarAxisSliceHighlight.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { RadarAxisHighlightClasses } from "./radarAxisHighlightClasses.js";
-interface RadarAxisSliceHighlightProps {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<RadarAxisHighlightClasses>;
-}
-/**
- * @ignore - internal component.
- */
-export declare function RadarAxisSliceHighlight(props: RadarAxisSliceHighlightProps): React.JSX.Element | null;
-export {};

package/esm/RadarChart/RadarAxisHighlight/RadarAxisSliceHighlight.js

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { useRadarAxisHighlight } from "./useRadarAxisHighlight.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const params = {
-  includesNeighbors: true
-};
-/**
- * @ignore - internal component.
- */
-export function RadarAxisSliceHighlight(props) {
-  const {
-    classes
-  } = props;
-  const data = useRadarAxisHighlight(params);
-  if (data === null) {
-    return null;
-  }
-  const {
-    center,
-    series,
-    points
-  } = data;
-  return /*#__PURE__*/_jsx("g", {
-    className: classes?.root,
-    children: series.map(({
-      id,
-      color
-    }, seriesIndex) => {
-      const {
-        highlighted,
-        next = highlighted,
-        previous = highlighted
-      } = points[seriesIndex];
-      const ratioPrev = previous.r / (previous.r + highlighted.r);
-      const ratioNext = next.r / (next.r + highlighted.r);
-      return /*#__PURE__*/_jsx("path", {
-        className: classes?.slice,
-        fill: color,
-        d: `M
- ${center.cx} ${center.cy}
- L ${previous.x * (1 - ratioPrev) + highlighted.x * ratioPrev} ${previous.y * (1 - ratioPrev) + highlighted.y * ratioPrev}
- L ${highlighted.x} ${highlighted.y}
- L ${next.x * (1 - ratioNext) + highlighted.x * ratioNext} ${next.y * (1 - ratioNext) + highlighted.y * ratioNext}
- Z
- `,
-        pointerEvents: "none"
-      }, id);
-    })
-  });
-}

package/esm/context/AnimationProvider/Animation.types.d.ts

@@ -1,15 +0,0 @@
-export type AnimationProviderProps = {
-  /**
-   * If `true`, animations are skipped.
-   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
-   */
-  skipAnimation?: boolean;
-  children: React.ReactNode;
-};
-export type AnimationState = {
-  /**
-   * If `true`, animations are skipped.
-   * @default undefined
-   */
-  skipAnimation?: boolean;
-};

package/esm/context/AnimationProvider/AnimationContext.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { Initializable } from "../context.types.js";
-import { AnimationState } from "./Animation.types.js";
-export declare const AnimationContext: React.Context<Initializable<AnimationState>>;

package/esm/context/AnimationProvider/AnimationContext.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export const AnimationContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {
-    skipAnimation: undefined
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  AnimationContext.displayName = 'AnimationContext';
-}

package/esm/context/AnimationProvider/AnimationProvider.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { AnimationProviderProps } from "./Animation.types.js";
-declare function AnimationProvider(props: AnimationProviderProps): React.JSX.Element;
-export { AnimationProvider };

package/esm/context/AnimationProvider/AnimationProvider.js

@@ -1,52 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { AnimationContext } from "./AnimationContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function AnimationProvider(props) {
-  // Part of the behavior was taken from:
-  // https://github.com/pmndrs/react-spring/blob/fd65b605b85c3a24143c4ce9dd322fdfca9c66be/packages/shared/src/hooks/useReducedMotion.ts
-  const {
-    children,
-    skipAnimation: inSkipAnimation
-  } = props;
-
-  // Skip animation test/jsdom
-  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 [skipAnimation, setSkipAnimation] = React.useState(process.env.NODE_ENV === 'test' ? isAnimationDisabledEnvironment || undefined : undefined);
-  useEnhancedEffect(() => {
-    if (isAnimationDisabledEnvironment) {
-      return undefined;
-    }
-    const handleMediaChange = event => {
-      // This hook can remove animation but never activate it.
-      const inputValue = event.matches || undefined;
-      setSkipAnimation(inputValue);
-    };
-    const mql = window.matchMedia('(prefers-reduced-motion)');
-    handleMediaChange(mql);
-
-    // MatchMedia is not fully supported in all environments, so we need to check if it exists before calling addEventListener
-    mql?.addEventListener?.('change', handleMediaChange);
-    return () => {
-      mql?.removeEventListener?.('change', handleMediaChange);
-    };
-  }, [isAnimationDisabledEnvironment]);
-  const value = React.useMemo(() => ({
-    isInitialized: true,
-    data: {
-      // If dev sets `skipAnimation` to true, it will skip all animations.
-      // If dev sets `skipAnimation` to false, it will use user's preference.
-      skipAnimation: inSkipAnimation || skipAnimation
-    }
-  }), [skipAnimation, inSkipAnimation]);
-  return /*#__PURE__*/_jsx(AnimationContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-export { AnimationProvider };

package/esm/context/AnimationProvider/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Animation.types.js";
-export * from "./AnimationContext.js";
-export * from "./AnimationProvider.js";
-export * from "./useSkipAnimation.js";

package/esm/context/AnimationProvider/index.js

@@ -1,4 +0,0 @@
-export * from "./Animation.types.js";
-export * from "./AnimationContext.js";
-export * from "./AnimationProvider.js";
-export * from "./useSkipAnimation.js";

package/esm/context/AnimationProvider/useSkipAnimation.js

@@ -1,20 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { AnimationContext } from "./AnimationContext.js";
-
-/**
- * A hook to get if chart animations should be skipped.
- *
- * @returns {boolean|undefined} whether to skip animations
- */
-export function useSkipAnimation(skipAnimation) {
-  const {
-    isInitialized,
-    data
-  } = React.useContext(AnimationContext);
-  if (!isInitialized) {
-    throw new Error(['MUI X: Could not find the animation ref context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
-  }
-  return skipAnimation || data.skipAnimation;
-}

package/esm/context/context.types.d.ts

@@ -1,4 +0,0 @@
-export type Initializable<T> = {
-  isInitialized: boolean;
-  data: T;
-};

package/esm/context/context.types.js

@@ -1 +0,0 @@
-export {};

package/esm/hooks/getValueToPositionMapper.d.ts

@@ -1,8 +0,0 @@
-import { D3Scale } from "../models/axis.js";
-/**
- * For a given scale return a function that map value to their position.
- * Useful when dealing with specific scale such as band.
- * @param scale The scale to use
- * @returns (value: any) => number
- */
-export declare function getValueToPositionMapper(scale: D3Scale): (value: any) => number;

package/esm/hooks/getValueToPositionMapper.js

@@ -1,15 +0,0 @@
-'use client';
-
-import { isBandScale } from "../internals/isBandScale.js";
-/**
- * For a given scale return a function that map value to their position.
- * Useful when dealing with specific scale such as band.
- * @param scale The scale to use
- * @returns (value: any) => number
- */
-export function getValueToPositionMapper(scale) {
-  if (isBandScale(scale)) {
-    return value => (scale(value) ?? 0) + scale.bandwidth() / 2;
-  }
-  return value => scale(value);
-}

package/esm/internals/animation/useAnimate.js

@@ -1,74 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { ANIMATION_DURATION_MS, ANIMATION_TIMING_FUNCTION_JS } from "./animation.js";
-import { Transition } from "./Transition.js";
-import { shallowEqual } from "../shallowEqual.js";
-
-/** Animates a ref. The animation can be skipped by setting {@link skip} to true.
- *
- * - 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 function useAnimate(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);
-  useEnhancedEffect(() => {
-    lastPropsRef.current = props;
-  }, [props]);
-  useEnhancedEffect(() => {
-    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(ANIMATION_DURATION_MS, 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 (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/esm/internals/notNull.d.ts

@@ -1 +0,0 @@
-export declare function notNull<T>(value: T): value is NonNullable<T>;

package/esm/internals/notNull.js

@@ -1,3 +0,0 @@
-export function notNull(value) {
-  return value !== null;
-}

package/esm/internals/plugins/featurePlugins/useChartPolarAxis/getAxisValue.d.ts

@@ -1,11 +0,0 @@
-import { PolarAxisDefaultized } from "../../../../models/axis.js";
-/**
- * For a pointer coordinate, this function returns the value and dataIndex associated.
- * Returns `-1` if the coordinate does not match a value.
- */
-export declare function getAxisIndex(axisConfig: PolarAxisDefaultized, pointerValue: number): number;
-/**
- * For a pointer coordinate, this function returns the value and dataIndex associated.
- * Returns `null` if the coordinate is outside of values.
- */
-export declare function getAxisValue(axisConfig: PolarAxisDefaultized, pointerValue: number): number | null;

package/esm/internals/useStringInterpolator.d.ts

@@ -1 +0,0 @@
-export declare const useStringInterpolator: (path: string) => (t: number) => string;

package/esm/internals/useStringInterpolator.js

@@ -1,21 +0,0 @@
-/* eslint-disable react-compiler/react-compiler */
-import * as React from 'react';
-import { interpolateString } from '@mui/x-charts-vendor/d3-interpolate';
-function usePrevious(value) {
-  const ref = React.useRef({
-    currentPath: value,
-    previousPath: undefined
-  });
-  if (ref.current.currentPath !== value) {
-    ref.current = {
-      currentPath: value,
-      previousPath: ref.current.currentPath
-    };
-  }
-  return ref.current;
-}
-export const useStringInterpolator = path => {
-  const memoryRef = usePrevious(path);
-  const interpolator = React.useMemo(() => memoryRef.previousPath ? interpolateString(memoryRef.previousPath, memoryRef.currentPath) : () => memoryRef.currentPath, [memoryRef.currentPath, memoryRef.previousPath]);
-  return interpolator;
-};

package/hooks/getValueToPositionMapper.d.ts

@@ -1,8 +0,0 @@
-import { D3Scale } from "../models/axis.js";
-/**
- * For a given scale return a function that map value to their position.
- * Useful when dealing with specific scale such as band.
- * @param scale The scale to use
- * @returns (value: any) => number
- */
-export declare function getValueToPositionMapper(scale: D3Scale): (value: any) => number;

package/hooks/getValueToPositionMapper.js

@@ -1,20 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getValueToPositionMapper = getValueToPositionMapper;
-var _isBandScale = require("../internals/isBandScale");
-/**
- * For a given scale return a function that map value to their position.
- * Useful when dealing with specific scale such as band.
- * @param scale The scale to use
- * @returns (value: any) => number
- */
-function getValueToPositionMapper(scale) {
-  if ((0, _isBandScale.isBandScale)(scale)) {
-    return value => (scale(value) ?? 0) + scale.bandwidth() / 2;
-  }
-  return value => scale(value);
-}

package/hooks/useAxisEvents.js

@@ -1 +0,0 @@
-"use strict";

package/internals/animation/useAnimate.d.ts

@@ -1,19 +0,0 @@
-/** Animates a ref. The animation can be skipped by setting {@link skip} to true.
- *
- * - 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 useAnimate<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/notNull.d.ts

@@ -1 +0,0 @@
-export declare function notNull<T>(value: T): value is NonNullable<T>;