@mui/x-charts 7.14.0 → 7.15.0

package/esm/context/HighlightedProvider/index.js

@@ -1,4 +0,0 @@
-export * from './HighlightedProvider';
-export * from './HighlightedContext';
-export * from './useHighlighted';
-export * from './useItemHighlighted';

package/esm/context/HighlightedProvider/useHighlighted.js

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { HighlightedContext } from './HighlightedContext';
-
-/**
- * A hook to get the highlighted state of the chart.
- *
- * Please consider using the `useItemHighlighted` hook if you need to check the state of a specific item.
- *
- * @returns {HighlightedState} the state of the chart
- */
-export function useHighlighted() {
-  const {
-    isInitialized,
-    data
-  } = React.useContext(HighlightedContext);
-  if (!isInitialized) {
-    throw new Error(['MUI X: Could not find the highlighted ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
-  }
-  return data;
-}

package/esm/context/InteractionProvider.js

@@ -1,76 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const InteractionContext = /*#__PURE__*/React.createContext({
-  item: null,
-  axis: {
-    x: null,
-    y: null
-  },
-  useVoronoiInteraction: false,
-  dispatch: () => null
-});
-if (process.env.NODE_ENV !== 'production') {
-  InteractionContext.displayName = 'InteractionContext';
-}
-const dataReducer = (prevState, action) => {
-  switch (action.type) {
-    case 'enterItem':
-      return _extends({}, prevState, {
-        item: action.data
-      });
-    case 'exitChart':
-      if (prevState.item === null && prevState.axis.x === null && prevState.axis.y === null) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        axis: {
-          x: null,
-          y: null
-        },
-        item: null
-      });
-    case 'updateVoronoiUsage':
-      return _extends({}, prevState, {
-        useVoronoiInteraction: action.useVoronoiInteraction
-      });
-    case 'leaveItem':
-      if (prevState.item === null || Object.keys(action.data).some(key => action.data[key] !== prevState.item[key])) {
-        // The item is already something else
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        item: null
-      });
-    case 'updateAxis':
-      if (action.data.x === prevState.axis.x && action.data.y === prevState.axis.y) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        axis: action.data
-      });
-    default:
-      return prevState;
-  }
-};
-function InteractionProvider(props) {
-  const {
-    children
-  } = props;
-  const [data, dispatch] = React.useReducer(dataReducer, {
-    item: null,
-    axis: {
-      x: null,
-      y: null
-    },
-    useVoronoiInteraction: false
-  });
-  const value = React.useMemo(() => _extends({}, data, {
-    dispatch
-  }), [data]);
-  return /*#__PURE__*/_jsx(InteractionContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-export { InteractionProvider };

package/esm/context/PluginProvider/ColorProcessor.types.js

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

package/esm/context/PluginProvider/ExtremumGetter.types.js

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

package/esm/context/PluginProvider/Plugin.types.js

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

package/esm/context/PluginProvider/PluginContext.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export const PluginContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {
-    colorProcessors: {},
-    seriesFormatters: {},
-    xExtremumGetters: {},
-    yExtremumGetters: {}
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  PluginContext.displayName = 'PluginContext';
-}

package/esm/context/PluginProvider/PluginProvider.js

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { PluginContext } from './PluginContext';
-import { mergePlugins } from './mergePlugins';
-import { jsx as _jsx } from "react/jsx-runtime";
-function PluginProvider(props) {
-  const {
-    children,
-    plugins
-  } = props;
-  const formattedSeries = React.useMemo(() => ({
-    isInitialized: true,
-    data: mergePlugins(plugins)
-  }), [plugins]);
-  return /*#__PURE__*/_jsx(PluginContext.Provider, {
-    value: formattedSeries,
-    children: children
-  });
-}
-export { PluginProvider };

package/esm/context/PluginProvider/SeriesFormatter.types.js

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

package/esm/context/PluginProvider/index.js

@@ -1,10 +0,0 @@
-export * from './PluginProvider';
-export * from './Plugin.types';
-export * from './PluginContext';
-export * from './ColorProcessor.types';
-export * from './SeriesFormatter.types';
-export * from './ExtremumGetter.types';
-export * from './useColorProcessor';
-export * from './useSeriesFormatter';
-export * from './useXExtremumGetter';
-export * from './useYExtremumGetter';

package/esm/context/PluginProvider/useColorProcessor.js

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

package/esm/context/PluginProvider/useSeriesFormatter.js

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

package/esm/context/PluginProvider/useXExtremumGetter.js

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

package/esm/context/PluginProvider/useYExtremumGetter.js

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

package/esm/context/SeriesProvider/Series.types.js

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

package/esm/context/SeriesProvider/SeriesContext.js

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

package/esm/context/SeriesProvider/SeriesProvider.js

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { useTheme } from '@mui/material/styles';
-import { blueberryTwilightPalette } from '../../colorPalettes';
-import { SeriesContext } from './SeriesContext';
-import { preprocessSeries } from './processSeries';
-import { useSeriesFormatter } from '../PluginProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-function SeriesProvider(props) {
-  const {
-    series,
-    dataset,
-    colors = blueberryTwilightPalette,
-    children
-  } = props;
-  const seriesFormatters = useSeriesFormatter();
-  const theme = useTheme();
-  const formattedSeries = React.useMemo(() => ({
-    isInitialized: true,
-    data: preprocessSeries({
-      series,
-      colors: typeof colors === 'function' ? colors(theme.palette.mode) : colors,
-      seriesFormatters,
-      dataset: dataset
-    })
-  }), [series, colors, theme.palette.mode, seriesFormatters, dataset]);
-  return /*#__PURE__*/_jsx(SeriesContext.Provider, {
-    value: formattedSeries,
-    children: children
-  });
-}
-export { SeriesProvider };

package/esm/context/SeriesProvider/index.js

@@ -1,8 +0,0 @@
-import { preprocessSeries } from './processSeries';
-export * from './SeriesProvider';
-export * from './SeriesContext';
-export * from './Series.types';
-const seriesProviderUtils = {
-  preprocessSeries
-};
-export { seriesProviderUtils };

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/useInteractionItemProps.js

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { InteractionContext } from '../context/InteractionProvider';
-import { useHighlighted } from '../context';
-export const useInteractionItemProps = skip => {
-  const {
-    dispatch: dispatchInteraction
-  } = React.useContext(InteractionContext);
-  const {
-    setHighlighted,
-    clearHighlighted
-  } = useHighlighted();
-  if (skip) {
-    return () => ({});
-  }
-  const getInteractionItemProps = data => {
-    const onPointerDown = event => {
-      if (event.currentTarget.hasPointerCapture(event.pointerId)) {
-        event.currentTarget.releasePointerCapture(event.pointerId);
-      }
-    };
-    const onPointerEnter = () => {
-      dispatchInteraction({
-        type: 'enterItem',
-        data
-      });
-      setHighlighted({
-        seriesId: data.seriesId,
-        dataIndex: data.dataIndex
-      });
-    };
-    const onPointerLeave = event => {
-      event.currentTarget.releasePointerCapture(event.pointerId);
-      dispatchInteraction({
-        type: 'leaveItem',
-        data
-      });
-      clearHighlighted();
-    };
-    return {
-      onPointerEnter,
-      onPointerLeave,
-      onPointerDown
-    };
-  };
-  return getInteractionItemProps;
-};

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/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);
-}