@mui/x-charts 7.0.0-beta.3 → 7.0.0-beta.5

package/legacy/ChartsLegend/DefaultChartsLegend.js

@@ -1,302 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["rotate", "dominantBaseline"],
-  _excluded2 = ["label"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { NoSsr } from '@mui/base/NoSsr';
-import { useTheme, styled } from '@mui/material/styles';
-import { ChartsText } from '../ChartsText';
-import { getWordsByLines } from '../internals/getWordsByLines';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var ChartsLegendRoot = styled('g', {
-  name: 'MuiChartsLegend',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})({});
-/**
- * Transforms number or partial padding object to a defaultized padding object.
- */
-var getStandardizedPadding = function getStandardizedPadding(padding) {
-  if (typeof padding === 'number') {
-    return {
-      left: padding,
-      right: padding,
-      top: padding,
-      bottom: padding
-    };
-  }
-  return _extends({
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0
-  }, padding);
-};
-function DefaultChartsLegend(props) {
-  var hidden = props.hidden,
-    position = props.position,
-    direction = props.direction,
-    seriesToDisplay = props.seriesToDisplay,
-    drawingArea = props.drawingArea,
-    classes = props.classes,
-    _props$itemMarkWidth = props.itemMarkWidth,
-    itemMarkWidth = _props$itemMarkWidth === void 0 ? 20 : _props$itemMarkWidth,
-    _props$itemMarkHeight = props.itemMarkHeight,
-    itemMarkHeight = _props$itemMarkHeight === void 0 ? 20 : _props$itemMarkHeight,
-    _props$markGap = props.markGap,
-    markGap = _props$markGap === void 0 ? 5 : _props$markGap,
-    _props$itemGap = props.itemGap,
-    itemGap = _props$itemGap === void 0 ? 10 : _props$itemGap,
-    _props$padding = props.padding,
-    paddingProps = _props$padding === void 0 ? 10 : _props$padding,
-    inLabelStyle = props.labelStyle;
-  var theme = useTheme();
-  var labelStyle = React.useMemo(function () {
-    return _extends({}, theme.typography.subtitle1, {
-      color: 'inherit',
-      dominantBaseline: 'central',
-      textAnchor: 'start',
-      fill: (theme.vars || theme).palette.text.primary,
-      lineHeight: 1
-    }, inLabelStyle);
-  },
-  // To say to TS that the dominantBaseline and textAnchor are correct
-  [inLabelStyle, theme]);
-  var padding = React.useMemo(function () {
-    return getStandardizedPadding(paddingProps);
-  }, [paddingProps]);
-  var getItemSpace = React.useCallback(function (label) {
-    var inStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var rotate = inStyle.rotate,
-      dominantBaseline = inStyle.dominantBaseline,
-      style = _objectWithoutProperties(inStyle, _excluded);
-    var linesSize = getWordsByLines({
-      style: style,
-      needsComputation: true,
-      text: label
-    });
-    var innerSize = {
-      innerWidth: itemMarkWidth + markGap + Math.max.apply(Math, _toConsumableArray(linesSize.map(function (size) {
-        return size.width;
-      }))),
-      innerHeight: Math.max(itemMarkHeight, linesSize.length * linesSize[0].height)
-    };
-    return _extends({}, innerSize, {
-      outerWidth: innerSize.innerWidth + itemGap,
-      outerHeight: innerSize.innerHeight + itemGap
-    });
-  }, [itemGap, itemMarkHeight, itemMarkWidth, markGap]);
-  var totalWidth = drawingArea.left + drawingArea.width + drawingArea.right;
-  var totalHeight = drawingArea.top + drawingArea.height + drawingArea.bottom;
-  var availableWidth = totalWidth - padding.left - padding.right;
-  var availableHeight = totalHeight - padding.top - padding.bottom;
-  var seriesWithPosition = React.useMemo(function () {
-    // Start at 0, 0. Will be modified later by padding and position.
-    var x = 0;
-    var y = 0;
-
-    // total values used to align legend later.
-    var totalWidthUsed = 0;
-    var totalHeightUsed = 0;
-    var rowIndex = 0;
-    var rowMaxHeight = [0];
-    var seriesWithRawPosition = seriesToDisplay.map(function (_ref) {
-      var label = _ref.label,
-        other = _objectWithoutProperties(_ref, _excluded2);
-      var itemSpace = getItemSpace(label, labelStyle);
-      var rep = _extends({}, other, {
-        label: label,
-        positionX: x,
-        positionY: y,
-        innerHeight: itemSpace.innerHeight,
-        innerWidth: itemSpace.innerWidth,
-        outerHeight: itemSpace.outerHeight,
-        outerWidth: itemSpace.outerWidth,
-        rowIndex: rowIndex
-      });
-      if (direction === 'row') {
-        if (x + itemSpace.innerWidth > availableWidth) {
-          // This legend item would create overflow along the x-axis, so we start a new row.
-          x = 0;
-          y += rowMaxHeight[rowIndex];
-          rowIndex += 1;
-          if (rowMaxHeight.length <= rowIndex) {
-            rowMaxHeight.push(0);
-          }
-          rep.positionX = x;
-          rep.positionY = y;
-          rep.rowIndex = rowIndex;
-        }
-        totalWidthUsed = Math.max(totalWidthUsed, x + itemSpace.outerWidth);
-        totalHeightUsed = Math.max(totalHeightUsed, y + itemSpace.outerHeight);
-        rowMaxHeight[rowIndex] = Math.max(rowMaxHeight[rowIndex], itemSpace.outerHeight);
-        x += itemSpace.outerWidth;
-      }
-      if (direction === 'column') {
-        if (y + itemSpace.innerHeight > availableHeight) {
-          // This legend item would create overflow along the y-axis, so we start a new column.
-          x = totalWidthUsed + itemGap;
-          y = 0;
-          rowIndex = 0;
-          rep.positionX = x;
-          rep.positionY = y;
-          rep.rowIndex = rowIndex;
-        }
-        if (rowMaxHeight.length <= rowIndex) {
-          rowMaxHeight.push(0);
-        }
-        totalWidthUsed = Math.max(totalWidthUsed, x + itemSpace.outerWidth);
-        totalHeightUsed = Math.max(totalHeightUsed, y + itemSpace.outerHeight);
-        rowIndex += 1;
-        y += itemSpace.outerHeight;
-      }
-      return rep;
-    });
-
-    // Move the legend according to padding and position
-    var gapX = 0;
-    var gapY = 0;
-    switch (position.horizontal) {
-      case 'left':
-        gapX = padding.left;
-        break;
-      case 'right':
-        gapX = totalWidth - padding.right - totalWidthUsed;
-        break;
-      default:
-        gapX = (totalWidth - totalWidthUsed) / 2;
-        break;
-    }
-    switch (position.vertical) {
-      case 'top':
-        gapY = padding.top;
-        break;
-      case 'bottom':
-        gapY = totalHeight - padding.bottom - totalHeightUsed;
-        break;
-      default:
-        gapY = (totalHeight - totalHeightUsed) / 2;
-        break;
-    }
-    return seriesWithRawPosition.map(function (item) {
-      return _extends({}, item, {
-        // Add the gap due to the position
-        positionX: item.positionX + gapX,
-        // Add the gap due to the position
-        positionY: item.positionY + gapY + (direction === 'row' ? rowMaxHeight[item.rowIndex] / 2 // Get the center of the entire row
-        : item.outerHeight / 2) // Get the center of the item
-      });
-    });
-  }, [seriesToDisplay, position.horizontal, position.vertical, getItemSpace, labelStyle, direction, availableWidth, availableHeight, itemGap, padding.left, padding.right, padding.top, padding.bottom, totalWidth, totalHeight]);
-  if (hidden) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(NoSsr, {
-    children: /*#__PURE__*/_jsx(ChartsLegendRoot, {
-      className: classes.root,
-      children: seriesWithPosition.map(function (_ref2) {
-        var id = _ref2.id,
-          label = _ref2.label,
-          color = _ref2.color,
-          positionX = _ref2.positionX,
-          positionY = _ref2.positionY;
-        return /*#__PURE__*/_jsxs("g", {
-          className: classes.series,
-          transform: "translate(".concat(positionX, " ").concat(positionY, ")"),
-          children: [/*#__PURE__*/_jsx("rect", {
-            className: classes.mark,
-            y: -itemMarkHeight / 2,
-            width: itemMarkWidth,
-            height: itemMarkHeight,
-            fill: color
-          }), /*#__PURE__*/_jsx(ChartsText, {
-            style: labelStyle,
-            text: label,
-            x: itemMarkWidth + markGap,
-            y: 0
-          })]
-        }, id);
-      })
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultChartsLegend.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * The direction of the legend layout.
-   * The default depends on the chart.
-   */
-  direction: PropTypes.oneOf(['column', 'row']).isRequired,
-  drawingArea: PropTypes.shape({
-    bottom: PropTypes.number.isRequired,
-    height: PropTypes.number.isRequired,
-    left: PropTypes.number.isRequired,
-    right: PropTypes.number.isRequired,
-    top: PropTypes.number.isRequired,
-    width: PropTypes.number.isRequired
-  }).isRequired,
-  /**
-   * Set to true to hide the legend.
-   * @default false
-   */
-  hidden: PropTypes.bool,
-  /**
-   * Space between two legend items (in px).
-   * @default 10
-   */
-  itemGap: PropTypes.number,
-  /**
-   * Height of the item mark (in px).
-   * @default 20
-   */
-  itemMarkHeight: PropTypes.number,
-  /**
-   * Width of the item mark (in px).
-   * @default 20
-   */
-  itemMarkWidth: PropTypes.number,
-  /**
-   * Style applied to legend labels.
-   * @default theme.typography.subtitle1
-   */
-  labelStyle: PropTypes.object,
-  /**
-   * Space between the mark and the label (in px).
-   * @default 5
-   */
-  markGap: PropTypes.number,
-  /**
-   * Legend padding (in px).
-   * Can either be a single number, or an object with top, left, bottom, right properties.
-   * @default 10
-   */
-  padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  })]),
-  position: PropTypes.shape({
-    horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
-    vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
-  }).isRequired,
-  series: PropTypes.object.isRequired,
-  seriesToDisplay: PropTypes.arrayOf(PropTypes.shape({
-    color: PropTypes.string.isRequired,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-    label: PropTypes.string.isRequired
-  })).isRequired
-} : void 0;
-export { DefaultChartsLegend };

package/legacy/ChartsLegend/chartsLegendClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getLegendUtilityClass(slot) {
-  return generateUtilityClass('MuiChartsLegend', slot);
-}
-export var legendClasses = generateUtilityClasses('MuiChartsLegend', ['root', 'series', 'mark', 'label', 'column', 'row']);

package/legacy/ChartsLegend/index.js

@@ -1,4 +0,0 @@
-export * from './ChartsLegend';
-export * from './DefaultChartsLegend';
-export * from './chartsLegendClasses';
-export * from './utils';

package/legacy/ChartsLegend/utils.js

@@ -1,15 +0,0 @@
-import getBarLegend from '../BarChart/legend';
-import getScatterLegend from '../ScatterChart/legend';
-import getLineLegend from '../LineChart/legend';
-import getPieLegend from '../PieChart/legend';
-var legendGetter = {
-  bar: getBarLegend,
-  scatter: getScatterLegend,
-  line: getLineLegend,
-  pie: getPieLegend
-};
-export function getSeriesToDisplay(series) {
-  return Object.keys(series).flatMap(function (seriesType) {
-    return legendGetter[seriesType](series[seriesType]);
-  });
-}

package/legacy/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js

@@ -1,75 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { SVGContext } from '../context/DrawingProvider';
-import { InteractionContext } from '../context/InteractionProvider';
-import { CartesianContext } from '../context/CartesianContextProvider';
-import { SeriesContext } from '../context/SeriesContextProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-function ChartsOnAxisClickHandler(props) {
-  var onAxisClick = props.onAxisClick;
-  var svgRef = React.useContext(SVGContext);
-  var series = React.useContext(SeriesContext);
-  var _React$useContext = React.useContext(InteractionContext),
-    axis = _React$useContext.axis;
-  var _React$useContext2 = React.useContext(CartesianContext),
-    xAxisIds = _React$useContext2.xAxisIds,
-    xAxis = _React$useContext2.xAxis,
-    yAxisIds = _React$useContext2.yAxisIds,
-    yAxis = _React$useContext2.yAxis;
-  React.useEffect(function () {
-    var element = svgRef.current;
-    if (element === null || !onAxisClick) {
-      return function () {};
-    }
-    var handleMouseClick = function handleMouseClick(event) {
-      var _USED_AXIS_ID$data;
-      event.preventDefault();
-      var isXaxis = (axis.x && axis.x.index) !== undefined;
-      var USED_AXIS_ID = isXaxis ? xAxisIds[0] : yAxisIds[0];
-      var dataIndex = isXaxis ? axis.x && axis.x.index : axis.y && axis.y.index;
-      if (dataIndex == null) {
-        return;
-      }
-      var seriesValues = {};
-      Object.keys(series).filter(function (seriesType) {
-        return ['bar', 'line'].includes(seriesType);
-      }).forEach(function (seriesType) {
-        var _series$seriesType;
-        (_series$seriesType = series[seriesType]) == null || _series$seriesType.seriesOrder.forEach(function (seriesId) {
-          var seriesItem = series[seriesType].series[seriesId];
-          var axisKey = isXaxis ? seriesItem.xAxisKey : seriesItem.yAxisKey;
-          if (axisKey === undefined || axisKey === USED_AXIS_ID) {
-            seriesValues[seriesId] = seriesItem.data[dataIndex];
-          }
-        });
-      });
-      var axisValue = (_USED_AXIS_ID$data = (isXaxis ? xAxis : yAxis)[USED_AXIS_ID].data) == null ? void 0 : _USED_AXIS_ID$data[dataIndex];
-      onAxisClick(event, {
-        dataIndex: dataIndex,
-        axisValue: axisValue,
-        seriesValues: seriesValues
-      });
-    };
-    element.addEventListener('click', handleMouseClick);
-    return function () {
-      element.removeEventListener('click', handleMouseClick);
-    };
-  }, [axis.x, axis.y, onAxisClick, series, svgRef, xAxis, xAxisIds, yAxis, yAxisIds]);
-
-  // eslint-disable-next-line react/jsx-no-useless-fragment
-  return /*#__PURE__*/_jsx(React.Fragment, {});
-}
-process.env.NODE_ENV !== "production" ? ChartsOnAxisClickHandler.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The function called for onClick events.
-   * The second argument contains information about all line/bar elements at the current mouse position.
-   * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
-   */
-  onAxisClick: PropTypes.func
-} : void 0;
-export { ChartsOnAxisClickHandler };

package/legacy/ChartsOnAxisClickHandler/index.js

@@ -1 +0,0 @@
-export * from './ChartsOnAxisClickHandler';

package/legacy/ChartsReferenceLine/ChartsReferenceLine.js

@@ -1,72 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { ChartsXReferenceLine } from './ChartsXReferenceLine';
-import { ChartsYReferenceLine } from './ChartsYReferenceLine';
-import { jsx as _jsx } from "react/jsx-runtime";
-function ChartsReferenceLine(props) {
-  var x = props.x,
-    y = props.y;
-  if (x !== undefined && y !== undefined) {
-    throw new Error('MUI X Charts: The ChartsReferenceLine cannot have both `x` and `y` props set.');
-  }
-  if (x === undefined && y === undefined) {
-    throw new Error('MUI X Charts: The ChartsReferenceLine should have a value in `x` or `y` prop.');
-  }
-  if (x !== undefined) {
-    return /*#__PURE__*/_jsx(ChartsXReferenceLine, _extends({}, props));
-  }
-  return /*#__PURE__*/_jsx(ChartsYReferenceLine, _extends({}, props));
-}
-process.env.NODE_ENV !== "production" ? ChartsReferenceLine.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The id of the axis used for the reference value.
-   * @default The `id` of the first defined axis.
-   */
-  axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The label to display along the reference line.
-   */
-  label: PropTypes.string,
-  /**
-   * The alignment if the label is in the chart drawing area.
-   * @default 'middle'
-   */
-  labelAlign: PropTypes.oneOf(['end', 'middle', 'start']),
-  /**
-   * The style applied to the label.
-   */
-  labelStyle: PropTypes.object,
-  /**
-   * The style applied to the line.
-   */
-  lineStyle: PropTypes.object,
-  /**
-   * Additional space arround the label in px.
-   * Can be a number or an object `{ x, y }` to distinguish space with the reference line and space with axes.
-   * @default 5
-   */
-  spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    x: PropTypes.number,
-    y: PropTypes.number
-  })]),
-  /**
-   * The x value associated with the reference line.
-   * If defined the reference line will be vertical.
-   */
-  x: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]),
-  /**
-   * The y value associated with the reference line.
-   * If defined the reference line will be horizontal.
-   */
-  y: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string])
-} : void 0;
-export { ChartsReferenceLine };

package/legacy/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -1,105 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { useDrawingArea, useXScale } from '../hooks';
-import { ReferenceLineRoot } from './common';
-import { ChartsText } from '../ChartsText';
-import { getReferenceLineUtilityClass } from './chartsReferenceLineClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var getTextParams = function getTextParams(_ref) {
-  var top = _ref.top,
-    height = _ref.height,
-    spacingY = _ref.spacingY,
-    _ref$labelAlign = _ref.labelAlign,
-    labelAlign = _ref$labelAlign === void 0 ? 'middle' : _ref$labelAlign;
-  switch (labelAlign) {
-    case 'start':
-      return {
-        y: top + spacingY,
-        style: {
-          dominantBaseline: 'hanging',
-          textAnchor: 'start'
-        }
-      };
-    case 'end':
-      return {
-        y: top + height - spacingY,
-        style: {
-          dominantBaseline: 'auto',
-          textAnchor: 'start'
-        }
-      };
-    default:
-      return {
-        y: top + height / 2,
-        style: {
-          dominantBaseline: 'central',
-          textAnchor: 'start'
-        }
-      };
-  }
-};
-export function getXReferenceLineClasses(classes) {
-  return composeClasses({
-    root: ['root', 'vertical'],
-    line: ['line'],
-    label: ['label']
-  }, getReferenceLineUtilityClass, classes);
-}
-var warnedOnce = false;
-function ChartsXReferenceLine(props) {
-  var _spacing$x, _spacing$y;
-  var x = props.x,
-    _props$label = props.label,
-    label = _props$label === void 0 ? '' : _props$label,
-    _props$spacing = props.spacing,
-    spacing = _props$spacing === void 0 ? 5 : _props$spacing,
-    inClasses = props.classes,
-    labelAlign = props.labelAlign,
-    lineStyle = props.lineStyle,
-    labelStyle = props.labelStyle,
-    axisId = props.axisId;
-  var _useDrawingArea = useDrawingArea(),
-    top = _useDrawingArea.top,
-    height = _useDrawingArea.height;
-  var xAxisScale = useXScale(axisId);
-  var xPosition = xAxisScale(x);
-  if (xPosition === undefined) {
-    if (process.env.NODE_ENV !== 'production') {
-      if (!warnedOnce) {
-        warnedOnce = true;
-        console.error("MUI X Charts: the value ".concat(x, " does not exist in the data of x axis with id ").concat(axisId, "."));
-      }
-    }
-    return null;
-  }
-  var d = "M ".concat(xPosition, " ").concat(top, " l 0 ").concat(height);
-  var classes = getXReferenceLineClasses(inClasses);
-  var spacingX = _typeof(spacing) === 'object' ? (_spacing$x = spacing.x) != null ? _spacing$x : 0 : spacing;
-  var spacingY = _typeof(spacing) === 'object' ? (_spacing$y = spacing.y) != null ? _spacing$y : 0 : spacing;
-  var textParams = _extends({
-    x: xPosition + spacingX,
-    text: label,
-    fontSize: 12
-  }, getTextParams({
-    top: top,
-    height: height,
-    spacingY: spacingY,
-    labelAlign: labelAlign
-  }), {
-    className: classes.label
-  });
-  return /*#__PURE__*/_jsxs(ReferenceLineRoot, {
-    className: classes.root,
-    children: [/*#__PURE__*/_jsx("path", {
-      d: d,
-      className: classes.line,
-      style: lineStyle
-    }), /*#__PURE__*/_jsx(ChartsText, _extends({}, textParams, {
-      style: _extends({}, textParams.style, labelStyle)
-    }))]
-  });
-}
-export { ChartsXReferenceLine };

package/legacy/ChartsReferenceLine/ChartsYReferenceLine.js

@@ -1,105 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { useDrawingArea, useYScale } from '../hooks';
-import { ReferenceLineRoot } from './common';
-import { ChartsText } from '../ChartsText';
-import { getReferenceLineUtilityClass } from './chartsReferenceLineClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var getTextParams = function getTextParams(_ref) {
-  var left = _ref.left,
-    width = _ref.width,
-    spacingX = _ref.spacingX,
-    _ref$labelAlign = _ref.labelAlign,
-    labelAlign = _ref$labelAlign === void 0 ? 'middle' : _ref$labelAlign;
-  switch (labelAlign) {
-    case 'start':
-      return {
-        x: left + spacingX,
-        style: {
-          dominantBaseline: 'auto',
-          textAnchor: 'start'
-        }
-      };
-    case 'end':
-      return {
-        x: left + width - spacingX,
-        style: {
-          dominantBaseline: 'auto',
-          textAnchor: 'end'
-        }
-      };
-    default:
-      return {
-        x: left + width / 2,
-        style: {
-          dominantBaseline: 'auto',
-          textAnchor: 'middle'
-        }
-      };
-  }
-};
-var warnedOnce = false;
-export function getYReferenceLineClasses(classes) {
-  return composeClasses({
-    root: ['root', 'horizontal'],
-    line: ['line'],
-    label: ['label']
-  }, getReferenceLineUtilityClass, classes);
-}
-function ChartsYReferenceLine(props) {
-  var _spacing$x, _spacing$y;
-  var y = props.y,
-    _props$label = props.label,
-    label = _props$label === void 0 ? '' : _props$label,
-    _props$spacing = props.spacing,
-    spacing = _props$spacing === void 0 ? 5 : _props$spacing,
-    inClasses = props.classes,
-    labelAlign = props.labelAlign,
-    lineStyle = props.lineStyle,
-    labelStyle = props.labelStyle,
-    axisId = props.axisId;
-  var _useDrawingArea = useDrawingArea(),
-    left = _useDrawingArea.left,
-    width = _useDrawingArea.width;
-  var yAxisScale = useYScale(axisId);
-  var yPosition = yAxisScale(y);
-  if (yPosition === undefined) {
-    if (process.env.NODE_ENV !== 'production') {
-      if (!warnedOnce) {
-        warnedOnce = true;
-        console.error("MUI X Charts: the value ".concat(y, " does not exist in the data of y axis with id ").concat(axisId, "."));
-      }
-    }
-    return null;
-  }
-  var d = "M ".concat(left, " ").concat(yPosition, " l ").concat(width, " 0");
-  var classes = getYReferenceLineClasses(inClasses);
-  var spacingX = _typeof(spacing) === 'object' ? (_spacing$x = spacing.x) != null ? _spacing$x : 0 : spacing;
-  var spacingY = _typeof(spacing) === 'object' ? (_spacing$y = spacing.y) != null ? _spacing$y : 0 : spacing;
-  var textParams = _extends({
-    y: yPosition - spacingY,
-    text: label,
-    fontSize: 12
-  }, getTextParams({
-    left: left,
-    width: width,
-    spacingX: spacingX,
-    labelAlign: labelAlign
-  }), {
-    className: classes.label
-  });
-  return /*#__PURE__*/_jsxs(ReferenceLineRoot, {
-    className: classes.root,
-    children: [/*#__PURE__*/_jsx("path", {
-      d: d,
-      className: classes.line,
-      style: lineStyle
-    }), /*#__PURE__*/_jsx(ChartsText, _extends({}, textParams, {
-      style: _extends({}, textParams.style, labelStyle)
-    }))]
-  });
-}
-export { ChartsYReferenceLine };