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

package/legacy/ChartsReferenceLine/chartsReferenceLineClasses.js

@@ -1,6 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getReferenceLineUtilityClass(slot) {
-  return generateUtilityClass('MuiChartsReferenceLine', slot);
-}
-export var referenceLineClasses = generateUtilityClasses('MuiChartsReferenceLine', ['root', 'vertical', 'horizontal', 'line', 'label']);

package/legacy/ChartsReferenceLine/common.js

@@ -1,19 +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 { referenceLineClasses } from './chartsReferenceLineClasses';
-export var ReferenceLineRoot = styled('g')(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty(_defineProperty({}, "& .".concat(referenceLineClasses.line), {
-    fill: 'none',
-    stroke: (theme.vars || theme).palette.text.primary,
-    shapeRendering: 'crispEdges',
-    strokeWidth: 1,
-    pointerEvents: 'none'
-  }), "& .".concat(referenceLineClasses.label), _extends({
-    fill: (theme.vars || theme).palette.text.primary,
-    stroke: 'none',
-    pointerEvents: 'none',
-    fontSize: 12
-  }, theme.typography.body1));
-});

package/legacy/ChartsReferenceLine/index.js

@@ -1,2 +0,0 @@
-export * from './ChartsReferenceLine';
-export * from './chartsReferenceLineClasses';

package/legacy/ChartsSurface.js

@@ -1,76 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "width", "height", "viewBox", "disableAxisListener", "className"];
-import { styled } from '@mui/material/styles';
-import PropTypes from 'prop-types';
-import * as React from 'react';
-import { useAxisEvents } from './hooks/useAxisEvents';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var ChartChartsSurfaceStyles = styled('svg', {
-  name: 'MuiChartsSurface',
-  slot: 'Root'
-})(function () {
-  return {};
-});
-var ChartsSurface = /*#__PURE__*/React.forwardRef(function ChartsSurface(props, ref) {
-  var children = props.children,
-    width = props.width,
-    height = props.height,
-    viewBox = props.viewBox,
-    _props$disableAxisLis = props.disableAxisListener,
-    disableAxisListener = _props$disableAxisLis === void 0 ? false : _props$disableAxisLis,
-    className = props.className,
-    other = _objectWithoutProperties(props, _excluded);
-  var svgView = _extends({
-    width: width,
-    height: height,
-    x: 0,
-    y: 0
-  }, viewBox);
-  useAxisEvents(disableAxisListener);
-  return /*#__PURE__*/_jsxs(ChartChartsSurfaceStyles, _extends({
-    width: width,
-    height: height,
-    viewBox: "".concat(svgView.x, " ").concat(svgView.y, " ").concat(svgView.width, " ").concat(svgView.height),
-    ref: ref
-  }, other, {
-    children: [/*#__PURE__*/_jsx("title", {
-      children: props.title
-    }), /*#__PURE__*/_jsx("desc", {
-      children: props.desc
-    }), children]
-  }));
-});
-process.env.NODE_ENV !== "production" ? ChartsSurface.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  className: PropTypes.string,
-  desc: PropTypes.string,
-  /**
-   * If `true`, the charts will not listen to the mouse move event.
-   * It might break interactive features, but will improve performance.
-   * @default false
-   */
-  disableAxisListener: PropTypes.bool,
-  /**
-   * The height of the chart in px.
-   */
-  height: PropTypes.number.isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  title: PropTypes.string,
-  viewBox: PropTypes.shape({
-    height: PropTypes.number,
-    width: PropTypes.number,
-    x: PropTypes.number,
-    y: PropTypes.number
-  }),
-  /**
-   * The width of the chart in px.
-   */
-  width: PropTypes.number.isRequired
-} : void 0;
-export { ChartsSurface };

package/legacy/ChartsText/ChartsText.js

@@ -1,95 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["x", "y", "style", "text", "ownerState"],
-  _excluded2 = ["angle", "textAnchor", "dominantBaseline"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { getWordsByLines } from '../internals/getWordsByLines';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Helper component to manage multiline text in SVG
- */
-function ChartsText(props) {
-  var x = props.x,
-    y = props.y,
-    styleProps = props.style,
-    text = props.text,
-    ownerState = props.ownerState,
-    textProps = _objectWithoutProperties(props, _excluded);
-  var _ref = styleProps != null ? styleProps : {},
-    angle = _ref.angle,
-    textAnchor = _ref.textAnchor,
-    dominantBaseline = _ref.dominantBaseline,
-    style = _objectWithoutProperties(_ref, _excluded2);
-  var wordsByLines = React.useMemo(function () {
-    return getWordsByLines({
-      style: style,
-      needsComputation: text.includes('\n'),
-      text: text
-    });
-  }, [style, text]);
-  var startDy;
-  switch (dominantBaseline) {
-    case 'hanging':
-      startDy = 0;
-      break;
-    case 'central':
-      startDy = (wordsByLines.length - 1) / 2 * -wordsByLines[0].height;
-      break;
-    default:
-      startDy = (wordsByLines.length - 1) * -wordsByLines[0].height;
-      break;
-  }
-  var transforms = [];
-  // if (scaleToFit) {
-  //   const lineWidth = wordsByLines[0].width;
-  //   transforms.push(`scale(${(isNumber(width as number) ? (width as number) / lineWidth : 1) / lineWidth})`);
-  // }
-  if (angle) {
-    transforms.push("rotate(".concat(angle, ", ").concat(x, ", ").concat(y, ")"));
-  }
-  if (transforms.length) {
-    textProps.transform = transforms.join(' ');
-  }
-  return /*#__PURE__*/_jsx("text", _extends({}, textProps, {
-    x: x,
-    y: y,
-    textAnchor: textAnchor,
-    dominantBaseline: dominantBaseline,
-    style: style,
-    children: wordsByLines.map(function (line, index) {
-      return /*#__PURE__*/_jsx("tspan", {
-        x: x,
-        dy: "".concat(index === 0 ? startDy : wordsByLines[0].height, "px"),
-        dominantBaseline: dominantBaseline // Propagated to fix Safari issue: https://github.com/mui/mui-x/issues/10808
-        ,
-        children: line.text
-      }, index);
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? ChartsText.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Height of a text line (in `em`).
-   */
-  lineHeight: PropTypes.number,
-  /**
-   * If `true`, the line width is computed.
-   * @default false
-   */
-  needsComputation: PropTypes.bool,
-  ownerState: PropTypes.any,
-  /**
-   * Style applied to text elements.
-   */
-  style: PropTypes.object,
-  /**
-   * Text displayed.
-   */
-  text: PropTypes.string.isRequired
-} : void 0;
-export { ChartsText };

package/legacy/ChartsText/index.js

@@ -1 +0,0 @@
-export { ChartsText } from './ChartsText';

package/legacy/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -1,96 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useSlotProps } from '@mui/base/utils';
-import { SeriesContext } from '../context/SeriesContextProvider';
-import { CartesianContext } from '../context/CartesianContextProvider';
-import { DefaultChartsAxisTooltipContent } from './DefaultChartsAxisTooltipContent';
-import { isCartesianSeriesType } from './utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-function ChartsAxisTooltipContent(props) {
-  var content = props.content,
-    contentProps = props.contentProps,
-    axisData = props.axisData,
-    sx = props.sx,
-    classes = props.classes;
-  var isXaxis = (axisData.x && axisData.x.index) !== undefined;
-  var dataIndex = isXaxis ? axisData.x && axisData.x.index : axisData.y && axisData.y.index;
-  var axisValue = isXaxis ? axisData.x && axisData.x.value : axisData.y && axisData.y.value;
-  var _React$useContext = React.useContext(CartesianContext),
-    xAxisIds = _React$useContext.xAxisIds,
-    xAxis = _React$useContext.xAxis,
-    yAxisIds = _React$useContext.yAxisIds,
-    yAxis = _React$useContext.yAxis;
-  var series = React.useContext(SeriesContext);
-  var USED_AXIS_ID = isXaxis ? xAxisIds[0] : yAxisIds[0];
-  var relevantSeries = React.useMemo(function () {
-    var rep = [];
-    Object.keys(series).filter(isCartesianSeriesType).forEach(function (seriesType) {
-      series[seriesType].seriesOrder.forEach(function (seriesId) {
-        var item = series[seriesType].series[seriesId];
-        var axisKey = isXaxis ? item.xAxisKey : item.yAxisKey;
-        if (axisKey === undefined || axisKey === USED_AXIS_ID) {
-          rep.push(series[seriesType].series[seriesId]);
-        }
-      });
-    });
-    return rep;
-  }, [USED_AXIS_ID, isXaxis, series]);
-  var relevantAxis = React.useMemo(function () {
-    return isXaxis ? xAxis[USED_AXIS_ID] : yAxis[USED_AXIS_ID];
-  }, [USED_AXIS_ID, isXaxis, xAxis, yAxis]);
-  var Content = content != null ? content : DefaultChartsAxisTooltipContent;
-  var chartTooltipContentProps = useSlotProps({
-    elementType: Content,
-    externalSlotProps: contentProps,
-    additionalProps: {
-      axisData: axisData,
-      series: relevantSeries,
-      axis: relevantAxis,
-      dataIndex: dataIndex,
-      axisValue: axisValue,
-      sx: sx,
-      classes: classes
-    },
-    ownerState: {}
-  });
-  return /*#__PURE__*/_jsx(Content, _extends({}, chartTooltipContentProps));
-}
-process.env.NODE_ENV !== "production" ? ChartsAxisTooltipContent.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  axisData: PropTypes.shape({
-    x: PropTypes.shape({
-      index: PropTypes.number,
-      value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired
-    }),
-    y: PropTypes.shape({
-      index: PropTypes.number,
-      value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired
-    })
-  }).isRequired,
-  classes: PropTypes.object.isRequired,
-  content: PropTypes.elementType,
-  contentProps: PropTypes.shape({
-    axis: PropTypes.object,
-    axisData: PropTypes.shape({
-      x: PropTypes.shape({
-        index: PropTypes.number,
-        value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired
-      }),
-      y: PropTypes.shape({
-        index: PropTypes.number,
-        value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired
-      })
-    }),
-    axisValue: PropTypes.any,
-    classes: PropTypes.object,
-    dataIndex: PropTypes.number,
-    series: PropTypes.arrayOf(PropTypes.object),
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-  }),
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { ChartsAxisTooltipContent };

package/legacy/ChartsTooltip/ChartsItemTooltipContent.js

@@ -1,53 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useSlotProps } from '@mui/base/utils';
-import { SeriesContext } from '../context/SeriesContextProvider';
-import { DefaultChartsItemTooltipContent } from './DefaultChartsItemTooltipContent';
-import { jsx as _jsx } from "react/jsx-runtime";
-function ChartsItemTooltipContent(props) {
-  var content = props.content,
-    itemData = props.itemData,
-    sx = props.sx,
-    classes = props.classes,
-    contentProps = props.contentProps;
-  var series = React.useContext(SeriesContext)[itemData.type].series[itemData.seriesId];
-  var Content = content != null ? content : DefaultChartsItemTooltipContent;
-  var chartTooltipContentProps = useSlotProps({
-    elementType: Content,
-    externalSlotProps: contentProps,
-    additionalProps: {
-      itemData: itemData,
-      series: series,
-      sx: sx,
-      classes: classes
-    },
-    ownerState: {}
-  });
-  return /*#__PURE__*/_jsx(Content, _extends({}, chartTooltipContentProps));
-}
-process.env.NODE_ENV !== "production" ? ChartsItemTooltipContent.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.isRequired,
-  content: PropTypes.elementType,
-  contentProps: PropTypes.shape({
-    classes: PropTypes.object,
-    itemData: PropTypes.shape({
-      dataIndex: PropTypes.number,
-      seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-      type: PropTypes.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired
-    }),
-    series: PropTypes.object,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-  }),
-  itemData: PropTypes.shape({
-    dataIndex: PropTypes.number,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-    type: PropTypes.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired
-  }).isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { ChartsItemTooltipContent };

package/legacy/ChartsTooltip/ChartsTooltip.js

@@ -1,148 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { Popper } from '@mui/base/Popper';
-import { NoSsr } from '@mui/base/NoSsr';
-import { useSlotProps } from '@mui/base/utils';
-import { InteractionContext } from '../context/InteractionProvider';
-import { generateVirtualElement, useMouseTracker, getTooltipHasData } from './utils';
-import { ChartsItemTooltipContent } from './ChartsItemTooltipContent';
-import { ChartsAxisTooltipContent } from './ChartsAxisTooltipContent';
-import { getChartsTooltipUtilityClass } from './chartsTooltipClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['root'],
-    table: ['table'],
-    row: ['row'],
-    cell: ['cell'],
-    mark: ['mark'],
-    markCell: ['markCell'],
-    labelCell: ['labelCell'],
-    valueCell: ['valueCell']
-  };
-  return composeClasses(slots, getChartsTooltipUtilityClass, classes);
-};
-var ChartsTooltipRoot = styled(Popper, {
-  name: 'MuiChartsTooltip',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    pointerEvents: 'none',
-    zIndex: theme.zIndex.modal
-  };
-});
-
-/**
- * Demos:
- *
- * - [ChartsTooltip](https://mui.com/x/react-charts/tooltip/)
- *
- * API:
- *
- * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
- */
-function ChartsTooltip(props) {
-  var _slots$popper, _slots$itemContent, _slots$axisContent;
-  var themeProps = useThemeProps({
-    props: props,
-    name: 'MuiChartsTooltip'
-  });
-  var _themeProps$trigger = themeProps.trigger,
-    trigger = _themeProps$trigger === void 0 ? 'axis' : _themeProps$trigger,
-    itemContent = themeProps.itemContent,
-    axisContent = themeProps.axisContent,
-    slots = themeProps.slots,
-    slotProps = themeProps.slotProps;
-  var mousePosition = useMouseTracker();
-  var _React$useContext = React.useContext(InteractionContext),
-    item = _React$useContext.item,
-    axis = _React$useContext.axis;
-  var displayedData = trigger === 'item' ? item : axis;
-  var tooltipHasData = getTooltipHasData(trigger, displayedData);
-  var popperOpen = mousePosition !== null && tooltipHasData;
-  var classes = useUtilityClasses({
-    classes: themeProps.classes
-  });
-  var PopperComponent = (_slots$popper = slots == null ? void 0 : slots.popper) != null ? _slots$popper : ChartsTooltipRoot;
-  var popperProps = useSlotProps({
-    elementType: PopperComponent,
-    externalSlotProps: slotProps == null ? void 0 : slotProps.popper,
-    additionalProps: {
-      open: popperOpen,
-      placement: 'right-start',
-      anchorEl: generateVirtualElement(mousePosition)
-    },
-    ownerState: {}
-  });
-  if (trigger === 'none') {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(NoSsr, {
-    children: popperOpen && /*#__PURE__*/_jsx(PopperComponent, _extends({}, popperProps, {
-      children: trigger === 'item' ? /*#__PURE__*/_jsx(ChartsItemTooltipContent, {
-        itemData: displayedData,
-        content: (_slots$itemContent = slots == null ? void 0 : slots.itemContent) != null ? _slots$itemContent : itemContent,
-        contentProps: slotProps == null ? void 0 : slotProps.itemContent,
-        sx: {
-          mx: 2
-        },
-        classes: classes
-      }) : /*#__PURE__*/_jsx(ChartsAxisTooltipContent, {
-        axisData: displayedData,
-        content: (_slots$axisContent = slots == null ? void 0 : slots.axisContent) != null ? _slots$axisContent : axisContent,
-        contentProps: slotProps == null ? void 0 : slotProps.axisContent,
-        sx: {
-          mx: 2
-        },
-        classes: classes
-      })
-    }))
-  });
-}
-process.env.NODE_ENV !== "production" ? ChartsTooltip.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Component to override the tooltip content when triger is set to 'axis'.
-   * @deprecated Use slots.axisContent instead
-   */
-  axisContent: PropTypes.elementType,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * Component to override the tooltip content when triger is set to 'item'.
-   * @deprecated Use slots.itemContent instead
-   */
-  itemContent: PropTypes.elementType,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object,
-  /**
-   * Select the kind of tooltip to display
-   * - 'item': Shows data about the item below the mouse.
-   * - 'axis': Shows values associated with the hovered x value
-   * - 'none': Does not display tooltip
-   * @default 'item'
-   */
-  trigger: PropTypes.oneOf(['axis', 'item', 'none'])
-} : void 0;
-export { ChartsTooltip };

package/legacy/ChartsTooltip/ChartsTooltipTable.js

@@ -1,80 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import Box from '@mui/system/Box';
-import { styled } from '@mui/material/styles';
-import { chartsTooltipClasses } from './chartsTooltipClasses';
-export var ChartsTooltipPaper = styled('div', {
-  name: 'MuiChartsTooltip',
-  slot: 'Container'
-})(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    backgroundColor: (theme.vars || theme).palette.background.paper,
-    color: (theme.vars || theme).palette.text.primary,
-    transition: theme.transitions.create('box-shadow'),
-    border: "1px solid ".concat((theme.vars || theme).palette.divider),
-    borderRadius: theme.shape.borderRadius
-  };
-});
-export var ChartsTooltipTable = styled('table', {
-  name: 'MuiChartsTooltip',
-  slot: 'Table'
-})(function (_ref2) {
-  var theme = _ref2.theme;
-  return {
-    borderSpacing: 0,
-    '& thead td': {
-      borderBottom: "solid ".concat((theme.vars || theme).palette.divider, " 1px")
-    }
-  };
-});
-export var ChartsTooltipRow = styled('tr', {
-  name: 'MuiChartsTooltip',
-  slot: 'Row'
-})(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
-    'tr:first-of-type& td': {
-      paddingTop: theme.spacing(1)
-    },
-    'tr:last-of-type& td': {
-      paddingBottom: theme.spacing(1)
-    }
-  };
-});
-export var ChartsTooltipCell = styled('td', {
-  name: 'MuiChartsTooltip',
-  slot: 'Cell'
-})(function (_ref4) {
-  var theme = _ref4.theme;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    verticalAlign: 'middle',
-    color: (theme.vars || theme).palette.text.secondary
-  }, "&.".concat(chartsTooltipClasses.labelCell), {
-    paddingLeft: theme.spacing(1)
-  }), "&.".concat(chartsTooltipClasses.valueCell), {
-    paddingLeft: theme.spacing(4),
-    color: (theme.vars || theme).palette.text.primary
-  }), 'td:first-of-type&', {
-    paddingLeft: theme.spacing(2)
-  }), 'td:last-of-type&', {
-    paddingRight: theme.spacing(2)
-  });
-});
-
-// eslint-disable-next-line material-ui/no-styled-box
-export var ChartsTooltipMark = styled(Box, {
-  name: 'MuiChartsTooltip',
-  slot: 'Mark'
-})(function (_ref6) {
-  var theme = _ref6.theme,
-    ownerState = _ref6.ownerState;
-  return {
-    width: theme.spacing(1),
-    height: theme.spacing(1),
-    borderRadius: '50%',
-    backgroundColor: ownerState.color,
-    borderColor: (theme.vars || theme).palette.background.paper,
-    border: "solid ".concat((theme.vars || theme).palette.background.paper, " ").concat(theme.spacing(0.25)),
-    boxSizing: 'content-box'
-  };
-});