@mui/x-charts 8.0.0-alpha.10 → 8.0.0-alpha.12

package/internals/consumeThemeProps.js

@@ -1,8 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useTheme, useThemeProps } from '@mui/material/styles';
-import resolveProps from '@mui/utils/resolveProps';
-import * as React from 'react';
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.consumeThemeProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _styles = require("@mui/material/styles");
+var _resolveProps = _interopRequireDefault(require("@mui/utils/resolveProps"));
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * A higher order component that consumes and merges the theme `defaultProps` and handles the `classes` and renders the component.
  *
@@ -48,23 +56,23 @@ import * as React from 'react';
  * @param {Function} options.classesResolver A function that returns the classes for the component. It receives the props, after theme props and defaults have been applied. And the theme object as the second argument.
  * @param InComponent The component to render if the slot is not provided.
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-export const consumeThemeProps = (name, options, InComponent) => /*#__PURE__*/React.forwardRef(function ConsumeThemeInternal(props, ref) {
-  const themedProps = useThemeProps({
+const consumeThemeProps = (name, options, InComponent) => /*#__PURE__*/React.forwardRef(function ConsumeThemeInternal(props, ref) {
+  const themedProps = (0, _styles.useThemeProps)({
     props,
     // eslint-disable-next-line material-ui/mui-name-matches-component-name
     name
   });
   const defaultProps = typeof options.defaultProps === 'function' ? options.defaultProps(themedProps) : options.defaultProps ?? {};
-  const outProps = resolveProps(defaultProps, themedProps);
-  const theme = useTheme();
+  const outProps = (0, _resolveProps.default)(defaultProps, themedProps);
+  const theme = (0, _styles.useTheme)();
   const classes = options.classesResolver?.(outProps, theme);
   const OutComponent = /*#__PURE__*/React.forwardRef(InComponent);
   if (process.env.NODE_ENV !== 'production') {
     OutComponent.displayName = `consumeThemeProps(${name})`;
   }
-  return /*#__PURE__*/_jsx(OutComponent, _extends({}, outProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OutComponent, (0, _extends2.default)({}, outProps, {
     classes: classes,
     ref: ref
   }));
-});
+});
+exports.consumeThemeProps = consumeThemeProps;

package/internals/createSeriesSelectorOfType.d.ts

@@ -0,0 +1,4 @@
+import { ChartSeriesDefaultized, ChartsSeriesConfig } from "../models/seriesType/config.js";
+import { SeriesId } from "../models/seriesType/common.js";
+export declare function createSeriesSelectorsOfType<T extends keyof ChartsSeriesConfig>(seriesType: T): (ids?: SeriesId | SeriesId[]) => ChartSeriesDefaultized<T> | (ChartSeriesDefaultized<T> | undefined)[] | undefined;
+export declare function createAllSeriesSelectorOfType<T extends keyof ChartsSeriesConfig>(seriesType: T): () => import(".").ProcessedSeries<keyof ChartsSeriesConfig>[T];

package/internals/createSeriesSelectorOfType.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAllSeriesSelectorOfType = createAllSeriesSelectorOfType;
+exports.createSeriesSelectorsOfType = createSeriesSelectorsOfType;
+var _fastArrayCompare = require("@mui/x-internals/fastArrayCompare");
+var _warning = require("@mui/x-internals/warning");
+var _selectors = require("./plugins/utils/selectors");
+var _useChartSeries = require("./plugins/corePlugins/useChartSeries/useChartSeries.selectors");
+var _useStore = require("./store/useStore");
+var _useSelector = require("./store/useSelector");
+function createSeriesSelectorsOfType(seriesType) {
+  const selectorSeriesWithIds = (0, _selectors.createSelector)([_useChartSeries.selectorChartSeriesProcessed, (_, ids) => ids], (processedSeries, ids) => {
+    if (!ids || Array.isArray(ids) && ids.length === 0) {
+      return processedSeries[seriesType]?.seriesOrder?.map(seriesId => processedSeries[seriesType]?.series[seriesId]) ?? [];
+    }
+    if (!Array.isArray(ids)) {
+      return processedSeries[seriesType]?.series?.[ids];
+    }
+    const result = [];
+    const failedIds = [];
+    for (const id of ids) {
+      const series = processedSeries[seriesType]?.series?.[id];
+      if (series) {
+        result.push(series);
+      } else {
+        failedIds.push(id);
+      }
+    }
+    if (process.env.NODE_ENV !== 'production' && failedIds.length > 0) {
+      const formattedIds = failedIds.map(v => JSON.stringify(v)).join(', ');
+      const fnName = `use${seriesType.charAt(0).toUpperCase()}${seriesType.slice(1)}Series`;
+      (0, _warning.warnOnce)([`MUI X: The following ids provided to "${fnName}" could not be found: ${formattedIds}.`, `Make sure that they exist and their series are using the "${seriesType}" series type.`]);
+    }
+    return result;
+  });
+  return ids => {
+    const store = (0, _useStore.useStore)();
+    return (0, _useSelector.useSelector)(store, selectorSeriesWithIds, ids, _fastArrayCompare.fastArrayCompare);
+  };
+}
+function createAllSeriesSelectorOfType(seriesType) {
+  const selectorSeries = (0, _selectors.createSelector)(_useChartSeries.selectorChartSeriesProcessed, processedSeries => processedSeries[seriesType]);
+  return () => {
+    const store = (0, _useStore.useStore)();
+    return (0, _useSelector.useSelector)(store, selectorSeries);
+  };
+}

package/internals/defaultizeColor.d.ts

@@ -1,107 +1,107 @@
-import { AllSeriesType } from '../models/seriesType';
+import { AllSeriesType } from "../models/seriesType/index.js";
 export declare function defaultizeColor(series: AllSeriesType, seriesIndex: number, colors: string[]): {
-    data: {
-        value: number;
-        label?: string | ((location: "tooltip" | "legend" | "arc") => string) | undefined;
-        color: string;
-        labelMarkType?: "line" | "circle" | "square" | undefined;
-        id?: import("..").PieItemId | undefined;
-    }[];
-    type: "pie";
-    innerRadius?: number | string;
-    outerRadius?: number | string;
-    arcLabelRadius?: number | string;
+  data: {
+    value: number;
+    label?: string | ((location: "tooltip" | "legend" | "arc") => string) | undefined;
+    color: string;
+    labelMarkType?: "line" | "circle" | "square" | undefined;
+    id?: import("..").PieItemId | undefined;
+  }[];
+  type: "pie";
+  innerRadius?: number | string;
+  outerRadius?: number | string;
+  arcLabelRadius?: number | string;
+  cornerRadius?: number;
+  startAngle?: number;
+  endAngle?: number;
+  paddingAngle?: number;
+  sortingValues?: import("..").ChartsPieSorting;
+  arcLabel?: "formattedValue" | "label" | "value" | ((item: Omit<import("..").DefaultizedPieValueType, "label"> & {
+    label?: string;
+  }) => string);
+  arcLabelMinAngle?: number;
+  cx?: number | string;
+  cy?: number | string;
+  highlighted?: {
+    additionalRadius?: number;
+    innerRadius?: number;
+    outerRadius?: number;
+    cornerRadius?: number;
+    paddingAngle?: number;
+    arcLabelRadius?: number;
+    color?: string;
+  };
+  faded?: {
+    additionalRadius?: number;
+    innerRadius?: number;
+    outerRadius?: number;
     cornerRadius?: number;
-    startAngle?: number;
-    endAngle?: number;
     paddingAngle?: number;
-    sortingValues?: import("..").ChartsPieSorting;
-    arcLabel?: "formattedValue" | "label" | "value" | ((item: Omit<import("..").DefaultizedPieValueType, "label"> & {
-        label?: string;
-    }) => string);
-    arcLabelMinAngle?: number;
-    cx?: number | string;
-    cy?: number | string;
-    highlighted?: {
-        additionalRadius?: number;
-        innerRadius?: number;
-        outerRadius?: number;
-        cornerRadius?: number;
-        paddingAngle?: number;
-        arcLabelRadius?: number;
-        color?: string;
-    };
-    faded?: {
-        additionalRadius?: number;
-        innerRadius?: number;
-        outerRadius?: number;
-        cornerRadius?: number;
-        paddingAngle?: number;
-        arcLabelRadius?: number;
-        color?: string;
-    };
-    id?: import(".").SeriesId;
+    arcLabelRadius?: number;
     color?: string;
-    valueFormatter?: import(".").SeriesValueFormatter<import("@mui/x-internals/types").MakeOptional<import("..").PieValueType, "id">> | undefined;
-    highlightScope?: Partial<import("..").HighlightScope>;
-    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
+  };
+  id?: import(".").SeriesId;
+  color?: string;
+  valueFormatter?: import(".").SeriesValueFormatter<import("@mui/x-internals/types").MakeOptional<import("..").PieValueType, "id">> | undefined;
+  highlightScope?: Partial<import("..").HighlightScope>;
+  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
 } | {
-    type: "bar";
-    data?: (number | null)[];
-    dataKey?: string;
-    label?: string | ((location: "tooltip" | "legend") => string);
-    layout?: "horizontal" | "vertical";
-    stackOffset?: import("..").StackOffsetType;
-    id?: import(".").SeriesId;
-    color: string;
-    valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
-    highlightScope?: Partial<import("..").HighlightScope>;
-    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-    xAxisId?: string;
-    yAxisId?: string;
-    stack?: string;
-    stackOrder?: import("..").StackOrderType;
+  type: "bar";
+  data?: (number | null)[];
+  dataKey?: string;
+  label?: string | ((location: "tooltip" | "legend") => string);
+  layout?: "horizontal" | "vertical";
+  stackOffset?: import("..").StackOffsetType;
+  id?: import(".").SeriesId;
+  color: string;
+  valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
+  highlightScope?: Partial<import("..").HighlightScope>;
+  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
+  xAxisId?: string;
+  yAxisId?: string;
+  stack?: string;
+  stackOrder?: import("..").StackOrderType;
 } | {
-    type: "line";
-    data?: (number | null)[];
-    dataKey?: string;
-    stack?: string;
-    area?: boolean;
-    label?: string | ((location: "tooltip" | "legend") => string);
-    curve?: import("..").CurveType;
-    strictStepCurve?: boolean;
-    showMark?: boolean | ((params: import("..").ShowMarkParams) => boolean);
-    shape?: "circle" | "cross" | "diamond" | "square" | "star" | "triangle" | "wye";
-    disableHighlight?: boolean;
-    connectNulls?: boolean;
-    stackOffset?: import("..").StackOffsetType;
-    baseline?: number | "min" | "max";
-    id?: import(".").SeriesId;
-    color: string;
-    valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
-    highlightScope?: Partial<import("..").HighlightScope>;
-    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-    xAxisId?: string;
-    yAxisId?: string;
-    stackOrder?: import("..").StackOrderType;
+  type: "line";
+  data?: (number | null)[];
+  dataKey?: string;
+  stack?: string;
+  area?: boolean;
+  label?: string | ((location: "tooltip" | "legend") => string);
+  curve?: import("..").CurveType;
+  strictStepCurve?: boolean;
+  showMark?: boolean | ((params: import("..").ShowMarkParams) => boolean);
+  shape?: "circle" | "cross" | "diamond" | "square" | "star" | "triangle" | "wye";
+  disableHighlight?: boolean;
+  connectNulls?: boolean;
+  stackOffset?: import("..").StackOffsetType;
+  baseline?: number | "min" | "max";
+  id?: import(".").SeriesId;
+  color: string;
+  valueFormatter?: import(".").SeriesValueFormatter<number | null> | undefined;
+  highlightScope?: Partial<import("..").HighlightScope>;
+  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
+  xAxisId?: string;
+  yAxisId?: string;
+  stackOrder?: import("..").StackOrderType;
 } | {
-    type: "scatter";
-    data?: import("..").ScatterValueType[];
-    markerSize?: number;
-    label?: string | ((location: "tooltip" | "legend") => string);
-    disableHover?: boolean;
-    zAxisId?: string;
-    datasetKeys?: {
-        x: string;
-        y: string;
-        z?: string;
-        id?: string;
-    };
-    id?: import(".").SeriesId;
-    color: string;
-    valueFormatter?: import(".").SeriesValueFormatter<import("..").ScatterValueType | null> | undefined;
-    highlightScope?: Partial<import("..").HighlightScope>;
-    labelMarkType?: import("..").ChartsLabelMarkProps["type"];
-    xAxisId?: string;
-    yAxisId?: string;
-};
+  type: "scatter";
+  data?: import("..").ScatterValueType[];
+  markerSize?: number;
+  label?: string | ((location: "tooltip" | "legend") => string);
+  disableHover?: boolean;
+  zAxisId?: string;
+  datasetKeys?: {
+    x: string;
+    y: string;
+    z?: string;
+    id?: string;
+  };
+  id?: import(".").SeriesId;
+  color: string;
+  valueFormatter?: import(".").SeriesValueFormatter<import("..").ScatterValueType | null> | undefined;
+  highlightScope?: Partial<import("..").HighlightScope>;
+  labelMarkType?: import("..").ChartsLabelMarkProps["type"];
+  xAxisId?: string;
+  yAxisId?: string;
+};

package/internals/defaultizeColor.js

@@ -1,13 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-export function defaultizeColor(series, seriesIndex, colors) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultizeColor = defaultizeColor;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+function defaultizeColor(series, seriesIndex, colors) {
   if (series.type === 'pie') {
-    return _extends({}, series, {
-      data: series.data.map((d, index) => _extends({
+    return (0, _extends2.default)({}, series, {
+      data: series.data.map((d, index) => (0, _extends2.default)({
         color: colors[index % colors.length]
       }, d))
     });
   }
-  return _extends({
+  return (0, _extends2.default)({
     color: colors[seriesIndex % colors.length]
   }, series);
 }

package/internals/defaultizeValueFormatter.d.ts

@@ -1,6 +1,6 @@
-import { SeriesId, SeriesValueFormatter } from '../models/seriesType/common';
+import { SeriesId, SeriesValueFormatter } from "../models/seriesType/common.js";
 export declare function defaultizeValueFormatter<TValue, ISeries extends {
-    valueFormatter?: SeriesValueFormatter<TValue>;
+  valueFormatter?: SeriesValueFormatter<TValue>;
 }>(series: Record<SeriesId, ISeries>, defaultValueFormatter: SeriesValueFormatter<TValue>): Record<SeriesId, ISeries & {
-    valueFormatter: SeriesValueFormatter<TValue>;
-}>;
+  valueFormatter: SeriesValueFormatter<TValue>;
+}>;

package/internals/defaultizeValueFormatter.js

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

package/internals/domUtils.d.ts

@@ -12,4 +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;
+export declare function unstable_cleanupDOM(): void;

package/internals/domUtils.js

@@ -1,4 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+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"));
 // DOM utils taken from
 // https://github.com/recharts/recharts/blob/master/src/util/DOMUtils.ts
 
@@ -20,7 +28,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'];
-export const MEASUREMENT_SPAN_ID = 'mui_measurement_span';
+const MEASUREMENT_SPAN_ID = exports.MEASUREMENT_SPAN_ID = 'mui_measurement_span';
 
 /**
  *
@@ -56,7 +64,8 @@ function camelToMiddleLine(text) {
  * @param style React style object
  * @returns CSS styling string
  */
-export const getStyleString = style => Object.keys(style).sort().reduce((result, s) => `${result}${camelToMiddleLine(s)}:${autoCompleteStyle(s, style[s])};`, '');
+const getStyleString = style => Object.keys(style).sort().reduce((result, s) => `${result}${camelToMiddleLine(s)}:${autoCompleteStyle(s, style[s])};`, '');
+exports.getStyleString = getStyleString;
 let domCleanTimeout;
 /**
  *
@@ -64,7 +73,7 @@ let domCleanTimeout;
  * @param style The style applied
  * @returns width and height of the text
  */
-export const getStringSize = (text, style = {}) => {
+const getStringSize = (text, style = {}) => {
   if (text === undefined || text === null || isSsr()) {
     return {
       width: 0,
@@ -87,7 +96,7 @@ export 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 = _extends({}, SPAN_STYLE, style);
+    const measurementSpanStyle = (0, _extends2.default)({}, SPAN_STYLE, style);
     Object.keys(measurementSpanStyle).map(styleKey => {
       measurementSpan.style[camelToMiddleLine(styleKey)] = autoCompleteStyle(styleKey, measurementSpanStyle[styleKey]);
       return styleKey;
@@ -122,7 +131,8 @@ export const getStringSize = (text, style = {}) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-export function unstable_cleanupDOM() {
+exports.getStringSize = getStringSize;
+function unstable_cleanupDOM() {
   // const measurementSpan = document.getElementById(MEASUREMENT_SPAN_ID);
   // measurementSpan?.remove();
 }

package/internals/geometry.d.ts

@@ -6,4 +6,4 @@
  * @param height the side along the y-axis.
  * @param angle the rotation in degrees.
  */
-export declare function getMinXTranslation(width: number, height: number, angle?: number): number;
+export declare function getMinXTranslation(width: number, height: number, angle?: number): number;

package/internals/geometry.js

@@ -1,4 +1,10 @@
-import { warnOnce } from '@mui/x-internals/warning';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMinXTranslation = getMinXTranslation;
+var _warning = require("@mui/x-internals/warning");
 const ANGLE_APPROX = 5; // Angle (in deg) for which we approximate the rectangle as perfectly horizontal/vertical
 
 /**
@@ -9,10 +15,10 @@ const ANGLE_APPROX = 5; // Angle (in deg) for which we approximate the rectangle
  * @param height the side along the y-axis.
  * @param angle the rotation in degrees.
  */
-export function getMinXTranslation(width, height, angle = 0) {
+function getMinXTranslation(width, height, angle = 0) {
   if (process.env.NODE_ENV !== 'production') {
     if (angle > 90 && angle < -90) {
-      warnOnce([`MUI X: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`]);
+      (0, _warning.warnOnce)([`MUI X: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`]);
     }
   }
   const standardAngle = Math.min(Math.abs(angle) % 180, Math.abs(Math.abs(angle) % 180 - 180) % 180); // Map from R to [0, 90]

package/internals/getCurve.d.ts

@@ -1,2 +1,2 @@
-import { CurveType } from '../models/curve';
-export declare function getCurveFactory(curveType?: CurveType): import("@mui/x-charts-vendor/d3-shape").CurveFactory;
+import { CurveType } from "../models/curve.js";
+export declare function getCurveFactory(curveType?: CurveType): import("@mui/x-charts-vendor/d3-shape").CurveFactory;

package/internals/getCurve.js

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

package/internals/getLabel.d.ts

@@ -1 +1 @@
-export declare function getLabel<Location extends string>(value: string | ((location: Location) => string) | undefined, location: Location): string | undefined;
+export declare function getLabel<Location extends string>(value: string | ((location: Location) => string) | undefined, location: Location): string | undefined;

package/internals/getLabel.js

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

package/internals/getPercentageValue.d.ts

@@ -4,4 +4,4 @@
  * @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 declare function getPercentageValue(value: number | string, refValue: number): number;

package/internals/getPercentageValue.js

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

package/internals/getSVGPoint.d.ts

@@ -3,4 +3,4 @@
  * @param svg The SVG element
  * @param event The mouseEvent to transform
  */
-export declare function getSVGPoint(svg: SVGSVGElement, event: Pick<MouseEvent, 'clientX' | 'clientY'>): DOMPoint;
+export declare function getSVGPoint(svg: SVGSVGElement, event: Pick<MouseEvent, 'clientX' | 'clientY'>): DOMPoint;

package/internals/getSVGPoint.js

@@ -1,9 +1,15 @@
+"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
  */
-export function getSVGPoint(svg, event) {
+function getSVGPoint(svg, event) {
   const pt = svg.createSVGPoint();
   pt.x = event.clientX;
   pt.y = event.clientY;

package/internals/getScale.d.ts

@@ -1,2 +1,2 @@
-import { ContinuousScaleName, D3ContinuousScale } from '../models/axis';
-export declare function getScale(scaleType: ContinuousScaleName, domain: any[], range: any[]): D3ContinuousScale;
+import { ContinuousScaleName, D3ContinuousScale } from "../models/axis.js";
+export declare function getScale(scaleType: ContinuousScaleName, domain: any[], range: any[]): D3ContinuousScale;

package/internals/getScale.js

@@ -1,17 +1,23 @@
-import { scaleLog, scalePow, scaleSqrt, scaleTime, scaleUtc, scaleLinear } from '@mui/x-charts-vendor/d3-scale';
-export function getScale(scaleType, domain, range) {
+"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) {
   switch (scaleType) {
     case 'log':
-      return scaleLog(domain, range);
+      return (0, _d3Scale.scaleLog)(domain, range);
     case 'pow':
-      return scalePow(domain, range);
+      return (0, _d3Scale.scalePow)(domain, range);
     case 'sqrt':
-      return scaleSqrt(domain, range);
+      return (0, _d3Scale.scaleSqrt)(domain, range);
     case 'time':
-      return scaleTime(domain, range);
+      return (0, _d3Scale.scaleTime)(domain, range);
     case 'utc':
-      return scaleUtc(domain, range);
+      return (0, _d3Scale.scaleUtc)(domain, range);
     default:
-      return scaleLinear(domain, range);
+      return (0, _d3Scale.scaleLinear)(domain, range);
   }
 }

package/internals/getSymbol.d.ts

@@ -1,2 +1,2 @@
 export type SymbolsTypes = 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
-export declare function getSymbol(shape: SymbolsTypes): number;
+export declare function getSymbol(shape: SymbolsTypes): number;