@mui/x-charts 7.14.0 → 7.15.0

package/internals/components/AxisSharedComponents.js

@@ -1,32 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AxisRoot = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _styles = require("@mui/material/styles");
-var _axisClasses = require("../../ChartsAxis/axisClasses");
-const AxisRoot = exports.AxisRoot = (0, _styles.styled)('g', {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { styled } from '@mui/material/styles';
+import { axisClasses } from '../../ChartsAxis/axisClasses';
+export const AxisRoot = styled('g', {
   name: 'MuiChartsAxis',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })(({
   theme
 }) => ({
-  [`& .${_axisClasses.axisClasses.tickLabel}`]: (0, _extends2.default)({}, theme.typography.caption, {
+  [`& .${axisClasses.tickLabel}`]: _extends({}, theme.typography.caption, {
     fill: (theme.vars || theme).palette.text.primary
   }),
-  [`& .${_axisClasses.axisClasses.label}`]: (0, _extends2.default)({}, theme.typography.body1, {
+  [`& .${axisClasses.label}`]: _extends({}, theme.typography.body1, {
     fill: (theme.vars || theme).palette.text.primary
   }),
-  [`& .${_axisClasses.axisClasses.line}`]: {
+  [`& .${axisClasses.line}`]: {
     stroke: (theme.vars || theme).palette.text.primary,
     shapeRendering: 'crispEdges',
     strokeWidth: 1
   },
-  [`& .${_axisClasses.axisClasses.tick}`]: {
+  [`& .${axisClasses.tick}`]: {
     stroke: (theme.vars || theme).palette.text.primary,
     shapeRendering: 'crispEdges'
   }

package/internals/components/ChartsAxesGradients/ChartsAxesGradients.js

@@ -1,27 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsAxesGradients = ChartsAxesGradients;
-exports.useChartGradient = useChartGradient;
-var React = _interopRequireWildcard(require("react"));
-var _CartesianProvider = require("../../../context/CartesianProvider");
-var _DrawingProvider = require("../../../context/DrawingProvider");
-var _hooks = require("../../../hooks");
-var _ChartsPiecewiseGradient = _interopRequireDefault(require("./ChartsPiecewiseGradient"));
-var _ChartsContinuousGradient = _interopRequireDefault(require("./ChartsContinuousGradient"));
-var _jsxRuntime = require("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; }
-function useChartGradient() {
+import * as React from 'react';
+import { useCartesianContext } from '../../../context/CartesianProvider';
+import { DrawingContext } from '../../../context/DrawingProvider';
+import { useDrawingArea } from '../../../hooks';
+import ChartsPiecewiseGradient from './ChartsPiecewiseGradient';
+import ChartsContinuousGradient from './ChartsContinuousGradient';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function useChartGradient() {
   const {
     chartId
-  } = React.useContext(_DrawingProvider.DrawingContext);
+  } = React.useContext(DrawingContext);
   return React.useCallback((axisId, direction) => `${chartId}-gradient-${direction}-${axisId}`, [chartId]);
 }
-function ChartsAxesGradients() {
+export function ChartsAxesGradients() {
   const {
     top,
     height,
@@ -29,7 +19,7 @@ function ChartsAxesGradients() {
     left,
     width,
     right
-  } = (0, _hooks.useDrawingArea)();
+  } = useDrawingArea();
   const svgHeight = top + height + bottom;
   const svgWidth = left + width + right;
   const getGradientId = useChartGradient();
@@ -38,8 +28,8 @@ function ChartsAxesGradients() {
     xAxis,
     yAxisIds,
     yAxis
-  } = (0, _CartesianProvider.useCartesianContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
+  } = useCartesianContext();
+  return /*#__PURE__*/_jsxs("defs", {
     children: [yAxisIds.filter(axisId => yAxis[axisId].colorMap !== undefined).map(axisId => {
       const gradientId = getGradientId(axisId, 'y');
       const {
@@ -49,7 +39,7 @@ function ChartsAxesGradients() {
         reverse
       } = yAxis[axisId];
       if (colorMap?.type === 'piecewise') {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsPiecewiseGradient.default, {
+        return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
           isReversed: !reverse,
           scale: scale,
           colorMap: colorMap,
@@ -59,7 +49,7 @@ function ChartsAxesGradients() {
         }, gradientId);
       }
       if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsContinuousGradient.default, {
+        return /*#__PURE__*/_jsx(ChartsContinuousGradient, {
           isReversed: !reverse,
           scale: scale,
           colorScale: colorScale,
@@ -79,7 +69,7 @@ function ChartsAxesGradients() {
         colorScale
       } = xAxis[axisId];
       if (colorMap?.type === 'piecewise') {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsPiecewiseGradient.default, {
+        return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
           isReversed: reverse,
           scale: scale,
           colorMap: colorMap,
@@ -89,7 +79,7 @@ function ChartsAxesGradients() {
         }, gradientId);
       }
       if (colorMap?.type === 'continuous') {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsContinuousGradient.default, {
+        return /*#__PURE__*/_jsx(ChartsContinuousGradient, {
           isReversed: reverse,
           scale: scale,
           colorScale: colorScale,

package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js

@@ -1,16 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ChartsContinuousGradient;
-var React = _interopRequireWildcard(require("react"));
-var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
-var _jsxRuntime = require("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; }
+import * as React from 'react';
+import { interpolateDate, interpolateNumber } from '@mui/x-charts-vendor/d3-interpolate';
+import { jsx as _jsx } from "react/jsx-runtime";
 const PX_PRECISION = 10;
-function ChartsContinuousGradient(props) {
+export default function ChartsContinuousGradient(props) {
   const {
     gradientUnits,
     isReversed,
@@ -26,10 +18,10 @@ function ChartsContinuousGradient(props) {
   if (extremPositions.length !== 2) {
     return null;
   }
-  const interpolator = typeof extremValues[0] === 'number' ? (0, _d3Interpolate.interpolateNumber)(extremValues[0], extremValues[1]) : (0, _d3Interpolate.interpolateDate)(extremValues[0], extremValues[1]);
+  const interpolator = typeof extremValues[0] === 'number' ? interpolateNumber(extremValues[0], extremValues[1]) : interpolateDate(extremValues[0], extremValues[1]);
   const numberOfPoints = Math.round((Math.max(...extremPositions) - Math.min(...extremPositions)) / PX_PRECISION);
   const keyPrefix = `${extremValues[0]}-${extremValues[1]}-`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("linearGradient", {
+  return /*#__PURE__*/_jsx("linearGradient", {
     id: gradientId,
     x1: "0",
     x2: "0",
@@ -54,7 +46,7 @@ function ChartsContinuousGradient(props) {
       if (color === null) {
         return null;
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+      return /*#__PURE__*/_jsx("stop", {
         offset: offset,
         stopColor: color,
         stopOpacity: 1

package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ChartsPiecewiseGradient;
-var React = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("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; }
-function ChartsPiecewiseGradient(props) {
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ChartsPiecewiseGradient(props) {
   const {
     isReversed,
     gradientId,
@@ -17,7 +9,7 @@ function ChartsPiecewiseGradient(props) {
     scale,
     colorMap
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("linearGradient", {
+  return /*#__PURE__*/_jsx("linearGradient", {
     id: gradientId,
     x1: "0",
     x2: "0",
@@ -32,12 +24,12 @@ function ChartsPiecewiseGradient(props) {
         return null;
       }
       const offset = isReversed ? 1 - x / size : x / size;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+      return /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [/*#__PURE__*/_jsx("stop", {
           offset: offset,
           stopColor: colorMap.colors[index],
           stopOpacity: 1
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        }), /*#__PURE__*/_jsx("stop", {
           offset: offset,
           stopColor: colorMap.colors[index + 1],
           stopOpacity: 1

package/internals/components/ChartsAxesGradients/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ChartsAxesGradients = require("./ChartsAxesGradients");
-Object.keys(_ChartsAxesGradients).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartsAxesGradients[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsAxesGradients[key];
-    }
-  });
-});
+export * from './ChartsAxesGradients';

package/internals/configInit.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cartesianSeriesTypes = void 0;
 let instance;
 class CartesianSeriesTypes {
   constructor() {
@@ -20,7 +14,7 @@ class CartesianSeriesTypes {
     return this.types;
   }
 }
-const cartesianSeriesTypes = exports.cartesianSeriesTypes = new CartesianSeriesTypes();
+export const cartesianSeriesTypes = new CartesianSeriesTypes();
 cartesianSeriesTypes.addType('bar');
 cartesianSeriesTypes.addType('line');
 cartesianSeriesTypes.addType('scatter');

package/internals/defaultizeColor.d.ts

@@ -60,6 +60,22 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     yAxisId?: string;
     stack?: string;
     stackOrder?: import("..").StackOrderType;
+} | {
+    type: "scatter";
+    data: import("../models/seriesType").ScatterValueType[];
+    markerSize?: number;
+    label?: string | ((location: "tooltip" | "legend") => string);
+    disableHover?: boolean;
+    zAxisKey?: string;
+    zAxisId?: string;
+    id?: import(".").SeriesId;
+    color: string;
+    valueFormatter?: import(".").SeriesValueFormatter<import("../models/seriesType").ScatterValueType> | undefined;
+    highlightScope?: Partial<import("..").HighlightScope>;
+    xAxisKey?: string;
+    yAxisKey?: string;
+    xAxisId?: string;
+    yAxisId?: string;
 } | {
     type: "line";
     data?: (number | null)[];
@@ -82,20 +98,4 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     xAxisId?: string;
     yAxisId?: string;
     stackOrder?: import("..").StackOrderType;
-} | {
-    type: "scatter";
-    data: import("../models/seriesType").ScatterValueType[];
-    markerSize?: number;
-    label?: string | ((location: "tooltip" | "legend") => string);
-    disableHover?: boolean;
-    zAxisKey?: string;
-    zAxisId?: string;
-    id?: import(".").SeriesId;
-    color: string;
-    valueFormatter?: import(".").SeriesValueFormatter<import("../models/seriesType").ScatterValueType> | undefined;
-    highlightScope?: Partial<import("..").HighlightScope>;
-    xAxisKey?: string;
-    yAxisKey?: string;
-    xAxisId?: string;
-    yAxisId?: string;
 };

package/internals/defaultizeColor.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultizeColor = defaultizeColor;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+import _extends from "@babel/runtime/helpers/esm/extends";
 const DEFAULT_COLORS = ['#1f77b4', '#ff7f0e', '#2ca02c', '#d62728', '#9467bd', '#8c564b', '#e377c2', '#7f7f7f', '#bcbd22', '#17becf'];
-function defaultizeColor(series, seriesIndex, colors = DEFAULT_COLORS) {
+export function defaultizeColor(series, seriesIndex, colors = DEFAULT_COLORS) {
   if (series.type === 'pie') {
-    return (0, _extends2.default)({}, series, {
-      data: series.data.map((d, index) => (0, _extends2.default)({
+    return _extends({}, series, {
+      data: series.data.map((d, index) => _extends({
         color: colors[index % colors.length]
       }, d))
     });
   }
-  return (0, _extends2.default)({
+  return _extends({
     color: colors[seriesIndex % colors.length]
   }, series);
 }

package/internals/defaultizeValueFormatter.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultizeValueFormatter = defaultizeValueFormatter;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-function defaultizeValueFormatter(series, defaultValueFormatter) {
+import _extends from "@babel/runtime/helpers/esm/extends";
+export function defaultizeValueFormatter(series, defaultValueFormatter) {
   const defaultizedSeries = {};
   Object.keys(series).forEach(seriesId => {
-    defaultizedSeries[seriesId] = (0, _extends2.default)({}, series[seriesId], {
+    defaultizedSeries[seriesId] = _extends({}, series[seriesId], {
       valueFormatter: series[seriesId].valueFormatter ?? defaultValueFormatter
     });
   });

package/internals/domUtils.js

@@ -1,12 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getStyleString = exports.getStringSize = exports.MEASUREMENT_SPAN_ID = void 0;
-exports.unstable_cleanupDOM = unstable_cleanupDOM;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+import _extends from "@babel/runtime/helpers/esm/extends";
 // DOM utils taken from
 // https://github.com/recharts/recharts/blob/master/src/util/DOMUtils.ts
 
@@ -28,7 +20,7 @@ const SPAN_STYLE = {
   whiteSpace: 'pre'
 };
 const STYLE_LIST = ['minWidth', 'maxWidth', 'width', 'minHeight', 'maxHeight', 'height', 'top', 'left', 'fontSize', 'padding', 'margin', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom'];
-const MEASUREMENT_SPAN_ID = exports.MEASUREMENT_SPAN_ID = 'mui_measurement_span';
+export const MEASUREMENT_SPAN_ID = 'mui_measurement_span';
 
 /**
  *
@@ -64,8 +56,7 @@ function camelToMiddleLine(text) {
  * @param style React style object
  * @returns CSS styling string
  */
-const getStyleString = style => Object.keys(style).sort().reduce((result, s) => `${result}${camelToMiddleLine(s)}:${autoCompleteStyle(s, style[s])};`, '');
-exports.getStyleString = getStyleString;
+export const getStyleString = style => Object.keys(style).sort().reduce((result, s) => `${result}${camelToMiddleLine(s)}:${autoCompleteStyle(s, style[s])};`, '');
 let domCleanTimeout;
 /**
  *
@@ -73,7 +64,7 @@ let domCleanTimeout;
  * @param style The style applied
  * @returns width and height of the text
  */
-const getStringSize = (text, style = {}) => {
+export const getStringSize = (text, style = {}) => {
   if (text === undefined || text === null || isSsr()) {
     return {
       width: 0,
@@ -96,7 +87,7 @@ const getStringSize = (text, style = {}) => {
     }
     // Need to use CSS Object Model (CSSOM) to be able to comply with Content Security Policy (CSP)
     // https://en.wikipedia.org/wiki/Content_Security_Policy
-    const measurementSpanStyle = (0, _extends2.default)({}, SPAN_STYLE, style);
+    const measurementSpanStyle = _extends({}, SPAN_STYLE, style);
     Object.keys(measurementSpanStyle).map(styleKey => {
       measurementSpan.style[camelToMiddleLine(styleKey)] = autoCompleteStyle(styleKey, measurementSpanStyle[styleKey]);
       return styleKey;
@@ -131,8 +122,7 @@ const getStringSize = (text, style = {}) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-exports.getStringSize = getStringSize;
-function unstable_cleanupDOM() {
+export function unstable_cleanupDOM() {
   // const measurementSpan = document.getElementById(MEASUREMENT_SPAN_ID);
   // measurementSpan?.remove();
 }

package/internals/geometry.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMinXTranslation = getMinXTranslation;
 const ANGLE_APPROX = 5; // Angle (in deg) for which we approximate the rectangle as perfectly horizontal/vertical
 
 let warnedOnce = false;
@@ -16,7 +10,7 @@ let warnedOnce = false;
  * @param height the side along the y-axis.
  * @param angle the rotation in degrees.
  */
-function getMinXTranslation(width, height, angle = 0) {
+export function getMinXTranslation(width, height, angle = 0) {
   if (process.env.NODE_ENV !== 'production') {
     if (!warnedOnce && angle > 90 && angle < -90) {
       warnedOnce = true;

package/internals/getCurve.js

@@ -1,45 +1,39 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getCurveFactory;
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-function getCurveFactory(curveType) {
+import { curveCatmullRom, curveLinear, curveMonotoneX, curveMonotoneY, curveNatural, curveStep, curveStepAfter, curveStepBefore } from '@mui/x-charts-vendor/d3-shape';
+export default function getCurveFactory(curveType) {
   switch (curveType) {
     case 'catmullRom':
       {
-        return _d3Shape.curveCatmullRom.alpha(0.5);
+        return curveCatmullRom.alpha(0.5);
       }
     case 'linear':
       {
-        return _d3Shape.curveLinear;
+        return curveLinear;
       }
     case 'monotoneX':
       {
-        return _d3Shape.curveMonotoneX;
+        return curveMonotoneX;
       }
     case 'monotoneY':
       {
-        return _d3Shape.curveMonotoneY;
+        return curveMonotoneY;
       }
     case 'natural':
       {
-        return _d3Shape.curveNatural;
+        return curveNatural;
       }
     case 'step':
       {
-        return _d3Shape.curveStep;
+        return curveStep;
       }
     case 'stepBefore':
       {
-        return _d3Shape.curveStepBefore;
+        return curveStepBefore;
       }
     case 'stepAfter':
       {
-        return _d3Shape.curveStepAfter;
+        return curveStepAfter;
       }
     default:
-      return _d3Shape.curveMonotoneX;
+      return curveMonotoneX;
   }
 }

package/internals/getLabel.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getLabel = getLabel;
-function getLabel(value, location) {
+export function getLabel(value, location) {
   return typeof value === 'function' ? value(location) : value;
 }

package/internals/getPercentageValue.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPercentageValue = getPercentageValue;
 /**
  * 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) {
+export function getPercentageValue(value, refValue) {
   if (typeof value === 'number') {
     return value;
   }

package/internals/getSVGPoint.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSVGPoint = getSVGPoint;
 /**
  * Transform mouse event position to coordinates inside the SVG.
  * @param svg The SVG element
  * @param event The mouseEvent to transform
  */
-function getSVGPoint(svg, event) {
+export function getSVGPoint(svg, event) {
   const pt = svg.createSVGPoint();
   pt.x = event.clientX;
   pt.y = event.clientY;

package/internals/getScale.js

@@ -1,23 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getScale = getScale;
-var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
-function getScale(scaleType, domain, range) {
+import { scaleLog, scalePow, scaleSqrt, scaleTime, scaleUtc, scaleLinear } from '@mui/x-charts-vendor/d3-scale';
+export function getScale(scaleType, domain, range) {
   switch (scaleType) {
     case 'log':
-      return (0, _d3Scale.scaleLog)(domain, range);
+      return scaleLog(domain, range);
     case 'pow':
-      return (0, _d3Scale.scalePow)(domain, range);
+      return scalePow(domain, range);
     case 'sqrt':
-      return (0, _d3Scale.scaleSqrt)(domain, range);
+      return scaleSqrt(domain, range);
     case 'time':
-      return (0, _d3Scale.scaleTime)(domain, range);
+      return scaleTime(domain, range);
     case 'utc':
-      return (0, _d3Scale.scaleUtc)(domain, range);
+      return scaleUtc(domain, range);
     default:
-      return (0, _d3Scale.scaleLinear)(domain, range);
+      return scaleLinear(domain, range);
   }
 }

package/internals/getSymbol.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSymbol = getSymbol;
 // Returns the index of a defined shape
-function getSymbol(shape) {
+export function getSymbol(shape) {
   const symbolNames = 'circle cross diamond square star triangle wye'.split(/ /);
   return symbolNames.indexOf(shape) || 0;
 }

package/internals/getWordsByLines.js

@@ -1,20 +1,13 @@
-"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({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { getStringSize } from './domUtils';
+export function getWordsByLines({
   style,
   needsComputation,
   text
 }) {
-  return text.split('\n').map(subText => (0, _extends2.default)({
+  return text.split('\n').map(subText => _extends({
     text: subText
-  }, needsComputation ? (0, _domUtils.getStringSize)(subText, style) : {
+  }, needsComputation ? getStringSize(subText, style) : {
     width: 0,
     height: 0
   }));

package/internals/index.d.ts

@@ -16,6 +16,7 @@ export * from './getLabel';
 export * from './getSVGPoint';
 export * from './isDefined';
 export { unstable_cleanupDOM } from './domUtils';
+export * from './getScale';
 export * from '../context/CartesianProvider';
 export * from '../context/DrawingProvider';
 export * from '../context/InteractionProvider';