@mui/x-charts 7.14.0 → 7.16.0

package/context/SeriesProvider/index.js

@@ -1,49 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  seriesProviderUtils: true
+import { preprocessSeries } from "./processSeries.js";
+export * from "./SeriesProvider.js";
+export * from "./SeriesContext.js";
+export * from "./Series.types.js";
+const seriesProviderUtils = {
+  preprocessSeries
 };
-exports.seriesProviderUtils = void 0;
-var _processSeries = require("./processSeries");
-var _SeriesProvider = require("./SeriesProvider");
-Object.keys(_SeriesProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SeriesProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SeriesProvider[key];
-    }
-  });
-});
-var _SeriesContext = require("./SeriesContext");
-Object.keys(_SeriesContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SeriesContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SeriesContext[key];
-    }
-  });
-});
-var _Series = require("./Series.types");
-Object.keys(_Series).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Series[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Series[key];
-    }
-  });
-});
-const seriesProviderUtils = exports.seriesProviderUtils = {
-  preprocessSeries: _processSeries.preprocessSeries
-};
+export { seriesProviderUtils };

package/context/SeriesProvider/processSeries.js

@@ -1,12 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.preprocessSeries = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defaultizeColor = require("../../internals/defaultizeColor");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { defaultizeColor } from "../../internals/defaultizeColor.js";
 /**
  * This methods is the interface between what the developer is providing and what components receives
  * To simplify the components behaviors, it groups series by type, such that LinePlots props are not updated if some line data are modified
@@ -15,7 +8,7 @@ var _defaultizeColor = require("../../internals/defaultizeColor");
  * @param colors The color palette used to defaultize series colors
  * @returns An object structuring all the series by type.
  */
-const preprocessSeries = ({
+export const preprocessSeries = ({
   series,
   colors,
   seriesFormatters,
@@ -37,9 +30,9 @@ const preprocessSeries = ({
     if (seriesGroups[type]?.series[id] !== undefined) {
       throw new Error(`MUI X: series' id "${id}" is not unique.`);
     }
-    seriesGroups[type].series[id] = (0, _extends2.default)({
+    seriesGroups[type].series[id] = _extends({
       id
-    }, (0, _defaultizeColor.defaultizeColor)(seriesData, seriesIndex, colors));
+    }, defaultizeColor(seriesData, seriesIndex, colors));
     seriesGroups[type].seriesOrder.push(id);
   });
   const formattedSeries = {};
@@ -51,5 +44,4 @@ const preprocessSeries = ({
     }
   });
   return formattedSeries;
-};
-exports.preprocessSeries = preprocessSeries;
+};

package/context/ZAxisContextProvider.js

@@ -1,19 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ZAxisContext = void 0;
-exports.ZAxisContextProvider = ZAxisContextProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _colorScale = require("../internals/colorScale");
-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; }
-const ZAxisContext = exports.ZAxisContext = /*#__PURE__*/React.createContext({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { getColorScale, getOrdinalColorScale } from "../internals/colorScale.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ZAxisContext = /*#__PURE__*/React.createContext({
   zAxis: {},
   zAxisIds: []
 });
@@ -34,20 +24,20 @@ function ZAxisContextProvider(props) {
     if (dataset === undefined) {
       throw Error('MUI X: z-axis uses `dataKey` but no `dataset` is provided.');
     }
-    return (0, _extends2.default)({}, axisConfig, {
+    return _extends({}, axisConfig, {
       data: dataset.map(d => d[dataKey])
     });
   }), [inZAxis, dataset]);
   const value = React.useMemo(() => {
-    const allZAxis = zAxis?.map((axis, index) => (0, _extends2.default)({
+    const allZAxis = zAxis?.map((axis, index) => _extends({
       id: `defaultized-z-axis-${index}`
     }, axis)) ?? [];
     const completedZAxis = {};
     allZAxis.forEach(axis => {
-      completedZAxis[axis.id] = (0, _extends2.default)({}, axis, {
-        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' && axis.data ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
+      completedZAxis[axis.id] = _extends({}, axis, {
+        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' && axis.data ? getOrdinalColorScale(_extends({
           values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap.type === 'continuous' ? (0, _extends2.default)({
+        }, axis.colorMap)) : getColorScale(axis.colorMap.type === 'continuous' ? _extends({
           min: axis.min,
           max: axis.max
         }, axis.colorMap) : axis.colorMap))
@@ -60,7 +50,7 @@ function ZAxisContextProvider(props) {
       }) => id)
     };
   }, [zAxis]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ZAxisContext.Provider, {
+  return /*#__PURE__*/_jsx(ZAxisContext.Provider, {
     value: value,
     children: children
   });
@@ -70,34 +60,35 @@ process.env.NODE_ENV !== "production" ? ZAxisContextProvider.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,
   /**
    * An array of objects that can be used to populate series and axes data using their `dataKey` property.
    */
-  dataset: _propTypes.default.arrayOf(_propTypes.default.object),
+  dataset: PropTypes.arrayOf(PropTypes.object),
   /**
    * The configuration of the z-axes.
    */
-  zAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
-      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-      type: _propTypes.default.oneOf(['ordinal']).isRequired,
-      unknownColor: _propTypes.default.string,
-      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
-    }), _propTypes.default.shape({
-      color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
-      max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-      min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-      type: _propTypes.default.oneOf(['continuous']).isRequired
-    }), _propTypes.default.shape({
-      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-      thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
-      type: _propTypes.default.oneOf(['piecewise']).isRequired
+  zAxis: PropTypes.arrayOf(PropTypes.shape({
+    colorMap: PropTypes.oneOfType([PropTypes.shape({
+      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
+      type: PropTypes.oneOf(['ordinal']).isRequired,
+      unknownColor: PropTypes.string,
+      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
+    }), PropTypes.shape({
+      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
+      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      type: PropTypes.oneOf(['continuous']).isRequired
+    }), PropTypes.shape({
+      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
+      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
+      type: PropTypes.oneOf(['piecewise']).isRequired
     })]),
-    data: _propTypes.default.array,
-    dataKey: _propTypes.default.string,
-    id: _propTypes.default.string,
-    max: _propTypes.default.number,
-    min: _propTypes.default.number
+    data: PropTypes.array,
+    dataKey: PropTypes.string,
+    id: PropTypes.string,
+    max: PropTypes.number,
+    min: PropTypes.number
   }))
-} : void 0;
+} : void 0;
+export { ZAxisContextProvider };

package/context/context.types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/context/index.js

@@ -1,27 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ZAxisContextProvider: true
-};
-Object.defineProperty(exports, "ZAxisContextProvider", {
-  enumerable: true,
-  get: function () {
-    return _ZAxisContextProvider.ZAxisContextProvider;
-  }
-});
-var _HighlightedProvider = require("./HighlightedProvider");
-Object.keys(_HighlightedProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _HighlightedProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _HighlightedProvider[key];
-    }
-  });
-});
-var _ZAxisContextProvider = require("./ZAxisContextProvider");
+export * from "./HighlightedProvider/index.js";
+export { ZAxisContextProvider } from "./ZAxisContextProvider.js";

package/context/package.json

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

package/hooks/index.js

@@ -1,115 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  unstable_useSeries: true,
-  unstable_usePieSeries: true,
-  unstable_useLineSeries: true,
-  unstable_useBarSeries: true,
-  unstable_useScatterSeries: true
-};
-Object.defineProperty(exports, "unstable_useBarSeries", {
-  enumerable: true,
-  get: function () {
-    return _useSeries.useBarSeries;
-  }
-});
-Object.defineProperty(exports, "unstable_useLineSeries", {
-  enumerable: true,
-  get: function () {
-    return _useSeries.useLineSeries;
-  }
-});
-Object.defineProperty(exports, "unstable_usePieSeries", {
-  enumerable: true,
-  get: function () {
-    return _useSeries.usePieSeries;
-  }
-});
-Object.defineProperty(exports, "unstable_useScatterSeries", {
-  enumerable: true,
-  get: function () {
-    return _useSeries.useScatterSeries;
-  }
-});
-Object.defineProperty(exports, "unstable_useSeries", {
-  enumerable: true,
-  get: function () {
-    return _useSeries.useSeries;
-  }
-});
-var _useDrawingArea = require("./useDrawingArea");
-Object.keys(_useDrawingArea).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useDrawingArea[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useDrawingArea[key];
-    }
-  });
-});
-var _useChartId = require("./useChartId");
-Object.keys(_useChartId).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useChartId[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useChartId[key];
-    }
-  });
-});
-var _useScale = require("./useScale");
-Object.keys(_useScale).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useScale[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useScale[key];
-    }
-  });
-});
-var _useAxis = require("./useAxis");
-Object.keys(_useAxis).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useAxis[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useAxis[key];
-    }
-  });
-});
-var _useColorScale = require("./useColorScale");
-Object.keys(_useColorScale).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useColorScale[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useColorScale[key];
-    }
-  });
-});
-var _useSvgRef = require("./useSvgRef");
-Object.keys(_useSvgRef).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useSvgRef[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useSvgRef[key];
-    }
-  });
-});
-var _useSeries = require("./useSeries");
+export * from "./useDrawingArea.js";
+export * from "./useChartId.js";
+export * from "./useScale.js";
+export * from "./useAxis.js";
+export * from "./useColorScale.js";
+export * from "./useSvgRef.js";
+export { useSeries as unstable_useSeries, usePieSeries as unstable_usePieSeries, useLineSeries as unstable_useLineSeries, useBarSeries as unstable_useBarSeries, useScatterSeries as unstable_useScatterSeries } from "./useSeries.js";

package/hooks/package.json

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

package/hooks/useAxis.js

@@ -1,24 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useXAxis = useXAxis;
-exports.useYAxis = useYAxis;
-var _CartesianProvider = require("../context/CartesianProvider");
-function useXAxis(identifier) {
+import { useCartesianContext } from "../context/CartesianProvider/index.js";
+export function useXAxis(identifier) {
   const {
     xAxis,
     xAxisIds
-  } = (0, _CartesianProvider.useCartesianContext)();
+  } = useCartesianContext();
   const id = typeof identifier === 'string' ? identifier : xAxisIds[identifier ?? 0];
   return xAxis[id];
 }
-function useYAxis(identifier) {
+export function useYAxis(identifier) {
   const {
     yAxis,
     yAxisIds
-  } = (0, _CartesianProvider.useCartesianContext)();
+  } = useCartesianContext();
   const id = typeof identifier === 'string' ? identifier : yAxisIds[identifier ?? 0];
   return yAxis[id];
 }

package/hooks/useAxisEvents.js

@@ -1,33 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAxisEvents = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _InteractionProvider = require("../context/InteractionProvider");
-var _CartesianProvider = require("../context/CartesianProvider");
-var _isBandScale = require("../internals/isBandScale");
-var _getSVGPoint = require("../internals/getSVGPoint");
-var _useSvgRef = require("./useSvgRef");
-var _useDrawingArea = require("./useDrawingArea");
-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 { InteractionContext } from "../context/InteractionProvider.js";
+import { useCartesianContext } from "../context/CartesianProvider/index.js";
+import { isBandScale } from "../internals/isBandScale.js";
+import { getSVGPoint } from "../internals/getSVGPoint.js";
+import { useSvgRef } from "./useSvgRef.js";
+import { useDrawingArea } from "./useDrawingArea.js";
 function getAsANumber(value) {
   return value instanceof Date ? value.getTime() : value;
 }
-const useAxisEvents = disableAxisListener => {
-  const svgRef = (0, _useSvgRef.useSvgRef)();
-  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
+export const useAxisEvents = disableAxisListener => {
+  const svgRef = useSvgRef();
+  const drawingArea = useDrawingArea();
   const {
     xAxis,
     yAxis,
     xAxisIds,
     yAxisIds
-  } = (0, _CartesianProvider.useCartesianContext)();
+  } = useCartesianContext();
   const {
     dispatch
-  } = React.useContext(_InteractionProvider.InteractionContext);
+  } = React.useContext(InteractionContext);
   const usedXAxis = xAxisIds[0];
   const usedYAxis = yAxisIds[0];
 
@@ -48,11 +40,12 @@ const useAxisEvents = disableAxisListener => {
         data: axisData,
         reverse
       } = axisConfig;
-      if (!(0, _isBandScale.isBandScale)(scale)) {
+      if (!isBandScale(scale)) {
         const value = scale.invert(mouseValue);
         if (axisData === undefined) {
           return {
-            value
+            value,
+            index: -1
           };
         }
         const valueAsNumber = getAsANumber(value);
@@ -103,7 +96,7 @@ const useAxisEvents = disableAxisListener => {
     };
     const handleMove = event => {
       const target = 'targetTouches' in event ? event.targetTouches[0] : event;
-      const svgPoint = (0, _getSVGPoint.getSVGPoint)(element, target);
+      const svgPoint = getSVGPoint(element, target);
       mousePosition.current.x = svgPoint.x;
       mousePosition.current.y = svgPoint.y;
       if (!drawingArea.isPointInside(svgPoint, {
@@ -150,5 +143,4 @@ const useAxisEvents = disableAxisListener => {
       element.removeEventListener('pointerleave', handleOut);
     };
   }, [svgRef, dispatch, usedYAxis, yAxis, usedXAxis, xAxis, disableAxisListener, drawingArea]);
-};
-exports.useAxisEvents = useAxisEvents;
+};

package/hooks/useChartDimensions.js

@@ -1,17 +1,8 @@
-"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 React = _interopRequireWildcard(require("react"));
-var _constants = require("../constants");
-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 _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { DEFAULT_MARGINS } from "../constants/index.js";
 const useChartDimensions = (width, height, margin) => {
-  const defaultizedMargin = (0, _extends2.default)({}, _constants.DEFAULT_MARGINS, margin);
+  const defaultizedMargin = _extends({}, DEFAULT_MARGINS, margin);
   const drawingArea = React.useMemo(() => ({
     left: defaultizedMargin.left,
     top: defaultizedMargin.top,
@@ -22,4 +13,4 @@ const useChartDimensions = (width, height, margin) => {
   }), [width, height, defaultizedMargin.top, defaultizedMargin.bottom, defaultizedMargin.left, defaultizedMargin.right]);
   return drawingArea;
 };
-var _default = exports.default = useChartDimensions;
+export default useChartDimensions;

package/hooks/useChartId.js

@@ -1,16 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useChartId = useChartId;
-var React = _interopRequireWildcard(require("react"));
-var _DrawingProvider = require("../context/DrawingProvider");
-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 useChartId() {
+import * as React from 'react';
+import { DrawingContext } from "../context/DrawingProvider.js";
+export function useChartId() {
   const {
     chartId
-  } = React.useContext(_DrawingProvider.DrawingContext);
+  } = React.useContext(DrawingContext);
   return React.useMemo(() => chartId, [chartId]);
 }

package/hooks/useColorScale.js

@@ -1,37 +1,27 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useXColorScale = useXColorScale;
-exports.useYColorScale = useYColorScale;
-exports.useZColorScale = useZColorScale;
-var React = _interopRequireWildcard(require("react"));
-var _CartesianProvider = require("../context/CartesianProvider");
-var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
-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 useXColorScale(identifier) {
+import * as React from 'react';
+import { useCartesianContext } from "../context/CartesianProvider/index.js";
+import { ZAxisContext } from "../context/ZAxisContextProvider.js";
+export function useXColorScale(identifier) {
   const {
     xAxis,
     xAxisIds
-  } = (0, _CartesianProvider.useCartesianContext)();
+  } = useCartesianContext();
   const id = typeof identifier === 'string' ? identifier : xAxisIds[identifier ?? 0];
   return xAxis[id].colorScale;
 }
-function useYColorScale(identifier) {
+export function useYColorScale(identifier) {
   const {
     yAxis,
     yAxisIds
-  } = (0, _CartesianProvider.useCartesianContext)();
+  } = useCartesianContext();
   const id = typeof identifier === 'string' ? identifier : yAxisIds[identifier ?? 0];
   return yAxis[id].colorScale;
 }
-function useZColorScale(identifier) {
+export function useZColorScale(identifier) {
   const {
     zAxis,
     zAxisIds
-  } = React.useContext(_ZAxisContextProvider.ZAxisContext);
+  } = React.useContext(ZAxisContext);
   const id = typeof identifier === 'string' ? identifier : zAxisIds[identifier ?? 0];
   return zAxis[id]?.colorScale;
 }

package/hooks/useDrawingArea.js

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDrawingArea = useDrawingArea;
-var React = _interopRequireWildcard(require("react"));
-var _DrawingProvider = require("../context/DrawingProvider");
-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 useDrawingArea() {
+import * as React from 'react';
+import { DrawingContext } from "../context/DrawingProvider.js";
+export function useDrawingArea() {
   const {
     left,
     top,
@@ -17,7 +9,7 @@ function useDrawingArea() {
     bottom,
     right,
     isPointInside
-  } = React.useContext(_DrawingProvider.DrawingContext);
+  } = React.useContext(DrawingContext);
   return React.useMemo(() => ({
     left,
     top,