@mui/x-charts 7.14.0 → 7.15.0

package/LineChart/AnimatedArea.js

@@ -1,26 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AnimatedArea = AnimatedArea;
-exports.AreaElementPath = 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 _styles = require("@mui/material/styles");
-var _web = require("@react-spring/web");
-var _d3Color = require("@mui/x-charts-vendor/d3-color");
-var _useAnimatedPath = require("../internals/useAnimatedPath");
-var _cleanId = require("../internals/cleanId");
-var _hooks = require("../hooks");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["d", "skipAnimation", "ownerState"];
-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 AreaElementPath = exports.AreaElementPath = (0, _styles.styled)(_web.animated.path, {
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { styled } from '@mui/material/styles';
+import { animated, useSpring } from '@react-spring/web';
+import { color as d3Color } from '@mui/x-charts-vendor/d3-color';
+import { useAnimatedPath } from '../internals/useAnimatedPath';
+import { cleanId } from '../internals/cleanId';
+import { useChartId, useDrawingArea } from '../hooks';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AreaElementPath = styled(animated.path, {
   name: 'MuiAreaElement',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -28,7 +18,7 @@ const AreaElementPath = exports.AreaElementPath = (0, _styles.styled)(_web.anima
   ownerState
 }) => ({
   stroke: 'none',
-  fill: ownerState.gradientId && `url(#${ownerState.gradientId})` || ownerState.isHighlighted && (0, _d3Color.color)(ownerState.color).brighter(1).formatHex() || (0, _d3Color.color)(ownerState.color).brighter(0.5).formatHex(),
+  fill: ownerState.gradientId && `url(#${ownerState.gradientId})` || ownerState.isHighlighted && d3Color(ownerState.color).brighter(1).formatHex() || d3Color(ownerState.color).brighter(0.5).formatHex(),
   transition: 'opacity 0.2s ease-in, fill 0.2s ease-in',
   opacity: ownerState.isFaded ? 0.3 : 1
 }));
@@ -48,7 +38,7 @@ function AnimatedArea(props) {
       skipAnimation,
       ownerState
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     left,
     top,
@@ -56,12 +46,12 @@ function AnimatedArea(props) {
     bottom,
     width,
     height
-  } = (0, _hooks.useDrawingArea)();
-  const chartId = (0, _hooks.useChartId)();
-  const path = (0, _useAnimatedPath.useAnimatedPath)(d, skipAnimation);
+  } = useDrawingArea();
+  const chartId = useChartId();
+  const path = useAnimatedPath(d, skipAnimation);
   const {
     animatedWidth
-  } = (0, _web.useSpring)({
+  } = useSpring({
     from: {
       animatedWidth: left
     },
@@ -71,19 +61,19 @@ function AnimatedArea(props) {
     reset: false,
     immediate: skipAnimation
   });
-  const clipId = (0, _cleanId.cleanId)(`${chartId}-${ownerState.id}-area-clip`);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+  const clipId = cleanId(`${chartId}-${ownerState.id}-area-clip`);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx("clipPath", {
       id: clipId,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web.animated.rect, {
+      children: /*#__PURE__*/_jsx(animated.rect, {
         x: 0,
         y: 0,
         width: animatedWidth,
         height: top + height + bottom
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    }), /*#__PURE__*/_jsx("g", {
       clipPath: `url(#${clipId})`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AreaElementPath, (0, _extends2.default)({}, other, {
+      children: /*#__PURE__*/_jsx(AreaElementPath, _extends({}, other, {
         ownerState: ownerState,
         d: path
       }))
@@ -95,18 +85,19 @@ process.env.NODE_ENV !== "production" ? AnimatedArea.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  d: _propTypes.default.string.isRequired,
-  ownerState: _propTypes.default.shape({
-    classes: _propTypes.default.object,
-    color: _propTypes.default.string.isRequired,
-    gradientId: _propTypes.default.string,
-    id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
-    isFaded: _propTypes.default.bool.isRequired,
-    isHighlighted: _propTypes.default.bool.isRequired
+  d: PropTypes.string.isRequired,
+  ownerState: PropTypes.shape({
+    classes: PropTypes.object,
+    color: PropTypes.string.isRequired,
+    gradientId: PropTypes.string,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    isFaded: PropTypes.bool.isRequired,
+    isHighlighted: PropTypes.bool.isRequired
   }).isRequired,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: _propTypes.default.bool
-} : void 0;
+  skipAnimation: PropTypes.bool
+} : void 0;
+export { AnimatedArea };

package/LineChart/AnimatedLine.js

@@ -1,27 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AnimatedLine = AnimatedLine;
-exports.LineElementPath = 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 _d3Color = require("@mui/x-charts-vendor/d3-color");
-var _styles = require("@mui/material/styles");
-var _useAnimatedPath = require("../internals/useAnimatedPath");
-var _cleanId = require("../internals/cleanId");
-var _useChartId = require("../hooks/useChartId");
-var _useDrawingArea = require("../hooks/useDrawingArea");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["d", "skipAnimation", "ownerState"];
-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 LineElementPath = exports.LineElementPath = (0, _styles.styled)(_web.animated.path, {
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { animated, useSpring } from '@react-spring/web';
+import { color as d3Color } from '@mui/x-charts-vendor/d3-color';
+import { styled } from '@mui/material/styles';
+import { useAnimatedPath } from '../internals/useAnimatedPath';
+import { cleanId } from '../internals/cleanId';
+import { useChartId } from '../hooks/useChartId';
+import { useDrawingArea } from '../hooks/useDrawingArea';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LineElementPath = styled(animated.path, {
   name: 'MuiLineElement',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -31,7 +21,7 @@ const LineElementPath = exports.LineElementPath = (0, _styles.styled)(_web.anima
   strokeWidth: 2,
   strokeLinejoin: 'round',
   fill: 'none',
-  stroke: ownerState.gradientId && `url(#${ownerState.gradientId})` || ownerState.isHighlighted && (0, _d3Color.color)(ownerState.color).brighter(0.5).formatHex() || ownerState.color,
+  stroke: ownerState.gradientId && `url(#${ownerState.gradientId})` || ownerState.isHighlighted && d3Color(ownerState.color).brighter(0.5).formatHex() || ownerState.color,
   transition: 'opacity 0.2s ease-in, stroke 0.2s ease-in',
   opacity: ownerState.isFaded ? 0.3 : 1
 }));
@@ -51,7 +41,7 @@ function AnimatedLine(props) {
       skipAnimation,
       ownerState
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     left,
     top,
@@ -59,12 +49,12 @@ function AnimatedLine(props) {
     width,
     height,
     right
-  } = (0, _useDrawingArea.useDrawingArea)();
-  const chartId = (0, _useChartId.useChartId)();
-  const path = (0, _useAnimatedPath.useAnimatedPath)(d, skipAnimation);
+  } = useDrawingArea();
+  const chartId = useChartId();
+  const path = useAnimatedPath(d, skipAnimation);
   const {
     animatedWidth
-  } = (0, _web.useSpring)({
+  } = useSpring({
     from: {
       animatedWidth: left
     },
@@ -74,19 +64,19 @@ function AnimatedLine(props) {
     reset: false,
     immediate: skipAnimation
   });
-  const clipId = (0, _cleanId.cleanId)(`${chartId}-${ownerState.id}-line-clip`);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+  const clipId = cleanId(`${chartId}-${ownerState.id}-line-clip`);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx("clipPath", {
       id: clipId,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web.animated.rect, {
+      children: /*#__PURE__*/_jsx(animated.rect, {
         x: 0,
         y: 0,
         width: animatedWidth,
         height: top + height + bottom
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    }), /*#__PURE__*/_jsx("g", {
       clipPath: `url(#${clipId})`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LineElementPath, (0, _extends2.default)({}, other, {
+      children: /*#__PURE__*/_jsx(LineElementPath, _extends({}, other, {
         ownerState: ownerState,
         d: path
       }))
@@ -98,18 +88,19 @@ process.env.NODE_ENV !== "production" ? AnimatedLine.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  d: _propTypes.default.string.isRequired,
-  ownerState: _propTypes.default.shape({
-    classes: _propTypes.default.object,
-    color: _propTypes.default.string.isRequired,
-    gradientId: _propTypes.default.string,
-    id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
-    isFaded: _propTypes.default.bool.isRequired,
-    isHighlighted: _propTypes.default.bool.isRequired
+  d: PropTypes.string.isRequired,
+  ownerState: PropTypes.shape({
+    classes: PropTypes.object,
+    color: PropTypes.string.isRequired,
+    gradientId: PropTypes.string,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    isFaded: PropTypes.bool.isRequired,
+    isHighlighted: PropTypes.bool.isRequired
   }).isRequired,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: _propTypes.default.bool
-} : void 0;
+  skipAnimation: PropTypes.bool
+} : void 0;
+export { AnimatedLine };

package/LineChart/AreaElement.js

@@ -1,31 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AreaElement = AreaElement;
-exports.areaElementClasses = void 0;
-exports.getAreaElementUtilityClass = getAreaElementUtilityClass;
-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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
-var _AnimatedArea = require("./AnimatedArea");
-var _context = require("../context");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["id", "classes", "color", "gradientId", "slots", "slotProps", "onClick"];
-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 getAreaElementUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiAreaElement', slot);
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import composeClasses from '@mui/utils/composeClasses';
+import useSlotProps from '@mui/utils/useSlotProps';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import { useInteractionItemProps } from '../hooks/useInteractionItemProps';
+import { AnimatedArea } from './AnimatedArea';
+import { useItemHighlighted } from '../context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function getAreaElementUtilityClass(slot) {
+  return generateUtilityClass('MuiAreaElement', slot);
 }
-const areaElementClasses = exports.areaElementClasses = (0, _generateUtilityClasses.default)('MuiAreaElement', ['root', 'highlighted', 'faded']);
+export const areaElementClasses = generateUtilityClasses('MuiAreaElement', ['root', 'highlighted', 'faded']);
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -36,7 +25,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `series-${id}`, isHighlighted && 'highlighted', isFaded && 'faded']
   };
-  return (0, _composeClasses.default)(slots, getAreaElementUtilityClass, classes);
+  return composeClasses(slots, getAreaElementUtilityClass, classes);
 };
 /**
  * Demos:
@@ -58,12 +47,12 @@ function AreaElement(props) {
       slotProps,
       onClick
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const getInteractionItemProps = (0, _useInteractionItemProps.useInteractionItemProps)();
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const getInteractionItemProps = useInteractionItemProps();
   const {
     isFaded,
     isHighlighted
-  } = (0, _context.useItemHighlighted)({
+  } = useItemHighlighted({
     seriesId: id
   });
   const ownerState = {
@@ -75,11 +64,11 @@ function AreaElement(props) {
     isHighlighted
   };
   const classes = useUtilityClasses(ownerState);
-  const Area = slots?.area ?? _AnimatedArea.AnimatedArea;
-  const areaProps = (0, _useSlotProps.default)({
+  const Area = slots?.area ?? AnimatedArea;
+  const areaProps = useSlotProps({
     elementType: Area,
     externalSlotProps: slotProps?.area,
-    additionalProps: (0, _extends2.default)({}, getInteractionItemProps({
+    additionalProps: _extends({}, getInteractionItemProps({
       type: 'line',
       seriesId: id
     }), {
@@ -89,31 +78,32 @@ function AreaElement(props) {
     className: classes.root,
     ownerState
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Area, (0, _extends2.default)({}, other, areaProps));
+  return /*#__PURE__*/_jsx(Area, _extends({}, other, areaProps));
 }
 process.env.NODE_ENV !== "production" ? AreaElement.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  classes: _propTypes.default.object,
-  color: _propTypes.default.string.isRequired,
-  d: _propTypes.default.string.isRequired,
-  gradientId: _propTypes.default.string,
-  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  classes: PropTypes.object,
+  color: PropTypes.string.isRequired,
+  d: PropTypes.string.isRequired,
+  gradientId: PropTypes.string,
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: _propTypes.default.bool,
+  skipAnimation: PropTypes.bool,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: _propTypes.default.object,
+  slotProps: PropTypes.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: _propTypes.default.object
-} : void 0;
+  slots: PropTypes.object
+} : void 0;
+export { AreaElement };

package/LineChart/AreaPlot.js

@@ -1,29 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AreaPlot = AreaPlot;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _CartesianProvider = require("../context/CartesianProvider");
-var _AreaElement = require("./AreaElement");
-var _useScale = require("../hooks/useScale");
-var _getCurve = _interopRequireDefault(require("../internals/getCurve"));
-var _constants = require("../constants");
-var _ChartsAxesGradients = require("../internals/components/ChartsAxesGradients");
-var _useSeries = require("../hooks/useSeries");
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["slots", "slotProps", "onItemClick", "skipAnimation"];
-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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { area as d3Area } from '@mui/x-charts-vendor/d3-shape';
+import { useCartesianContext } from '../context/CartesianProvider';
+import { AreaElement } from './AreaElement';
+import { getValueToPositionMapper } from '../hooks/useScale';
+import getCurveFactory from '../internals/getCurve';
+import { DEFAULT_X_AXIS_KEY } from '../constants';
+import { useChartGradient } from '../internals/components/ChartsAxesGradients';
+import { useLineSeries } from '../hooks/useSeries';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useAggregatedData = () => {
-  const seriesData = (0, _useSeries.useLineSeries)();
-  const axisData = (0, _CartesianProvider.useCartesianContext)();
+  const seriesData = useLineSeries();
+  const axisData = useCartesianContext();
   if (seriesData === undefined) {
     return [];
   }
@@ -56,19 +47,19 @@ const useAggregatedData = () => {
       } = series[seriesId];
       const xAxisId = xAxisIdProp ?? xAxisKey;
       const yAxisId = yAxisIdProp ?? yAxisKey;
-      const xScale = (0, _useScale.getValueToPositionMapper)(xAxis[xAxisId].scale);
+      const xScale = getValueToPositionMapper(xAxis[xAxisId].scale);
       const yScale = yAxis[yAxisId].scale;
       const xData = xAxis[xAxisId].data;
       const gradientUsed = yAxis[yAxisId].colorScale && [yAxisId, 'y'] || xAxis[xAxisId].colorScale && [xAxisId, 'x'] || undefined;
       if (process.env.NODE_ENV !== 'production') {
         if (xData === undefined) {
-          throw new Error(`MUI X: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+          throw new Error(`MUI X: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
         }
         if (xData.length < stackedData.length) {
           throw new Error(`MUI X: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`);
         }
       }
-      const areaPath = (0, _d3Shape.area)().x(d => xScale(d.x)).defined((_, i) => connectNulls || data[i] != null).y0(d => {
+      const areaPath = d3Area().x(d => xScale(d.x)).defined((_, i) => connectNulls || data[i] != null).y0(d => {
         if (typeof baseline === 'number') {
           return yScale(baseline);
         }
@@ -84,14 +75,14 @@ const useAggregatedData = () => {
         }
         return value;
       }).y1(d => d.y && yScale(d.y[1]));
-      const curve = (0, _getCurve.default)(series[seriesId].curve);
+      const curve = getCurveFactory(series[seriesId].curve);
       const formattedData = xData?.map((x, index) => ({
         x,
         y: stackedData[index]
       })) ?? [];
       const d3Data = connectNulls ? formattedData.filter((_, i) => data[i] != null) : formattedData;
       const d = areaPath.curve(curve)(d3Data) || '';
-      return (0, _extends2.default)({}, series[seriesId], {
+      return _extends({}, series[seriesId], {
         gradientUsed,
         d,
         seriesId
@@ -118,17 +109,17 @@ function AreaPlot(props) {
       onItemClick,
       skipAnimation
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const getGradientId = (0, _ChartsAxesGradients.useChartGradient)();
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const getGradientId = useChartGradient();
   const completedData = useAggregatedData();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
+  return /*#__PURE__*/_jsx("g", _extends({}, other, {
     children: completedData.map(({
       d,
       seriesId,
       color,
       area,
       gradientUsed
-    }) => !!area && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AreaElement.AreaElement, {
+    }) => !!area && /*#__PURE__*/_jsx(AreaElement, {
       id: seriesId,
       d: d,
       color: color,
@@ -153,20 +144,21 @@ process.env.NODE_ENV !== "production" ? AreaPlot.propTypes = {
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
    * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
    */
-  onItemClick: _propTypes.default.func,
+  onItemClick: PropTypes.func,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: _propTypes.default.bool,
+  skipAnimation: PropTypes.bool,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: _propTypes.default.object,
+  slotProps: PropTypes.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: _propTypes.default.object
-} : void 0;
+  slots: PropTypes.object
+} : void 0;
+export { AreaPlot };