@mui/x-charts 7.13.0 → 7.15.0

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.d.ts

@@ -1,3 +1,4 @@
+export declare const MEASUREMENT_SPAN_ID = "mui_measurement_span";
 /**
  *
  * @param style React style object
@@ -11,3 +12,4 @@ export declare const getStyleString: (style: React.CSSProperties) => string;
  * @returns width and height of the text
  */
 export declare const getStringSize: (text: string | number, style?: React.CSSProperties) => any;
+export declare function unstable_cleanupDOM(): void;

package/internals/domUtils.js

@@ -1,11 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getStyleString = exports.getStringSize = void 0;
-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
 
@@ -27,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 = 'mui_measurement_span';
+export const MEASUREMENT_SPAN_ID = 'mui_measurement_span';
 
 /**
  *
@@ -63,16 +56,15 @@ 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])};`, '');
-
+export const getStyleString = style => Object.keys(style).sort().reduce((result, s) => `${result}${camelToMiddleLine(s)}:${autoCompleteStyle(s, style[s])};`, '');
+let domCleanTimeout;
 /**
  *
  * @param text The string to estimate
  * @param style The style applied
  * @returns width and height of the text
  */
-exports.getStyleString = getStyleString;
-const getStringSize = (text, style = {}) => {
+export const getStringSize = (text, style = {}) => {
   if (text === undefined || text === null || isSsr()) {
     return {
       width: 0,
@@ -95,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;
@@ -113,6 +105,13 @@ const getStringSize = (text, style = {}) => {
     } else {
       stringCache.cacheCount += 1;
     }
+    if (domCleanTimeout) {
+      clearTimeout(domCleanTimeout);
+    }
+    domCleanTimeout = setTimeout(() => {
+      // Limit node cleaning to once per render cycle
+      measurementSpan.textContent = '';
+    }, 0);
     return result;
   } catch (e) {
     return {
@@ -121,4 +120,9 @@ const getStringSize = (text, style = {}) => {
     };
   }
 };
-exports.getStringSize = getStringSize;
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+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

@@ -15,6 +15,8 @@ export * from './configInit';
 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';
@@ -22,6 +24,7 @@ export * from '../context/SeriesProvider';
 export * from '../context/ZAxisContextProvider';
 export * from '../context/PluginProvider';
 export type * from '../context/context.types';
+export { getAxisExtremum } from '../context/CartesianProvider/getAxisExtremum';
 export * from '../models/seriesType/config';
 export * from '../models/seriesType/common';
 export * from '../models/helpers';