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

package/legacy/LineChart/formatter.js

@@ -1,82 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { stack as d3Stack } from 'd3-shape';
-import { getStackingGroups } from '../internals/stackSeries';
-import defaultizeValueFormatter from '../internals/defaultizeValueFormatter';
-var warnedOnce = false;
-
-// For now it's a copy past of bar charts formatter, but maybe will diverge later
-var formatter = function formatter(params, dataset) {
-  var _ref;
-  var seriesOrder = params.seriesOrder,
-    series = params.series;
-  var stackingGroups = getStackingGroups(_extends({}, params, {
-    defaultStrategy: {
-      stackOffset: 'none'
-    }
-  }));
-
-  // Create a data set with format adapted to d3
-  var d3Dataset = (_ref = dataset) != null ? _ref : [];
-  seriesOrder.forEach(function (id) {
-    var data = series[id].data;
-    if (data !== undefined) {
-      data.forEach(function (value, index) {
-        if (d3Dataset.length <= index) {
-          d3Dataset.push(_defineProperty({}, id, value));
-        } else {
-          d3Dataset[index][id] = value;
-        }
-      });
-    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
-      throw new Error(["MUI X Charts: line series with id='".concat(id, "' has no data."), 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
-    }
-  });
-  var completedSeries = {};
-  stackingGroups.forEach(function (stackingGroup) {
-    // Get stacked values, and derive the domain
-    var ids = stackingGroup.ids,
-      stackingOrder = stackingGroup.stackingOrder,
-      stackingOffset = stackingGroup.stackingOffset;
-    var stackedSeries = d3Stack().keys(ids.map(function (id) {
-      // Use dataKey if needed and available
-      var dataKey = series[id].dataKey;
-      return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
-    })).value(function (d, key) {
-      var _d$key;
-      return (_d$key = d[key]) != null ? _d$key : 0;
-    }) // defaultize null value to 0
-    .order(stackingOrder).offset(stackingOffset)(d3Dataset);
-    ids.forEach(function (id, index) {
-      var dataKey = series[id].dataKey;
-      completedSeries[id] = _extends({}, series[id], {
-        data: dataKey ? dataset.map(function (data) {
-          var value = data[dataKey];
-          if (typeof value !== 'number') {
-            if (process.env.NODE_ENV !== 'production' && !warnedOnce && value !== null) {
-              warnedOnce = true;
-              console.error(["MUI-X charts: your dataset key \"".concat(dataKey, "\" is used for plotting line, but contains nonnumerical elements."), 'Line plots only support numbers and null values.']);
-            }
-            return null;
-          }
-          return value;
-        }) : series[id].data,
-        stackedData: stackedSeries[index].map(function (_ref2) {
-          var _ref3 = _slicedToArray(_ref2, 2),
-            a = _ref3[0],
-            b = _ref3[1];
-          return [a, b];
-        })
-      });
-    });
-  });
-  return {
-    seriesOrder: seriesOrder,
-    stackingGroups: stackingGroups,
-    series: defaultizeValueFormatter(completedSeries, function (v) {
-      return v == null ? '' : v.toLocaleString();
-    })
-  };
-};
-export default formatter;

package/legacy/LineChart/index.js

@@ -1,11 +0,0 @@
-export * from './LineChart';
-export * from './LinePlot';
-export * from './AreaPlot';
-export * from './MarkPlot';
-export * from './LineHighlightPlot';
-export * from './AreaElement';
-export * from './AnimatedArea';
-export * from './LineElement';
-export * from './AnimatedLine';
-export * from './MarkElement';
-export * from './LineHighlightElement';

package/legacy/LineChart/legend.js

@@ -1,15 +0,0 @@
-var legendGetter = function legendGetter(params) {
-  var seriesOrder = params.seriesOrder,
-    series = params.series;
-  var data = seriesOrder.map(function (seriesId) {
-    return {
-      color: series[seriesId].color,
-      label: series[seriesId].label,
-      id: seriesId
-    };
-  });
-  return data.filter(function (item) {
-    return item.label !== undefined;
-  });
-};
-export default legendGetter;

package/legacy/PieChart/PieArc.js

@@ -1,103 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "dataIndex", "classes", "color", "highlightScope", "onClick", "isFaded", "isHighlighted", "startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { arc as d3Arc } from 'd3-shape';
-import { animated, to } from '@react-spring/web';
-import composeClasses from '@mui/utils/composeClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { styled } from '@mui/material/styles';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import { useInteractionItemProps } from '../hooks/useInteractionItemProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function getPieArcUtilityClass(slot) {
-  return generateUtilityClass('MuiPieArc', slot);
-}
-export var pieArcClasses = generateUtilityClasses('MuiPieArc', ['root', 'highlighted', 'faded']);
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    id = ownerState.id,
-    isFaded = ownerState.isFaded,
-    isHighlighted = ownerState.isHighlighted;
-  var slots = {
-    root: ['root', "series-".concat(id), isHighlighted && 'highlighted', isFaded && 'faded']
-  };
-  return composeClasses(slots, getPieArcUtilityClass, classes);
-};
-var PieArcRoot = styled(animated.path, {
-  name: 'MuiPieArc',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.arc;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    stroke: (theme.vars || theme).palette.background.paper,
-    strokeWidth: 1,
-    strokeLinejoin: 'round'
-  };
-});
-function PieArc(props) {
-  var id = props.id,
-    dataIndex = props.dataIndex,
-    innerClasses = props.classes,
-    color = props.color,
-    highlightScope = props.highlightScope,
-    onClick = props.onClick,
-    isFaded = props.isFaded,
-    isHighlighted = props.isHighlighted,
-    startAngle = props.startAngle,
-    endAngle = props.endAngle,
-    paddingAngle = props.paddingAngle,
-    innerRadius = props.innerRadius,
-    outerRadius = props.outerRadius,
-    cornerRadius = props.cornerRadius,
-    other = _objectWithoutProperties(props, _excluded);
-  var ownerState = {
-    id: id,
-    dataIndex: dataIndex,
-    classes: innerClasses,
-    color: color,
-    isFaded: isFaded,
-    isHighlighted: isHighlighted
-  };
-  var classes = useUtilityClasses(ownerState);
-  var getInteractionItemProps = useInteractionItemProps(highlightScope);
-  return /*#__PURE__*/_jsx(PieArcRoot, _extends({
-    d: to([startAngle, endAngle, paddingAngle, innerRadius, outerRadius, cornerRadius], function (sA, eA, pA, iR, oR, cR) {
-      return d3Arc().cornerRadius(cR)({
-        padAngle: pA,
-        startAngle: sA,
-        endAngle: eA,
-        innerRadius: iR,
-        outerRadius: oR
-      });
-    }),
-    onClick: onClick,
-    cursor: onClick ? 'pointer' : 'unset',
-    ownerState: ownerState,
-    className: classes.root
-  }, other, getInteractionItemProps({
-    type: 'pie',
-    seriesId: id,
-    dataIndex: dataIndex
-  })));
-}
-process.env.NODE_ENV !== "production" ? PieArc.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  classes: PropTypes.object,
-  dataIndex: PropTypes.number.isRequired,
-  highlightScope: PropTypes.shape({
-    faded: PropTypes.oneOf(['global', 'none', 'series']),
-    highlighted: PropTypes.oneOf(['item', 'none', 'series'])
-  }),
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  isFaded: PropTypes.bool.isRequired,
-  isHighlighted: PropTypes.bool.isRequired
-} : void 0;
-export { PieArc };

package/legacy/PieChart/PieArcLabel.js

@@ -1,112 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["id", "classes", "color", "startAngle", "endAngle", "paddingAngle", "arcLabelRadius", "innerRadius", "outerRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "style"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { animated, to } from '@react-spring/web';
-import { arc as d3Arc } from 'd3-shape';
-import composeClasses from '@mui/utils/composeClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { styled } from '@mui/material/styles';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function getPieArcLabelUtilityClass(slot) {
-  return generateUtilityClass('MuiPieArcLabel', slot);
-}
-export var pieArcLabelClasses = generateUtilityClasses('MuiPieArcLabel', ['root', 'highlighted', 'faded']);
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    id = ownerState.id,
-    isFaded = ownerState.isFaded,
-    isHighlighted = ownerState.isHighlighted;
-  var slots = {
-    root: ['root', "series-".concat(id), isHighlighted && 'highlighted', isFaded && 'faded']
-  };
-  return composeClasses(slots, getPieArcLabelUtilityClass, classes);
-};
-var PieArcLabelRoot = styled(animated.text, {
-  name: 'MuiPieArcLabel',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fill: (theme.vars || theme).palette.text.primary,
-    textAnchor: 'middle',
-    dominantBaseline: 'middle'
-  };
-});
-/**
- * Helper to compute label position.
- * It's not an inline function because we need it in inerpolation.
- */
-var getLabelPosition = function getLabelPosition(formattedArcLabel, variable) {
-  return function (startAngle, endAngle, padAngle, arcLabelRadius, cornerRadius) {
-    if (!formattedArcLabel) {
-      return 0;
-    }
-    var _ref2 = d3Arc().cornerRadius(cornerRadius).centroid({
-        padAngle: padAngle,
-        startAngle: startAngle,
-        endAngle: endAngle,
-        innerRadius: arcLabelRadius,
-        outerRadius: arcLabelRadius
-      }),
-      _ref3 = _slicedToArray(_ref2, 2),
-      x = _ref3[0],
-      y = _ref3[1];
-    if (variable === 'x') {
-      return x;
-    }
-    return y;
-  };
-};
-function PieArcLabel(props) {
-  var id = props.id,
-    innerClasses = props.classes,
-    color = props.color,
-    startAngle = props.startAngle,
-    endAngle = props.endAngle,
-    paddingAngle = props.paddingAngle,
-    arcLabelRadius = props.arcLabelRadius,
-    innerRadius = props.innerRadius,
-    outerRadius = props.outerRadius,
-    cornerRadius = props.cornerRadius,
-    formattedArcLabel = props.formattedArcLabel,
-    isHighlighted = props.isHighlighted,
-    isFaded = props.isFaded,
-    style = props.style,
-    other = _objectWithoutProperties(props, _excluded);
-  var ownerState = {
-    id: id,
-    classes: innerClasses,
-    color: color,
-    isFaded: isFaded,
-    isHighlighted: isHighlighted
-  };
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(PieArcLabelRoot, _extends({
-    className: classes.root
-  }, other, {
-    style: _extends({
-      x: to([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'x')),
-      y: to([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'y'))
-    }, style),
-    children: formattedArcLabel
-  }));
-}
-process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  classes: PropTypes.object,
-  formattedArcLabel: PropTypes.string,
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  isFaded: PropTypes.bool.isRequired,
-  isHighlighted: PropTypes.bool.isRequired
-} : void 0;
-export { PieArcLabel };

package/legacy/PieChart/PieArcLabelPlot.js

@@ -1,193 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["slots", "slotProps", "innerRadius", "outerRadius", "arcLabelRadius", "cornerRadius", "paddingAngle", "id", "highlightScope", "highlighted", "faded", "data", "arcLabel", "arcLabelMinAngle", "skipAnimation"],
-  _excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "arcLabelRadius", "cornerRadius"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useTransition } from '@react-spring/web';
-import { defaultLabelTransitionConfig } from './dataTransform/transition';
-import { useTransformData } from './dataTransform/useTransformData';
-import { PieArcLabel } from './PieArcLabel';
-import { jsx as _jsx } from "react/jsx-runtime";
-var RATIO = 180 / Math.PI;
-function getItemLabel(arcLabel, arcLabelMinAngle, item) {
-  if (!arcLabel) {
-    return null;
-  }
-  var angle = (item.endAngle - item.startAngle) * RATIO;
-  if (angle < arcLabelMinAngle) {
-    return null;
-  }
-  if (typeof arcLabel === 'string') {
-    var _item$arcLabel;
-    return (_item$arcLabel = item[arcLabel]) == null ? void 0 : _item$arcLabel.toString();
-  }
-  return arcLabel(item);
-}
-function PieArcLabelPlot(props) {
-  var _slots$pieArcLabel;
-  var slots = props.slots,
-    slotProps = props.slotProps,
-    innerRadius = props.innerRadius,
-    outerRadius = props.outerRadius,
-    arcLabelRadius = props.arcLabelRadius,
-    _props$cornerRadius = props.cornerRadius,
-    cornerRadius = _props$cornerRadius === void 0 ? 0 : _props$cornerRadius,
-    _props$paddingAngle = props.paddingAngle,
-    paddingAngle = _props$paddingAngle === void 0 ? 0 : _props$paddingAngle,
-    id = props.id,
-    highlightScope = props.highlightScope,
-    highlighted = props.highlighted,
-    _props$faded = props.faded,
-    faded = _props$faded === void 0 ? {
-      additionalRadius: -5
-    } : _props$faded,
-    data = props.data,
-    arcLabel = props.arcLabel,
-    _props$arcLabelMinAng = props.arcLabelMinAngle,
-    arcLabelMinAngle = _props$arcLabelMinAng === void 0 ? 0 : _props$arcLabelMinAng,
-    skipAnimation = props.skipAnimation,
-    other = _objectWithoutProperties(props, _excluded);
-  var transformedData = useTransformData({
-    innerRadius: innerRadius,
-    outerRadius: outerRadius,
-    arcLabelRadius: arcLabelRadius,
-    cornerRadius: cornerRadius,
-    paddingAngle: paddingAngle,
-    id: id,
-    highlightScope: highlightScope,
-    highlighted: highlighted,
-    faded: faded,
-    data: data
-  });
-  var transition = useTransition(transformedData, _extends({}, defaultLabelTransitionConfig, {
-    immediate: skipAnimation
-  }));
-  if (data.length === 0) {
-    return null;
-  }
-  var ArcLabel = (_slots$pieArcLabel = slots == null ? void 0 : slots.pieArcLabel) != null ? _slots$pieArcLabel : PieArcLabel;
-  return /*#__PURE__*/_jsx("g", _extends({}, other, {
-    children: transition(function (_ref, item) {
-      var startAngle = _ref.startAngle,
-        endAngle = _ref.endAngle,
-        pA = _ref.paddingAngle,
-        iR = _ref.innerRadius,
-        oR = _ref.outerRadius,
-        aLR = _ref.arcLabelRadius,
-        cR = _ref.cornerRadius,
-        style = _objectWithoutProperties(_ref, _excluded2);
-      return /*#__PURE__*/_jsx(ArcLabel, _extends({
-        startAngle: startAngle,
-        endAngle: endAngle,
-        paddingAngle: pA,
-        innerRadius: iR,
-        outerRadius: oR,
-        arcLabelRadius: aLR,
-        cornerRadius: cR,
-        style: style,
-        id: id,
-        color: item.color,
-        isFaded: item.isFaded,
-        isHighlighted: item.isHighlighted,
-        formattedArcLabel: getItemLabel(arcLabel, arcLabelMinAngle, item)
-      }, slotProps == null ? void 0 : slotProps.pieArcLabel));
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The label displayed into the arc.
-   */
-  arcLabel: PropTypes.oneOfType([PropTypes.oneOf(['formattedValue', 'label', 'value']), PropTypes.func]),
-  /**
-   * The minimal angle required to display the arc label.
-   * @default 0
-   */
-  arcLabelMinAngle: PropTypes.number,
-  /**
-   * The radius between circle center and the arc label in px.
-   * @default (innerRadius - outerRadius) / 2
-   */
-  arcLabelRadius: PropTypes.number,
-  /**
-   * The radius applied to arc corners (similar to border radius).
-   * @default 0
-   */
-  cornerRadius: PropTypes.number,
-  data: PropTypes.arrayOf(PropTypes.shape({
-    color: PropTypes.string.isRequired,
-    endAngle: PropTypes.number.isRequired,
-    formattedValue: PropTypes.string.isRequired,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-    index: PropTypes.number.isRequired,
-    label: PropTypes.string,
-    padAngle: PropTypes.number.isRequired,
-    startAngle: PropTypes.number.isRequired,
-    value: PropTypes.number.isRequired
-  })).isRequired,
-  /**
-   * Override the arc attibutes when it is faded.
-   * @default { additionalRadius: -5 }
-   */
-  faded: PropTypes.shape({
-    additionalRadius: PropTypes.number,
-    arcLabelRadius: PropTypes.number,
-    color: PropTypes.string,
-    cornerRadius: PropTypes.number,
-    innerRadius: PropTypes.number,
-    outerRadius: PropTypes.number,
-    paddingAngle: PropTypes.number
-  }),
-  /**
-   * Override the arc attibutes when it is highlighted.
-   */
-  highlighted: PropTypes.shape({
-    additionalRadius: PropTypes.number,
-    arcLabelRadius: PropTypes.number,
-    color: PropTypes.string,
-    cornerRadius: PropTypes.number,
-    innerRadius: PropTypes.number,
-    outerRadius: PropTypes.number,
-    paddingAngle: PropTypes.number
-  }),
-  highlightScope: PropTypes.shape({
-    faded: PropTypes.oneOf(['global', 'none', 'series']),
-    highlighted: PropTypes.oneOf(['item', 'none', 'series'])
-  }),
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * The radius between circle center and the begining of the arc.
-   * @default 0
-   */
-  innerRadius: PropTypes.number,
-  /**
-   * The radius between circle center and the end of the arc.
-   */
-  outerRadius: PropTypes.number.isRequired,
-  /**
-   * The padding angle (deg) between two arcs.
-   * @default 0
-   */
-  paddingAngle: PropTypes.number,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: PropTypes.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object
-} : void 0;
-export { PieArcLabelPlot };