@mui/x-charts 7.14.0 → 7.15.0

package/node/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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");
+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; }
+/**
+ * @ignore - internal component.
+ */
+function ChartsAxisTooltipContent(props) {
+  const {
+    content,
+    contentProps,
+    axisData,
+    sx,
+    classes
+  } = props;
+  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 {
+    xAxisIds,
+    xAxis,
+    yAxisIds,
+    yAxis
+  } = (0, _CartesianProvider.useCartesianContext)();
+  const {
+    zAxisIds,
+    zAxis
+  } = 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(_isCartesian.isCartesianSeriesType).forEach(seriesType => {
+      series[seriesType].seriesOrder.forEach(seriesId => {
+        const item = series[seriesType].series[seriesId];
+        const providedXAxisId = item.xAxisId ?? item.xAxisKey;
+        const providedYAxisId = item.yAxisId ?? item.yAxisKey;
+        const axisKey = isXaxis ? providedXAxisId : providedYAxisId;
+        if (axisKey === undefined || axisKey === USED_AXIS_ID) {
+          const seriesToAdd = series[seriesType].series[seriesId];
+          const xAxisId = providedXAxisId ?? xAxisIds[0];
+          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((0, _extends2.default)({}, seriesToAdd, {
+            getColor
+          }));
+        }
+      });
+    });
+    return rep;
+  }, [USED_AXIS_ID, colorProcessors, isXaxis, series, xAxis, xAxisIds, yAxis, yAxisIds, zAxis, zAxisIds]);
+  const relevantAxis = React.useMemo(() => {
+    return isXaxis ? xAxis[USED_AXIS_ID] : yAxis[USED_AXIS_ID];
+  }, [USED_AXIS_ID, isXaxis, xAxis, yAxis]);
+  const Content = content ?? _DefaultChartsAxisTooltipContent.DefaultChartsAxisTooltipContent;
+  const chartTooltipContentProps = (0, _useSlotProps.default)({
+    elementType: Content,
+    externalSlotProps: contentProps,
+    additionalProps: {
+      axisData,
+      series: relevantSeries,
+      axis: relevantAxis,
+      dataIndex,
+      axisValue,
+      sx,
+      classes
+    },
+    ownerState: {}
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, (0, _extends2.default)({}, chartTooltipContentProps));
+}

package/node/ChartsTooltip/ChartsItemTooltipContent.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsItemTooltipContent = ChartsItemTooltipContent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _DefaultChartsItemTooltipContent = require("./DefaultChartsItemTooltipContent");
+var _CartesianProvider = require("../context/CartesianProvider");
+var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
+var _useColorProcessor = require("../context/PluginProvider/useColorProcessor");
+var _useSeries = require("../hooks/useSeries");
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+/**
+ * @ignore - internal component.
+ */
+function ChartsItemTooltipContent(props) {
+  const {
+    content,
+    itemData,
+    sx,
+    classes,
+    contentProps
+  } = props;
+  const series = (0, _useSeries.useSeries)()[itemData.type].series[itemData.seriesId];
+  const {
+    xAxis,
+    yAxis,
+    xAxisIds,
+    yAxisIds
+  } = (0, _CartesianProvider.useCartesianContext)();
+  const {
+    zAxis,
+    zAxisIds
+  } = React.useContext(_ZAxisContextProvider.ZAxisContext);
+  const colorProcessors = (0, _useColorProcessor.useColorProcessor)();
+  const xAxisId = series.xAxisId ?? series.xAxisKey ?? xAxisIds[0];
+  const yAxisId = series.yAxisId ?? series.yAxisKey ?? yAxisIds[0];
+  const zAxisId = series.zAxisId ?? series.zAxisKey ?? zAxisIds[0];
+  const getColor = colorProcessors[series.type]?.(series, xAxisId && xAxis[xAxisId], yAxisId && yAxis[yAxisId], zAxisId && zAxis[zAxisId]) ?? (() => '');
+  const Content = content ?? _DefaultChartsItemTooltipContent.DefaultChartsItemTooltipContent;
+  const chartTooltipContentProps = (0, _useSlotProps.default)({
+    elementType: Content,
+    externalSlotProps: contentProps,
+    additionalProps: {
+      itemData,
+      series,
+      sx,
+      classes,
+      getColor
+    },
+    ownerState: {}
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, (0, _extends2.default)({}, chartTooltipContentProps));
+}

package/node/ChartsTooltip/ChartsTooltip.js

@@ -0,0 +1,162 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsTooltip = ChartsTooltip;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _styles = require("@mui/material/styles");
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
+var _NoSsr = _interopRequireDefault(require("@mui/material/NoSsr"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _InteractionProvider = require("../context/InteractionProvider");
+var _utils = require("./utils");
+var _ChartsItemTooltipContent = require("./ChartsItemTooltipContent");
+var _ChartsAxisTooltipContent = require("./ChartsAxisTooltipContent");
+var _chartsTooltipClasses = require("./chartsTooltipClasses");
+var _jsxRuntime = require("react/jsx-runtime");
+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 useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root'],
+    table: ['table'],
+    row: ['row'],
+    cell: ['cell'],
+    mark: ['mark'],
+    markCell: ['markCell'],
+    labelCell: ['labelCell'],
+    valueCell: ['valueCell']
+  };
+  return (0, _composeClasses.default)(slots, _chartsTooltipClasses.getChartsTooltipUtilityClass, classes);
+};
+const ChartsTooltipRoot = (0, _styles.styled)(_Popper.default, {
+  name: 'MuiChartsTooltip',
+  slot: 'Root',
+  overridesResolver: (_, styles) => styles.root
+})(({
+  theme
+}) => ({
+  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) {
+  const themeProps = (0, _styles.useThemeProps)({
+    props,
+    name: 'MuiChartsTooltip'
+  });
+  const {
+    trigger = 'axis',
+    itemContent,
+    axisContent,
+    slots,
+    slotProps
+  } = themeProps;
+  const mousePosition = (0, _utils.useMouseTracker)();
+  const {
+    item,
+    axis
+  } = React.useContext(_InteractionProvider.InteractionContext);
+  const displayedData = trigger === 'item' ? item : axis;
+  const tooltipHasData = (0, _utils.getTooltipHasData)(trigger, displayedData);
+  const popperOpen = mousePosition !== null && tooltipHasData;
+  const classes = useUtilityClasses({
+    classes: themeProps.classes
+  });
+  const PopperComponent = slots?.popper ?? ChartsTooltipRoot;
+  const popperProps = (0, _useSlotProps.default)({
+    elementType: PopperComponent,
+    externalSlotProps: slotProps?.popper,
+    additionalProps: {
+      open: popperOpen,
+      placement: mousePosition?.pointerType === 'mouse' ? 'right-start' : 'top',
+      anchorEl: (0, _utils.generateVirtualElement)(mousePosition),
+      modifiers: [{
+        name: 'offset',
+        options: {
+          offset: [0, mousePosition?.pointerType === 'touch' ? 40 - mousePosition.height : 0]
+        }
+      }]
+    },
+    ownerState: {}
+  });
+  if (trigger === 'none') {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.default, {
+    children: popperOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperComponent, (0, _extends2.default)({}, popperProps, {
+      children: trigger === 'item' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsItemTooltipContent.ChartsItemTooltipContent, {
+        itemData: displayedData,
+        content: slots?.itemContent ?? itemContent,
+        contentProps: slotProps?.itemContent,
+        sx: {
+          mx: 2
+        },
+        classes: classes
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisTooltipContent.ChartsAxisTooltipContent, {
+        axisData: displayedData,
+        content: slots?.axisContent ?? axisContent,
+        contentProps: 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 "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Component to override the tooltip content when trigger is set to 'axis'.
+   * @deprecated Use slots.axisContent instead
+   */
+  axisContent: _propTypes.default.elementType,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * Component to override the tooltip content when trigger is set to 'item'.
+   * @deprecated Use slots.itemContent instead
+   */
+  itemContent: _propTypes.default.elementType,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.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.default.oneOf(['axis', 'item', 'none'])
+} : void 0;

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

@@ -1,11 +1,16 @@
-import { styled } from '@mui/material/styles';
-import { shouldForwardProp } from '@mui/system';
-import { chartsTooltipClasses } from './chartsTooltipClasses';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsTooltipTable = exports.ChartsTooltipRow = exports.ChartsTooltipPaper = exports.ChartsTooltipMark = exports.ChartsTooltipCell = void 0;
+var _styles = require("@mui/material/styles");
+var _system = require("@mui/system");
+var _chartsTooltipClasses = require("./chartsTooltipClasses");
 /**
  * @ignore - internal component.
  */
-export const ChartsTooltipPaper = styled('div', {
+const ChartsTooltipPaper = exports.ChartsTooltipPaper = (0, _styles.styled)('div', {
   name: 'MuiChartsTooltip',
   slot: 'Container'
 })(({
@@ -21,7 +26,7 @@ export const ChartsTooltipPaper = styled('div', {
 /**
  * @ignore - internal component.
  */
-export const ChartsTooltipTable = styled('table', {
+const ChartsTooltipTable = exports.ChartsTooltipTable = (0, _styles.styled)('table', {
   name: 'MuiChartsTooltip',
   slot: 'Table'
 })(({
@@ -36,7 +41,7 @@ export const ChartsTooltipTable = styled('table', {
 /**
  * @ignore - internal component.
  */
-export const ChartsTooltipRow = styled('tr', {
+const ChartsTooltipRow = exports.ChartsTooltipRow = (0, _styles.styled)('tr', {
   name: 'MuiChartsTooltip',
   slot: 'Row'
 })(({
@@ -53,7 +58,7 @@ export const ChartsTooltipRow = styled('tr', {
 /**
  * @ignore - internal component.
  */
-export const ChartsTooltipCell = styled('td', {
+const ChartsTooltipCell = exports.ChartsTooltipCell = (0, _styles.styled)('td', {
   name: 'MuiChartsTooltip',
   slot: 'Cell'
 })(({
@@ -61,10 +66,10 @@ export const ChartsTooltipCell = styled('td', {
 }) => ({
   verticalAlign: 'middle',
   color: (theme.vars || theme).palette.text.secondary,
-  [`&.${chartsTooltipClasses.labelCell}`]: {
+  [`&.${_chartsTooltipClasses.chartsTooltipClasses.labelCell}`]: {
     paddingLeft: theme.spacing(1)
   },
-  [`&.${chartsTooltipClasses.valueCell}`]: {
+  [`&.${_chartsTooltipClasses.chartsTooltipClasses.valueCell}`]: {
     paddingLeft: theme.spacing(4),
     color: (theme.vars || theme).palette.text.primary
   },
@@ -79,10 +84,10 @@ export const ChartsTooltipCell = styled('td', {
 /**
  * @ignore - internal component.
  */
-export const ChartsTooltipMark = styled('div', {
+const ChartsTooltipMark = exports.ChartsTooltipMark = (0, _styles.styled)('div', {
   name: 'MuiChartsTooltip',
   slot: 'Mark',
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'color'
+  shouldForwardProp: prop => (0, _system.shouldForwardProp)(prop) && prop !== 'color'
 })(({
   theme,
   color

package/node/ChartsTooltip/DefaultChartsAxisTooltipContent.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultChartsAxisTooltipContent = DefaultChartsAxisTooltipContent;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _ChartsTooltipTable = require("./ChartsTooltipTable");
+var _utils = require("./utils");
+var _getLabel = require("../internals/getLabel");
+var _isCartesian = require("../internals/isCartesian");
+var _jsxRuntime = require("react/jsx-runtime");
+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 DefaultChartsAxisTooltipContent(props) {
+  const {
+    series,
+    axis,
+    dataIndex,
+    axisValue,
+    sx,
+    classes
+  } = props;
+  if (dataIndex == null) {
+    return null;
+  }
+  const axisFormatter = axis.valueFormatter ?? (v => axis.scaleType === 'utc' ? (0, _utils.utcFormatter)(v) : v.toLocaleString());
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipPaper, {
+    sx: sx,
+    className: classes.root,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipTable, {
+      className: classes.table,
+      children: [axisValue != null && !axis.hideTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipRow, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+            colSpan: 3,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              children: axisFormatter(axisValue, {
+                location: 'tooltip'
+              })
+            })
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+        children: series.filter(_isCartesian.isCartesianSeries).map(({
+          id,
+          label,
+          valueFormatter,
+          data,
+          getColor
+        }) => {
+          // @ts-ignore
+          const formattedValue = valueFormatter(data[dataIndex] ?? null, {
+            dataIndex
+          });
+          if (formattedValue == null) {
+            return null;
+          }
+          const formattedLabel = (0, _getLabel.getLabel)(label, 'tooltip');
+          const color = getColor(dataIndex);
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
+            className: classes.row,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+              className: (0, _clsx.default)(classes.markCell, classes.cell),
+              children: color && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
+                color: color,
+                className: classes.mark
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+              className: (0, _clsx.default)(classes.labelCell, classes.cell),
+              children: formattedLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                children: formattedLabel
+              }) : null
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+              className: (0, _clsx.default)(classes.valueCell, classes.cell),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                children: formattedValue
+              })
+            })]
+          }, id);
+        })
+      })]
+    })
+  });
+}
+process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The properties of the triggered axis.
+   */
+  axis: _propTypes.default.object.isRequired,
+  /**
+   * Data identifying the triggered axis.
+   */
+  axisData: _propTypes.default.shape({
+    x: _propTypes.default.shape({
+      index: _propTypes.default.number,
+      value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired
+    }),
+    y: _propTypes.default.shape({
+      index: _propTypes.default.number,
+      value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired
+    })
+  }).isRequired,
+  /**
+   * The value associated to the current mouse position.
+   */
+  axisValue: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object.isRequired,
+  /**
+   * The index of the data item triggered.
+   */
+  dataIndex: _propTypes.default.number,
+  /**
+   * The series linked to the triggered axis.
+   */
+  series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;

package/node/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultChartsItemTooltipContent = DefaultChartsItemTooltipContent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ChartsTooltipTable = require("./ChartsTooltipTable");
+var _getLabel = require("../internals/getLabel");
+var _jsxRuntime = require("react/jsx-runtime");
+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 DefaultChartsItemTooltipContent(props) {
+  const {
+    series,
+    itemData,
+    sx,
+    classes,
+    getColor
+  } = props;
+  if (itemData.dataIndex === undefined || !series.data[itemData.dataIndex]) {
+    return null;
+  }
+  const {
+    displayedLabel,
+    color
+  } = series.type === 'pie' ? {
+    color: getColor(itemData.dataIndex),
+    displayedLabel: (0, _getLabel.getLabel)(series.data[itemData.dataIndex].label, 'tooltip')
+  } : {
+    color: getColor(itemData.dataIndex),
+    displayedLabel: (0, _getLabel.getLabel)(series.label, 'tooltip')
+  };
+  const value = series.type === 'pie' ? (0, _extends2.default)({}, series.data[itemData.dataIndex], {
+    label: (0, _getLabel.getLabel)(series.data[itemData.dataIndex].label, 'tooltip')
+  }) : series.data[itemData.dataIndex];
+  const formattedValue = series.valueFormatter?.(value, {
+    dataIndex: itemData.dataIndex
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipPaper, {
+    sx: sx,
+    className: classes.root,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipTable, {
+      className: classes.table,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
+          className: classes.row,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+            className: (0, _clsx.default)(classes.markCell, classes.cell),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
+              color: color,
+              className: classes.mark
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+            className: (0, _clsx.default)(classes.labelCell, classes.cell),
+            children: displayedLabel
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
+            className: (0, _clsx.default)(classes.valueCell, classes.cell),
+            children: formattedValue
+          })]
+        })
+      })
+    })
+  });
+}
+process.env.NODE_ENV !== "production" ? DefaultChartsItemTooltipContent.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object.isRequired,
+  /**
+   * Get the color of the item with index `dataIndex`.
+   * @param {number} dataIndex The data index of the item.
+   * @returns {string} The color to display.
+   */
+  getColor: _propTypes.default.func.isRequired,
+  /**
+   * The data used to identify the triggered item.
+   */
+  itemData: _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired
+  }).isRequired,
+  /**
+   * The series linked to the triggered axis.
+   */
+  series: _propTypes.default.object.isRequired,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;

package/node/ChartsTooltip/chartsTooltipClasses.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chartsTooltipClasses = void 0;
+exports.getChartsTooltipUtilityClass = getChartsTooltipUtilityClass;
+var _utils = require("@mui/utils");
+function getChartsTooltipUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiChartsTooltip', slot);
+}
+const chartsTooltipClasses = exports.chartsTooltipClasses = (0, _utils.unstable_generateUtilityClasses)('MuiChartsTooltip', ['root', 'table', 'row', 'cell', 'mark', 'markCell', 'labelCell', 'valueCell']);