@mui/x-charts 6.18.2 → 6.18.4

package/esm/internals/defaultizeValueFormatter.js

@@ -2,9 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 function defaultizeValueFormatter(series, defaultValueFormatter) {
   const defaultizedSeries = {};
   Object.keys(series).forEach(seriesId => {
-    defaultizedSeries[seriesId] = _extends({
-      valueFormatter: defaultValueFormatter
-    }, series[seriesId]);
+    var _series$seriesId$valu;
+    defaultizedSeries[seriesId] = _extends({}, series[seriesId], {
+      valueFormatter: (_series$seriesId$valu = series[seriesId].valueFormatter) != null ? _series$seriesId$valu : defaultValueFormatter
+    });
   });
   return defaultizedSeries;
 }

package/esm/internals/getWordsByLines.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { getStringSize } from './domUtils';
+export function getWordsByLines({
+  style,
+  needsComputation,
+  text
+}) {
+  return text.split('\n').map(subText => _extends({
+    text: subText
+  }, needsComputation ? getStringSize(subText, style) : {
+    width: 0,
+    height: 0
+  }));
+}

package/esm/internals/utils.js

@@ -2,4 +2,44 @@
 export function getSymbol(shape) {
   const symbolNames = 'circle cross diamond square star triangle wye'.split(/ /);
   return symbolNames.indexOf(shape) || 0;
+}
+/**
+ * Transform mouse event position to corrdinates inside the SVG.
+ * @param svg The SVG element
+ * @param event The mouseEvent to transform
+ */
+export function getSVGPoint(svg, event) {
+  const pt = svg.createSVGPoint();
+  pt.x = event.clientX;
+  pt.y = event.clientY;
+  return pt.matrixTransform(svg.getScreenCTM().inverse());
+}
+
+/**
+ * Helper that converts values and percentages into values.
+ * @param value The value provided by the developer. Can either be a number or a string with '%' or 'px'.
+ * @param refValue The numerical value associated to 100%.
+ * @returns The numerical value associated to the provided value.
+ */
+export function getPercentageValue(value, refValue) {
+  if (typeof value === 'number') {
+    return value;
+  }
+  if (value === '100%') {
+    // Avoid potential rounding issues
+    return refValue;
+  }
+  if (value.endsWith('%')) {
+    const percentage = Number.parseFloat(value.slice(0, value.length - 1));
+    if (!Number.isNaN(percentage)) {
+      return percentage * refValue / 100;
+    }
+  }
+  if (value.endsWith('px')) {
+    const val = Number.parseFloat(value.slice(0, value.length - 2));
+    if (!Number.isNaN(val)) {
+      return val;
+    }
+  }
+  throw Error(`MUI-Charts: Received an unknown value "${value}". It should be a number, or a string with a percentage value.`);
 }

package/index.d.ts

@@ -8,6 +8,7 @@ export * from './ChartsReferenceLine';
 export * from './ChartsAxis';
 export * from './ChartsXAxis';
 export * from './ChartsYAxis';
+export * from './ChartsText';
 export * from './ChartsTooltip';
 export * from './ChartsAxisHighlight';
 export * from './BarChart';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v6.18.2
+ * @mui/x-charts v6.18.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -120,6 +120,17 @@ Object.keys(_ChartsYAxis).forEach(function (key) {
     }
   });
 });
+var _ChartsText = require("./ChartsText");
+Object.keys(_ChartsText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsText[key];
+    }
+  });
+});
 var _ChartsTooltip = require("./ChartsTooltip");
 Object.keys(_ChartsTooltip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/defaultizeColor.d.ts

@@ -7,8 +7,8 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
         id?: string | number | undefined;
     }[];
     type: "pie";
-    innerRadius?: number | undefined;
-    outerRadius?: number | undefined;
+    innerRadius?: string | number | undefined;
+    outerRadius?: string | number | undefined;
     cornerRadius?: number | undefined;
     startAngle?: number | undefined;
     endAngle?: number | undefined;
@@ -16,8 +16,8 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     sortingValues?: import("../models/seriesType").ChartsPieSorting | undefined;
     arcLabel?: "label" | "value" | "formattedValue" | ((item: import("../models/seriesType").DefaultizedPieValueType) => string) | undefined;
     arcLabelMinAngle?: number | undefined;
-    cx?: number | undefined;
-    cy?: number | undefined;
+    cx?: string | number | undefined;
+    cy?: string | number | undefined;
     highlighted?: {
         additionalRadius?: number | undefined;
         innerRadius?: number | undefined;

package/internals/defaultizeValueFormatter.d.ts

@@ -1,4 +1,6 @@
-declare function defaultizeValueFormatter<ISeries extends {}, IFormatter extends (v: any) => string>(series: {
+declare function defaultizeValueFormatter<ISeries extends {
+    valueFormatter?: IFormatter;
+}, IFormatter extends (v: any) => string>(series: {
     [id: string]: ISeries;
 }, defaultValueFormatter: IFormatter): {
     [id: string]: ISeries & {

package/internals/defaultizeValueFormatter.js

@@ -9,9 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 function defaultizeValueFormatter(series, defaultValueFormatter) {
   const defaultizedSeries = {};
   Object.keys(series).forEach(seriesId => {
-    defaultizedSeries[seriesId] = (0, _extends2.default)({
-      valueFormatter: defaultValueFormatter
-    }, series[seriesId]);
+    defaultizedSeries[seriesId] = (0, _extends2.default)({}, series[seriesId], {
+      valueFormatter: series[seriesId].valueFormatter ?? defaultValueFormatter
+    });
   });
   return defaultizedSeries;
 }

package/internals/{components/ChartsText.d.ts → getWordsByLines.d.ts}

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 export type ChartsTextBaseline = 'hanging' | 'central' | 'auto';
 export interface ChartsTextStyle extends React.CSSProperties {
     angle?: number;
@@ -8,7 +8,7 @@ export interface ChartsTextStyle extends React.CSSProperties {
      */
     dominantBaseline?: ChartsTextBaseline;
 }
-interface GetWordsByLinesParams {
+export interface GetWordsByLinesParams {
     /**
      * Text displayed.
      */
@@ -23,13 +23,4 @@ interface GetWordsByLinesParams {
      */
     needsComputation?: boolean;
 }
-export interface ChartsTextProps extends Omit<React.SVGTextElementAttributes<SVGTextElement>, 'width' | 'ref' | 'style' | 'dominantBaseline'>, GetWordsByLinesParams {
-    /**
-     * Height of a text line (in `em`).
-     */
-    lineHeight?: number;
-    ownerState?: any;
-}
 export declare function getWordsByLines({ style, needsComputation, text }: GetWordsByLinesParams): any[];
-export declare function ChartsText(props: ChartsTextProps): React.JSX.Element;
-export {};

package/internals/getWordsByLines.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWordsByLines = getWordsByLines;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _domUtils = require("./domUtils");
+function getWordsByLines({
+  style,
+  needsComputation,
+  text
+}) {
+  return text.split('\n').map(subText => (0, _extends2.default)({
+    text: subText
+  }, needsComputation ? (0, _domUtils.getStringSize)(subText, style) : {
+    width: 0,
+    height: 0
+  }));
+}

package/internals/utils.d.ts

@@ -4,4 +4,17 @@ type Without<T, U> = {
     [P in Exclude<keyof T, keyof U>]?: never;
 };
 export type XOR<T, U> = T | U extends object ? (Without<T, U> & U) | (Without<U, T> & T) : T | U;
+/**
+ * Transform mouse event position to corrdinates inside the SVG.
+ * @param svg The SVG element
+ * @param event The mouseEvent to transform
+ */
+export declare function getSVGPoint(svg: SVGSVGElement, event: MouseEvent): DOMPoint;
+/**
+ * Helper that converts values and percentages into values.
+ * @param value The value provided by the developer. Can either be a number or a string with '%' or 'px'.
+ * @param refValue The numerical value associated to 100%.
+ * @returns The numerical value associated to the provided value.
+ */
+export declare function getPercentageValue(value: number | string, refValue: number): number;
 export {};

package/internals/utils.js

@@ -3,9 +3,51 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getPercentageValue = getPercentageValue;
+exports.getSVGPoint = getSVGPoint;
 exports.getSymbol = getSymbol;
 // Returns the index of a defined shape
 function getSymbol(shape) {
   const symbolNames = 'circle cross diamond square star triangle wye'.split(/ /);
   return symbolNames.indexOf(shape) || 0;
+}
+/**
+ * Transform mouse event position to corrdinates inside the SVG.
+ * @param svg The SVG element
+ * @param event The mouseEvent to transform
+ */
+function getSVGPoint(svg, event) {
+  const pt = svg.createSVGPoint();
+  pt.x = event.clientX;
+  pt.y = event.clientY;
+  return pt.matrixTransform(svg.getScreenCTM().inverse());
+}
+
+/**
+ * Helper that converts values and percentages into values.
+ * @param value The value provided by the developer. Can either be a number or a string with '%' or 'px'.
+ * @param refValue The numerical value associated to 100%.
+ * @returns The numerical value associated to the provided value.
+ */
+function getPercentageValue(value, refValue) {
+  if (typeof value === 'number') {
+    return value;
+  }
+  if (value === '100%') {
+    // Avoid potential rounding issues
+    return refValue;
+  }
+  if (value.endsWith('%')) {
+    const percentage = Number.parseFloat(value.slice(0, value.length - 1));
+    if (!Number.isNaN(percentage)) {
+      return percentage * refValue / 100;
+    }
+  }
+  if (value.endsWith('px')) {
+    const val = Number.parseFloat(value.slice(0, value.length - 2));
+    if (!Number.isNaN(val)) {
+      return val;
+    }
+  }
+  throw Error(`MUI-Charts: Received an unknown value "${value}". It should be a number, or a string with a percentage value.`);
 }

package/legacy/BarChart/BarElement.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "dataIndex", "classes", "color", "highlightScope", "slots", "slotProps", "style"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { useSlotProps } from '@mui/base/utils';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
@@ -40,7 +41,7 @@ export var BarElementPath = styled(animated.rect, {
     opacity: ownerState.isFaded && 0.3 || 1
   };
 });
-export function BarElement(props) {
+function BarElement(props) {
   var _slots$bar;
   var id = props.id,
     dataIndex = props.dataIndex,
@@ -88,4 +89,27 @@ export function BarElement(props) {
     ownerState: ownerState
   });
   return /*#__PURE__*/_jsx(Bar, _extends({}, barProps));
-}
+}
+process.env.NODE_ENV !== "production" ? BarElement.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: PropTypes.object,
+  dataIndex: PropTypes.number.isRequired,
+  highlightScope: PropTypes.shape({
+    faded: PropTypes.oneOf(['global', 'none', 'series']),
+    highlighted: PropTypes.oneOf(['item', 'none', 'series'])
+  }),
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object
+} : void 0;
+export { BarElement };

package/legacy/BarChart/BarPlot.js

@@ -9,7 +9,8 @@ import { SeriesContext } from '../context/SeriesContextProvider';
 import { CartesianContext } from '../context/CartesianContextProvider';
 import { BarElement } from './BarElement';
 import { isBandScaleConfig } from '../models/axis';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants';
+
 /**
  * Solution of the equations
  * W = barWidth * N + offset * (N-1)
@@ -19,6 +20,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @param gapRatio The ratio of the gap between bars over the bar width.
  * @returns The bar width and the offset between bars.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 function getBandSize(_ref) {
   var W = _ref.bandWidth,
     N = _ref.numberOfGroups,
@@ -64,18 +66,18 @@ var useCompletedData = function useCompletedData() {
       var baseScaleConfig;
       if (verticalLayout) {
         if (!isBandScaleConfig(xAxisConfig)) {
-          throw new Error("Axis with id \"".concat(xAxisKey, "\" shoud be of type \"band\" to display the bar series of id \"").concat(seriesId, "\""));
+          throw new Error("MUI-X-Charts: ".concat(xAxisKey === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : "The x-axis with id \"".concat(xAxisKey, "\""), " shoud be of type \"band\" to display the bar series of id \"").concat(seriesId, "\""));
         }
         if (xAxis[xAxisKey].data === undefined) {
-          throw new Error("Axis with id \"".concat(xAxisKey, "\" shoud have data property"));
+          throw new Error("MUI-X-Charts: ".concat(xAxisKey === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : "The x-axis with id \"".concat(xAxisKey, "\""), " shoud have data property"));
         }
         baseScaleConfig = xAxisConfig;
       } else {
         if (!isBandScaleConfig(yAxisConfig)) {
-          throw new Error("Axis with id \"".concat(yAxisKey, "\" shoud be of type \"band\" to display the bar series of id \"").concat(seriesId, "\""));
+          throw new Error("MUI-X-Charts: ".concat(yAxisKey === DEFAULT_Y_AXIS_KEY ? 'The first `yAxis`' : "The y-axis with id \"".concat(yAxisKey, "\""), " shoud be of type \"band\" to display the bar series of id \"").concat(seriesId, "\""));
         }
         if (yAxis[yAxisKey].data === undefined) {
-          throw new Error("Axis with id \"".concat(xAxisKey, "\" shoud have data property"));
+          throw new Error("MUI-X-Charts: ".concat(yAxisKey === DEFAULT_Y_AXIS_KEY ? 'The first `yAxis`' : "The y-axis with id \"".concat(yAxisKey, "\""), " shoud have data property"));
         }
         baseScaleConfig = yAxisConfig;
       }

package/legacy/BarChart/formatter.js

@@ -4,13 +4,15 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { stack as d3Stack } from 'd3-shape';
 import { getStackingGroups } from '../internals/stackSeries';
 import defaultizeValueFormatter from '../internals/defaultizeValueFormatter';
+var warnOnce = false;
 var formatter = function formatter(params, dataset) {
+  var _ref;
   var seriesOrder = params.seriesOrder,
     series = params.series;
   var stackingGroups = getStackingGroups(params);
 
   // Create a data set with format adapted to d3
-  var d3Dataset = dataset != null ? dataset : [];
+  var d3Dataset = (_ref = dataset) != null ? _ref : [];
   seriesOrder.forEach(function (id) {
     var data = series[id].data;
     if (data !== undefined) {
@@ -22,7 +24,7 @@ var formatter = function formatter(params, dataset) {
         }
       });
     } else if (dataset === undefined) {
-      throw new Error(["MUI: bar series with id='".concat(id, "' has no data."), 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
+      throw new Error(["MUI-X-Charts: bar series with id='".concat(id, "' has no data."), 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
     }
   });
   var completedSeries = {};
@@ -35,19 +37,31 @@ var formatter = function formatter(params, dataset) {
       // Use dataKey if needed and available
       var dataKey = series[id].dataKey;
       return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
-    })).order(stackingOrder).offset(stackingOffset)(d3Dataset);
+    })).value(function (d, key) {
+      var _d$key;
+      return (_d$key = d[key]) != null ? _d$key : 0;
+    }) // defaultize null value to 0
+    .order(stackingOrder).offset(stackingOffset)(d3Dataset);
     ids.forEach(function (id, index) {
       var dataKey = series[id].dataKey;
       completedSeries[id] = _extends({
         layout: 'vertical'
       }, series[id], {
-        data: dataKey ? dataset.map(function (d) {
-          return d[dataKey];
+        data: dataKey ? dataset.map(function (data) {
+          var value = data[dataKey];
+          if (typeof value !== 'number') {
+            if (process.env.NODE_ENV !== 'production' && !warnOnce && value !== null) {
+              warnOnce = true;
+              console.error(["MUI-X charts: your dataset key \"".concat(dataKey, "\" is used for plotting bars, but contains nonnumerical elements."), 'Bar plots only support numbers and null values.']);
+            }
+            return 0;
+          }
+          return value;
         }) : series[id].data,
-        stackedData: stackedSeries[index].map(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-            a = _ref2[0],
-            b = _ref2[1];
+        stackedData: stackedSeries[index].map(function (_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            a = _ref3[0],
+            b = _ref3[1];
           return [a, b];
         })
       });

package/legacy/BarChart/index.js

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

package/legacy/ChartsAxis/ChartsAxis.js

@@ -57,16 +57,16 @@ function ChartsAxis(props) {
   var topId = getAxisId(topAxis);
   var rightId = getAxisId(rightAxis);
   if (topId !== null && !xAxis[topId]) {
-    throw Error("MUI: id used for top axis \"".concat(topId, "\" is not defined"));
+    throw Error(["MUI-X-Charts: id used for top axis \"".concat(topId, "\" is not defined."), "Available ids are: ".concat(xAxisIds.join(', '), ".")].join('\n'));
   }
   if (leftId !== null && !yAxis[leftId]) {
-    throw Error("MUI: id used for left axis \"".concat(leftId, "\" is not defined"));
+    throw Error(["MUI-X-Charts: id used for left axis \"".concat(leftId, "\" is not defined."), "Available ids are: ".concat(yAxisIds.join(', '), ".")].join('\n'));
   }
   if (rightId !== null && !yAxis[rightId]) {
-    throw Error("MUI: id used for right axis \"".concat(rightId, "\" is not defined"));
+    throw Error(["MUI-X-Charts: id used for right axis \"".concat(rightId, "\" is not defined."), "Available ids are: ".concat(yAxisIds.join(', '), ".")].join('\n'));
   }
   if (bottomId !== null && !xAxis[bottomId]) {
-    throw Error("MUI: id used for bottom axis \"".concat(bottomId, "\" is not defined"));
+    throw Error(["MUI-X-Charts: id used for bottom axis \"".concat(bottomId, "\" is not defined."), "Available ids are: ".concat(xAxisIds.join(', '), ".")].join('\n'));
   }
   var topAxisProps = mergeProps(topAxis, slots, slotProps);
   var bottomAxisProps = mergeProps(bottomAxis, slots, slotProps);

package/legacy/ChartsLegend/ChartsLegend.js

@@ -12,7 +12,8 @@ import { DrawingContext } from '../context/DrawingProvider';
 import { getSeriesToDisplay } from './utils';
 import { SeriesContext } from '../context/SeriesContextProvider';
 import { getLegendUtilityClass } from './chartsLegendClasses';
-import { ChartsText, getWordsByLines } from '../internals/components/ChartsText';
+import { ChartsText } from '../ChartsText';
+import { getWordsByLines } from '../internals/getWordsByLines';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {

package/legacy/ChartsLegend/index.js

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

package/legacy/ChartsReferenceLine/ChartsReferenceLine.js

@@ -6,10 +6,10 @@ import { ChartsYReferenceLine } from './ChartsYReferenceLine';
 import { jsx as _jsx } from "react/jsx-runtime";
 function ChartsReferenceLine(props) {
   if (props.x !== undefined && props.y !== undefined) {
-    throw new Error('MUI-X: The ChartsReferenceLine can not have both `x` and `y` props set.');
+    throw new Error('MUI-X-Charts: The ChartsReferenceLine can not have both `x` and `y` props set.');
   }
   if (props.x === undefined && props.y === undefined) {
-    throw new Error('MUI-X: The ChartsReferenceLine should have a value in `x` or `y` prop.');
+    throw new Error('MUI-X-Charts: The ChartsReferenceLine should have a value in `x` or `y` prop.');
   }
   if (props.x !== undefined) {
     return /*#__PURE__*/_jsx(ChartsXReferenceLine, _extends({}, props));

package/legacy/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { useDrawingArea, useXScale } from '../hooks';
 import { ReferenceLineRoot } from './common';
-import { ChartsText } from '../internals/components/ChartsText';
+import { ChartsText } from '../ChartsText';
 import { getReferenceLineUtilityClass } from './chartsReferenceLineClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/legacy/ChartsReferenceLine/ChartsYReferenceLine.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { useDrawingArea, useYScale } from '../hooks';
 import { ReferenceLineRoot } from './common';
-import { ChartsText } from '../internals/components/ChartsText';
+import { ChartsText } from '../ChartsText';
 import { getReferenceLineUtilityClass } from './chartsReferenceLineClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/legacy/{internals/components → ChartsText}/ChartsText.js

@@ -1,35 +1,26 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["x", "y", "style", "text", "ownerState"],
   _excluded2 = ["angle", "textAnchor", "dominantBaseline"];
 import * as React from 'react';
-import { getStringSize } from '../domUtils';
+import PropTypes from 'prop-types';
+import { getWordsByLines } from '../internals/getWordsByLines';
 import { jsx as _jsx } from "react/jsx-runtime";
-export function getWordsByLines(_ref) {
-  var style = _ref.style,
-    needsComputation = _ref.needsComputation,
-    text = _ref.text;
-  return text.split('\n').map(function (subText) {
-    return _extends({
-      text: subText
-    }, needsComputation ? getStringSize(subText, style) : {
-      width: 0,
-      height: 0
-    });
-  });
-}
-export function ChartsText(props) {
+/**
+ * Helper component to manage multiline text in SVG
+ */
+function ChartsText(props) {
   var x = props.x,
     y = props.y,
     styleProps = props.style,
     text = props.text,
     ownerState = props.ownerState,
     textProps = _objectWithoutProperties(props, _excluded);
-  var _ref2 = styleProps != null ? styleProps : {},
-    angle = _ref2.angle,
-    textAnchor = _ref2.textAnchor,
-    dominantBaseline = _ref2.dominantBaseline,
-    style = _objectWithoutProperties(_ref2, _excluded2);
+  var _ref = styleProps != null ? styleProps : {},
+    angle = _ref.angle,
+    textAnchor = _ref.textAnchor,
+    dominantBaseline = _ref.dominantBaseline,
+    style = _objectWithoutProperties(_ref, _excluded2);
   var wordsByLines = React.useMemo(function () {
     return getWordsByLines({
       style: style,
@@ -76,4 +67,29 @@ export function ChartsText(props) {
       }, index);
     })
   }));
-}
+}
+process.env.NODE_ENV !== "production" ? ChartsText.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Height of a text line (in `em`).
+   */
+  lineHeight: PropTypes.number,
+  /**
+   * If `true`, the line width is computed.
+   * @default false
+   */
+  needsComputation: PropTypes.bool,
+  ownerState: PropTypes.any,
+  /**
+   * Style applied to text elements.
+   */
+  style: PropTypes.object,
+  /**
+   * Text displayed.
+   */
+  text: PropTypes.string.isRequired
+} : void 0;
+export { ChartsText };

package/legacy/ChartsText/index.js

@@ -0,0 +1 @@
+export { ChartsText } from './ChartsText';