@mui/x-charts 7.14.0 → 7.16.0

package/esm/context/ZAxisContextProvider.js

@@ -1,94 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { getColorScale, getOrdinalColorScale } from '../internals/colorScale';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ZAxisContext = /*#__PURE__*/React.createContext({
-  zAxis: {},
-  zAxisIds: []
-});
-if (process.env.NODE_ENV !== 'production') {
-  ZAxisContext.displayName = 'ZAxisContext';
-}
-function ZAxisContextProvider(props) {
-  const {
-    zAxis: inZAxis,
-    dataset,
-    children
-  } = props;
-  const zAxis = React.useMemo(() => inZAxis?.map(axisConfig => {
-    const dataKey = axisConfig.dataKey;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
-      return axisConfig;
-    }
-    if (dataset === undefined) {
-      throw Error('MUI X: z-axis uses `dataKey` but no `dataset` is provided.');
-    }
-    return _extends({}, axisConfig, {
-      data: dataset.map(d => d[dataKey])
-    });
-  }), [inZAxis, dataset]);
-  const value = React.useMemo(() => {
-    const allZAxis = zAxis?.map((axis, index) => _extends({
-      id: `defaultized-z-axis-${index}`
-    }, axis)) ?? [];
-    const completedZAxis = {};
-    allZAxis.forEach(axis => {
-      completedZAxis[axis.id] = _extends({}, axis, {
-        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' && axis.data ? getOrdinalColorScale(_extends({
-          values: axis.data
-        }, axis.colorMap)) : getColorScale(axis.colorMap.type === 'continuous' ? _extends({
-          min: axis.min,
-          max: axis.max
-        }, axis.colorMap) : axis.colorMap))
-      });
-    });
-    return {
-      zAxis: completedZAxis,
-      zAxisIds: allZAxis.map(({
-        id
-      }) => id)
-    };
-  }, [zAxis]);
-  return /*#__PURE__*/_jsx(ZAxisContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-process.env.NODE_ENV !== "production" ? ZAxisContextProvider.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  /**
-   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-   */
-  dataset: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * The configuration of the z-axes.
-   */
-  zAxis: PropTypes.arrayOf(PropTypes.shape({
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    id: PropTypes.string,
-    max: PropTypes.number,
-    min: PropTypes.number
-  }))
-} : void 0;
-export { ZAxisContextProvider };

package/esm/context/context.types.js

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

package/esm/context/index.js

@@ -1,2 +0,0 @@
-export * from './HighlightedProvider';
-export { ZAxisContextProvider } from './ZAxisContextProvider';

package/esm/hooks/index.js

@@ -1,7 +0,0 @@
-export * from './useDrawingArea';
-export * from './useChartId';
-export * from './useScale';
-export * from './useAxis';
-export * from './useColorScale';
-export * from './useSvgRef';
-export { useSeries as unstable_useSeries, usePieSeries as unstable_usePieSeries, useLineSeries as unstable_useLineSeries, useBarSeries as unstable_useBarSeries, useScatterSeries as unstable_useScatterSeries } from './useSeries';

package/esm/hooks/useAxis.js

@@ -1,17 +0,0 @@
-import { useCartesianContext } from '../context/CartesianProvider';
-export function useXAxis(identifier) {
-  const {
-    xAxis,
-    xAxisIds
-  } = useCartesianContext();
-  const id = typeof identifier === 'string' ? identifier : xAxisIds[identifier ?? 0];
-  return xAxis[id];
-}
-export function useYAxis(identifier) {
-  const {
-    yAxis,
-    yAxisIds
-  } = useCartesianContext();
-  const id = typeof identifier === 'string' ? identifier : yAxisIds[identifier ?? 0];
-  return yAxis[id];
-}

package/esm/hooks/useChartDimensions.js

@@ -1,16 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { DEFAULT_MARGINS } from '../constants';
-const useChartDimensions = (width, height, margin) => {
-  const defaultizedMargin = _extends({}, DEFAULT_MARGINS, margin);
-  const drawingArea = React.useMemo(() => ({
-    left: defaultizedMargin.left,
-    top: defaultizedMargin.top,
-    right: defaultizedMargin.right,
-    bottom: defaultizedMargin.bottom,
-    width: Math.max(0, width - defaultizedMargin.left - defaultizedMargin.right),
-    height: Math.max(0, height - defaultizedMargin.top - defaultizedMargin.bottom)
-  }), [width, height, defaultizedMargin.top, defaultizedMargin.bottom, defaultizedMargin.left, defaultizedMargin.right]);
-  return drawingArea;
-};
-export default useChartDimensions;

package/esm/hooks/useChartId.js

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { DrawingContext } from '../context/DrawingProvider';
-export function useChartId() {
-  const {
-    chartId
-  } = React.useContext(DrawingContext);
-  return React.useMemo(() => chartId, [chartId]);
-}

package/esm/hooks/useColorScale.js

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { useCartesianContext } from '../context/CartesianProvider';
-import { ZAxisContext } from '../context/ZAxisContextProvider';
-export function useXColorScale(identifier) {
-  const {
-    xAxis,
-    xAxisIds
-  } = useCartesianContext();
-  const id = typeof identifier === 'string' ? identifier : xAxisIds[identifier ?? 0];
-  return xAxis[id].colorScale;
-}
-export function useYColorScale(identifier) {
-  const {
-    yAxis,
-    yAxisIds
-  } = useCartesianContext();
-  const id = typeof identifier === 'string' ? identifier : yAxisIds[identifier ?? 0];
-  return yAxis[id].colorScale;
-}
-export function useZColorScale(identifier) {
-  const {
-    zAxis,
-    zAxisIds
-  } = React.useContext(ZAxisContext);
-  const id = typeof identifier === 'string' ? identifier : zAxisIds[identifier ?? 0];
-  return zAxis[id]?.colorScale;
-}

package/esm/hooks/useDrawingArea.js

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { DrawingContext } from '../context/DrawingProvider';
-export function useDrawingArea() {
-  const {
-    left,
-    top,
-    width,
-    height,
-    bottom,
-    right,
-    isPointInside
-  } = React.useContext(DrawingContext);
-  return React.useMemo(() => ({
-    left,
-    top,
-    width,
-    height,
-    bottom,
-    right,
-    isPointInside
-  }), [height, left, top, width, bottom, right, isPointInside]);
-}

package/esm/hooks/useMounted.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-export function useMounted(defer = false) {
-  const [mountedState, setMountedState] = React.useState(false);
-  useEnhancedEffect(() => {
-    if (!defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-  React.useEffect(() => {
-    if (defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-  return mountedState;
-}

package/esm/hooks/useReducedMotion.js

@@ -1,36 +0,0 @@
-import { useIsomorphicLayoutEffect, Globals } from '@react-spring/web';
-
-/**
- * Returns `boolean` or `null`, used to automatically
- * set skipAnimations to the value of the user's
- * `prefers-reduced-motion` query.
- *
- * The return value, post-effect, is the value of their preferred setting
- */
-export const useReducedMotion = () => {
-  // Taken from: https://github.com/pmndrs/react-spring/blob/02ec877bbfab0df46da0e4a47d5f68d3e731206a/packages/shared/src/hooks/useReducedMotion.ts#L13
-
-  useIsomorphicLayoutEffect(() => {
-    if (!window.matchMedia) {
-      // skip animation in environments where `window.matchMedia` would not be available (i.e. test/jsdom)
-      Globals.assign({
-        skipAnimation: true
-      });
-      return () => {};
-    }
-    const mql = window.matchMedia('(prefers-reduced-motion)');
-    const handleMediaChange = event => {
-      Globals.assign({
-        // Modification such the react-spring implementation such that this hook can remove animation but never activate animation.
-        skipAnimation: event.matches || undefined
-      });
-    };
-    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);
-    };
-  }, []);
-};

package/esm/hooks/useScale.js

@@ -1,23 +0,0 @@
-import { isBandScale } from '../internals/isBandScale';
-import { useXAxis, useYAxis } from './useAxis';
-
-/**
- * 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);
-}
-export function useXScale(identifier) {
-  const axis = useXAxis(identifier);
-  return axis.scale;
-}
-export function useYScale(identifier) {
-  const axis = useYAxis(identifier);
-  return axis.scale;
-}

package/esm/hooks/useSvgRef.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { SvgContext } from '../context/DrawingProvider';
-export function useSvgRef() {
-  const {
-    isInitialized,
-    data
-  } = React.useContext(SvgContext);
-  if (!isInitialized) {
-    throw new Error(['MUI X: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
-  }
-  return data;
-}

package/esm/index.js

@@ -1,26 +0,0 @@
-export * from './constants';
-export * from './context';
-export * from './hooks';
-export * from './colorPalettes';
-export * from './models';
-export * from './ChartsClipPath';
-export * from './ChartsReferenceLine';
-export * from './ChartsAxis';
-export * from './ChartsXAxis';
-export * from './ChartsYAxis';
-export * from './ChartsGrid';
-export * from './ChartsText';
-export * from './ChartsTooltip';
-export * from './ChartsLegend';
-export * from './ChartsAxisHighlight';
-export * from './ChartsVoronoiHandler';
-export * from './ChartsOnAxisClickHandler';
-export * from './BarChart';
-export * from './LineChart';
-export * from './PieChart';
-export * from './ScatterChart';
-export * from './SparkLineChart';
-export * from './Gauge';
-export * from './ChartContainer';
-export * from './ChartsSurface';
-export * from './ResponsiveChartContainer';

package/esm/internals/SlotComponentPropsFromProps.js

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

package/esm/internals/cleanId.js

@@ -1,6 +0,0 @@
-/**
- * Remove spaces to have viable ids
- */
-export function cleanId(id) {
-  return id.replace(' ', '_');
-}

package/esm/internals/colorScale.js

@@ -1,16 +0,0 @@
-import { scaleOrdinal, scaleThreshold, scaleSequential } from '@mui/x-charts-vendor/d3-scale';
-export function getSequentialColorScale(config) {
-  if (config.type === 'piecewise') {
-    return scaleThreshold(config.thresholds, config.colors);
-  }
-  return scaleSequential([config.min ?? 0, config.max ?? 100], config.color);
-}
-export function getOrdinalColorScale(config) {
-  if (config.values) {
-    return scaleOrdinal(config.values, config.colors).unknown(config.unknownColor ?? null);
-  }
-  return scaleOrdinal(config.colors.map((_, index) => index), config.colors).unknown(config.unknownColor ?? null);
-}
-export function getColorScale(config) {
-  return config.type === 'ordinal' ? getOrdinalColorScale(config) : getSequentialColorScale(config);
-}

package/esm/internals/components/AxisSharedComponents.js

@@ -1,26 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { styled } from '@mui/material/styles';
-import { axisClasses } from '../../ChartsAxis/axisClasses';
-export const AxisRoot = styled('g', {
-  name: 'MuiChartsAxis',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme
-}) => ({
-  [`& .${axisClasses.tickLabel}`]: _extends({}, theme.typography.caption, {
-    fill: (theme.vars || theme).palette.text.primary
-  }),
-  [`& .${axisClasses.label}`]: _extends({}, theme.typography.body1, {
-    fill: (theme.vars || theme).palette.text.primary
-  }),
-  [`& .${axisClasses.line}`]: {
-    stroke: (theme.vars || theme).palette.text.primary,
-    shapeRendering: 'crispEdges',
-    strokeWidth: 1
-  },
-  [`& .${axisClasses.tick}`]: {
-    stroke: (theme.vars || theme).palette.text.primary,
-    shapeRendering: 'crispEdges'
-  }
-}));

package/esm/internals/components/ChartsAxesGradients/index.js

@@ -1 +0,0 @@
-export * from './ChartsAxesGradients';

package/esm/internals/defaultizeColor.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-const DEFAULT_COLORS = ['#1f77b4', '#ff7f0e', '#2ca02c', '#d62728', '#9467bd', '#8c564b', '#e377c2', '#7f7f7f', '#bcbd22', '#17becf'];
-export function defaultizeColor(series, seriesIndex, colors = DEFAULT_COLORS) {
-  if (series.type === 'pie') {
-    return _extends({}, series, {
-      data: series.data.map((d, index) => _extends({
-        color: colors[index % colors.length]
-      }, d))
-    });
-  }
-  return _extends({
-    color: colors[seriesIndex % colors.length]
-  }, series);
-}

package/esm/internals/defaultizeValueFormatter.js

@@ -1,10 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-export function defaultizeValueFormatter(series, defaultValueFormatter) {
-  const defaultizedSeries = {};
-  Object.keys(series).forEach(seriesId => {
-    defaultizedSeries[seriesId] = _extends({}, series[seriesId], {
-      valueFormatter: series[seriesId].valueFormatter ?? defaultValueFormatter
-    });
-  });
-  return defaultizedSeries;
-}

package/esm/internals/getCurve.js

@@ -1,39 +0,0 @@
-import { curveCatmullRom, curveLinear, curveMonotoneX, curveMonotoneY, curveNatural, curveStep, curveStepAfter, curveStepBefore } from '@mui/x-charts-vendor/d3-shape';
-export default function getCurveFactory(curveType) {
-  switch (curveType) {
-    case 'catmullRom':
-      {
-        return curveCatmullRom.alpha(0.5);
-      }
-    case 'linear':
-      {
-        return curveLinear;
-      }
-    case 'monotoneX':
-      {
-        return curveMonotoneX;
-      }
-    case 'monotoneY':
-      {
-        return curveMonotoneY;
-      }
-    case 'natural':
-      {
-        return curveNatural;
-      }
-    case 'step':
-      {
-        return curveStep;
-      }
-    case 'stepBefore':
-      {
-        return curveStepBefore;
-      }
-    case 'stepAfter':
-      {
-        return curveStepAfter;
-      }
-    default:
-      return curveMonotoneX;
-  }
-}

package/esm/internals/getLabel.js

@@ -1,3 +0,0 @@
-export function getLabel(value, location) {
-  return typeof value === 'function' ? value(location) : value;
-}

package/esm/internals/getScale.js

@@ -1,17 +0,0 @@
-import { scaleLog, scalePow, scaleSqrt, scaleTime, scaleUtc, scaleLinear } from '@mui/x-charts-vendor/d3-scale';
-export function getScale(scaleType, domain, range) {
-  switch (scaleType) {
-    case 'log':
-      return scaleLog(domain, range);
-    case 'pow':
-      return scalePow(domain, range);
-    case 'sqrt':
-      return scaleSqrt(domain, range);
-    case 'time':
-      return scaleTime(domain, range);
-    case 'utc':
-      return scaleUtc(domain, range);
-    default:
-      return scaleLinear(domain, range);
-  }
-}

package/esm/internals/getWordsByLines.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { getStringSize } from './domUtils';
-export function getWordsByLines({
-  style,
-  needsComputation,
-  text
-}) {
-  return text.split('\n').map(subText => _extends({
-    text: subText
-  }, needsComputation ? getStringSize(subText, style) : {
-    width: 0,
-    height: 0
-  }));
-}

package/esm/internals/index.js

@@ -1,40 +0,0 @@
-// Components
-export * from './components/ChartsAxesGradients';
-export * from '../ResponsiveChartContainer/useChartContainerDimensions';
-export * from '../ResponsiveChartContainer/ResizableContainer';
-
-// hooks
-export { useReducedMotion } from '../hooks/useReducedMotion';
-export { useSeries } from '../hooks/useSeries';
-export { useInteractionItemProps } from '../hooks/useInteractionItemProps';
-export { useDrawingArea } from '../hooks/useDrawingArea';
-export { useScatterChartProps } from '../ScatterChart/useScatterChartProps';
-export { useLineChartProps } from '../LineChart/useLineChartProps';
-export { useBarChartProps } from '../BarChart/useBarChartProps';
-export { useResponsiveChartContainerProps } from '../ResponsiveChartContainer/useResponsiveChartContainerProps';
-export { useChartContainerProps } from '../ChartContainer/useChartContainerProps';
-
-// utils
-export * from './defaultizeValueFormatter';
-export * from './configInit';
-export * from './getLabel';
-export * from './getSVGPoint';
-export * from './isDefined';
-export { unstable_cleanupDOM } from './domUtils';
-
-// contexts
-
-export * from '../context/CartesianProvider';
-export * from '../context/DrawingProvider';
-export * from '../context/InteractionProvider';
-export * from '../context/SeriesProvider';
-export * from '../context/ZAxisContextProvider';
-export * from '../context/PluginProvider';
-export { getAxisExtremum } from '../context/CartesianProvider/getAxisExtremum';
-
-// series configuration
-export * from '../models/seriesType/config';
-export * from '../models/seriesType/common';
-export * from '../models/helpers';
-export * from '../models/z-axis';
-export * from '../models/axis';

package/esm/internals/isBandScale.js

@@ -1,3 +0,0 @@
-export function isBandScale(scale) {
-  return scale.bandwidth !== undefined;
-}

package/esm/internals/isCartesian.js

@@ -1,7 +0,0 @@
-import { cartesianSeriesTypes } from './configInit';
-export function isCartesianSeriesType(seriesType) {
-  return cartesianSeriesTypes.getTypes().has(seriesType);
-}
-export function isCartesianSeries(series) {
-  return isCartesianSeriesType(series.type);
-}

package/esm/internals/isDefined.js

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

package/esm/internals/isInfinity.js

@@ -1,3 +0,0 @@
-export function isInfinity(v) {
-  return typeof v === 'number' && !Number.isFinite(v);
-}

package/esm/internals/notNull.js

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

package/esm/internals/ts-generic.js

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

package/esm/internals/useAnimatedPath.js

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { interpolateString } from '@mui/x-charts-vendor/d3-interpolate';
-import { useSpring, to } from '@react-spring/web';
-function usePrevious(value) {
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-}
-
-// Taken from Nivo
-export const useAnimatedPath = (path, skipAnimation) => {
-  const previousPath = usePrevious(path);
-  const interpolator = React.useMemo(() => previousPath ? interpolateString(previousPath, path) : () => path, [previousPath, path]);
-  const {
-    value
-  } = useSpring({
-    from: {
-      value: 0
-    },
-    to: {
-      value: 1
-    },
-    reset: true,
-    immediate: skipAnimation
-  });
-  return to([value], interpolator);
-};

package/esm/internals/useIsRTL.js

@@ -1,5 +0,0 @@
-import { useTheme } from '@mui/material/styles';
-export const useIsRTL = () => {
-  const theme = useTheme();
-  return theme.direction === 'rtl';
-};

package/esm/models/axis.js

@@ -1,11 +0,0 @@
-/**
- * Use this type instead of `AxisScaleConfig` when the values
- * shouldn't be provided by the user.
- */
-
-export function isBandScaleConfig(scaleConfig) {
-  return scaleConfig.scaleType === 'band';
-}
-export function isPointScaleConfig(scaleConfig) {
-  return scaleConfig.scaleType === 'point';
-}

package/esm/models/colorMapping.js

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

package/esm/models/helpers.js

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

package/esm/models/index.js

@@ -1,4 +0,0 @@
-export * from './seriesType';
-export * from './layout';
-export * from './stacking';
-export {};

package/esm/models/layout.js

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

package/esm/models/seriesType/bar.js

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

package/esm/models/seriesType/common.js

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

package/esm/models/seriesType/config.js

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