@mui/x-charts 7.0.0-alpha.2 → 7.0.0-alpha.3

package/PieChart/PieArcLabel.js

@@ -4,15 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = PieArcLabel;
+exports.PieArcLabel = PieArcLabel;
 exports.getPieArcLabelUtilityClass = getPieArcLabelUtilityClass;
 exports.pieArcLabelClasses = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _web = require("@react-spring/web");
 var _d3Shape = require("d3-shape");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _styles = require("@mui/material/styles");
@@ -109,12 +109,7 @@ process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   classes: _propTypes.default.object,
-  cornerRadius: _propTypes.default.number,
-  dataIndex: _propTypes.default.number.isRequired,
-  highlightScope: _propTypes.default.shape({
-    faded: _propTypes.default.oneOf(['global', 'none', 'series']),
-    highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
-  }),
-  innerRadius: _propTypes.default.number,
-  outerRadius: _propTypes.default.number.isRequired
+  formattedArcLabel: _propTypes.default.string,
+  isFaded: _propTypes.default.bool.isRequired,
+  isHighlighted: _propTypes.default.bool.isRequired
 } : void 0;

package/PieChart/PieArcLabelPlot.d.ts

@@ -25,4 +25,8 @@ export interface PieArcLabelPlotProps extends DefaultizedProps<Pick<DefaultizedP
      */
     skipAnimation?: boolean;
 }
-export declare function PieArcLabelPlot(props: PieArcLabelPlotProps): React.JSX.Element | null;
+declare function PieArcLabelPlot(props: PieArcLabelPlotProps): React.JSX.Element | null;
+declare namespace PieArcLabelPlot {
+    var propTypes: any;
+}
+export { PieArcLabelPlot };

package/PieChart/PieArcLabelPlot.js

@@ -8,10 +8,11 @@ exports.PieArcLabelPlot = PieArcLabelPlot;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _web = require("@react-spring/web");
 var _transition = require("./dataTransform/transition");
 var _useTransformData = require("./dataTransform/useTransformData");
-var _PieArcLabel = _interopRequireDefault(require("./PieArcLabel"));
+var _PieArcLabel = require("./PieArcLabel");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["slots", "slotProps", "innerRadius", "outerRadius", "cornerRadius", "paddingAngle", "id", "highlightScope", "highlighted", "faded", "data", "arcLabel", "arcLabelMinAngle", "skipAnimation"],
   _excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius"];
@@ -68,7 +69,7 @@ function PieArcLabelPlot(props) {
   if (data.length === 0) {
     return null;
   }
-  const ArcLabel = slots?.pieArcLabel ?? _PieArcLabel.default;
+  const ArcLabel = slots?.pieArcLabel ?? _PieArcLabel.PieArcLabel;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
     children: transition((_ref, item) => {
       let {
@@ -96,4 +97,91 @@ function PieArcLabelPlot(props) {
       }, slotProps?.pieArcLabel));
     })
   }));
-}
+}
+process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The label displayed into the arc.
+   */
+  arcLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['formattedValue', 'label', 'value']), _propTypes.default.func]),
+  /**
+   * The minimal angle required to display the arc label.
+   */
+  arcLabelMinAngle: _propTypes.default.number,
+  /**
+   * The radius applied to arc corners (similar to border radius).
+   * @default 0
+   */
+  cornerRadius: _propTypes.default.number,
+  data: _propTypes.default.arrayOf(_propTypes.default.shape({
+    color: _propTypes.default.string.isRequired,
+    endAngle: _propTypes.default.number.isRequired,
+    formattedValue: _propTypes.default.string.isRequired,
+    id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    index: _propTypes.default.number.isRequired,
+    label: _propTypes.default.string,
+    padAngle: _propTypes.default.number.isRequired,
+    startAngle: _propTypes.default.number.isRequired,
+    value: _propTypes.default.number.isRequired
+  })).isRequired,
+  /**
+   * Override the arc attibutes when it is faded.
+   */
+  faded: _propTypes.default.shape({
+    additionalRadius: _propTypes.default.number,
+    color: _propTypes.default.string,
+    cornerRadius: _propTypes.default.number,
+    innerRadius: _propTypes.default.number,
+    outerRadius: _propTypes.default.number,
+    paddingAngle: _propTypes.default.number
+  }),
+  /**
+   * Override the arc attibutes when it is highlighted.
+   */
+  highlighted: _propTypes.default.shape({
+    additionalRadius: _propTypes.default.number,
+    color: _propTypes.default.string,
+    cornerRadius: _propTypes.default.number,
+    innerRadius: _propTypes.default.number,
+    outerRadius: _propTypes.default.number,
+    paddingAngle: _propTypes.default.number
+  }),
+  highlightScope: _propTypes.default.shape({
+    faded: _propTypes.default.oneOf(['global', 'none', 'series']),
+    highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
+  }),
+  id: _propTypes.default.string.isRequired,
+  /**
+   * The radius between circle center and the begining of the arc.
+   * @default 0
+   */
+  innerRadius: _propTypes.default.number,
+  /**
+   * The radius between circle center and the end of the arc.
+   * @default R_max The maximal radius that fit into the drawing area.
+   */
+  outerRadius: _propTypes.default.number.isRequired,
+  /**
+   * The padding angle (deg) between two arcs.
+   * @default 0
+   */
+  paddingAngle: _propTypes.default.number,
+  /**
+   * If `true`, animations are skiped.
+   * @default false
+   */
+  skipAnimation: _propTypes.default.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object
+} : void 0;

package/PieChart/PieArcPlot.d.ts

@@ -32,4 +32,8 @@ export interface PieArcPlotProps extends DefaultizedProps<Pick<DefaultizedPieSer
      */
     skipAnimation?: boolean;
 }
-export declare function PieArcPlot(props: PieArcPlotProps): React.JSX.Element | null;
+declare function PieArcPlot(props: PieArcPlotProps): React.JSX.Element | null;
+declare namespace PieArcPlot {
+    var propTypes: any;
+}
+export { PieArcPlot };

package/PieChart/PieArcPlot.js

@@ -8,8 +8,9 @@ exports.PieArcPlot = PieArcPlot;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _web = require("@react-spring/web");
-var _PieArc = _interopRequireDefault(require("./PieArc"));
+var _PieArc = require("./PieArc");
 var _transition = require("./dataTransform/transition");
 var _useTransformData = require("./dataTransform/useTransformData");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -53,7 +54,7 @@ function PieArcPlot(props) {
   if (data.length === 0) {
     return null;
   }
-  const Arc = slots?.pieArc ?? _PieArc.default;
+  const Arc = slots?.pieArc ?? _PieArc.PieArc;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
     children: transition((_ref, item, _, index) => {
       let {
@@ -89,4 +90,90 @@ function PieArcPlot(props) {
       }, slotProps?.pieArc));
     })
   }));
-}
+}
+process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The radius applied to arc corners (similar to border radius).
+   * @default 0
+   */
+  cornerRadius: _propTypes.default.number,
+  data: _propTypes.default.arrayOf(_propTypes.default.shape({
+    color: _propTypes.default.string.isRequired,
+    endAngle: _propTypes.default.number.isRequired,
+    formattedValue: _propTypes.default.string.isRequired,
+    id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    index: _propTypes.default.number.isRequired,
+    label: _propTypes.default.string,
+    padAngle: _propTypes.default.number.isRequired,
+    startAngle: _propTypes.default.number.isRequired,
+    value: _propTypes.default.number.isRequired
+  })).isRequired,
+  /**
+   * Override the arc attibutes when it is faded.
+   */
+  faded: _propTypes.default.shape({
+    additionalRadius: _propTypes.default.number,
+    color: _propTypes.default.string,
+    cornerRadius: _propTypes.default.number,
+    innerRadius: _propTypes.default.number,
+    outerRadius: _propTypes.default.number,
+    paddingAngle: _propTypes.default.number
+  }),
+  /**
+   * Override the arc attibutes when it is highlighted.
+   */
+  highlighted: _propTypes.default.shape({
+    additionalRadius: _propTypes.default.number,
+    color: _propTypes.default.string,
+    cornerRadius: _propTypes.default.number,
+    innerRadius: _propTypes.default.number,
+    outerRadius: _propTypes.default.number,
+    paddingAngle: _propTypes.default.number
+  }),
+  highlightScope: _propTypes.default.shape({
+    faded: _propTypes.default.oneOf(['global', 'none', 'series']),
+    highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
+  }),
+  id: _propTypes.default.string.isRequired,
+  /**
+   * The radius between circle center and the begining of the arc.
+   * @default 0
+   */
+  innerRadius: _propTypes.default.number,
+  /**
+   * Callback fired when a pie item is clicked.
+   * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
+   * @param {PieItemIdentifier} pieItemIdentifier The pie item identifier.
+   * @param {DefaultizedPieValueType} item The pie item.
+   */
+  onClick: _propTypes.default.func,
+  /**
+   * The radius between circle center and the end of the arc.
+   * @default R_max The maximal radius that fit into the drawing area.
+   */
+  outerRadius: _propTypes.default.number.isRequired,
+  /**
+   * The padding angle (deg) between two arcs.
+   * @default 0
+   */
+  paddingAngle: _propTypes.default.number,
+  /**
+   * If `true`, animations are skiped.
+   * @default false
+   */
+  skipAnimation: _propTypes.default.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object
+} : void 0;

package/PieChart/index.d.ts

@@ -1,4 +1,6 @@
-export * from './PiePlot';
 export * from './PieChart';
+export * from './PiePlot';
+export * from './PieArcPlot';
+export * from './PieArcLabelPlot';
 export * from './PieArc';
 export * from './PieArcLabel';

package/PieChart/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _PieChart = require("./PieChart");
+Object.keys(_PieChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PieChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PieChart[key];
+    }
+  });
+});
 var _PiePlot = require("./PiePlot");
 Object.keys(_PiePlot).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -14,14 +25,25 @@ Object.keys(_PiePlot).forEach(function (key) {
     }
   });
 });
-var _PieChart = require("./PieChart");
-Object.keys(_PieChart).forEach(function (key) {
+var _PieArcPlot = require("./PieArcPlot");
+Object.keys(_PieArcPlot).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PieChart[key]) return;
+  if (key in exports && exports[key] === _PieArcPlot[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _PieChart[key];
+      return _PieArcPlot[key];
+    }
+  });
+});
+var _PieArcLabelPlot = require("./PieArcLabelPlot");
+Object.keys(_PieArcLabelPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PieArcLabelPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PieArcLabelPlot[key];
     }
   });
 });

package/README.md

@@ -16,7 +16,6 @@ This component has the following peer dependencies that you will need to install
 ```json
 "peerDependencies": {
   "@mui/material": "^5.4.1",
-  "@mui/system": "^5.4.1",
   "react": "^17.0.0 || ^18.0.0",
   "react-dom": "^17.0.0 || ^18.0.0"
 },

package/ScatterChart/Scatter.js

@@ -87,7 +87,7 @@ process.env.NODE_ENV !== "production" ? Scatter.propTypes = {
   color: _propTypes.default.string.isRequired,
   markerSize: _propTypes.default.number.isRequired,
   series: _propTypes.default.shape({
-    color: _propTypes.default.string,
+    color: _propTypes.default.string.isRequired,
     data: _propTypes.default.arrayOf(_propTypes.default.shape({
       id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
       x: _propTypes.default.number.isRequired,

package/ScatterChart/index.d.ts

@@ -1,3 +1,3 @@
-export * from './ScatterPlot';
 export * from './ScatterChart';
+export * from './ScatterPlot';
 export * from './Scatter';

package/ScatterChart/index.js

@@ -3,25 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ScatterPlot = require("./ScatterPlot");
-Object.keys(_ScatterPlot).forEach(function (key) {
+var _ScatterChart = require("./ScatterChart");
+Object.keys(_ScatterChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ScatterPlot[key]) return;
+  if (key in exports && exports[key] === _ScatterChart[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _ScatterPlot[key];
+      return _ScatterChart[key];
     }
   });
 });
-var _ScatterChart = require("./ScatterChart");
-Object.keys(_ScatterChart).forEach(function (key) {
+var _ScatterPlot = require("./ScatterPlot");
+Object.keys(_ScatterPlot).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ScatterChart[key]) return;
+  if (key in exports && exports[key] === _ScatterPlot[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _ScatterChart[key];
+      return _ScatterPlot[key];
     }
   });
 });

package/esm/BarChart/BarElement.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["id", "dataIndex", "classes", "color", "highlightScope", "slots", "slotProps", "style"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { useSlotProps } from '@mui/base/utils';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
@@ -39,7 +40,7 @@ export const BarElementPath = styled(animated.rect, {
   transition: 'opacity 0.2s ease-in, fill 0.2s ease-in',
   opacity: ownerState.isFaded && 0.3 || 1
 }));
-export function BarElement(props) {
+function BarElement(props) {
   var _slots$bar;
   const {
       id,
@@ -90,4 +91,27 @@ export function BarElement(props) {
     ownerState
   });
   return /*#__PURE__*/_jsx(Bar, _extends({}, barProps));
-}
+}
+process.env.NODE_ENV !== "production" ? BarElement.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,
+  dataIndex: PropTypes.number.isRequired,
+  highlightScope: PropTypes.shape({
+    faded: PropTypes.oneOf(['global', 'none', 'series']),
+    highlighted: PropTypes.oneOf(['item', 'none', 'series'])
+  }),
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object
+} : void 0;
+export { BarElement };

package/esm/BarChart/index.js

@@ -1,2 +1,3 @@
+export * from './BarChart';
 export * from './BarPlot';
-export * from './BarChart';
+export * from './BarElement';

package/esm/ChartsLegend/index.js

@@ -1,2 +1,3 @@
 export * from './ChartsLegend';
-export * from './chartsLegendClasses';
+export * from './chartsLegendClasses';
+export * from './utils';

package/esm/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -1,82 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
+import PropTypes from 'prop-types';
 import { useSlotProps } from '@mui/base/utils';
 import { SeriesContext } from '../context/SeriesContextProvider';
 import { CartesianContext } from '../context/CartesianContextProvider';
-import { ChartsTooltipCell, ChartsTooltipPaper, ChartsTooltipTable, ChartsTooltipMark, ChartsTooltipRow } from './ChartsTooltipTable';
+import { DefaultChartsAxisTooltipContent } from './DefaultChartsAxisTooltipContent';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function DefaultChartsAxisContent(props) {
-  var _axis$valueFormatter;
-  const {
-    series,
-    axis,
-    dataIndex,
-    axisValue,
-    sx,
-    classes
-  } = props;
-  if (dataIndex == null) {
-    return null;
-  }
-  const axisFormatter = (_axis$valueFormatter = axis.valueFormatter) != null ? _axis$valueFormatter : v => v.toLocaleString();
-  return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.root,
-    children: /*#__PURE__*/_jsxs(ChartsTooltipTable, {
-      className: classes.table,
-      children: [axisValue != null && !axis.hideTooltip && /*#__PURE__*/_jsx("thead", {
-        children: /*#__PURE__*/_jsx(ChartsTooltipRow, {
-          children: /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            colSpan: 3,
-            children: /*#__PURE__*/_jsx(Typography, {
-              children: axisFormatter(axisValue)
-            })
-          })
-        })
-      }), /*#__PURE__*/_jsx("tbody", {
-        children: series.map(({
-          color,
-          id,
-          label,
-          valueFormatter,
-          data
-        }) => {
-          const formattedValue = valueFormatter(data[dataIndex]);
-          if (formattedValue == null) {
-            return null;
-          }
-          return /*#__PURE__*/_jsxs(ChartsTooltipRow, {
-            className: classes.row,
-            children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: clsx(classes.markCell, classes.cell),
-              children: /*#__PURE__*/_jsx(ChartsTooltipMark, {
-                ownerState: {
-                  color
-                },
-                boxShadow: 1,
-                className: classes.mark
-              })
-            }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: clsx(classes.labelCell, classes.cell),
-              children: label ? /*#__PURE__*/_jsx(Typography, {
-                children: label
-              }) : null
-            }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: clsx(classes.valueCell, classes.cell),
-              children: /*#__PURE__*/_jsx(Typography, {
-                children: formattedValue
-              })
-            })]
-          }, id);
-        })
-      })]
-    })
-  });
-}
-export function ChartsAxisTooltipContent(props) {
+function ChartsAxisTooltipContent(props) {
   const {
     content,
     contentProps,
@@ -111,7 +41,7 @@ export 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 != null ? content : DefaultChartsAxisContent;
+  const Content = content != null ? content : DefaultChartsAxisTooltipContent;
   const chartTooltipContentProps = useSlotProps({
     elementType: Content,
     externalSlotProps: contentProps,
@@ -127,4 +57,94 @@ export function ChartsAxisTooltipContent(props) {
     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]).isRequired
+    }),
+    y: PropTypes.shape({
+      index: PropTypes.number,
+      value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired
+    })
+  }).isRequired,
+  classes: PropTypes.object.isRequired,
+  content: PropTypes.elementType,
+  contentProps: PropTypes.shape({
+    axis: PropTypes.shape({
+      axisId: PropTypes.string,
+      classes: PropTypes.object,
+      data: PropTypes.array,
+      dataKey: PropTypes.string,
+      disableLine: PropTypes.bool,
+      disableTicks: PropTypes.bool,
+      fill: PropTypes.string,
+      hideTooltip: PropTypes.bool,
+      id: PropTypes.string.isRequired,
+      label: PropTypes.string,
+      labelFontSize: PropTypes.number,
+      labelStyle: PropTypes.object,
+      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
+      scale: PropTypes.func.isRequired,
+      scaleType: PropTypes.oneOf(['time']).isRequired,
+      slotProps: PropTypes.object,
+      slots: PropTypes.object,
+      stroke: PropTypes.string,
+      tickFontSize: PropTypes.number,
+      tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
+      tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
+      tickLabelStyle: PropTypes.object,
+      tickMaxStep: PropTypes.number,
+      tickMinStep: PropTypes.number,
+      tickNumber: PropTypes.number.isRequired,
+      tickSize: PropTypes.number,
+      valueFormatter: PropTypes.func
+    }),
+    axisData: PropTypes.shape({
+      x: PropTypes.shape({
+        index: PropTypes.number,
+        value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired
+      }),
+      y: PropTypes.shape({
+        index: PropTypes.number,
+        value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired
+      })
+    }),
+    axisValue: PropTypes.any,
+    classes: PropTypes.object,
+    dataIndex: PropTypes.number,
+    series: PropTypes.arrayOf(PropTypes.shape({
+      area: PropTypes.bool,
+      color: PropTypes.string.isRequired,
+      connectNulls: PropTypes.bool,
+      curve: PropTypes.oneOf(['catmullRom', 'linear', 'monotoneX', 'monotoneY', 'natural', 'step', 'stepAfter', 'stepBefore']),
+      data: PropTypes.arrayOf(PropTypes.number).isRequired,
+      dataKey: PropTypes.string,
+      disableHighlight: PropTypes.bool,
+      highlightScope: PropTypes.shape({
+        faded: PropTypes.oneOf(['global', 'none', 'series']),
+        highlighted: PropTypes.oneOf(['item', 'none', 'series'])
+      }),
+      id: PropTypes.string.isRequired,
+      label: PropTypes.string,
+      showMark: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
+      stack: PropTypes.string,
+      stackOffset: PropTypes.oneOf(['diverging', 'expand', 'none', 'silhouette', 'wiggle']),
+      stackOrder: PropTypes.oneOf(['appearance', 'ascending', 'descending', 'insideOut', 'none', 'reverse']),
+      type: PropTypes.oneOf(['line']).isRequired,
+      valueFormatter: PropTypes.func.isRequired,
+      xAxisKey: PropTypes.string,
+      yAxisKey: PropTypes.string
+    })),
+    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 };