@mui/x-charts 7.0.0-beta.2 → 7.0.0-beta.4

package/legacy/index.js

@@ -1,31 +0,0 @@
-/**
- * @mui/x-charts v7.0.0-beta.2
- *
- * @license MIT
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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 './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 './ChartContainer';
-export * from './ChartsSurface';
-export * from './ResponsiveChartContainer';

package/legacy/internals/components/AxisSharedComponents.js

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

package/legacy/internals/defaultizeColor.js

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

package/legacy/internals/defaultizeValueFormatter.js

@@ -1,12 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-function defaultizeValueFormatter(series, defaultValueFormatter) {
-  var defaultizedSeries = {};
-  Object.keys(series).forEach(function (seriesId) {
-    var _series$seriesId$valu;
-    defaultizedSeries[seriesId] = _extends({}, series[seriesId], {
-      valueFormatter: (_series$seriesId$valu = series[seriesId].valueFormatter) != null ? _series$seriesId$valu : defaultValueFormatter
-    });
-  });
-  return defaultizedSeries;
-}
-export default defaultizeValueFormatter;

package/legacy/internals/domUtils.js

@@ -1,121 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-// DOM utils taken from
-// https://github.com/recharts/recharts/blob/master/src/util/DOMUtils.ts
-
-function isSsr() {
-  return typeof window === 'undefined';
-}
-var stringCache = {
-  widthCache: {},
-  cacheCount: 0
-};
-var MAX_CACHE_NUM = 2000;
-var SPAN_STYLE = {
-  position: 'absolute',
-  top: '-20000px',
-  left: 0,
-  padding: 0,
-  margin: 0,
-  border: 'none',
-  whiteSpace: 'pre'
-};
-var STYLE_LIST = ['minWidth', 'maxWidth', 'width', 'minHeight', 'maxHeight', 'height', 'top', 'left', 'fontSize', 'padding', 'margin', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom'];
-var MEASUREMENT_SPAN_ID = 'mui_measurement_span';
-
-/**
- *
- * @param name CSS property name
- * @param value
- * @returns add 'px' for distance properties
- */
-function autoCompleteStyle(name, value) {
-  if (STYLE_LIST.indexOf(name) >= 0 && value === +value) {
-    return "".concat(value, "px");
-  }
-  return value;
-}
-
-/**
- *
- * @param text camelcase css property
- * @returns css property
- */
-function camelToMiddleLine(text) {
-  var strs = text.split('');
-  var formatStrs = strs.reduce(function (result, entry) {
-    if (entry === entry.toUpperCase()) {
-      return [].concat(_toConsumableArray(result), ['-', entry.toLowerCase()]);
-    }
-    return [].concat(_toConsumableArray(result), [entry]);
-  }, []);
-  return formatStrs.join('');
-}
-
-/**
- *
- * @param style React style object
- * @returns CSS styling string
- */
-export var getStyleString = function getStyleString(style) {
-  return Object.keys(style).sort().reduce(function (result, s) {
-    return "".concat(result).concat(camelToMiddleLine(s), ":").concat(autoCompleteStyle(s, style[s]), ";");
-  }, '');
-};
-
-/**
- *
- * @param text The string to estimate
- * @param style The style applied
- * @returns width and height of the text
- */
-export var getStringSize = function getStringSize(text) {
-  var style = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (text === undefined || text === null || isSsr()) {
-    return {
-      width: 0,
-      height: 0
-    };
-  }
-  var str = "".concat(text);
-  var styleString = getStyleString(style);
-  var cacheKey = "".concat(str, "-").concat(styleString);
-  if (stringCache.widthCache[cacheKey]) {
-    return stringCache.widthCache[cacheKey];
-  }
-  try {
-    var measurementSpan = document.getElementById(MEASUREMENT_SPAN_ID);
-    if (measurementSpan === null) {
-      measurementSpan = document.createElement('span');
-      measurementSpan.setAttribute('id', MEASUREMENT_SPAN_ID);
-      measurementSpan.setAttribute('aria-hidden', 'true');
-      document.body.appendChild(measurementSpan);
-    }
-    // Need to use CSS Object Model (CSSOM) to be able to comply with Content Security Policy (CSP)
-    // https://en.wikipedia.org/wiki/Content_Security_Policy
-    var measurementSpanStyle = _extends({}, SPAN_STYLE, style);
-    Object.keys(measurementSpanStyle).map(function (styleKey) {
-      measurementSpan.style[camelToMiddleLine(styleKey)] = autoCompleteStyle(styleKey, measurementSpanStyle[styleKey]);
-      return styleKey;
-    });
-    measurementSpan.textContent = str;
-    var rect = measurementSpan.getBoundingClientRect();
-    var result = {
-      width: rect.width,
-      height: rect.height
-    };
-    stringCache.widthCache[cacheKey] = result;
-    if (stringCache.cacheCount + 1 > MAX_CACHE_NUM) {
-      stringCache.cacheCount = 0;
-      stringCache.widthCache = {};
-    } else {
-      stringCache.cacheCount += 1;
-    }
-    return result;
-  } catch (e) {
-    return {
-      width: 0,
-      height: 0
-    };
-  }
-};

package/legacy/internals/geometry.js

@@ -1,37 +0,0 @@
-var ANGLE_APPROX = 5; // Angle (in deg) for which we approximate the rectangle as perfectly horizontal/vertical
-
-var warnedOnce = false;
-
-/**
- * Return the minimal translation along the x-axis to avoid overflow of a rectangle of a given width, height, and rotation.
- * This assumes that all rectangles have the same height and angle between -90 and 90.
- * Otherwise it would be problematic because you need the height/width of the next rectangle to do the correct computation.
- * @param width the side along the x-axis.
- * @param height the side along the y-axis.
- * @param angle the rotation in degrees.
- */
-export function getMinXTranslation(width, height) {
-  var angle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  if (process.env.NODE_ENV !== 'production') {
-    if (!warnedOnce && angle > 90 && angle < -90) {
-      warnedOnce = true;
-      console.warn(["MUI X Charts: It seems you applied an angle larger than 90\xB0 or smaller than -90\xB0 to an axis text.", "This could cause some text overlapping.", "If you encounter a use case where it's needed, please open an issue."].join('\n'));
-    }
-  }
-  var standardAngle = Math.min(Math.abs(angle) % 180, Math.abs(Math.abs(angle) % 180 - 180) % 180); // Map from R to [0, 90]
-
-  if (standardAngle < ANGLE_APPROX) {
-    // It's nearly horizontal
-    return width;
-  }
-  if (standardAngle > 90 - ANGLE_APPROX) {
-    // It's nearly vertical
-    return height;
-  }
-  var radAngle = standardAngle * Math.PI / 180;
-  var angleSwich = Math.atan2(height, width);
-  if (radAngle < angleSwich) {
-    return width / Math.cos(radAngle);
-  }
-  return height / Math.sin(radAngle);
-}

package/legacy/internals/getCurve.js

@@ -1,39 +0,0 @@
-import { curveCatmullRom, curveLinear, curveMonotoneX, curveMonotoneY, curveNatural, curveStep, curveStepAfter, curveStepBefore } from '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/legacy/internals/getScale.js

@@ -1,17 +0,0 @@
-import { scaleLog, scalePow, scaleSqrt, scaleTime, scaleUtc, scaleLinear } from '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/legacy/internals/getWordsByLines.js

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

package/legacy/internals/isBandScale.js

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

package/legacy/internals/stackSeries.js

@@ -1,92 +0,0 @@
-import { stackOrderAppearance as d3StackOrderAppearance, stackOrderAscending as d3StackOrderAscending, stackOrderDescending as d3StackOrderDescending, stackOrderInsideOut as d3StackOrderInsideOut, stackOrderNone as d3StackOrderNone, stackOrderReverse as d3StackOrderReverse, stackOffsetExpand as d3StackOffsetExpand, stackOffsetDiverging as d3StackOffsetDiverging, stackOffsetNone as d3StackOffsetNone, stackOffsetSilhouette as d3StackOffsetSilhouette, stackOffsetWiggle as d3StackOffsetWiggle } from 'd3-shape';
-export var StackOrder = {
-  /**
-   * Series order such that the earliest series (according to the maximum value) is at the bottom.
-   * */
-  appearance: d3StackOrderAppearance,
-  /**
-   *  Series order such that the smallest series (according to the sum of values) is at the bottom.
-   * */
-  ascending: d3StackOrderAscending,
-  /**
-   * Series order such that the largest series (according to the sum of values) is at the bottom.
-   */
-  descending: d3StackOrderDescending,
-  /**
-   * Series order such that the earliest series (according to the maximum value) are on the inside and the later series are on the outside. This order is recommended for streamgraphs in conjunction with the wiggle offset. See Stacked Graphs—Geometry & Aesthetics by Byron & Wattenberg for more information.
-   */
-  insideOut: d3StackOrderInsideOut,
-  /**
-   * Given series order [0, 1, … n - 1] where n is the number of elements in series. Thus, the stack order is given by the key accessor.
-   */
-  none: d3StackOrderNone,
-  /**
-   * Reverse of the given series order [n - 1, n - 2, … 0] where n is the number of elements in series. Thus, the stack order is given by the reverse of the key accessor.
-   */
-  reverse: d3StackOrderReverse
-};
-export var StackOffset = {
-  /**
-   * Applies a zero baseline and normalizes the values for each point such that the topline is always one.
-   * */
-  expand: d3StackOffsetExpand,
-  /**
-   * Positive values are stacked above zero, negative values are stacked below zero, and zero values are stacked at zero.
-   * */
-  diverging: d3StackOffsetDiverging,
-  /**
-   * Applies a zero baseline.
-   * */
-  none: d3StackOffsetNone,
-  /**
-   * Shifts the baseline down such that the center of the streamgraph is always at zero.
-   * */
-  silhouette: d3StackOffsetSilhouette,
-  /**
-   * Shifts the baseline so as to minimize the weighted wiggle of layers. This offset is recommended for streamgraphs in conjunction with the inside-out order. See Stacked Graphs—Geometry & Aesthetics by Bryon & Wattenberg for more information.
-   * */
-  wiggle: d3StackOffsetWiggle
-};
-
-/**
- * Takes a set of series and groups their ids
- * @param series the object of all bars series
- * @returns an array of groups, including the ids, the stacking order, and the stacking offset.
- */
-export var getStackingGroups = function getStackingGroups(params) {
-  var series = params.series,
-    seriesOrder = params.seriesOrder,
-    defaultStrategy = params.defaultStrategy;
-  var stackingGroups = [];
-  var stackIndex = {};
-  seriesOrder.forEach(function (id) {
-    var _series$id = series[id],
-      stack = _series$id.stack,
-      stackOrder = _series$id.stackOrder,
-      stackOffset = _series$id.stackOffset;
-    if (stack === undefined) {
-      stackingGroups.push({
-        ids: [id],
-        stackingOrder: StackOrder.none,
-        stackingOffset: StackOffset.none
-      });
-    } else if (stackIndex[stack] === undefined) {
-      var _ref, _ref2;
-      stackIndex[stack] = stackingGroups.length;
-      stackingGroups.push({
-        ids: [id],
-        stackingOrder: StackOrder[(_ref = stackOrder != null ? stackOrder : defaultStrategy == null ? void 0 : defaultStrategy.stackOrder) != null ? _ref : 'none'],
-        stackingOffset: StackOffset[(_ref2 = stackOffset != null ? stackOffset : defaultStrategy == null ? void 0 : defaultStrategy.stackOffset) != null ? _ref2 : 'diverging']
-      });
-    } else {
-      stackingGroups[stackIndex[stack]].ids.push(id);
-      if (stackOrder !== undefined) {
-        stackingGroups[stackIndex[stack]].stackingOrder = StackOrder[stackOrder];
-      }
-      if (stackOffset !== undefined) {
-        stackingGroups[stackIndex[stack]].stackingOffset = StackOffset[stackOffset];
-      }
-    }
-  });
-  return stackingGroups;
-};

package/legacy/internals/useAnimatedPath.js

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

package/legacy/internals/utils.js

@@ -1,52 +0,0 @@
-// Returns the index of a defined shape
-export function getSymbol(shape) {
-  var symbolNames = 'circle cross diamond square star triangle wye'.split(/ /);
-  return symbolNames.indexOf(shape) || 0;
-}
-/**
- * Transform mouse event position to corrdinates inside the SVG.
- * @param svg The SVG element
- * @param event The mouseEvent to transform
- */
-export function getSVGPoint(svg, event) {
-  var pt = svg.createSVGPoint();
-  pt.x = event.clientX;
-  pt.y = event.clientY;
-  return pt.matrixTransform(svg.getScreenCTM().inverse());
-}
-
-/**
- * Helper that converts values and percentages into values.
- * @param value The value provided by the developer. Can either be a number or a string with '%' or 'px'.
- * @param refValue The numerical value associated to 100%.
- * @returns The numerical value associated to the provided value.
- */
-export function getPercentageValue(value, refValue) {
-  if (typeof value === 'number') {
-    return value;
-  }
-  if (value === '100%') {
-    // Avoid potential rounding issues
-    return refValue;
-  }
-  if (value.endsWith('%')) {
-    var percentage = Number.parseFloat(value.slice(0, value.length - 1));
-    if (!Number.isNaN(percentage)) {
-      return percentage * refValue / 100;
-    }
-  }
-  if (value.endsWith('px')) {
-    var val = Number.parseFloat(value.slice(0, value.length - 2));
-    if (!Number.isNaN(val)) {
-      return val;
-    }
-  }
-  throw Error("MUI-Charts: Received an unknown value \"".concat(value, "\". It should be a number, or a string with a percentage value."));
-}
-
-/**
- * Remove spaces to have viable ids
- */
-export function cleanId(id) {
-  return id.replace(' ', '_');
-}

package/legacy/models/axis.js

@@ -1,6 +0,0 @@
-export function isBandScaleConfig(scaleConfig) {
-  return scaleConfig.scaleType === 'band';
-}
-export function isPointScaleConfig(scaleConfig) {
-  return scaleConfig.scaleType === 'point';
-}

package/legacy/models/helpers.js

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

package/legacy/models/index.js

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

package/legacy/models/layout.js

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

package/legacy/models/seriesType/bar.js

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

package/legacy/models/seriesType/common.js

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

package/legacy/models/seriesType/config.js

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

package/legacy/models/seriesType/index.js

@@ -1,5 +0,0 @@
-export * from './line';
-export * from './bar';
-export * from './scatter';
-export * from './pie';
-export {};

package/legacy/models/seriesType/line.js

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

package/legacy/models/seriesType/pie.js

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

package/legacy/models/seriesType/scatter.js

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

package/legacy/models/stacking.js

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

package/legacy/themeAugmentation/index.js

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