@mui/x-charts 7.14.0 → 7.16.0

package/node/ChartsReferenceLine/ChartsReferenceLine.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsReferenceLine = ChartsReferenceLine;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ChartsXReferenceLine = require("./ChartsXReferenceLine");
+var _ChartsYReferenceLine = require("./ChartsYReferenceLine");
+var _jsxRuntime = require("react/jsx-runtime");
+function ChartsReferenceLine(props) {
+  const {
+    x,
+    y
+  } = props;
+  if (x !== undefined && y !== undefined) {
+    throw new Error('MUI X: The ChartsReferenceLine cannot have both `x` and `y` props set.');
+  }
+  if (x === undefined && y === undefined) {
+    throw new Error('MUI X: The ChartsReferenceLine should have a value in `x` or `y` prop.');
+  }
+  if (x !== undefined) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsXReferenceLine.ChartsXReferenceLine, (0, _extends2.default)({}, props));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsYReferenceLine.ChartsYReferenceLine, (0, _extends2.default)({}, 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 "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The id of the axis used for the reference value.
+   * @default The `id` of the first defined axis.
+   */
+  axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * The label to display along the reference line.
+   */
+  label: _propTypes.default.string,
+  /**
+   * The alignment if the label is in the chart drawing area.
+   * @default 'middle'
+   */
+  labelAlign: _propTypes.default.oneOf(['end', 'middle', 'start']),
+  /**
+   * The style applied to the label.
+   */
+  labelStyle: _propTypes.default.object,
+  /**
+   * The style applied to the line.
+   */
+  lineStyle: _propTypes.default.object,
+  /**
+   * Additional space around 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.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    x: _propTypes.default.number,
+    y: _propTypes.default.number
+  })]),
+  /**
+   * The x value associated with the reference line.
+   * If defined the reference line will be vertical.
+   */
+  x: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]),
+  /**
+   * The y value associated with the reference line.
+   * If defined the reference line will be horizontal.
+   */
+  y: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string])
+} : void 0;

package/node/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsXReferenceLine = ChartsXReferenceLine;
+exports.getXReferenceLineClasses = getXReferenceLineClasses;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _hooks = require("../hooks");
+var _common = require("./common");
+var _ChartsText = require("../ChartsText");
+var _chartsReferenceLineClasses = require("./chartsReferenceLineClasses");
+var _warning = require("../internals/warning");
+var _jsxRuntime = require("react/jsx-runtime");
+const getTextParams = ({
+  top,
+  height,
+  spacingY,
+  labelAlign = 'middle'
+}) => {
+  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'
+        }
+      };
+  }
+};
+function getXReferenceLineClasses(classes) {
+  return (0, _composeClasses.default)({
+    root: ['root', 'vertical'],
+    line: ['line'],
+    label: ['label']
+  }, _chartsReferenceLineClasses.getReferenceLineUtilityClass, classes);
+}
+function ChartsXReferenceLine(props) {
+  const {
+    x,
+    label = '',
+    spacing = 5,
+    classes: inClasses,
+    labelAlign,
+    lineStyle,
+    labelStyle,
+    axisId
+  } = props;
+  const {
+    top,
+    height
+  } = (0, _hooks.useDrawingArea)();
+  const xAxisScale = (0, _hooks.useXScale)(axisId);
+  const xPosition = xAxisScale(x);
+  if (xPosition === undefined) {
+    if (process.env.NODE_ENV !== 'production') {
+      (0, _warning.warnOnce)(`MUI X: the value ${x} does not exist in the data of x axis with id ${axisId}.`, 'error');
+    }
+    return null;
+  }
+  const d = `M ${xPosition} ${top} l 0 ${height}`;
+  const classes = getXReferenceLineClasses(inClasses);
+  const spacingX = typeof spacing === 'object' ? spacing.x ?? 0 : spacing;
+  const spacingY = typeof spacing === 'object' ? spacing.y ?? 0 : spacing;
+  const textParams = (0, _extends2.default)({
+    x: xPosition + spacingX,
+    text: label,
+    fontSize: 12
+  }, getTextParams({
+    top,
+    height,
+    spacingY,
+    labelAlign
+  }), {
+    className: classes.label
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_common.ReferenceLineRoot, {
+    className: classes.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: d,
+      className: classes.line,
+      style: lineStyle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsText.ChartsText, (0, _extends2.default)({}, textParams, {
+      style: (0, _extends2.default)({}, textParams.style, labelStyle)
+    }))]
+  });
+}

package/node/ChartsReferenceLine/ChartsYReferenceLine.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsYReferenceLine = ChartsYReferenceLine;
+exports.getYReferenceLineClasses = getYReferenceLineClasses;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _hooks = require("../hooks");
+var _common = require("./common");
+var _ChartsText = require("../ChartsText");
+var _chartsReferenceLineClasses = require("./chartsReferenceLineClasses");
+var _warning = require("../internals/warning");
+var _jsxRuntime = require("react/jsx-runtime");
+const getTextParams = ({
+  left,
+  width,
+  spacingX,
+  labelAlign = 'middle'
+}) => {
+  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'
+        }
+      };
+  }
+};
+function getYReferenceLineClasses(classes) {
+  return (0, _composeClasses.default)({
+    root: ['root', 'horizontal'],
+    line: ['line'],
+    label: ['label']
+  }, _chartsReferenceLineClasses.getReferenceLineUtilityClass, classes);
+}
+function ChartsYReferenceLine(props) {
+  const {
+    y,
+    label = '',
+    spacing = 5,
+    classes: inClasses,
+    labelAlign,
+    lineStyle,
+    labelStyle,
+    axisId
+  } = props;
+  const {
+    left,
+    width
+  } = (0, _hooks.useDrawingArea)();
+  const yAxisScale = (0, _hooks.useYScale)(axisId);
+  const yPosition = yAxisScale(y);
+  if (yPosition === undefined) {
+    if (process.env.NODE_ENV !== 'production') {
+      (0, _warning.warnOnce)(`MUI X: the value ${y} does not exist in the data of y axis with id ${axisId}.`, 'error');
+    }
+    return null;
+  }
+  const d = `M ${left} ${yPosition} l ${width} 0`;
+  const classes = getYReferenceLineClasses(inClasses);
+  const spacingX = typeof spacing === 'object' ? spacing.x ?? 0 : spacing;
+  const spacingY = typeof spacing === 'object' ? spacing.y ?? 0 : spacing;
+  const textParams = (0, _extends2.default)({
+    y: yPosition - spacingY,
+    text: label,
+    fontSize: 12
+  }, getTextParams({
+    left,
+    width,
+    spacingX,
+    labelAlign
+  }), {
+    className: classes.label
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_common.ReferenceLineRoot, {
+    className: classes.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: d,
+      className: classes.line,
+      style: lineStyle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsText.ChartsText, (0, _extends2.default)({}, textParams, {
+      style: (0, _extends2.default)({}, textParams.style, labelStyle)
+    }))]
+  });
+}

package/node/ChartsReferenceLine/chartsReferenceLineClasses.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getReferenceLineUtilityClass = getReferenceLineUtilityClass;
+exports.referenceLineClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getReferenceLineUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiChartsReferenceLine', slot);
+}
+const referenceLineClasses = exports.referenceLineClasses = (0, _generateUtilityClasses.default)('MuiChartsReferenceLine', ['root', 'vertical', 'horizontal', 'line', 'label']);

package/node/ChartsReferenceLine/common.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReferenceLineRoot = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _styles = require("@mui/material/styles");
+var _chartsReferenceLineClasses = require("./chartsReferenceLineClasses");
+const ReferenceLineRoot = exports.ReferenceLineRoot = (0, _styles.styled)('g')(({
+  theme
+}) => ({
+  [`& .${_chartsReferenceLineClasses.referenceLineClasses.line}`]: {
+    fill: 'none',
+    stroke: (theme.vars || theme).palette.text.primary,
+    shapeRendering: 'crispEdges',
+    strokeWidth: 1,
+    pointerEvents: 'none'
+  },
+  [`& .${_chartsReferenceLineClasses.referenceLineClasses.label}`]: (0, _extends2.default)({
+    fill: (theme.vars || theme).palette.text.primary,
+    stroke: 'none',
+    pointerEvents: 'none',
+    fontSize: 12
+  }, theme.typography.body1)
+}));

package/node/ChartsReferenceLine/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsReferenceLine = require("./ChartsReferenceLine");
+Object.keys(_ChartsReferenceLine).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsReferenceLine[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsReferenceLine[key];
+    }
+  });
+});
+var _chartsReferenceLineClasses = require("./chartsReferenceLineClasses");
+Object.keys(_chartsReferenceLineClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartsReferenceLineClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartsReferenceLineClasses[key];
+    }
+  });
+});

package/{ChartsSurface.js → node/ChartsSurface/ChartsSurface.js}

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,11 +11,9 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
-var _useAxisEvents = require("./hooks/useAxisEvents");
+var _useAxisEvents = require("../hooks/useAxisEvents");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children", "width", "height", "viewBox", "disableAxisListener", "className", "title", "desc"];
-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; }
 const ChartChartsSurfaceStyles = (0, _styles.styled)('svg', {
   name: 'MuiChartsSurface',
   slot: 'Root'
@@ -23,7 +22,11 @@ const ChartChartsSurfaceStyles = (0, _styles.styled)('svg', {
   // For example, prevent page scroll & zoom.
   touchAction: 'none'
 }));
-const ChartsSurface = exports.ChartsSurface = /*#__PURE__*/React.forwardRef(function ChartsSurface(props, ref) {
+const ChartsSurface = exports.ChartsSurface = /*#__PURE__*/React.forwardRef(function ChartsSurface(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiChartsSurface'
+  });
   const {
       children,
       width,

package/node/ChartsSurface/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsSurface = require("./ChartsSurface");
+Object.keys(_ChartsSurface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsSurface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsSurface[key];
+    }
+  });
+});

package/{esm → node}/ChartsText/ChartsText.js

@@ -1,11 +1,19 @@
-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").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsText = ChartsText;
+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 _getWordsByLines = require("../internals/getWordsByLines");
+var _jsxRuntime = require("react/jsx-runtime");
 const _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
  */
@@ -16,15 +24,15 @@ function ChartsText(props) {
       style: styleProps,
       text
     } = props,
-    textProps = _objectWithoutPropertiesLoose(props, _excluded);
+    textProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const _ref = styleProps ?? {},
     {
       angle,
       textAnchor,
       dominantBaseline
     } = _ref,
-    style = _objectWithoutPropertiesLoose(_ref, _excluded2);
-  const wordsByLines = React.useMemo(() => getWordsByLines({
+    style = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
+  const wordsByLines = React.useMemo(() => (0, _getWordsByLines.getWordsByLines)({
     style,
     needsComputation: text.includes('\n'),
     text
@@ -49,14 +57,14 @@ function ChartsText(props) {
   if (angle) {
     transforms.push(`rotate(${angle}, ${x}, ${y})`);
   }
-  return /*#__PURE__*/_jsx("text", _extends({}, textProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("text", (0, _extends2.default)({}, textProps, {
     transform: transforms.length > 0 ? transforms.join(' ') : undefined,
     x: x,
     y: y,
     textAnchor: textAnchor,
     dominantBaseline: dominantBaseline,
     style: style,
-    children: wordsByLines.map((line, index) => /*#__PURE__*/_jsx("tspan", {
+    children: wordsByLines.map((line, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("tspan", {
       x: x,
       dy: `${index === 0 ? startDy : wordsByLines[0].height}px`,
       dominantBaseline: dominantBaseline // Propagated to fix Safari issue: https://github.com/mui/mui-x/issues/10808
@@ -73,20 +81,19 @@ process.env.NODE_ENV !== "production" ? ChartsText.propTypes = {
   /**
    * Height of a text line (in `em`).
    */
-  lineHeight: PropTypes.number,
+  lineHeight: _propTypes.default.number,
   /**
    * If `true`, the line width is computed.
    * @default false
    */
-  needsComputation: PropTypes.bool,
-  ownerState: PropTypes.any,
+  needsComputation: _propTypes.default.bool,
+  ownerState: _propTypes.default.any,
   /**
    * Style applied to text elements.
    */
-  style: PropTypes.object,
+  style: _propTypes.default.object,
   /**
    * Text displayed.
    */
-  text: PropTypes.string.isRequired
-} : void 0;
-export { ChartsText };
+  text: _propTypes.default.string.isRequired
+} : void 0;

package/node/ChartsText/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ChartsText", {
+  enumerable: true,
+  get: function () {
+    return _ChartsText.ChartsText;
+  }
+});
+var _ChartsText = require("./ChartsText");

package/{esm → node}/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -1,13 +1,21 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import useSlotProps from '@mui/utils/useSlotProps';
-import { useCartesianContext } from '../context/CartesianProvider';
-import { DefaultChartsAxisTooltipContent } from './DefaultChartsAxisTooltipContent';
-import { ZAxisContext } from '../context/ZAxisContextProvider';
-import { useColorProcessor } from '../context/PluginProvider/useColorProcessor';
-import { isCartesianSeriesType } from '../internals/isCartesian';
-import { useSeries } from '../hooks/useSeries';
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsAxisTooltipContent = ChartsAxisTooltipContent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _CartesianProvider = require("../context/CartesianProvider");
+var _DefaultChartsAxisTooltipContent = require("./DefaultChartsAxisTooltipContent");
+var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
+var _useColorProcessor = require("../context/PluginProvider/useColorProcessor");
+var _isCartesian = require("../internals/isCartesian");
+var _useSeries = require("../hooks/useSeries");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
  */
@@ -19,7 +27,7 @@ function ChartsAxisTooltipContent(props) {
     sx,
     classes
   } = props;
-  const isXaxis = (axisData.x && axisData.x.index) !== undefined;
+  const isXaxis = axisData.x && axisData.x.index !== -1;
   const dataIndex = isXaxis ? axisData.x && axisData.x.index : axisData.y && axisData.y.index;
   const axisValue = isXaxis ? axisData.x && axisData.x.value : axisData.y && axisData.y.value;
   const {
@@ -27,17 +35,17 @@ function ChartsAxisTooltipContent(props) {
     xAxis,
     yAxisIds,
     yAxis
-  } = useCartesianContext();
+  } = (0, _CartesianProvider.useCartesianContext)();
   const {
     zAxisIds,
     zAxis
-  } = React.useContext(ZAxisContext);
-  const series = useSeries();
-  const colorProcessors = useColorProcessor();
+  } = React.useContext(_ZAxisContextProvider.ZAxisContext);
+  const series = (0, _useSeries.useSeries)();
+  const colorProcessors = (0, _useColorProcessor.useColorProcessor)();
   const USED_AXIS_ID = isXaxis ? xAxisIds[0] : yAxisIds[0];
   const relevantSeries = React.useMemo(() => {
     const rep = [];
-    Object.keys(series).filter(isCartesianSeriesType).forEach(seriesType => {
+    Object.keys(series).filter(_isCartesian.isCartesianSeriesType).forEach(seriesType => {
       series[seriesType].seriesOrder.forEach(seriesId => {
         const item = series[seriesType].series[seriesId];
         const providedXAxisId = item.xAxisId ?? item.xAxisKey;
@@ -49,7 +57,7 @@ function ChartsAxisTooltipContent(props) {
           const yAxisId = providedYAxisId ?? yAxisIds[0];
           const zAxisId = seriesToAdd.zAxisId ?? seriesToAdd.zAxisKey ?? zAxisIds[0];
           const getColor = colorProcessors[seriesType]?.(seriesToAdd, xAxis[xAxisId], yAxis[yAxisId], zAxisId && zAxis[zAxisId]) ?? (() => '');
-          rep.push(_extends({}, seriesToAdd, {
+          rep.push((0, _extends2.default)({}, seriesToAdd, {
             getColor
           }));
         }
@@ -60,8 +68,8 @@ function ChartsAxisTooltipContent(props) {
   const relevantAxis = React.useMemo(() => {
     return isXaxis ? xAxis[USED_AXIS_ID] : yAxis[USED_AXIS_ID];
   }, [USED_AXIS_ID, isXaxis, xAxis, yAxis]);
-  const Content = content ?? DefaultChartsAxisTooltipContent;
-  const chartTooltipContentProps = useSlotProps({
+  const Content = content ?? _DefaultChartsAxisTooltipContent.DefaultChartsAxisTooltipContent;
+  const chartTooltipContentProps = (0, _useSlotProps.default)({
     elementType: Content,
     externalSlotProps: contentProps,
     additionalProps: {
@@ -75,6 +83,5 @@ function ChartsAxisTooltipContent(props) {
     },
     ownerState: {}
   });
-  return /*#__PURE__*/_jsx(Content, _extends({}, chartTooltipContentProps));
-}
-export { ChartsAxisTooltipContent };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, (0, _extends2.default)({}, chartTooltipContentProps));
+}