@mui/x-charts 7.14.0 → 7.16.0

package/LineChart/MarkElement.js

@@ -1,34 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MarkElement = MarkElement;
-exports.getMarkElementUtilityClass = getMarkElementUtilityClass;
-exports.markElementClasses = void 0;
-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 _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _styles = require("@mui/material/styles");
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _web = require("@react-spring/web");
-var _getSymbol = require("../internals/getSymbol");
-var _InteractionProvider = require("../context/InteractionProvider");
-var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
-var _context = require("../context");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["x", "y", "id", "classes", "color", "shape", "dataIndex", "onClick", "skipAnimation"];
-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 getMarkElementUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiMarkElement', slot);
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import composeClasses from '@mui/utils/composeClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import { styled } from '@mui/material/styles';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
+import { animated, to, useSpring } from '@react-spring/web';
+import { getSymbol } from "../internals/getSymbol.js";
+import { InteractionContext } from "../context/InteractionProvider.js";
+import { useInteractionItemProps } from "../hooks/useInteractionItemProps.js";
+import { useItemHighlighted } from "../context/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function getMarkElementUtilityClass(slot) {
+  return generateUtilityClass('MuiMarkElement', slot);
 }
-const markElementClasses = exports.markElementClasses = (0, _generateUtilityClasses.default)('MuiMarkElement', ['root', 'highlighted', 'faded']);
+export const markElementClasses = generateUtilityClasses('MuiMarkElement', ['root', 'highlighted', 'faded']);
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -39,9 +28,9 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `series-${id}`, isHighlighted && 'highlighted', isFaded && 'faded']
   };
-  return (0, _composeClasses.default)(slots, getMarkElementUtilityClass, classes);
+  return composeClasses(slots, getMarkElementUtilityClass, classes);
 };
-const MarkElementPath = (0, _styles.styled)(_web.animated.path, {
+const MarkElementPath = styled(animated.path, {
   name: 'MuiMarkElement',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -75,20 +64,22 @@ function MarkElement(props) {
       onClick,
       skipAnimation
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const getInteractionItemProps = (0, _useInteractionItemProps.useInteractionItemProps)();
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const getInteractionItemProps = useInteractionItemProps();
   const {
     isFaded,
     isHighlighted
-  } = (0, _context.useItemHighlighted)({
+  } = useItemHighlighted({
     seriesId: id
   });
   const {
     axis
-  } = React.useContext(_InteractionProvider.InteractionContext);
-  const position = (0, _web.useSpring)({
-    x,
-    y,
+  } = React.useContext(InteractionContext);
+  const position = useSpring({
+    to: {
+      x,
+      y
+    },
     immediate: skipAnimation
   });
   const ownerState = {
@@ -99,14 +90,14 @@ function MarkElement(props) {
     color
   };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MarkElementPath, (0, _extends2.default)({}, other, {
+  return /*#__PURE__*/_jsx(MarkElementPath, _extends({}, other, {
     style: {
-      transform: (0, _web.to)([position.x, position.y], (pX, pY) => `translate(${pX}px, ${pY}px)`),
-      transformOrigin: (0, _web.to)([position.x, position.y], (pX, pY) => `${pX}px ${pY}px`)
+      transform: to([position.x, position.y], (pX, pY) => `translate(${pX}px, ${pY}px)`),
+      transformOrigin: to([position.x, position.y], (pX, pY) => `${pX}px ${pY}px`)
     },
     ownerState: ownerState,
     className: classes.root,
-    d: (0, _d3Shape.symbol)(_d3Shape.symbolsFill[(0, _getSymbol.getSymbol)(shape)])(),
+    d: d3Symbol(d3SymbolsFill[getSymbol(shape)])(),
     onClick: onClick,
     cursor: onClick ? 'pointer' : 'unset'
   }, getInteractionItemProps({
@@ -120,19 +111,20 @@ process.env.NODE_ENV !== "production" ? MarkElement.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * The index to the element in the series' data array.
    */
-  dataIndex: _propTypes.default.number.isRequired,
-  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  dataIndex: PropTypes.number.isRequired,
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
   /**
    * The shape of the marker.
    */
-  shape: _propTypes.default.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']).isRequired,
+  shape: PropTypes.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']).isRequired,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: _propTypes.default.bool
-} : void 0;
+  skipAnimation: PropTypes.bool
+} : void 0;
+export { MarkElement };

package/LineChart/MarkPlot.js

@@ -1,27 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MarkPlot = MarkPlot;
-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 _CartesianProvider = require("../context/CartesianProvider");
-var _MarkElement = require("./MarkElement");
-var _useScale = require("../hooks/useScale");
-var _useChartId = require("../hooks/useChartId");
-var _constants = require("../constants");
-var _cleanId = require("../internals/cleanId");
-var _getColor = _interopRequireDefault(require("./getColor"));
-var _useSeries = require("../hooks/useSeries");
-var _useDrawingArea = require("../hooks/useDrawingArea");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["slots", "slotProps", "skipAnimation", "onItemClick"];
-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 { useCartesianContext } from "../context/CartesianProvider/index.js";
+import { MarkElement } from "./MarkElement.js";
+import { getValueToPositionMapper } from "../hooks/useScale.js";
+import { useChartId } from "../hooks/useChartId.js";
+import { DEFAULT_X_AXIS_KEY } from "../constants/index.js";
+import { cleanId } from "../internals/cleanId.js";
+import getColor from "./getColor.js";
+import { useLineSeries } from "../hooks/useSeries.js";
+import { useDrawingArea } from "../hooks/useDrawingArea.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
  *
@@ -39,12 +30,12 @@ function MarkPlot(props) {
       skipAnimation,
       onItemClick
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const seriesData = (0, _useSeries.useLineSeries)();
-  const axisData = (0, _CartesianProvider.useCartesianContext)();
-  const chartId = (0, _useChartId.useChartId)();
-  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
-  const Mark = slots?.mark ?? _MarkElement.MarkElement;
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const seriesData = useLineSeries();
+  const axisData = useCartesianContext();
+  const chartId = useChartId();
+  const drawingArea = useDrawingArea();
+  const Mark = slots?.mark ?? MarkElement;
   if (seriesData === undefined) {
     return null;
   }
@@ -60,7 +51,7 @@ function MarkPlot(props) {
   } = axisData;
   const defaultXAxisId = xAxisIds[0];
   const defaultYAxisId = yAxisIds[0];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
+  return /*#__PURE__*/_jsx("g", _extends({}, other, {
     children: stackingGroups.flatMap(({
       ids: groupIds
     }) => {
@@ -79,16 +70,16 @@ function MarkPlot(props) {
         }
         const xAxisId = xAxisIdProp ?? xAxisKey;
         const yAxisId = yAxisIdProp ?? yAxisKey;
-        const xScale = (0, _useScale.getValueToPositionMapper)(xAxis[xAxisId].scale);
+        const xScale = getValueToPositionMapper(xAxis[xAxisId].scale);
         const yScale = yAxis[yAxisId].scale;
         const xData = xAxis[xAxisId].data;
         if (xData === undefined) {
-          throw new Error(`MUI X: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+          throw new Error(`MUI X: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
         }
-        const clipId = (0, _cleanId.cleanId)(`${chartId}-${seriesId}-line-clip`); // We assume that if displaying line mark, the line will also be rendered
+        const clipId = cleanId(`${chartId}-${seriesId}-line-clip`); // We assume that if displaying line mark, the line will also be rendered
 
-        const colorGetter = (0, _getColor.default)(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        const colorGetter = getColor(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
+        return /*#__PURE__*/_jsx("g", {
           clipPath: `url(#${clipId})`,
           children: xData?.map((x, index) => {
             const value = data[index] == null ? null : stackedData[index][1];
@@ -132,7 +123,7 @@ function MarkPlot(props) {
             y,
             index
           }) => {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(Mark, (0, _extends2.default)({
+            return /*#__PURE__*/_jsx(Mark, _extends({
               id: seriesId,
               dataIndex: index,
               shape: "circle",
@@ -163,20 +154,21 @@ process.env.NODE_ENV !== "production" ? MarkPlot.propTypes = {
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
    * @param {LineItemIdentifier} lineItemIdentifier The line mark item identifier.
    */
-  onItemClick: _propTypes.default.func,
+  onItemClick: PropTypes.func,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: _propTypes.default.bool,
+  skipAnimation: PropTypes.bool,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: _propTypes.default.object,
+  slotProps: PropTypes.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: _propTypes.default.object
-} : void 0;
+  slots: PropTypes.object
+} : void 0;
+export { MarkPlot };

package/LineChart/extremums.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getExtremumY = exports.getExtremumX = void 0;
-const getExtremumX = params => {
+export const getExtremumX = params => {
   const {
     axis
   } = params;
@@ -12,7 +6,6 @@ const getExtremumX = params => {
   const maxX = Math.max(...(axis.data ?? []));
   return [minX, maxX];
 };
-exports.getExtremumX = getExtremumX;
 function getSeriesExtremums(getValues, stackedData, filter) {
   return stackedData.reduce((seriesAcc, stackedValue, index) => {
     const [base, value] = getValues(stackedValue);
@@ -28,7 +21,7 @@ function getSeriesExtremums(getValues, stackedData, filter) {
     return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
   }, [Infinity, -Infinity]);
 }
-const getExtremumY = params => {
+export const getExtremumY = params => {
   const {
     series,
     axis,
@@ -57,5 +50,4 @@ const getExtremumY = params => {
     const [seriesMin, seriesMax] = seriesExtremums;
     return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
   }, [Infinity, -Infinity]);
-};
-exports.getExtremumY = getExtremumY;
+};

package/LineChart/formatter.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _stackSeries = require("../internals/stackSeries");
-var _defaultizeValueFormatter = require("../internals/defaultizeValueFormatter");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
+import { getStackingGroups } from "../internals/stackSeries.js";
+import { defaultizeValueFormatter } from "../internals/defaultizeValueFormatter.js";
 let warnedOnce = false;
 
 // For now it's a copy past of bar charts formatter, but maybe will diverge later
@@ -17,7 +10,7 @@ const formatter = (params, dataset) => {
     seriesOrder,
     series
   } = params;
-  const stackingGroups = (0, _stackSeries.getStackingGroups)((0, _extends2.default)({}, params, {
+  const stackingGroups = getStackingGroups(_extends({}, params, {
     defaultStrategy: {
       stackOffset: 'none'
     }
@@ -49,7 +42,7 @@ const formatter = (params, dataset) => {
       stackingOrder,
       stackingOffset
     } = stackingGroup;
-    const stackedSeries = (0, _d3Shape.stack)().keys(ids.map(id => {
+    const stackedSeries = d3Stack().keys(ids.map(id => {
       // Use dataKey if needed and available
       const dataKey = series[id].dataKey;
       return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
@@ -57,7 +50,7 @@ const formatter = (params, dataset) => {
     .order(stackingOrder).offset(stackingOffset)(d3Dataset);
     ids.forEach((id, index) => {
       const dataKey = series[id].dataKey;
-      completedSeries[id] = (0, _extends2.default)({}, series[id], {
+      completedSeries[id] = _extends({}, series[id], {
         data: dataKey ? dataset.map(data => {
           const value = data[dataKey];
           if (typeof value !== 'number') {
@@ -76,7 +69,7 @@ const formatter = (params, dataset) => {
   return {
     seriesOrder,
     stackingGroups,
-    series: (0, _defaultizeValueFormatter.defaultizeValueFormatter)(completedSeries, v => v == null ? '' : v.toLocaleString())
+    series: defaultizeValueFormatter(completedSeries, v => v == null ? '' : v.toLocaleString())
   };
 };
-var _default = exports.default = formatter;
+export default formatter;

package/LineChart/getColor.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const getColor = (series, xAxis, yAxis) => {
   const yColorScale = yAxis?.colorScale;
   const xColorScale = xAxis?.colorScale;
@@ -29,4 +23,4 @@ const getColor = (series, xAxis, yAxis) => {
   }
   return () => series.color;
 };
-var _default = exports.default = getColor;
+export default getColor;

package/LineChart/index.js

@@ -1,126 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _LineChart = require("./LineChart");
-Object.keys(_LineChart).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _LineChart[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _LineChart[key];
-    }
-  });
-});
-var _LinePlot = require("./LinePlot");
-Object.keys(_LinePlot).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _LinePlot[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _LinePlot[key];
-    }
-  });
-});
-var _AreaPlot = require("./AreaPlot");
-Object.keys(_AreaPlot).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AreaPlot[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AreaPlot[key];
-    }
-  });
-});
-var _MarkPlot = require("./MarkPlot");
-Object.keys(_MarkPlot).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _MarkPlot[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _MarkPlot[key];
-    }
-  });
-});
-var _LineHighlightPlot = require("./LineHighlightPlot");
-Object.keys(_LineHighlightPlot).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _LineHighlightPlot[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _LineHighlightPlot[key];
-    }
-  });
-});
-var _AreaElement = require("./AreaElement");
-Object.keys(_AreaElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AreaElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AreaElement[key];
-    }
-  });
-});
-var _AnimatedArea = require("./AnimatedArea");
-Object.keys(_AnimatedArea).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AnimatedArea[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AnimatedArea[key];
-    }
-  });
-});
-var _LineElement = require("./LineElement");
-Object.keys(_LineElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _LineElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _LineElement[key];
-    }
-  });
-});
-var _AnimatedLine = require("./AnimatedLine");
-Object.keys(_AnimatedLine).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AnimatedLine[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AnimatedLine[key];
-    }
-  });
-});
-var _MarkElement = require("./MarkElement");
-Object.keys(_MarkElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _MarkElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _MarkElement[key];
-    }
-  });
-});
-var _LineHighlightElement = require("./LineHighlightElement");
-Object.keys(_LineHighlightElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _LineHighlightElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _LineHighlightElement[key];
-    }
-  });
-});
+export * from "./LineChart.js";
+export * from "./LinePlot.js";
+export * from "./AreaPlot.js";
+export * from "./MarkPlot.js";
+export * from "./LineHighlightPlot.js";
+export * from "./AreaElement.js";
+export * from "./AnimatedArea.js";
+export * from "./LineElement.js";
+export * from "./AnimatedLine.js";
+export * from "./MarkElement.js";
+export * from "./LineHighlightElement.js";

package/LineChart/legend.js

@@ -1,17 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _getLabel = require("../internals/getLabel");
+import { getLabel } from "../internals/getLabel.js";
 const legendGetter = params => {
   const {
     seriesOrder,
     series
   } = params;
   return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = (0, _getLabel.getLabel)(series[seriesId].label, 'legend');
+    const formattedLabel = getLabel(series[seriesId].label, 'legend');
     if (formattedLabel === undefined) {
       return acc;
     }
@@ -23,4 +17,4 @@ const legendGetter = params => {
     return acc;
   }, []);
 };
-var _default = exports.default = legendGetter;
+export default legendGetter;

package/LineChart/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/LineChart/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/LineChart/index.js",
   "types": "./index.d.ts"
 }

package/LineChart/plugin.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.plugin = void 0;
-var _extremums = require("./extremums");
-var _formatter = _interopRequireDefault(require("./formatter"));
-var _getColor = _interopRequireDefault(require("./getColor"));
-const plugin = exports.plugin = {
+import { getExtremumX, getExtremumY } from "./extremums.js";
+import formatter from "./formatter.js";
+import getColor from "./getColor.js";
+export const plugin = {
   seriesType: 'line',
-  colorProcessor: _getColor.default,
-  seriesFormatter: _formatter.default,
-  xExtremumGetter: _extremums.getExtremumX,
-  yExtremumGetter: _extremums.getExtremumY
+  colorProcessor: getColor,
+  seriesFormatter: formatter,
+  xExtremumGetter: getExtremumX,
+  yExtremumGetter: getExtremumY
 };

package/LineChart/useLineChartProps.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useLineChartProps = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _useId = _interopRequireDefault(require("@mui/utils/useId"));
-var _constants = require("../constants");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "tooltip", "onAxisClick", "onAreaClick", "onLineClick", "onMarkClick", "axisHighlight", "disableLineItemHighlight", "legend", "grid", "topAxis", "leftAxis", "rightAxis", "bottomAxis", "children", "slots", "slotProps", "skipAnimation", "loading", "highlightedItem", "onHighlightChange", "className"];
+import useId from '@mui/utils/useId';
+import { DEFAULT_X_AXIS_KEY } from "../constants/index.js";
 /**
  * A helper function that extracts LineChartProps from the input props
  * and returns an object with props for the children components of LineChart.
@@ -17,7 +10,7 @@ const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "col
  * @param props The input props for LineChart
  * @returns An object with props for the children components of LineChart
  */
-const useLineChartProps = props => {
+export const useLineChartProps = props => {
   const {
       xAxis,
       yAxis,
@@ -50,11 +43,11 @@ const useLineChartProps = props => {
       onHighlightChange,
       className
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const id = (0, _useId.default)();
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const id = useId();
   const clipPathId = `${id}-clip-path`;
-  const chartContainerProps = (0, _extends2.default)({}, other, {
-    series: series.map(s => (0, _extends2.default)({
+  const chartContainerProps = _extends({}, other, {
+    series: series.map(s => _extends({
       disableHighlight: !!disableLineItemHighlight,
       type: 'line'
     }, s)),
@@ -64,7 +57,7 @@ const useLineChartProps = props => {
     colors,
     dataset,
     xAxis: xAxis ?? [{
-      id: _constants.DEFAULT_X_AXIS_KEY,
+      id: DEFAULT_X_AXIS_KEY,
       scaleType: 'point',
       data: Array.from({
         length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
@@ -121,18 +114,18 @@ const useLineChartProps = props => {
     slots,
     slotProps
   };
-  const axisHighlightProps = (0, _extends2.default)({
+  const axisHighlightProps = _extends({
     x: 'line'
   }, axisHighlight);
   const lineHighlightPlotProps = {
     slots,
     slotProps
   };
-  const legendProps = (0, _extends2.default)({}, legend, {
+  const legendProps = _extends({}, legend, {
     slots,
     slotProps
   });
-  const tooltipProps = (0, _extends2.default)({}, tooltip, {
+  const tooltipProps = _extends({}, tooltip, {
     slots,
     slotProps
   });
@@ -153,5 +146,4 @@ const useLineChartProps = props => {
     tooltipProps,
     children
   };
-};
-exports.useLineChartProps = useLineChartProps;
+};