@mui/x-charts 7.13.0 → 7.15.0

package/node/LineChart/LineHighlightPlot.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LineHighlightPlot = LineHighlightPlot;
+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 _CartesianProvider = require("../context/CartesianProvider");
+var _LineHighlightElement = require("./LineHighlightElement");
+var _useScale = require("../hooks/useScale");
+var _InteractionProvider = require("../context/InteractionProvider");
+var _constants = require("../constants");
+var _getColor = _interopRequireDefault(require("./getColor"));
+var _useSeries = require("../hooks/useSeries");
+var _useDrawingArea = require("../hooks/useDrawingArea");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["slots", "slotProps"];
+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; }
+/**
+ * Demos:
+ *
+ * - [Lines](https://mui.com/x/react-charts/lines/)
+ * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
+ *
+ * API:
+ *
+ * - [LineHighlightPlot API](https://mui.com/x/api/charts/line-highlight-plot/)
+ */
+function LineHighlightPlot(props) {
+  const {
+      slots,
+      slotProps
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const seriesData = (0, _useSeries.useLineSeries)();
+  const axisData = (0, _CartesianProvider.useCartesianContext)();
+  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
+  const {
+    axis
+  } = React.useContext(_InteractionProvider.InteractionContext);
+  const highlightedIndex = axis.x?.index;
+  if (highlightedIndex === undefined) {
+    return null;
+  }
+  if (seriesData === undefined) {
+    return null;
+  }
+  const {
+    series,
+    stackingGroups
+  } = seriesData;
+  const {
+    xAxis,
+    yAxis,
+    xAxisIds,
+    yAxisIds
+  } = axisData;
+  const defaultXAxisId = xAxisIds[0];
+  const defaultYAxisId = yAxisIds[0];
+  const Element = slots?.lineHighlight ?? _LineHighlightElement.LineHighlightElement;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
+    children: stackingGroups.flatMap(({
+      ids: groupIds
+    }) => {
+      return groupIds.flatMap(seriesId => {
+        const {
+          xAxisId: xAxisIdProp,
+          yAxisId: yAxisIdProp,
+          xAxisKey = defaultXAxisId,
+          yAxisKey = defaultYAxisId,
+          stackedData,
+          data,
+          disableHighlight
+        } = series[seriesId];
+        const xAxisId = xAxisIdProp ?? xAxisKey;
+        const yAxisId = yAxisIdProp ?? yAxisKey;
+        if (disableHighlight || data[highlightedIndex] == null) {
+          return null;
+        }
+        const xScale = (0, _useScale.getValueToPositionMapper)(xAxis[xAxisId].scale);
+        const yScale = yAxis[yAxisId].scale;
+        const xData = xAxis[xAxisId].data;
+        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.`);
+        }
+        const x = xScale(xData[highlightedIndex]);
+        const y = yScale(stackedData[highlightedIndex][1]); // This should not be undefined since y should not be a band scale
+
+        if (!drawingArea.isPointInside({
+          x,
+          y
+        })) {
+          return null;
+        }
+        const colorGetter = (0, _getColor.default)(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, (0, _extends2.default)({
+          id: seriesId,
+          color: colorGetter(highlightedIndex),
+          x: x,
+          y: y
+        }, slotProps?.lineHighlight), `${seriesId}`);
+      });
+    })
+  }));
+}
+process.env.NODE_ENV !== "production" ? LineHighlightPlot.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object
+} : void 0;

package/{esm → node}/LineChart/LinePlot.js

@@ -1,20 +1,29 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinePlot = LinePlot;
+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 _LineElement = require("./LineElement");
+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");
 const _excluded = ["slots", "slotProps", "skipAnimation", "onItemClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { line as d3Line } from '@mui/x-charts-vendor/d3-shape';
-import { useCartesianContext } from '../context/CartesianProvider';
-import { LineElement } from './LineElement';
-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";
+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 useAggregatedData = () => {
-  const seriesData = useLineSeries();
-  const axisData = useCartesianContext();
+  const seriesData = (0, _useSeries.useLineSeries)();
+  const axisData = (0, _CartesianProvider.useCartesianContext)();
   if (seriesData === undefined) {
     return [];
   }
@@ -45,26 +54,26 @@ const useAggregatedData = () => {
       } = series[seriesId];
       const xAxisId = xAxisIdProp ?? xAxisKey;
       const yAxisId = yAxisIdProp ?? yAxisKey;
-      const xScale = getValueToPositionMapper(xAxis[xAxisId].scale);
+      const xScale = (0, _useScale.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 === 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 === _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.`);
         }
         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 linePath = d3Line().x(d => xScale(d.x)).defined((_, i) => connectNulls || data[i] != null).y(d => yScale(d.y[1]));
+      const linePath = (0, _d3Shape.line)().x(d => xScale(d.x)).defined((_, i) => connectNulls || data[i] != null).y(d => yScale(d.y[1]));
       const formattedData = xData?.map((x, index) => ({
         x,
         y: stackedData[index]
       })) ?? [];
       const d3Data = connectNulls ? formattedData.filter((_, i) => data[i] != null) : formattedData;
-      const d = linePath.curve(getCurveFactory(series[seriesId].curve))(d3Data) || '';
-      return _extends({}, series[seriesId], {
+      const d = linePath.curve((0, _getCurve.default)(series[seriesId].curve))(d3Data) || '';
+      return (0, _extends2.default)({}, series[seriesId], {
         gradientUsed,
         d,
         seriesId
@@ -90,17 +99,17 @@ function LinePlot(props) {
       skipAnimation,
       onItemClick
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const getGradientId = useChartGradient();
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const getGradientId = (0, _ChartsAxesGradients.useChartGradient)();
   const completedData = useAggregatedData();
-  return /*#__PURE__*/_jsx("g", _extends({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
     children: completedData.map(({
       d,
       seriesId,
       color,
       gradientUsed
     }) => {
-      return /*#__PURE__*/_jsx(LineElement, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineElement.LineElement, {
         id: seriesId,
         d: d,
         color: color,
@@ -126,21 +135,20 @@ process.env.NODE_ENV !== "production" ? LinePlot.propTypes = {
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
    * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
    */
-  onItemClick: PropTypes.func,
+  onItemClick: _propTypes.default.func,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: PropTypes.bool,
+  skipAnimation: _propTypes.default.bool,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object
-} : void 0;
-export { LinePlot };
+  slots: _propTypes.default.object
+} : void 0;

package/node/LineChart/MarkElement.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarkElement = MarkElement;
+exports.getMarkElementUtilityClass = getMarkElementUtilityClass;
+exports.markElementClasses = 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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _styles = require("@mui/material/styles");
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _web = require("@react-spring/web");
+var _getSymbol = require("../internals/getSymbol");
+var _InteractionProvider = require("../context/InteractionProvider");
+var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
+var _context = require("../context");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["x", "y", "id", "classes", "color", "shape", "dataIndex", "onClick", "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; }
+function getMarkElementUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiMarkElement', slot);
+}
+const markElementClasses = exports.markElementClasses = (0, _generateUtilityClasses.default)('MuiMarkElement', ['root', 'highlighted', 'faded']);
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    id,
+    isFaded,
+    isHighlighted
+  } = ownerState;
+  const slots = {
+    root: ['root', `series-${id}`, isHighlighted && 'highlighted', isFaded && 'faded']
+  };
+  return (0, _composeClasses.default)(slots, getMarkElementUtilityClass, classes);
+};
+const MarkElementPath = (0, _styles.styled)(_web.animated.path, {
+  name: 'MuiMarkElement',
+  slot: 'Root',
+  overridesResolver: (_, styles) => styles.root
+})(({
+  ownerState,
+  theme
+}) => ({
+  fill: (theme.vars || theme).palette.background.paper,
+  stroke: ownerState.color,
+  strokeWidth: 2
+}));
+/**
+ * Demos:
+ *
+ * - [Lines](https://mui.com/x/react-charts/lines/)
+ * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
+ *
+ * API:
+ *
+ * - [MarkElement API](https://mui.com/x/api/charts/mark-element/)
+ */
+function MarkElement(props) {
+  const {
+      x,
+      y,
+      id,
+      classes: innerClasses,
+      color,
+      shape,
+      dataIndex,
+      onClick,
+      skipAnimation
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const getInteractionItemProps = (0, _useInteractionItemProps.useInteractionItemProps)();
+  const {
+    isFaded,
+    isHighlighted
+  } = (0, _context.useItemHighlighted)({
+    seriesId: id
+  });
+  const {
+    axis
+  } = React.useContext(_InteractionProvider.InteractionContext);
+  const position = (0, _web.useSpring)({
+    to: {
+      x,
+      y
+    },
+    immediate: skipAnimation
+  });
+  const ownerState = {
+    id,
+    classes: innerClasses,
+    isHighlighted: axis.x?.index === dataIndex || isHighlighted,
+    isFaded,
+    color
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MarkElementPath, (0, _extends2.default)({}, other, {
+    style: {
+      transform: (0, _web.to)([position.x, position.y], (pX, pY) => `translate(${pX}px, ${pY}px)`),
+      transformOrigin: (0, _web.to)([position.x, position.y], (pX, pY) => `${pX}px ${pY}px`)
+    },
+    ownerState: ownerState,
+    className: classes.root,
+    d: (0, _d3Shape.symbol)(_d3Shape.symbolsFill[(0, _getSymbol.getSymbol)(shape)])(),
+    onClick: onClick,
+    cursor: onClick ? 'pointer' : 'unset'
+  }, getInteractionItemProps({
+    type: 'line',
+    seriesId: id,
+    dataIndex
+  })));
+}
+process.env.NODE_ENV !== "production" ? MarkElement.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,
+  /**
+   * The index to the element in the series' data array.
+   */
+  dataIndex: _propTypes.default.number.isRequired,
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  /**
+   * The shape of the marker.
+   */
+  shape: _propTypes.default.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']).isRequired,
+  /**
+   * If `true`, animations are skipped.
+   * @default false
+   */
+  skipAnimation: _propTypes.default.bool
+} : void 0;

package/{esm → node}/LineChart/MarkPlot.js

@@ -1,18 +1,27 @@
-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");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarkPlot = MarkPlot;
+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 _CartesianProvider = require("../context/CartesianProvider");
+var _MarkElement = require("./MarkElement");
+var _useScale = require("../hooks/useScale");
+var _useChartId = require("../hooks/useChartId");
+var _constants = require("../constants");
+var _cleanId = require("../internals/cleanId");
+var _getColor = _interopRequireDefault(require("./getColor"));
+var _useSeries = require("../hooks/useSeries");
+var _useDrawingArea = require("../hooks/useDrawingArea");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["slots", "slotProps", "skipAnimation", "onItemClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useCartesianContext } from '../context/CartesianProvider';
-import { MarkElement } from './MarkElement';
-import { getValueToPositionMapper } from '../hooks/useScale';
-import { useChartId } from '../hooks/useChartId';
-import { DEFAULT_X_AXIS_KEY } from '../constants';
-import { cleanId } from '../internals/cleanId';
-import getColor from './getColor';
-import { useLineSeries } from '../hooks/useSeries';
-import { useDrawingArea } from '../hooks/useDrawingArea';
-import { jsx as _jsx } from "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; }
 /**
  * Demos:
  *
@@ -30,12 +39,12 @@ function MarkPlot(props) {
       skipAnimation,
       onItemClick
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const seriesData = useLineSeries();
-  const axisData = useCartesianContext();
-  const chartId = useChartId();
-  const drawingArea = useDrawingArea();
-  const Mark = slots?.mark ?? MarkElement;
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const seriesData = (0, _useSeries.useLineSeries)();
+  const axisData = (0, _CartesianProvider.useCartesianContext)();
+  const chartId = (0, _useChartId.useChartId)();
+  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
+  const Mark = slots?.mark ?? _MarkElement.MarkElement;
   if (seriesData === undefined) {
     return null;
   }
@@ -51,7 +60,7 @@ function MarkPlot(props) {
   } = axisData;
   const defaultXAxisId = xAxisIds[0];
   const defaultYAxisId = yAxisIds[0];
-  return /*#__PURE__*/_jsx("g", _extends({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
     children: stackingGroups.flatMap(({
       ids: groupIds
     }) => {
@@ -70,16 +79,16 @@ function MarkPlot(props) {
         }
         const xAxisId = xAxisIdProp ?? xAxisKey;
         const yAxisId = yAxisIdProp ?? yAxisKey;
-        const xScale = getValueToPositionMapper(xAxis[xAxisId].scale);
+        const xScale = (0, _useScale.getValueToPositionMapper)(xAxis[xAxisId].scale);
         const yScale = yAxis[yAxisId].scale;
         const xData = xAxis[xAxisId].data;
         if (xData === undefined) {
-          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.`);
+          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.`);
         }
-        const clipId = cleanId(`${chartId}-${seriesId}-line-clip`); // We assume that if displaying line mark, the line will also be rendered
+        const clipId = (0, _cleanId.cleanId)(`${chartId}-${seriesId}-line-clip`); // We assume that if displaying line mark, the line will also be rendered
 
-        const colorGetter = getColor(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
-        return /*#__PURE__*/_jsx("g", {
+        const colorGetter = (0, _getColor.default)(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
           clipPath: `url(#${clipId})`,
           children: xData?.map((x, index) => {
             const value = data[index] == null ? null : stackedData[index][1];
@@ -123,7 +132,7 @@ function MarkPlot(props) {
             y,
             index
           }) => {
-            return /*#__PURE__*/_jsx(Mark, _extends({
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(Mark, (0, _extends2.default)({
               id: seriesId,
               dataIndex: index,
               shape: "circle",
@@ -154,21 +163,20 @@ process.env.NODE_ENV !== "production" ? MarkPlot.propTypes = {
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
    * @param {LineItemIdentifier} lineItemIdentifier The line mark item identifier.
    */
-  onItemClick: PropTypes.func,
+  onItemClick: _propTypes.default.func,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: PropTypes.bool,
+  skipAnimation: _propTypes.default.bool,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object
-} : void 0;
-export { MarkPlot };
+  slots: _propTypes.default.object
+} : void 0;

package/{esm → node}/LineChart/extremums.js

@@ -1,4 +1,10 @@
-export const getExtremumX = params => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getExtremumY = exports.getExtremumX = void 0;
+const getExtremumX = params => {
   const {
     axis
   } = params;
@@ -6,17 +12,28 @@ export const getExtremumX = params => {
   const maxX = Math.max(...(axis.data ?? []));
   return [minX, maxX];
 };
-function getSeriesExtremums(getValues, stackedData) {
-  return stackedData.reduce((seriesAcc, stackedValue) => {
+exports.getExtremumX = getExtremumX;
+function getSeriesExtremums(getValues, stackedData, filter) {
+  return stackedData.reduce((seriesAcc, stackedValue, index) => {
     const [base, value] = getValues(stackedValue);
+    if (filter && (!filter({
+      y: base,
+      x: null
+    }, index) || !filter({
+      y: value,
+      x: null
+    }, index))) {
+      return seriesAcc;
+    }
     return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
   }, [Infinity, -Infinity]);
 }
-export const getExtremumY = params => {
+const getExtremumY = params => {
   const {
     series,
     axis,
-    isDefaultAxis
+    isDefaultAxis,
+    getFilters
   } = params;
   return Object.keys(series).filter(seriesId => {
     const yAxisId = series[seriesId].yAxisId ?? series[seriesId].yAxisKey;
@@ -27,11 +44,18 @@ export const getExtremumY = params => {
       stackedData
     } = series[seriesId];
     const isArea = area !== undefined;
+    const filter = getFilters?.({
+      currentAxisId: axis.id,
+      isDefaultAxis,
+      seriesXAxisId: series[seriesId].xAxisId ?? series[seriesId].xAxisKey,
+      seriesYAxisId: series[seriesId].yAxisId ?? series[seriesId].yAxisKey
+    });
 
     // Since this series is not used to display an area, we do not consider the base (the d[0]).
     const getValues = isArea && axis.scaleType !== 'log' && typeof series[seriesId].baseline !== 'string' ? d => d : d => [d[1], d[1]];
-    const seriesExtremums = getSeriesExtremums(getValues, stackedData);
+    const seriesExtremums = getSeriesExtremums(getValues, stackedData, filter);
     const [seriesMin, seriesMax] = seriesExtremums;
     return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
   }, [Infinity, -Infinity]);
-};
+};
+exports.getExtremumY = getExtremumY;

package/{esm → node}/LineChart/formatter.js

@@ -1,7 +1,14 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
-import { getStackingGroups } from '../internals/stackSeries';
-import { defaultizeValueFormatter } from '../internals/defaultizeValueFormatter';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _stackSeries = require("../internals/stackSeries");
+var _defaultizeValueFormatter = require("../internals/defaultizeValueFormatter");
 let warnedOnce = false;
 
 // For now it's a copy past of bar charts formatter, but maybe will diverge later
@@ -10,7 +17,7 @@ const formatter = (params, dataset) => {
     seriesOrder,
     series
   } = params;
-  const stackingGroups = getStackingGroups(_extends({}, params, {
+  const stackingGroups = (0, _stackSeries.getStackingGroups)((0, _extends2.default)({}, params, {
     defaultStrategy: {
       stackOffset: 'none'
     }
@@ -42,7 +49,7 @@ const formatter = (params, dataset) => {
       stackingOrder,
       stackingOffset
     } = stackingGroup;
-    const stackedSeries = d3Stack().keys(ids.map(id => {
+    const stackedSeries = (0, _d3Shape.stack)().keys(ids.map(id => {
       // Use dataKey if needed and available
       const dataKey = series[id].dataKey;
       return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
@@ -50,7 +57,7 @@ const formatter = (params, dataset) => {
     .order(stackingOrder).offset(stackingOffset)(d3Dataset);
     ids.forEach((id, index) => {
       const dataKey = series[id].dataKey;
-      completedSeries[id] = _extends({}, series[id], {
+      completedSeries[id] = (0, _extends2.default)({}, series[id], {
         data: dataKey ? dataset.map(data => {
           const value = data[dataKey];
           if (typeof value !== 'number') {
@@ -69,7 +76,7 @@ const formatter = (params, dataset) => {
   return {
     seriesOrder,
     stackingGroups,
-    series: defaultizeValueFormatter(completedSeries, v => v == null ? '' : v.toLocaleString())
+    series: (0, _defaultizeValueFormatter.defaultizeValueFormatter)(completedSeries, v => v == null ? '' : v.toLocaleString())
   };
 };
-export default formatter;
+var _default = exports.default = formatter;

package/{esm → node}/LineChart/getColor.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 const getColor = (series, xAxis, yAxis) => {
   const yColorScale = yAxis?.colorScale;
   const xColorScale = xAxis?.colorScale;
@@ -23,4 +29,4 @@ const getColor = (series, xAxis, yAxis) => {
   }
   return () => series.color;
 };
-export default getColor;
+var _default = exports.default = getColor;