@mui/x-charts 9.0.0-alpha.4 → 9.0.0-beta.0

package/LineChart/seriesConfig/index.js

@@ -13,10 +13,12 @@ var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireWildcard(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
 var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _getItemAtPosition = _interopRequireDefault(require("./getItemAtPosition"));
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
 var _identifierSerializer = require("../../internals/identifierSerializer");
 var _identifierCleaner = require("../../internals/identifierCleaner");
 var _useChartHighlight = require("../../internals/plugins/featurePlugins/useChartHighlight");
+var _descriptionGetter = _interopRequireDefault(require("./descriptionGetter"));
 const lineSeriesConfig = exports.lineSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
@@ -27,9 +29,11 @@ const lineSeriesConfig = exports.lineSeriesConfig = {
   xExtremumGetter: _extremums.getExtremumX,
   yExtremumGetter: _extremums.getExtremumY,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.default,
+  getItemAtPosition: _getItemAtPosition.default,
   keyboardFocusHandler: _keyboardFocusHandler.default,
   identifierSerializer: _identifierSerializer.identifierSerializerSeriesIdDataIndex,
   identifierCleaner: _identifierCleaner.identifierCleanerSeriesIdDataIndex,
+  descriptionGetter: _descriptionGetter.default,
   isHighlightedCreator: _useChartHighlight.createIsHighlighted,
   isFadedCreator: _useChartHighlight.createIsFaded
 };

package/LineChart/seriesConfig/index.mjs

@@ -5,10 +5,12 @@ import legendGetter from "./legend.mjs";
 import tooltipGetter, { axisTooltipGetter } from "./tooltip.mjs";
 import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.mjs";
 import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import getItemAtPosition from "./getItemAtPosition.mjs";
 import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
 import { identifierSerializerSeriesIdDataIndex } from "../../internals/identifierSerializer.mjs";
 import { identifierCleanerSeriesIdDataIndex } from "../../internals/identifierCleaner.mjs";
 import { createIsHighlighted, createIsFaded } from "../../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
+import descriptionGetter from "./descriptionGetter.mjs";
 export const lineSeriesConfig = {
   colorProcessor: getColor,
   seriesProcessor,
@@ -19,9 +21,11 @@ export const lineSeriesConfig = {
   xExtremumGetter: getExtremumX,
   yExtremumGetter: getExtremumY,
   getSeriesWithDefaultValues,
+  getItemAtPosition,
   keyboardFocusHandler,
   identifierSerializer: identifierSerializerSeriesIdDataIndex,
   identifierCleaner: identifierCleanerSeriesIdDataIndex,
+  descriptionGetter,
   isHighlightedCreator: createIsHighlighted,
   isFadedCreator: createIsFaded
 };

package/PieChart/PieArc.js

@@ -45,8 +45,7 @@ const PieArc = exports.PieArc = /*#__PURE__*/React.forwardRef(function PieArc(pr
       outerRadius,
       paddingAngle,
       skipAnimation,
-      stroke: strokeProp,
-      skipInteraction
+      stroke: strokeProp
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const theme = (0, _styles.useTheme)();
@@ -65,7 +64,7 @@ const PieArc = exports.PieArc = /*#__PURE__*/React.forwardRef(function PieArc(pr
     type: 'pie',
     seriesId,
     dataIndex
-  }, skipInteraction);
+  });
   const animatedProps = (0, _hooks.useAnimatePieArc)({
     cornerRadius,
     startAngle,

package/PieChart/PieArc.mjs

@@ -38,8 +38,7 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
       outerRadius,
       paddingAngle,
       skipAnimation,
-      stroke: strokeProp,
-      skipInteraction
+      stroke: strokeProp
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const theme = useTheme();
@@ -58,7 +57,7 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
     type: 'pie',
     seriesId,
     dataIndex
-  }, skipInteraction);
+  });
   const animatedProps = useAnimatePieArc({
     cornerRadius,
     startAngle,

package/PieChart/seriesConfig/descriptionGetter.d.mts

@@ -0,0 +1,3 @@
+import type { DescriptionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+declare const descriptionGetter: DescriptionGetter<'pie'>;
+export default descriptionGetter;

package/PieChart/seriesConfig/descriptionGetter.d.ts

@@ -0,0 +1,3 @@
+import type { DescriptionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+declare const descriptionGetter: DescriptionGetter<'pie'>;
+export default descriptionGetter;

package/PieChart/seriesConfig/descriptionGetter.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getLabel = require("../../internals/getLabel");
+const descriptionGetter = params => {
+  const {
+    identifier,
+    series,
+    localeText
+  } = params;
+  const item = series.data[identifier.dataIndex];
+  const label = (0, _getLabel.getLabel)(item?.label, 'tooltip');
+  const value = item?.value ?? null;
+  const formattedValue = item?.formattedValue ?? '';
+  const totalValue = series.data.reduce((acc, curr) => acc + (curr?.value ?? 0), 0);
+  return localeText.pieDescription({
+    value,
+    totalValue,
+    formattedValue,
+    seriesLabel: label
+  });
+};
+var _default = exports.default = descriptionGetter;

package/PieChart/seriesConfig/descriptionGetter.mjs

@@ -0,0 +1,20 @@
+import { getLabel } from "../../internals/getLabel.mjs";
+const descriptionGetter = params => {
+  const {
+    identifier,
+    series,
+    localeText
+  } = params;
+  const item = series.data[identifier.dataIndex];
+  const label = getLabel(item?.label, 'tooltip');
+  const value = item?.value ?? null;
+  const formattedValue = item?.formattedValue ?? '';
+  const totalValue = series.data.reduce((acc, curr) => acc + (curr?.value ?? 0), 0);
+  return localeText.pieDescription({
+    value,
+    totalValue,
+    formattedValue,
+    seriesLabel: label
+  });
+};
+export default descriptionGetter;

package/PieChart/seriesConfig/index.js

@@ -16,6 +16,7 @@ var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandl
 var _identifierSerializer = require("../../internals/identifierSerializer");
 var _identifierCleaner = require("../../internals/identifierCleaner");
 var _useChartHighlight = require("../../internals/plugins/featurePlugins/useChartHighlight");
+var _descriptionGetter = _interopRequireDefault(require("./descriptionGetter"));
 const pieSeriesConfig = exports.pieSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
@@ -27,6 +28,7 @@ const pieSeriesConfig = exports.pieSeriesConfig = {
   keyboardFocusHandler: _keyboardFocusHandler.default,
   identifierSerializer: _identifierSerializer.identifierSerializerSeriesIdDataIndex,
   identifierCleaner: _identifierCleaner.identifierCleanerSeriesIdDataIndex,
+  descriptionGetter: _descriptionGetter.default,
   isHighlightedCreator: _useChartHighlight.createIsHighlighted,
   isFadedCreator: _useChartHighlight.createIsFaded
 };

package/PieChart/seriesConfig/index.mjs

@@ -9,6 +9,7 @@ import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
 import { identifierSerializerSeriesIdDataIndex } from "../../internals/identifierSerializer.mjs";
 import { identifierCleanerSeriesIdDataIndex } from "../../internals/identifierCleaner.mjs";
 import { createIsHighlighted, createIsFaded } from "../../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
+import descriptionGetter from "./descriptionGetter.mjs";
 export const pieSeriesConfig = {
   colorProcessor: getColor,
   seriesProcessor,
@@ -20,6 +21,7 @@ export const pieSeriesConfig = {
   keyboardFocusHandler,
   identifierSerializer: identifierSerializerSeriesIdDataIndex,
   identifierCleaner: identifierCleanerSeriesIdDataIndex,
+  descriptionGetter,
   isHighlightedCreator: createIsHighlighted,
   isFadedCreator: createIsFaded
 };

package/RadarChart/seriesConfig/descriptionGetter.d.mts

@@ -0,0 +1,3 @@
+import type { DescriptionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+declare const descriptionGetter: DescriptionGetter<'radar'>;
+export default descriptionGetter;

package/RadarChart/seriesConfig/descriptionGetter.d.ts

@@ -0,0 +1,3 @@
+import type { DescriptionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+declare const descriptionGetter: DescriptionGetter<'radar'>;
+export default descriptionGetter;

package/RadarChart/seriesConfig/descriptionGetter.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getLabel = require("../../internals/getLabel");
+const descriptionGetter = params => {
+  const {
+    identifier,
+    series,
+    rotationAxis,
+    localeText
+  } = params;
+  const label = (0, _getLabel.getLabel)(series.label, 'tooltip');
+  const dataIndex = identifier.dataIndex;
+  if (dataIndex === undefined) {
+    return '';
+  }
+  const value = series.data[dataIndex] ?? null;
+  const categoryValue = rotationAxis.data?.[dataIndex] ?? null;
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex
+  });
+  const formattedCategory = rotationAxis.valueFormatter?.(categoryValue, {
+    location: 'tooltip',
+    scale: rotationAxis.scale
+  });
+  return localeText.radarDescription({
+    value,
+    formattedValue: formattedValue ?? '',
+    categoryValue,
+    formattedCategoryValue: formattedCategory ?? '',
+    seriesLabel: label
+  });
+};
+var _default = exports.default = descriptionGetter;

package/RadarChart/seriesConfig/descriptionGetter.mjs

@@ -0,0 +1,31 @@
+import { getLabel } from "../../internals/getLabel.mjs";
+const descriptionGetter = params => {
+  const {
+    identifier,
+    series,
+    rotationAxis,
+    localeText
+  } = params;
+  const label = getLabel(series.label, 'tooltip');
+  const dataIndex = identifier.dataIndex;
+  if (dataIndex === undefined) {
+    return '';
+  }
+  const value = series.data[dataIndex] ?? null;
+  const categoryValue = rotationAxis.data?.[dataIndex] ?? null;
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex
+  });
+  const formattedCategory = rotationAxis.valueFormatter?.(categoryValue, {
+    location: 'tooltip',
+    scale: rotationAxis.scale
+  });
+  return localeText.radarDescription({
+    value,
+    formattedValue: formattedValue ?? '',
+    categoryValue,
+    formattedCategoryValue: formattedCategory ?? '',
+    seriesLabel: label
+  });
+};
+export default descriptionGetter;

package/RadarChart/seriesConfig/index.js

@@ -17,6 +17,7 @@ var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandl
 var _identifierSerializer = require("../../internals/identifierSerializer");
 var _identifierCleaner = require("../../internals/identifierCleaner");
 var _useChartHighlight = require("../../internals/plugins/featurePlugins/useChartHighlight");
+var _descriptionGetter = _interopRequireDefault(require("./descriptionGetter"));
 const radarSeriesConfig = exports.radarSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
@@ -30,6 +31,7 @@ const radarSeriesConfig = exports.radarSeriesConfig = {
   keyboardFocusHandler: _keyboardFocusHandler.default,
   identifierSerializer: _identifierSerializer.identifierSerializerSeriesIdDataIndex,
   identifierCleaner: _identifierCleaner.identifierCleanerSeriesIdDataIndex,
+  descriptionGetter: _descriptionGetter.default,
   isHighlightedCreator: _useChartHighlight.createIsHighlighted,
   isFadedCreator: _useChartHighlight.createIsFaded
 };

package/RadarChart/seriesConfig/index.mjs

@@ -9,6 +9,7 @@ import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
 import { identifierSerializerSeriesIdDataIndex } from "../../internals/identifierSerializer.mjs";
 import { identifierCleanerSeriesIdDataIndex } from "../../internals/identifierCleaner.mjs";
 import { createIsHighlighted, createIsFaded } from "../../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
+import descriptionGetter from "./descriptionGetter.mjs";
 export const radarSeriesConfig = {
   colorProcessor: getColor,
   seriesProcessor,
@@ -22,6 +23,7 @@ export const radarSeriesConfig = {
   keyboardFocusHandler,
   identifierSerializer: identifierSerializerSeriesIdDataIndex,
   identifierCleaner: identifierCleanerSeriesIdDataIndex,
+  descriptionGetter,
   isHighlightedCreator: createIsHighlighted,
   isFadedCreator: createIsFaded
 };

package/ScatterChart/ScatterChart.js

@@ -406,7 +406,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       tickLabelStyle: _propTypes.default.object,
       tickSize: _propTypes.default.number
     })),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -465,7 +465,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       tickLabelStyle: _propTypes.default.object,
       tickSize: _propTypes.default.number
     })),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -514,7 +514,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -561,7 +561,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -607,7 +607,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -653,7 +653,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -699,7 +699,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -749,7 +749,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -799,7 +799,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: _propTypes.default.bool,
     disableTicks: _propTypes.default.bool,
     domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
-    height: _propTypes.default.number,
+    height: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     hideTooltip: _propTypes.default.bool,
     id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     ignoreTooltip: _propTypes.default.bool,
@@ -891,7 +891,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
@@ -949,7 +949,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
@@ -994,7 +994,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
@@ -1040,7 +1040,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
@@ -1085,7 +1085,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
@@ -1130,7 +1130,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
@@ -1179,7 +1179,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
@@ -1228,7 +1228,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
@@ -1273,7 +1273,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
-    width: _propTypes.default.number
+    width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   })]).isRequired),
   /**
    * The configuration of the z-axes.

package/ScatterChart/ScatterChart.mjs

@@ -399,7 +399,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       tickLabelStyle: PropTypes.object,
       tickSize: PropTypes.number
     })),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -458,7 +458,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       tickLabelStyle: PropTypes.object,
       tickSize: PropTypes.number
     })),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -507,7 +507,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -554,7 +554,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -600,7 +600,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -646,7 +646,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -692,7 +692,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -742,7 +742,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -792,7 +792,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.number,
+    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -884,7 +884,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
@@ -942,7 +942,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
@@ -987,7 +987,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
@@ -1033,7 +1033,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
@@ -1078,7 +1078,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
@@ -1123,7 +1123,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
@@ -1172,7 +1172,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
@@ -1221,7 +1221,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
@@ -1266,7 +1266,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
-    width: PropTypes.number
+    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   })]).isRequired),
   /**
    * The configuration of the z-axes.

package/ScatterChart/seriesConfig/descriptionGetter.d.mts

@@ -0,0 +1,3 @@
+import type { DescriptionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+declare const descriptionGetter: DescriptionGetter<'scatter'>;
+export default descriptionGetter;

package/ScatterChart/seriesConfig/descriptionGetter.d.ts

@@ -0,0 +1,3 @@
+import type { DescriptionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+declare const descriptionGetter: DescriptionGetter<'scatter'>;
+export default descriptionGetter;

package/ScatterChart/seriesConfig/descriptionGetter.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getLabel = require("../../internals/getLabel");
+const descriptionGetter = params => {
+  const {
+    identifier,
+    series,
+    xAxis,
+    yAxis,
+    localeText
+  } = params;
+  const label = (0, _getLabel.getLabel)(series.label, 'tooltip');
+  const item = series.data[identifier.dataIndex];
+  const formattedXValue = xAxis.valueFormatter?.(item?.x, {
+    location: 'tooltip',
+    scale: xAxis.scale
+  }) ?? '';
+  const formattedYValue = yAxis.valueFormatter?.(item?.y, {
+    location: 'tooltip',
+    scale: yAxis.scale
+  }) ?? '';
+  return localeText.scatterDescription({
+    x: item?.x ?? null,
+    y: item?.y ?? null,
+    formattedXValue,
+    formattedYValue,
+    seriesLabel: label
+  });
+};
+var _default = exports.default = descriptionGetter;