@mui/x-charts 7.13.0 → 7.15.0

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

@@ -1,95 +0,0 @@
-import * as React from 'react';
-import { useCartesianContext } from '../../../context/CartesianProvider';
-import { DrawingContext } from '../../../context/DrawingProvider';
-import { useDrawingArea } from '../../../hooks';
-import ChartsPiecewiseGradient from './ChartsPiecewiseGradient';
-import ChartsContinuousGradient from './ChartsContinuousGradient';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function useChartGradient() {
-  const {
-    chartId
-  } = React.useContext(DrawingContext);
-  return React.useCallback((axisId, direction) => `${chartId}-gradient-${direction}-${axisId}`, [chartId]);
-}
-export function ChartsAxesGradients() {
-  const {
-    top,
-    height,
-    bottom,
-    left,
-    width,
-    right
-  } = useDrawingArea();
-  const svgHeight = top + height + bottom;
-  const svgWidth = left + width + right;
-  const getGradientId = useChartGradient();
-  const {
-    xAxisIds,
-    xAxis,
-    yAxisIds,
-    yAxis
-  } = useCartesianContext();
-  return /*#__PURE__*/_jsxs("defs", {
-    children: [yAxisIds.filter(axisId => yAxis[axisId].colorMap !== undefined).map(axisId => {
-      const gradientId = getGradientId(axisId, 'y');
-      const {
-        colorMap,
-        scale,
-        colorScale,
-        reverse
-      } = yAxis[axisId];
-      if (colorMap?.type === 'piecewise') {
-        return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
-          isReversed: !reverse,
-          scale: scale,
-          colorMap: colorMap,
-          size: svgHeight,
-          gradientId: gradientId,
-          direction: "y"
-        }, gradientId);
-      }
-      if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/_jsx(ChartsContinuousGradient, {
-          isReversed: !reverse,
-          scale: scale,
-          colorScale: colorScale,
-          colorMap: colorMap,
-          size: svgHeight,
-          gradientId: gradientId,
-          direction: "y"
-        }, gradientId);
-      }
-      return null;
-    }), xAxisIds.filter(axisId => xAxis[axisId].colorMap !== undefined).map(axisId => {
-      const gradientId = getGradientId(axisId, 'x');
-      const {
-        colorMap,
-        scale,
-        reverse,
-        colorScale
-      } = xAxis[axisId];
-      if (colorMap?.type === 'piecewise') {
-        return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
-          isReversed: reverse,
-          scale: scale,
-          colorMap: colorMap,
-          size: svgWidth,
-          gradientId: gradientId,
-          direction: "x"
-        }, gradientId);
-      }
-      if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/_jsx(ChartsContinuousGradient, {
-          isReversed: reverse,
-          scale: scale,
-          colorScale: colorScale,
-          colorMap: colorMap,
-          size: svgWidth,
-          gradientId: gradientId,
-          direction: "x"
-        }, gradientId);
-      }
-      return null;
-    })]
-  });
-}

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

@@ -1,56 +0,0 @@
-import * as React from 'react';
-import { interpolateDate, interpolateNumber } from '@mui/x-charts-vendor/d3-interpolate';
-import { jsx as _jsx } from "react/jsx-runtime";
-const PX_PRECISION = 10;
-export default function ChartsContinuousGradient(props) {
-  const {
-    gradientUnits,
-    isReversed,
-    gradientId,
-    size,
-    direction,
-    scale,
-    colorScale,
-    colorMap
-  } = props;
-  const extremValues = [colorMap.min ?? 0, colorMap.max ?? 100];
-  const extremPositions = extremValues.map(scale).filter(p => p !== undefined);
-  if (extremPositions.length !== 2) {
-    return null;
-  }
-  const interpolator = typeof extremValues[0] === 'number' ? interpolateNumber(extremValues[0], extremValues[1]) : interpolateDate(extremValues[0], extremValues[1]);
-  const numberOfPoints = Math.round((Math.max(...extremPositions) - Math.min(...extremPositions)) / PX_PRECISION);
-  const keyPrefix = `${extremValues[0]}-${extremValues[1]}-`;
-  return /*#__PURE__*/_jsx("linearGradient", {
-    id: gradientId,
-    x1: "0",
-    x2: "0",
-    y1: "0",
-    y2: "0",
-    [`${direction}${isReversed ? 1 : 2}`]: gradientUnits === 'objectBoundingBox' ? 1 : `${size}px`,
-    gradientUnits: gradientUnits ?? 'userSpaceOnUse' // Use the SVG coordinate instead of the component ones.
-    ,
-    children: Array.from({
-      length: numberOfPoints + 1
-    }, (_, index) => {
-      const value = interpolator(index / numberOfPoints);
-      if (value === undefined) {
-        return null;
-      }
-      const x = scale(value);
-      if (x === undefined) {
-        return null;
-      }
-      const offset = isReversed ? 1 - x / size : x / size;
-      const color = colorScale(value);
-      if (color === null) {
-        return null;
-      }
-      return /*#__PURE__*/_jsx("stop", {
-        offset: offset,
-        stopColor: color,
-        stopOpacity: 1
-      }, keyPrefix + index);
-    })
-  });
-}

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

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function ChartsPiecewiseGradient(props) {
-  const {
-    isReversed,
-    gradientId,
-    size,
-    direction,
-    scale,
-    colorMap
-  } = props;
-  return /*#__PURE__*/_jsx("linearGradient", {
-    id: gradientId,
-    x1: "0",
-    x2: "0",
-    y1: "0",
-    y2: "0",
-    [`${direction}${isReversed ? 1 : 2}`]: `${size}px`,
-    gradientUnits: "userSpaceOnUse" // Use the SVG coordinate instead of the component ones.
-    ,
-    children: colorMap.thresholds.map((threshold, index) => {
-      const x = scale(threshold);
-      if (x === undefined) {
-        return null;
-      }
-      const offset = isReversed ? 1 - x / size : x / size;
-      return /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [/*#__PURE__*/_jsx("stop", {
-          offset: offset,
-          stopColor: colorMap.colors[index],
-          stopOpacity: 1
-        }), /*#__PURE__*/_jsx("stop", {
-          offset: offset,
-          stopColor: colorMap.colors[index + 1],
-          stopOpacity: 1
-        })]
-      }, threshold.toString() + index);
-    })
-  });
-}

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,37 +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';
-
-// 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';
-// 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,6 +0,0 @@
-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 {};

package/esm/models/seriesType/index.js

@@ -1,16 +0,0 @@
-// Series definition
-
-// item identifier
-
-export * from './line';
-export * from './bar';
-export * from './scatter';
-export * from './pie';
-// Helpers
-
-export function isDefaultizedBarSeries(series) {
-  return series.type === 'bar';
-}
-export function isBarSeries(series) {
-  return series.type === 'bar';
-}

package/esm/models/seriesType/line.js

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

package/esm/models/seriesType/pie.js

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

package/esm/models/seriesType/scatter.js

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

package/esm/models/stacking.js

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

package/esm/models/z-axis.js

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

package/esm/themeAugmentation/index.js

@@ -1,3 +0,0 @@
-export * from './overrides';
-export * from './props';
-export * from './components';

package/internals/useIsRTL.d.ts

@@ -1 +0,0 @@
-export declare const useIsRTL: () => boolean;

package/internals/useIsRTL.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsRTL = void 0;
-var _styles = require("@mui/material/styles");
-const useIsRTL = () => {
-  const theme = (0, _styles.useTheme)();
-  return theme.direction === 'rtl';
-};
-exports.useIsRTL = useIsRTL;

package/modern/context/CartesianProvider/normalizeAxis.js

@@ -1,15 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-export const normalizeAxis = (axis, dataset, axisName) => {
-  return axis?.map(axisConfig => {
-    const dataKey = axisConfig.dataKey;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
-      return axisConfig;
-    }
-    if (dataset === undefined) {
-      throw Error(`MUI X: ${axisName}-axis uses \`dataKey\` but no \`dataset\` is provided.`);
-    }
-    return _extends({}, axisConfig, {
-      data: dataset.map(d => d[dataKey])
-    });
-  }) ?? [];
-};

package/modern/internals/useIsRTL.js

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