@mui/x-charts 7.13.0 → 7.15.0

package/node/LineChart/index.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _LineChart = require("./LineChart");
+Object.keys(_LineChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineChart[key];
+    }
+  });
+});
+var _LinePlot = require("./LinePlot");
+Object.keys(_LinePlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LinePlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LinePlot[key];
+    }
+  });
+});
+var _AreaPlot = require("./AreaPlot");
+Object.keys(_AreaPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AreaPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AreaPlot[key];
+    }
+  });
+});
+var _MarkPlot = require("./MarkPlot");
+Object.keys(_MarkPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MarkPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MarkPlot[key];
+    }
+  });
+});
+var _LineHighlightPlot = require("./LineHighlightPlot");
+Object.keys(_LineHighlightPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineHighlightPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineHighlightPlot[key];
+    }
+  });
+});
+var _AreaElement = require("./AreaElement");
+Object.keys(_AreaElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AreaElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AreaElement[key];
+    }
+  });
+});
+var _AnimatedArea = require("./AnimatedArea");
+Object.keys(_AnimatedArea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AnimatedArea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AnimatedArea[key];
+    }
+  });
+});
+var _LineElement = require("./LineElement");
+Object.keys(_LineElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineElement[key];
+    }
+  });
+});
+var _AnimatedLine = require("./AnimatedLine");
+Object.keys(_AnimatedLine).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AnimatedLine[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AnimatedLine[key];
+    }
+  });
+});
+var _MarkElement = require("./MarkElement");
+Object.keys(_MarkElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MarkElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MarkElement[key];
+    }
+  });
+});
+var _LineHighlightElement = require("./LineHighlightElement");
+Object.keys(_LineHighlightElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineHighlightElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineHighlightElement[key];
+    }
+  });
+});

package/{esm/BarChart → node/LineChart}/legend.js

@@ -1,11 +1,17 @@
-import { getLabel } from '../internals/getLabel';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getLabel = require("../internals/getLabel");
 const legendGetter = params => {
   const {
     seriesOrder,
     series
   } = params;
   return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = getLabel(series[seriesId].label, 'legend');
+    const formattedLabel = (0, _getLabel.getLabel)(series[seriesId].label, 'legend');
     if (formattedLabel === undefined) {
       return acc;
     }
@@ -17,4 +23,4 @@ const legendGetter = params => {
     return acc;
   }, []);
 };
-export default legendGetter;
+var _default = exports.default = legendGetter;

package/node/LineChart/plugin.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.plugin = void 0;
+var _extremums = require("./extremums");
+var _formatter = _interopRequireDefault(require("./formatter"));
+var _getColor = _interopRequireDefault(require("./getColor"));
+const plugin = exports.plugin = {
+  seriesType: 'line',
+  colorProcessor: _getColor.default,
+  seriesFormatter: _formatter.default,
+  xExtremumGetter: _extremums.getExtremumX,
+  yExtremumGetter: _extremums.getExtremumY
+};

package/{esm → node}/LineChart/useLineChartProps.js

@@ -1,8 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLineChartProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _constants = require("../constants");
 const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "tooltip", "onAxisClick", "onAreaClick", "onLineClick", "onMarkClick", "axisHighlight", "disableLineItemHighlight", "legend", "grid", "topAxis", "leftAxis", "rightAxis", "bottomAxis", "children", "slots", "slotProps", "skipAnimation", "loading", "highlightedItem", "onHighlightChange", "className"];
-import useId from '@mui/utils/useId';
-import { DEFAULT_X_AXIS_KEY } from '../constants';
 /**
  * A helper function that extracts LineChartProps from the input props
  * and returns an object with props for the children components of LineChart.
@@ -10,7 +17,7 @@ import { DEFAULT_X_AXIS_KEY } from '../constants';
  * @param props The input props for LineChart
  * @returns An object with props for the children components of LineChart
  */
-export const useLineChartProps = props => {
+const useLineChartProps = props => {
   const {
       xAxis,
       yAxis,
@@ -43,11 +50,11 @@ export const useLineChartProps = props => {
       onHighlightChange,
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const id = useId();
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const id = (0, _useId.default)();
   const clipPathId = `${id}-clip-path`;
-  const chartContainerProps = _extends({}, other, {
-    series: series.map(s => _extends({
+  const chartContainerProps = (0, _extends2.default)({}, other, {
+    series: series.map(s => (0, _extends2.default)({
       disableHighlight: !!disableLineItemHighlight,
       type: 'line'
     }, s)),
@@ -57,7 +64,7 @@ export const useLineChartProps = props => {
     colors,
     dataset,
     xAxis: xAxis ?? [{
-      id: DEFAULT_X_AXIS_KEY,
+      id: _constants.DEFAULT_X_AXIS_KEY,
       scaleType: 'point',
       data: Array.from({
         length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
@@ -114,18 +121,18 @@ export const useLineChartProps = props => {
     slots,
     slotProps
   };
-  const axisHighlightProps = _extends({
+  const axisHighlightProps = (0, _extends2.default)({
     x: 'line'
   }, axisHighlight);
   const lineHighlightPlotProps = {
     slots,
     slotProps
   };
-  const legendProps = _extends({}, legend, {
+  const legendProps = (0, _extends2.default)({}, legend, {
     slots,
     slotProps
   });
-  const tooltipProps = _extends({}, tooltip, {
+  const tooltipProps = (0, _extends2.default)({}, tooltip, {
     slots,
     slotProps
   });
@@ -146,4 +153,5 @@ export const useLineChartProps = props => {
     tooltipProps,
     children
   };
-};
+};
+exports.useLineChartProps = useLineChartProps;

package/node/PieChart/PieArc.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieArc = PieArc;
+exports.getPieArcUtilityClass = getPieArcUtilityClass;
+exports.pieArcClasses = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _web = require("@react-spring/web");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _styles = require("@mui/material/styles");
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["classes", "color", "cornerRadius", "dataIndex", "endAngle", "id", "innerRadius", "isFaded", "isHighlighted", "onClick", "outerRadius", "paddingAngle", "startAngle", "highlightScope"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function getPieArcUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPieArc', slot);
+}
+const pieArcClasses = exports.pieArcClasses = (0, _generateUtilityClasses.default)('MuiPieArc', ['root', 'highlighted', 'faded']);
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    id,
+    isFaded,
+    isHighlighted
+  } = ownerState;
+  const slots = {
+    root: ['root', `series-${id}`, isHighlighted && 'highlighted', isFaded && 'faded']
+  };
+  return (0, _composeClasses.default)(slots, getPieArcUtilityClass, classes);
+};
+const PieArcRoot = (0, _styles.styled)(_web.animated.path, {
+  name: 'MuiPieArc',
+  slot: 'Root',
+  overridesResolver: (_, styles) => styles.arc
+})(({
+  theme
+}) => ({
+  stroke: (theme.vars || theme).palette.background.paper,
+  strokeWidth: 1,
+  strokeLinejoin: 'round'
+}));
+function PieArc(props) {
+  const {
+      classes: innerClasses,
+      color,
+      cornerRadius,
+      dataIndex,
+      endAngle,
+      id,
+      innerRadius,
+      isFaded,
+      isHighlighted,
+      onClick,
+      outerRadius,
+      paddingAngle,
+      startAngle
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = {
+    id,
+    dataIndex,
+    classes: innerClasses,
+    color,
+    isFaded,
+    isHighlighted
+  };
+  const classes = useUtilityClasses(ownerState);
+  const getInteractionItemProps = (0, _useInteractionItemProps.useInteractionItemProps)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PieArcRoot, (0, _extends2.default)({
+    d: (0, _web.to)([startAngle, endAngle, paddingAngle, innerRadius, outerRadius, cornerRadius], (sA, eA, pA, iR, oR, cR) => (0, _d3Shape.arc)().cornerRadius(cR)({
+      padAngle: pA,
+      startAngle: sA,
+      endAngle: eA,
+      innerRadius: iR,
+      outerRadius: oR
+    })),
+    visibility: (0, _web.to)([startAngle, endAngle], (sA, eA) => sA === eA ? 'hidden' : 'visible'),
+    onClick: onClick,
+    cursor: onClick ? 'pointer' : 'unset',
+    ownerState: ownerState,
+    className: classes.root
+  }, other, getInteractionItemProps({
+    type: 'pie',
+    seriesId: id,
+    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 "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: _propTypes.default.object,
+  dataIndex: _propTypes.default.number.isRequired,
+  /**
+   * @deprecated Use the `isFaded` or `isHighlighted` props instead.
+   */
+  highlightScope: _propTypes.default.shape({
+    fade: _propTypes.default.oneOf(['global', 'none', 'series']),
+    faded: _propTypes.default.oneOf(['global', 'none', 'series']),
+    highlight: _propTypes.default.oneOf(['item', 'none', 'series']),
+    highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
+  }),
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  isFaded: _propTypes.default.bool.isRequired,
+  isHighlighted: _propTypes.default.bool.isRequired
+} : void 0;

package/node/PieChart/PieArcLabel.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieArcLabel = PieArcLabel;
+exports.getPieArcLabelUtilityClass = getPieArcLabelUtilityClass;
+exports.pieArcLabelClasses = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _web = require("@react-spring/web");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _styles = require("@mui/material/styles");
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["id", "classes", "color", "startAngle", "endAngle", "paddingAngle", "arcLabelRadius", "innerRadius", "outerRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "style"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function getPieArcLabelUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPieArcLabel', slot);
+}
+const pieArcLabelClasses = exports.pieArcLabelClasses = (0, _generateUtilityClasses.default)('MuiPieArcLabel', ['root', 'highlighted', 'faded']);
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    id,
+    isFaded,
+    isHighlighted
+  } = ownerState;
+  const slots = {
+    root: ['root', `series-${id}`, isHighlighted && 'highlighted', isFaded && 'faded']
+  };
+  return (0, _composeClasses.default)(slots, getPieArcLabelUtilityClass, classes);
+};
+const PieArcLabelRoot = (0, _styles.styled)(_web.animated.text, {
+  name: 'MuiPieArcLabel',
+  slot: 'Root',
+  overridesResolver: (_, styles) => styles.root
+})(({
+  theme
+}) => ({
+  fill: (theme.vars || theme).palette.text.primary,
+  textAnchor: 'middle',
+  dominantBaseline: 'middle',
+  pointerEvents: 'none'
+}));
+/**
+ * Helper to compute label position.
+ * It's not an inline function because we need it in interpolation.
+ */
+const getLabelPosition = (formattedArcLabel, variable) => (startAngle, endAngle, padAngle, arcLabelRadius, cornerRadius) => {
+  if (!formattedArcLabel) {
+    return 0;
+  }
+  const [x, y] = (0, _d3Shape.arc)().cornerRadius(cornerRadius).centroid({
+    padAngle,
+    startAngle,
+    endAngle,
+    innerRadius: arcLabelRadius,
+    outerRadius: arcLabelRadius
+  });
+  if (variable === 'x') {
+    return x;
+  }
+  return y;
+};
+function PieArcLabel(props) {
+  const {
+      id,
+      classes: innerClasses,
+      color,
+      startAngle,
+      endAngle,
+      paddingAngle,
+      arcLabelRadius,
+      cornerRadius,
+      formattedArcLabel,
+      isHighlighted,
+      isFaded,
+      style
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = {
+    id,
+    classes: innerClasses,
+    color,
+    isFaded,
+    isHighlighted
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PieArcLabelRoot, (0, _extends2.default)({
+    className: classes.root
+  }, other, {
+    style: (0, _extends2.default)({
+      x: (0, _web.to)([startAngle, endAngle, paddingAngle, arcLabelRadius, cornerRadius], getLabelPosition(formattedArcLabel, 'x')),
+      y: (0, _web.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 "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: _propTypes.default.object,
+  color: _propTypes.default.string.isRequired,
+  formattedArcLabel: _propTypes.default.string,
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  isFaded: _propTypes.default.bool.isRequired,
+  isHighlighted: _propTypes.default.bool.isRequired
+} : void 0;