@mui/x-charts 7.14.0 → 7.16.0

package/context/CartesianProvider/CartesianProvider.js

@@ -1,37 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CartesianProvider = CartesianProvider;
-var React = _interopRequireWildcard(require("react"));
-var _useDrawingArea = require("../../hooks/useDrawingArea");
-var _useSeries = require("../../hooks/useSeries");
-var _CartesianContext = require("./CartesianContext");
-var _computeValue = require("./computeValue");
-var _useXExtremumGetter = require("../PluginProvider/useXExtremumGetter");
-var _PluginProvider = require("../PluginProvider");
-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 { useDrawingArea } from "../../hooks/useDrawingArea.js";
+import { useSeries } from "../../hooks/useSeries.js";
+import { CartesianContext } from "./CartesianContext.js";
+import { computeValue } from "./computeValue.js";
+import { useXExtremumGetter } from "../PluginProvider/useXExtremumGetter.js";
+import { useYExtremumGetter } from "../PluginProvider/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 function CartesianProvider(props) {
   const {
     xAxis,
     yAxis,
     children
   } = props;
-  const formattedSeries = (0, _useSeries.useSeries)();
-  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
-  const xExtremumGetters = (0, _useXExtremumGetter.useXExtremumGetter)();
-  const yExtremumGetters = (0, _PluginProvider.useYExtremumGetter)();
-  const xValues = React.useMemo(() => (0, _computeValue.computeValue)({
+  const formattedSeries = useSeries();
+  const drawingArea = useDrawingArea();
+  const xExtremumGetters = useXExtremumGetter();
+  const yExtremumGetters = useYExtremumGetter();
+  const xValues = React.useMemo(() => computeValue({
     drawingArea,
     formattedSeries,
     axis: xAxis,
     extremumGetters: xExtremumGetters,
     axisDirection: 'x'
   }), [drawingArea, formattedSeries, xAxis, xExtremumGetters]);
-  const yValues = React.useMemo(() => (0, _computeValue.computeValue)({
+  const yValues = React.useMemo(() => computeValue({
     drawingArea,
     formattedSeries,
     axis: yAxis,
@@ -47,8 +39,9 @@ function CartesianProvider(props) {
       yAxisIds: yValues.axisIds
     }
   }), [xValues, yValues]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartesianContext.CartesianContext.Provider, {
+  return /*#__PURE__*/_jsx(CartesianContext.Provider, {
     value: value,
     children: children
   });
-}
+}
+export { CartesianProvider };

package/context/CartesianProvider/computeValue.js

@@ -1,32 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.computeValue = computeValue;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
-var _axis = require("../../models/axis");
-var _colorScale = require("../../internals/colorScale");
-var _useTicks = require("../../hooks/useTicks");
-var _getScale = require("../../internals/getScale");
-var _zoom = require("./zoom");
-var _getAxisExtremum = require("./getAxisExtremum");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { scaleBand, scalePoint, scaleTime } from '@mui/x-charts-vendor/d3-scale';
+import { isBandScaleConfig, isPointScaleConfig } from "../../models/axis.js";
+import { getColorScale, getOrdinalColorScale } from "../../internals/colorScale.js";
+import { getTickNumber } from "../../hooks/useTicks.js";
+import { getScale } from "../../internals/getScale.js";
+import { zoomScaleRange } from "./zoom.js";
+import { getAxisExtremum } from "./getAxisExtremum.js";
 const getRange = (drawingArea, axisDirection, isReverse) => {
   const range = axisDirection === 'x' ? [drawingArea.left, drawingArea.left + drawingArea.width] : [drawingArea.top + drawingArea.height, drawingArea.top];
   return isReverse ? range.reverse() : range;
 };
 const isDateData = data => data?.[0] instanceof Date;
 function createDateFormatter(axis, range) {
-  const timeScale = (0, _d3Scale.scaleTime)(axis.data, range);
+  const timeScale = scaleTime(axis.data, range);
   return (v, {
     location
   }) => location === 'tick' ? timeScale.tickFormat(axis.tickNumber)(v) : `${v.toLocaleString()}`;
 }
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
-function computeValue({
+export function computeValue({
   drawingArea,
   formattedSeries,
   axis: allAxis,
@@ -46,41 +39,41 @@ function computeValue({
     }) => axisId === axis.id);
     const zoomRange = zoom ? [zoom.start, zoom.end] : [0, 100];
     const range = getRange(drawingArea, axisDirection, axis.reverse);
-    const [minData, maxData] = (0, _getAxisExtremum.getAxisExtremum)(axis, extremumGetters, isDefaultAxis, formattedSeries, zoom === undefined && !zoomOption ? getFilters : undefined // Do not apply filtering if zoom is already defined.
+    const [minData, maxData] = getAxisExtremum(axis, extremumGetters, isDefaultAxis, formattedSeries, zoom === undefined && !zoomOption ? getFilters : undefined // Do not apply filtering if zoom is already defined.
     );
     const data = axis.data ?? [];
-    if ((0, _axis.isBandScaleConfig)(axis)) {
+    if (isBandScaleConfig(axis)) {
       const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
       const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
       // Reverse range because ordinal scales are presented from top to bottom on y-axis
       const scaleRange = axisDirection === 'x' ? range : [range[1], range[0]];
-      const zoomedRange = (0, _zoom.zoomScaleRange)(scaleRange, zoomRange);
-      completeAxis[axis.id] = (0, _extends2.default)({
+      const zoomedRange = zoomScaleRange(scaleRange, zoomRange);
+      completeAxis[axis.id] = _extends({
         categoryGapRatio,
         barGapRatio
       }, axis, {
         data,
-        scale: (0, _d3Scale.scaleBand)(axis.data, zoomedRange).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
+        scale: scaleBand(axis.data, zoomedRange).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
         tickNumber: axis.data.length,
-        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
+        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
           values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
+        }, axis.colorMap)) : getColorScale(axis.colorMap))
       });
       if (isDateData(axis.data)) {
         const dateFormatter = createDateFormatter(axis, scaleRange);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }
-    if ((0, _axis.isPointScaleConfig)(axis)) {
+    if (isPointScaleConfig(axis)) {
       const scaleRange = axisDirection === 'x' ? range : [...range].reverse();
-      const zoomedRange = (0, _zoom.zoomScaleRange)(scaleRange, zoomRange);
-      completeAxis[axis.id] = (0, _extends2.default)({}, axis, {
+      const zoomedRange = zoomScaleRange(scaleRange, zoomRange);
+      completeAxis[axis.id] = _extends({}, axis, {
         data,
-        scale: (0, _d3Scale.scalePoint)(axis.data, zoomedRange),
+        scale: scalePoint(axis.data, zoomedRange),
         tickNumber: axis.data.length,
-        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
+        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
           values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
+        }, axis.colorMap)) : getColorScale(axis.colorMap))
       });
       if (isDateData(axis.data)) {
         const dateFormatter = createDateFormatter(axis, scaleRange);
@@ -93,23 +86,23 @@ function computeValue({
     }
     const scaleType = axis.scaleType ?? 'linear';
     const axisExtremums = [axis.min ?? minData, axis.max ?? maxData];
-    const rawTickNumber = (0, _useTicks.getTickNumber)((0, _extends2.default)({}, axis, {
+    const rawTickNumber = getTickNumber(_extends({}, axis, {
       range,
       domain: axisExtremums
     }));
     const tickNumber = rawTickNumber / ((zoomRange[1] - zoomRange[0]) / 100);
-    const zoomedRange = (0, _zoom.zoomScaleRange)(range, zoomRange);
+    const zoomedRange = zoomScaleRange(range, zoomRange);
 
     // TODO: move nice to prop? Disable when there is zoom?
-    const scale = (0, _getScale.getScale)(scaleType, axisExtremums, zoomedRange).nice(rawTickNumber);
+    const scale = getScale(scaleType, axisExtremums, zoomedRange).nice(rawTickNumber);
     const [minDomain, maxDomain] = scale.domain();
     const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
-    completeAxis[axis.id] = (0, _extends2.default)({}, axis, {
+    completeAxis[axis.id] = _extends({}, axis, {
       data,
       scaleType: scaleType,
       scale: scale.domain(domain),
       tickNumber,
-      colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap)
+      colorScale: axis.colorMap && getColorScale(axis.colorMap)
     });
   });
   return {

package/context/CartesianProvider/defaultizeAxis.d.ts

@@ -9,12 +9,10 @@ export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName,
     label?: string | undefined;
     max?: (number | Date) | undefined;
     min?: (number | Date) | undefined;
+    valueFormatter?: ((value: any, context: import("../../models/axis").AxisValueFormatterContext) => string) | undefined;
+    dataKey?: string | undefined;
     sx?: import("@mui/system").SxProps | undefined;
     classes?: Partial<import("../..").ChartsAxisClasses> | undefined;
-    slots?: Partial<import("../../models/axis").ChartsAxisSlots> | undefined;
-    slotProps?: Partial<import("../../models/axis").ChartsAxisSlotProps> | undefined;
-    dataKey?: string | undefined;
-    valueFormatter?: ((value: any, context: import("../../models/axis").AxisValueFormatterContext) => string) | undefined;
     tickMaxStep?: number | undefined;
     tickMinStep?: number | undefined;
     tickNumber?: number | undefined;
@@ -26,6 +24,8 @@ export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName,
     tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
     labelFontSize?: number | undefined;
     tickSize?: number | undefined;
+    slots?: Partial<import("../../models/axis").ChartsAxisSlots> | undefined;
+    slotProps?: Partial<import("../../models/axis").ChartsAxisSlotProps> | undefined;
     tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
     tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
     tickLabelPlacement?: ("middle" | "tick") | undefined;

package/context/CartesianProvider/defaultizeAxis.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultizeAxis = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _constants = require("../../constants");
-const defaultizeAxis = (inAxis, axisName) => {
-  const DEFAULT_AXIS_KEY = axisName === 'x' ? _constants.DEFAULT_X_AXIS_KEY : _constants.DEFAULT_Y_AXIS_KEY;
-  return [...(inAxis?.map((axis, index) => (0, _extends2.default)({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../../constants/index.js";
+export const defaultizeAxis = (inAxis, axisName) => {
+  const DEFAULT_AXIS_KEY = axisName === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY;
+  return [...(inAxis?.map((axis, index) => _extends({
     id: `defaultized-${axisName}-axis-${index}`
   }, axis)) ?? []), ...(inAxis === undefined || inAxis.findIndex(({
     id
@@ -17,5 +10,4 @@ const defaultizeAxis = (inAxis, axisName) => {
     id: DEFAULT_AXIS_KEY,
     scaleType: 'linear'
   }] : [])];
-};
-exports.defaultizeAxis = defaultizeAxis;
+};

package/context/CartesianProvider/getAxisExtremum.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getAxisExtremum = void 0;
 const axisExtremumCallback = (acc, chartType, axis, getters, isDefaultAxis, formattedSeries, getFilters) => {
   const getter = getters[chartType];
   const series = formattedSeries[chartType]?.series ?? {};
@@ -16,12 +10,11 @@ const axisExtremumCallback = (acc, chartType, axis, getters, isDefaultAxis, form
   const [minData, maxData] = acc;
   return [Math.min(minChartTypeData, minData), Math.max(maxChartTypeData, maxData)];
 };
-const getAxisExtremum = (axis, getters, isDefaultAxis, formattedSeries, getFilters) => {
+export const getAxisExtremum = (axis, getters, isDefaultAxis, formattedSeries, getFilters) => {
   const charTypes = Object.keys(getters);
   const extremums = charTypes.reduce((acc, charType) => axisExtremumCallback(acc, charType, axis, getters, isDefaultAxis, formattedSeries, getFilters), [Infinity, -Infinity]);
   if (Number.isNaN(extremums[0]) || Number.isNaN(extremums[1])) {
     return [Infinity, -Infinity];
   }
   return extremums;
-};
-exports.getAxisExtremum = getAxisExtremum;
+};

package/context/CartesianProvider/index.js

@@ -1,61 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  cartesianProviderUtils: true
+import { computeValue } from "./computeValue.js";
+export * from "./CartesianProvider.js";
+export * from "./CartesianContext.js";
+export * from "./useCartesianContext.js";
+export * from "./Cartesian.types.js";
+const cartesianProviderUtils = {
+  computeValue
 };
-exports.cartesianProviderUtils = void 0;
-var _computeValue = require("./computeValue");
-var _CartesianProvider = require("./CartesianProvider");
-Object.keys(_CartesianProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _CartesianProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _CartesianProvider[key];
-    }
-  });
-});
-var _CartesianContext = require("./CartesianContext");
-Object.keys(_CartesianContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _CartesianContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _CartesianContext[key];
-    }
-  });
-});
-var _useCartesianContext = require("./useCartesianContext");
-Object.keys(_useCartesianContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useCartesianContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useCartesianContext[key];
-    }
-  });
-});
-var _Cartesian = require("./Cartesian.types");
-Object.keys(_Cartesian).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Cartesian[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Cartesian[key];
-    }
-  });
-});
-const cartesianProviderUtils = exports.cartesianProviderUtils = {
-  computeValue: _computeValue.computeValue
-};
+export { cartesianProviderUtils };

package/context/CartesianProvider/useCartesianContext.js

@@ -1,17 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCartesianContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _CartesianContext = require("./CartesianContext");
-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; }
-const useCartesianContext = () => {
+import * as React from 'react';
+import { CartesianContext } from "./CartesianContext.js";
+export const useCartesianContext = () => {
   const {
     data
-  } = React.useContext(_CartesianContext.CartesianContext);
+  } = React.useContext(CartesianContext);
   return data;
-};
-exports.useCartesianContext = useCartesianContext;
+};

package/context/CartesianProvider/zoom.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.zoomScaleRange = void 0;
 /**
  * Applies the zoom into the scale range.
  * It changes the screen coordinates that the scale covers.
@@ -13,7 +7,7 @@ exports.zoomScaleRange = void 0;
  * @param zoomRange the zoom range in percentage.
  * @returns zoomed range in real screen coordinates.
  */
-const zoomScaleRange = (scaleRange, zoomRange) => {
+export const zoomScaleRange = (scaleRange, zoomRange) => {
   const rangeGap = scaleRange[1] - scaleRange[0];
   const zoomGap = zoomRange[1] - zoomRange[0];
 
@@ -22,5 +16,4 @@ const zoomScaleRange = (scaleRange, zoomRange) => {
   const min = scaleRange[0] - zoomRange[0] * rangeGap / zoomGap;
   const max = scaleRange[1] + (100 - zoomRange[1]) * rangeGap / zoomGap;
   return [min, max];
-};
-exports.zoomScaleRange = zoomScaleRange;
+};

package/context/DrawingProvider.js

@@ -1,24 +1,13 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import useId from '@mui/utils/useId';
+import useChartDimensions from "../hooks/useChartDimensions.js";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DrawingContext = void 0;
-exports.DrawingProvider = DrawingProvider;
-exports.SvgContext = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _useId = _interopRequireDefault(require("@mui/utils/useId"));
-var _useChartDimensions = _interopRequireDefault(require("../hooks/useChartDimensions"));
-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; }
 /**
  * Defines the area in which it is possible to draw the charts.
  */
-
-const DrawingContext = exports.DrawingContext = /*#__PURE__*/React.createContext({
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DrawingContext = /*#__PURE__*/React.createContext({
   top: 0,
   left: 0,
   bottom: 0,
@@ -31,7 +20,7 @@ const DrawingContext = exports.DrawingContext = /*#__PURE__*/React.createContext
 if (process.env.NODE_ENV !== 'production') {
   DrawingContext.displayName = 'DrawingContext';
 }
-const SvgContext = exports.SvgContext = /*#__PURE__*/React.createContext({
+export const SvgContext = /*#__PURE__*/React.createContext({
   isInitialized: false,
   data: {
     current: null
@@ -40,7 +29,7 @@ const SvgContext = exports.SvgContext = /*#__PURE__*/React.createContext({
 if (process.env.NODE_ENV !== 'production') {
   SvgContext.displayName = 'SvgContext';
 }
-function DrawingProvider(props) {
+export function DrawingProvider(props) {
   const {
     width,
     height,
@@ -48,8 +37,8 @@ function DrawingProvider(props) {
     svgRef,
     children
   } = props;
-  const drawingArea = (0, _useChartDimensions.default)(width, height, margin);
-  const chartId = (0, _useId.default)();
+  const drawingArea = useChartDimensions(width, height, margin);
+  const chartId = useId();
   const isPointInside = React.useCallback(({
     x,
     y
@@ -68,7 +57,7 @@ function DrawingProvider(props) {
     }
     return isInsideX && isInsideY;
   }, [drawingArea]);
-  const value = React.useMemo(() => (0, _extends2.default)({
+  const value = React.useMemo(() => _extends({
     chartId: chartId ?? ''
   }, drawingArea, {
     isPointInside
@@ -77,9 +66,9 @@ function DrawingProvider(props) {
     isInitialized: true,
     data: svgRef
   }), [svgRef]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SvgContext.Provider, {
+  return /*#__PURE__*/_jsx(SvgContext.Provider, {
     value: refValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawingContext.Provider, {
+    children: /*#__PURE__*/_jsx(DrawingContext.Provider, {
       value: value,
       children: children
     })

package/context/HighlightedProvider/HighlightedContext.js

@@ -1,12 +1,5 @@
-"use strict";
+import * as React from 'react';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HighlightedContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-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; }
 /**
  * The data of the highlighted item.
  * To highlight an item, you need to provide the series id and the item id.
@@ -24,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * {}
  */
 
-const HighlightedContext = exports.HighlightedContext = /*#__PURE__*/React.createContext({
+export const HighlightedContext = /*#__PURE__*/React.createContext({
   isInitialized: false,
   data: {
     highlightedItem: null,

package/context/HighlightedProvider/HighlightedProvider.js

@@ -1,31 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HighlightedProvider = HighlightedProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
-var _HighlightedContext = require("./HighlightedContext");
-var _createIsFaded = require("./createIsFaded");
-var _createIsHighlighted = require("./createIsHighlighted");
-var _useSeries = require("../../hooks/useSeries");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["highlighted", "faded"];
-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 PropTypes from 'prop-types';
+import useControlled from '@mui/utils/useControlled';
+import { HighlightedContext } from "./HighlightedContext.js";
+import { createIsFaded } from "./createIsFaded.js";
+import { createIsHighlighted } from "./createIsHighlighted.js";
+import { useSeries } from "../../hooks/useSeries.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const mergeDeprecatedOptions = options => {
   const _ref = options ?? {},
     {
       highlighted,
       faded
     } = _ref,
-    other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  return (0, _extends2.default)({
+    other = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return _extends({
     highlight: highlighted,
     fade: faded
   }, other);
@@ -35,13 +26,13 @@ function HighlightedProvider({
   highlightedItem: highlightedItemProps,
   onHighlightChange
 }) {
-  const [highlightedItem, setHighlightedItem] = (0, _useControlled.default)({
+  const [highlightedItem, setHighlightedItem] = useControlled({
     controlled: highlightedItemProps,
     default: null,
     name: 'HighlightedProvider',
     state: 'highlightedItem'
   });
-  const series = (0, _useSeries.useSeries)();
+  const series = useSeries();
   const seriesById = React.useMemo(() => {
     const map = new Map();
     Object.keys(series).forEach(seriesType => {
@@ -68,12 +59,12 @@ function HighlightedProvider({
           setHighlightedItem(null);
           onHighlightChange?.(null);
         },
-        isHighlighted: (0, _createIsHighlighted.createIsHighlighted)(highlightScope, highlightedItem),
-        isFaded: (0, _createIsFaded.createIsFaded)(highlightScope, highlightedItem)
+        isHighlighted: createIsHighlighted(highlightScope, highlightedItem),
+        isFaded: createIsFaded(highlightScope, highlightedItem)
       }
     };
   }, [highlightedItem, highlightScope, setHighlightedItem, onHighlightChange]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HighlightedContext.HighlightedContext.Provider, {
+  return /*#__PURE__*/_jsx(HighlightedContext.Provider, {
     value: providerValue,
     children: children
   });
@@ -83,18 +74,19 @@ process.env.NODE_ENV !== "production" ? HighlightedProvider.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * The item currently highlighted. Turns highlighting into a controlled prop.
    */
-  highlightedItem: _propTypes.default.shape({
-    dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+  highlightedItem: PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
   }),
   /**
    * The callback fired when the highlighted item changes.
    *
    * @param {HighlightItemData | null} highlightedItem  The newly highlighted item.
    */
-  onHighlightChange: _propTypes.default.func
-} : void 0;
+  onHighlightChange: PropTypes.func
+} : void 0;
+export { HighlightedProvider };

package/context/HighlightedProvider/createIsFaded.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createIsFaded = void 0;
-const createIsFaded = (highlightScope, highlightedItem) => input => {
+export const createIsFaded = (highlightScope, highlightedItem) => input => {
   if (!highlightScope) {
     return false;
   }
@@ -15,5 +9,4 @@ const createIsFaded = (highlightScope, highlightedItem) => input => {
     return input.seriesId !== highlightedItem?.seriesId || input.dataIndex !== highlightedItem?.dataIndex;
   }
   return false;
-};
-exports.createIsFaded = createIsFaded;
+};

package/context/HighlightedProvider/createIsHighlighted.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createIsHighlighted = void 0;
-const createIsHighlighted = (highlightScope, highlightedItem) => input => {
+export const createIsHighlighted = (highlightScope, highlightedItem) => input => {
   if (!highlightScope) {
     return false;
   }
@@ -15,5 +9,4 @@ const createIsHighlighted = (highlightScope, highlightedItem) => input => {
     return input.dataIndex === highlightedItem?.dataIndex && input.seriesId === highlightedItem?.seriesId;
   }
   return false;
-};
-exports.createIsHighlighted = createIsHighlighted;
+};