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

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

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

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

package/internals/notNull.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.notNull = notNull;
-function notNull(value) {
-  return value !== null;
-}

package/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/internals/plugins/featurePlugins/useChartZAxis/utils.js

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

package/internals/useStringInterpolator.d.ts

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

package/internals/useStringInterpolator.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStringInterpolator = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
-/* eslint-disable react-compiler/react-compiler */
-
-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;
-}
-const useStringInterpolator = path => {
-  const memoryRef = usePrevious(path);
-  const interpolator = React.useMemo(() => memoryRef.previousPath ? (0, _d3Interpolate.interpolateString)(memoryRef.previousPath, memoryRef.currentPath) : () => memoryRef.currentPath, [memoryRef.currentPath, memoryRef.previousPath]);
-  return interpolator;
-};
-exports.useStringInterpolator = useStringInterpolator;

package/modern/BarChart/AnimatedBarElement.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { SeriesId } from "../models/seriesType/common.js";
-import { BarElementOwnerState } from "./barElementClasses.js";
-export interface BarProps extends Omit<React.SVGProps<SVGRectElement>, 'id' | 'color' | 'ref' | 'x' | 'y' | 'height' | 'width'> {
-  id: SeriesId;
-  dataIndex: number;
-  color: string;
-  ownerState: BarElementOwnerState;
-  /**
-   * The position in the x-axis of the stack this bar belongs to.
-   */
-  xOrigin: number;
-  /**
-   * The position in the y-axis of the stack this bar belongs to.
-   */
-  yOrigin: number;
-  /**
-   * The position of the bar in the x-axis.
-   */
-  x: number;
-  /**
-   * The position of the bar in the y-axis.
-   */
-  y: number;
-  /**
-   * The height of the bar.
-   */
-  height: number;
-  /**
-   * The width of the bar.
-   */
-  width: number;
-  /**
-   * The orientation of the bar.
-   */
-  layout: 'vertical' | 'horizontal';
-  /**
-   * If true, no animations should be applied.
-   */
-  skipAnimation: boolean;
-}
-export declare function AnimatedBarElement(props: BarProps): React.JSX.Element;

package/modern/BarChart/AnimatedBarElement.js

@@ -1,19 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["ownerState", "skipAnimation", "id", "dataIndex", "xOrigin", "yOrigin"];
-import * as React from 'react';
-import { useAnimateBar } from "../hooks/animation/useAnimateBar.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function AnimatedBarElement(props) {
-  const {
-      ownerState
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const animatedProps = useAnimateBar(props);
-  return /*#__PURE__*/_jsx("rect", _extends({}, other, {
-    filter: ownerState.isHighlighted ? 'brightness(120%)' : undefined,
-    opacity: ownerState.isFaded ? 0.3 : 1
-  }, animatedProps));
-}

package/modern/BarChart/BarChart.d.ts

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import { MakeOptional } from '@mui/x-internals/types';
-import { BarPlotProps, BarPlotSlotProps, BarPlotSlots } from "./BarPlot.js";
-import { ChartContainerProps } from "../ChartContainer/index.js";
-import { ChartsAxisProps } from "../ChartsAxis/index.js";
-import { BarSeriesType } from "../models/seriesType/bar.js";
-import { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
-import { ChartsLegendSlots, ChartsLegendSlotProps } from "../ChartsLegend/index.js";
-import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.js";
-import { ChartsGridProps } from "../ChartsGrid/index.js";
-import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "../ChartsOverlay/ChartsOverlay.js";
-import { BarChartPluginsSignatures } from "./BarChart.plugins.js";
-export interface BarChartSlots extends ChartsAxisSlots, BarPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots {}
-export interface BarChartSlotProps extends ChartsAxisSlotProps, BarPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps {}
-export interface BarChartProps extends Omit<ChartContainerProps<'bar', BarChartPluginsSignatures>, 'series' | 'plugins' | 'zAxis'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Omit<BarPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
-  /**
-   * The series to display in the bar chart.
-   * An array of [[BarSeriesType]] objects.
-   */
-  series: Readonly<MakeOptional<BarSeriesType, 'type'>[]>;
-  /**
-   * Option to display a cartesian grid in the background.
-   */
-  grid?: Pick<ChartsGridProps, 'vertical' | 'horizontal'>;
-  /**
-   * The configuration of axes highlight.
-   * Default is set to 'band' in the bar direction.
-   * Depends on `layout` prop.
-   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
-   *
-   */
-  axisHighlight?: ChartsAxisHighlightProps;
-  /**
-   * If `true`, the legend is not rendered.
-   */
-  hideLegend?: boolean;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: BarChartSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: BarChartSlotProps;
-  /**
-   * The direction of the bar elements.
-   * @default 'vertical'
-   */
-  layout?: BarSeriesType['layout'];
-}
-/**
- * Demos:
- *
- * - [Bars](https://mui.com/x/react-charts/bars/)
- * - [Bar demonstration](https://mui.com/x/react-charts/bar-demo/)
- * - [Stacking](https://mui.com/x/react-charts/stacking/)
- *
- * API:
- *
- * - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
- */
-declare const BarChart: React.ForwardRefExoticComponent<BarChartProps & React.RefAttributes<SVGSVGElement>>;
-export { BarChart };