@mui/x-charts 6.0.0-alpha.9 → 6.18.1

package/PieChart/PiePlot.js

@@ -5,34 +5,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PiePlot = PiePlot;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SeriesContextProvider = require("../context/SeriesContextProvider");
-var _PieArc = _interopRequireDefault(require("./PieArc"));
-var _PieArcLabel = _interopRequireDefault(require("./PieArcLabel"));
 var _DrawingProvider = require("../context/DrawingProvider");
+var _PieArcPlot = require("./PieArcPlot");
+var _PieArcLabelPlot = require("./PieArcLabelPlot");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const RATIO = 180 / Math.PI;
-function getItemLabel(arcLabel, arcLabelMinAngle, item) {
-  if (!arcLabel) {
-    return null;
-  }
-  const angle = (item.endAngle - item.startAngle) * RATIO;
-  if (angle < arcLabelMinAngle) {
-    return null;
-  }
-  if (typeof arcLabel === 'string') {
-    return item[arcLabel]?.toString();
-  }
-  return arcLabel(item);
-}
+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 && Object.prototype.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:
+ *
+ * - [Pie](https://mui.com/x/react-charts/pie/)
+ * - [Pie demonstration](https://mui.com/x/react-charts/pie-demo/)
+ *
+ * API:
+ *
+ * - [PiePlot API](https://mui.com/x/api/charts/pie-plot/)
+ */
 function PiePlot(props) {
   const {
+    skipAnimation,
     slots,
-    slotProps
+    slotProps,
+    onClick
   } = props;
   const seriesData = React.useContext(_SeriesContextProvider.SeriesContext).pie;
   const {
@@ -53,54 +50,67 @@ function PiePlot(props) {
     series,
     seriesOrder
   } = seriesData;
-  const Arc = slots?.pieArc ?? _PieArc.default;
-  const ArcLabel = slots?.pieArcLabel ?? _PieArcLabel.default;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-    children: seriesOrder.map(seriesId => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+    children: [seriesOrder.map(seriesId => {
       const {
         innerRadius,
         outerRadius,
         cornerRadius,
-        arcLabel,
-        arcLabelMinAngle = 0,
+        paddingAngle,
         data,
         cx,
         cy,
         highlighted,
-        faded
+        faded,
+        highlightScope
+      } = series[seriesId];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        transform: `translate(${cx === undefined ? center.x : left + cx}, ${cy === undefined ? center.y : top + cy})`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PieArcPlot.PieArcPlot, {
+          innerRadius: innerRadius,
+          outerRadius: outerRadius ?? availableRadius,
+          cornerRadius: cornerRadius,
+          paddingAngle: paddingAngle,
+          id: seriesId,
+          data: data,
+          skipAnimation: skipAnimation,
+          highlightScope: highlightScope,
+          highlighted: highlighted,
+          faded: faded,
+          onClick: onClick,
+          slots: slots,
+          slotProps: slotProps
+        })
+      }, seriesId);
+    }), seriesOrder.map(seriesId => {
+      const {
+        innerRadius,
+        outerRadius,
+        cornerRadius,
+        paddingAngle,
+        arcLabel,
+        arcLabelMinAngle,
+        data,
+        cx,
+        cy,
+        highlightScope
       } = series[seriesId];
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
         transform: `translate(${cx === undefined ? center.x : left + cx}, ${cy === undefined ? center.y : top + cy})`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-          children: [data.map((item, index) => {
-            return /*#__PURE__*/(0, React.createElement)(Arc, (0, _extends2.default)({}, item, {
-              key: item.id,
-              innerRadius: innerRadius,
-              outerRadius: outerRadius ?? availableRadius,
-              cornerRadius: cornerRadius,
-              id: seriesId,
-              color: item.color,
-              dataIndex: index,
-              highlightScope: series[seriesId].highlightScope,
-              highlighted: highlighted,
-              faded: faded
-            }, slotProps?.pieArc));
-          }), data.map((item, index) => {
-            return /*#__PURE__*/(0, React.createElement)(ArcLabel, (0, _extends2.default)({}, item, {
-              key: item.id,
-              innerRadius: innerRadius,
-              outerRadius: outerRadius ?? availableRadius,
-              cornerRadius: cornerRadius,
-              id: seriesId,
-              color: item.color,
-              dataIndex: index,
-              highlightScope: series[seriesId].highlightScope,
-              formattedArcLabel: getItemLabel(arcLabel, arcLabelMinAngle, item)
-            }, slotProps?.pieArcLabel));
-          })]
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PieArcLabelPlot.PieArcLabelPlot, {
+          innerRadius: innerRadius,
+          outerRadius: outerRadius ?? availableRadius,
+          cornerRadius: cornerRadius,
+          paddingAngle: paddingAngle,
+          id: seriesId,
+          data: data,
+          skipAnimation: skipAnimation,
+          arcLabel: arcLabel,
+          arcLabelMinAngle: arcLabelMinAngle,
+          highlightScope: highlightScope
         })
       }, seriesId);
-    })
+    })]
   });
 }
 process.env.NODE_ENV !== "production" ? PiePlot.propTypes = {
@@ -108,6 +118,18 @@ process.env.NODE_ENV !== "production" ? PiePlot.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
+  /**
+   * 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,
+  /**
+   * If `true`, animations are skiped.
+   * @default false
+   */
+  skipAnimation: _propTypes.default.bool,
   /**
    * The props used for each component slot.
    * @default {}

package/PieChart/dataTransform/transition.d.ts

@@ -0,0 +1,4 @@
+import { UseTransitionProps } from '@react-spring/web';
+import { ValueWithHighlight } from './useTransformData';
+export declare const defaultTransitionConfig: UseTransitionProps<ValueWithHighlight>;
+export declare const defaultLabelTransitionConfig: UseTransitionProps<ValueWithHighlight>;

package/PieChart/dataTransform/transition.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultTransitionConfig = exports.defaultLabelTransitionConfig = void 0;
+const defaultTransitionConfig = exports.defaultTransitionConfig = {
+  keys: item => item.id,
+  from: ({
+    innerRadius,
+    outerRadius,
+    cornerRadius,
+    startAngle,
+    endAngle,
+    paddingAngle,
+    color,
+    isFaded
+  }) => ({
+    innerRadius,
+    outerRadius: (innerRadius + outerRadius) / 2,
+    cornerRadius,
+    startAngle: (startAngle + endAngle) / 2,
+    endAngle: (startAngle + endAngle) / 2,
+    paddingAngle,
+    fill: color,
+    opacity: isFaded ? 0.3 : 1
+  }),
+  leave: ({
+    innerRadius,
+    startAngle,
+    endAngle
+  }) => ({
+    innerRadius,
+    outerRadius: innerRadius,
+    startAngle: (startAngle + endAngle) / 2,
+    endAngle: (startAngle + endAngle) / 2
+  }),
+  enter: ({
+    innerRadius,
+    outerRadius,
+    startAngle,
+    endAngle
+  }) => ({
+    innerRadius,
+    outerRadius,
+    startAngle,
+    endAngle
+  }),
+  update: ({
+    innerRadius,
+    outerRadius,
+    cornerRadius,
+    startAngle,
+    endAngle,
+    paddingAngle,
+    color,
+    isFaded
+  }) => ({
+    innerRadius,
+    outerRadius,
+    cornerRadius,
+    startAngle,
+    endAngle,
+    paddingAngle,
+    fill: color,
+    opacity: isFaded ? 0.3 : 1
+  }),
+  config: {
+    tension: 120,
+    friction: 14,
+    clamp: true
+  }
+};
+const defaultLabelTransitionConfig = exports.defaultLabelTransitionConfig = {
+  keys: item => item.id,
+  from: ({
+    innerRadius,
+    outerRadius,
+    cornerRadius,
+    startAngle,
+    endAngle,
+    paddingAngle
+  }) => ({
+    innerRadius,
+    outerRadius: (innerRadius + outerRadius) / 2,
+    cornerRadius,
+    startAngle: (startAngle + endAngle) / 2,
+    endAngle: (startAngle + endAngle) / 2,
+    paddingAngle,
+    opacity: 0
+  }),
+  leave: ({
+    innerRadius,
+    startAngle,
+    endAngle
+  }) => ({
+    innerRadius,
+    outerRadius: innerRadius,
+    startAngle: (startAngle + endAngle) / 2,
+    endAngle: (startAngle + endAngle) / 2,
+    opacity: 0
+  }),
+  enter: ({
+    innerRadius,
+    outerRadius,
+    startAngle,
+    endAngle
+  }) => ({
+    innerRadius,
+    outerRadius,
+    startAngle,
+    endAngle,
+    opacity: 1
+  }),
+  update: ({
+    innerRadius,
+    outerRadius,
+    cornerRadius,
+    startAngle,
+    endAngle,
+    paddingAngle
+  }) => ({
+    innerRadius,
+    outerRadius,
+    cornerRadius,
+    startAngle,
+    endAngle,
+    paddingAngle,
+    opacity: 1
+  }),
+  config: {
+    tension: 120,
+    friction: 14,
+    clamp: true
+  }
+};

package/PieChart/dataTransform/useTransformData.d.ts

@@ -0,0 +1,15 @@
+import { DefaultizedPieSeriesType, DefaultizedPieValueType } from '../../models/seriesType/pie';
+import { DefaultizedProps } from '../../models/helpers';
+export interface AnimatedObject {
+    innerRadius: number;
+    outerRadius: number;
+    cornerRadius: number;
+    startAngle: number;
+    endAngle: number;
+    paddingAngle: number;
+}
+export interface ValueWithHighlight extends DefaultizedPieValueType, AnimatedObject {
+    isFaded: boolean;
+    isHighlighted: boolean;
+}
+export declare function useTransformData(series: DefaultizedProps<Pick<DefaultizedPieSeriesType, 'innerRadius' | 'outerRadius' | 'cornerRadius' | 'paddingAngle' | 'id' | 'highlightScope' | 'highlighted' | 'faded' | 'data'>, 'outerRadius'>): ValueWithHighlight[];

package/PieChart/dataTransform/useTransformData.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTransformData = useTransformData;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _InteractionProvider = require("../../context/InteractionProvider");
+var _useInteractionItemProps = require("../../hooks/useInteractionItemProps");
+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 && Object.prototype.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 useTransformData(series) {
+  const {
+    id: seriesId,
+    highlightScope,
+    data,
+    faded,
+    highlighted,
+    paddingAngle: basePaddingAngle = 0,
+    innerRadius: baseInnerRadius = 0,
+    outerRadius: baseOuterRadius,
+    cornerRadius: baseCornerRadius = 0
+  } = series;
+  const {
+    item: highlightedItem
+  } = React.useContext(_InteractionProvider.InteractionContext);
+  const getHighlightStatus = React.useCallback(dataIndex => {
+    const isHighlighted = (0, _useInteractionItemProps.getIsHighlighted)(highlightedItem, {
+      type: 'pie',
+      seriesId,
+      dataIndex
+    }, highlightScope);
+    const isFaded = !isHighlighted && (0, _useInteractionItemProps.getIsFaded)(highlightedItem, {
+      type: 'pie',
+      seriesId,
+      dataIndex
+    }, highlightScope);
+    return {
+      isHighlighted,
+      isFaded
+    };
+  }, [highlightScope, highlightedItem, seriesId]);
+  const dataWithHighlight = React.useMemo(() => data.map((item, itemIndex) => {
+    const {
+      isHighlighted,
+      isFaded
+    } = getHighlightStatus(itemIndex);
+    const attibuesOverride = (0, _extends2.default)({
+      additionalRadius: 0
+    }, isFaded && faded || isHighlighted && highlighted || {});
+    const paddingAngle = Math.max(0, Math.PI * (attibuesOverride.paddingAngle ?? basePaddingAngle) / 180);
+    const innerRadius = Math.max(0, attibuesOverride.innerRadius ?? baseInnerRadius);
+    const outerRadius = Math.max(0, attibuesOverride.outerRadius ?? baseOuterRadius + attibuesOverride.additionalRadius);
+    const cornerRadius = attibuesOverride.cornerRadius ?? baseCornerRadius;
+    return (0, _extends2.default)({}, item, attibuesOverride, {
+      isFaded,
+      isHighlighted,
+      paddingAngle,
+      innerRadius,
+      outerRadius,
+      cornerRadius
+    });
+  }), [baseCornerRadius, baseInnerRadius, baseOuterRadius, basePaddingAngle, data, faded, getHighlightStatus, highlighted]);
+  return dataWithHighlight;
+}

package/PieChart/formatter.js

@@ -45,5 +45,4 @@ const formatter = params => {
     series: defaultizedSeries
   };
 };
-var _default = formatter;
-exports.default = _default;
+var _default = exports.default = formatter;

package/PieChart/legend.js

@@ -15,5 +15,4 @@ const legendGetter = params => {
     id: item.id
   })).filter(item => item.label !== undefined));
 };
-var _default = legendGetter;
-exports.default = _default;
+var _default = exports.default = legendGetter;

package/README.md

@@ -1,7 +1,7 @@
-# @mui/x-charts
+# MUI X Charts
 
-This package is the community edition of the charts components.
-It's part of MUI X, an open-core extension of MUI, with advanced components.
+This package is the community edition of the chart components.
+It's part of [MUI X](https://mui.com/x/), an open-core extension of MUI Core, with advanced components.
 
 ## Installation
 
@@ -11,23 +11,17 @@ Install the package in your project directory with:
 npm install @mui/x-charts
 ```
 
-or
-
-```bash
-yarn add @mui/x-charts
-```
-
 This component has the following peer dependencies that you will need to install as well.
 
 ```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"
+  "@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"
 },
 ```
 
 ## Documentation
 
-[The documentation](https://mui.com/x/react-charts/)
+Visit [https://mui.com/x/react-charts/](https://mui.com/x/react-charts/) to view the full documentation.

package/ResponsiveChartContainer/index.d.ts

@@ -1,5 +1,15 @@
 import * as React from 'react';
 import { ChartContainerProps } from '../ChartContainer';
-import { MakeOptional } from '../models/helpers';
-export type ResponsiveChartContainerProps = MakeOptional<ChartContainerProps, 'width' | 'height'>;
-export declare const ResponsiveChartContainer: React.ForwardRefExoticComponent<Omit<ChartContainerProps, "height" | "width"> & Partial<Pick<ChartContainerProps, "height" | "width">> & React.RefAttributes<unknown>>;
+export interface ResponsiveChartContainerProps extends Omit<ChartContainerProps, 'width' | 'height'> {
+    /**
+     * The width of the chart in px. If not defined, it takes the width of the parent element.
+     * @default undefined
+     */
+    width?: number;
+    /**
+     * The height of the chart in px. If not defined, it takes the height of the parent element.
+     * @default undefined
+     */
+    height?: number;
+}
+export declare const ResponsiveChartContainer: React.ForwardRefExoticComponent<ResponsiveChartContainerProps & React.RefAttributes<unknown>>;

package/ResponsiveChartContainer/index.js

@@ -14,8 +14,8 @@ var _styles = require("@mui/material/styles");
 var _ChartContainer = require("../ChartContainer");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["width", "height"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 && Object.prototype.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 useChartDimensions = (inWidth, inHeight) => {
   const rootRef = React.useRef(null);
   const displayError = React.useRef(false);
@@ -51,7 +51,7 @@ const useChartDimensions = (inWidth, inHeight) => {
     let animationFrame;
     const observer = new ResizeObserver(() => {
       // See https://github.com/mui/mui-x/issues/8733
-      animationFrame = window.requestAnimationFrame(() => {
+      animationFrame = requestAnimationFrame(() => {
         computeSize();
       });
     });
@@ -99,7 +99,7 @@ const ResizableContainer = (0, _styles.styled)('div', {
     height: '100%'
   }
 }));
-const ResponsiveChartContainer = /*#__PURE__*/React.forwardRef(function ResponsiveChartContainer(props, ref) {
+const ResponsiveChartContainer = exports.ResponsiveChartContainer = /*#__PURE__*/React.forwardRef(function ResponsiveChartContainer(props, ref) {
   const {
       width: inWidth,
       height: inHeight
@@ -112,11 +112,10 @@ const ResponsiveChartContainer = /*#__PURE__*/React.forwardRef(function Responsi
       width: inWidth,
       height: inHeight
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartContainer.ChartContainer, (0, _extends2.default)({}, other, {
+    children: width && height ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartContainer.ChartContainer, (0, _extends2.default)({}, other, {
       width: width,
       height: height,
       ref: ref
-    }))
+    })) : null
   });
-});
-exports.ResponsiveChartContainer = ResponsiveChartContainer;
+});

package/ScatterChart/Scatter.d.ts

@@ -8,6 +8,16 @@ export interface ScatterProps {
     markerSize: number;
     color: string;
 }
+/**
+ * Demos:
+ *
+ * - [Scatter](https://mui.com/x/react-charts/scatter/)
+ * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/)
+ *
+ * API:
+ *
+ * - [Scatter API](https://mui.com/x/api/charts/scatter/)
+ */
 declare function Scatter(props: ScatterProps): React.JSX.Element;
 declare namespace Scatter {
     var propTypes: any;

package/ScatterChart/Scatter.js

@@ -12,8 +12,18 @@ var _useScale = require("../hooks/useScale");
 var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
 var _InteractionProvider = require("../context/InteractionProvider");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 && Object.prototype.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:
+ *
+ * - [Scatter](https://mui.com/x/react-charts/scatter/)
+ * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/)
+ *
+ * API:
+ *
+ * - [Scatter API](https://mui.com/x/api/charts/scatter/)
+ */
 function Scatter(props) {
   const {
     series,

package/ScatterChart/ScatterChart.d.ts

@@ -4,18 +4,21 @@ import { ResponsiveChartContainerProps } from '../ResponsiveChartContainer';
 import { ChartsAxisProps } from '../ChartsAxis';
 import { ScatterSeriesType } from '../models/seriesType/scatter';
 import { MakeOptional } from '../models/helpers';
-import { ChartsTooltipProps } from '../ChartsTooltip';
+import { ChartsTooltipProps, ChartsTooltipSlotComponentProps, ChartsTooltipSlotsComponent } from '../ChartsTooltip';
 import { ChartsLegendProps, ChartsLegendSlotComponentProps, ChartsLegendSlotsComponent } from '../ChartsLegend';
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
 import { ChartsAxisSlotsComponent, ChartsAxisSlotComponentProps } from '../models/axis';
-export interface ScatterChartSlotsComponent extends ChartsAxisSlotsComponent, ScatterPlotSlotsComponent, ChartsLegendSlotsComponent {
+export interface ScatterChartSlotsComponent extends ChartsAxisSlotsComponent, ScatterPlotSlotsComponent, ChartsLegendSlotsComponent, ChartsTooltipSlotsComponent {
 }
-export interface ScatterChartSlotComponentProps extends ChartsAxisSlotComponentProps, ScatterPlotSlotComponentProps, ChartsLegendSlotComponentProps {
+export interface ScatterChartSlotComponentProps extends ChartsAxisSlotComponentProps, ScatterPlotSlotComponentProps, ChartsLegendSlotComponentProps, ChartsTooltipSlotComponentProps {
 }
 export interface ScatterChartProps extends Omit<ResponsiveChartContainerProps, 'series'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'> {
     series: MakeOptional<ScatterSeriesType, 'type'>[];
     tooltip?: ChartsTooltipProps;
     axisHighlight?: ChartsAxisHighlightProps;
+    /**
+     * @deprecated Consider using `slotProps.legend` instead.
+     */
     legend?: ChartsLegendProps;
     /**
      * Overridable component slots.
@@ -28,5 +31,15 @@ export interface ScatterChartProps extends Omit<ResponsiveChartContainerProps, '
      */
     slotProps?: ScatterChartSlotComponentProps;
 }
+/**
+ * Demos:
+ *
+ * - [Scatter](https://mui.com/x/react-charts/scatter/)
+ * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/)
+ *
+ * API:
+ *
+ * - [ScatterChart API](https://mui.com/x/api/charts/scatter-chart/)
+ */
 declare const ScatterChart: React.ForwardRefExoticComponent<ScatterChartProps & React.RefAttributes<unknown>>;
 export { ScatterChart };