@mui/x-charts 7.13.0 → 7.15.0

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';
+export * from './useChartId';
+export * from './useScale';
+export * from './useAxis';
+export * from './useColorScale';
+export * from './useSvgRef';
+export { useSeries as unstable_useSeries, usePieSeries as unstable_usePieSeries, useLineSeries as unstable_useLineSeries, useBarSeries as unstable_useBarSeries, useScatterSeries as unstable_useScatterSeries } from './useSeries';

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';
+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';
+import { useCartesianContext } from '../context/CartesianProvider';
+import { isBandScale } from '../internals/isBandScale';
+import { getSVGPoint } from '../internals/getSVGPoint';
+import { useSvgRef } from './useSvgRef';
+import { useDrawingArea } from './useDrawingArea';
 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,10 +96,12 @@ 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, event.target)) {
+      if (!drawingArea.isPointInside(svgPoint, {
+        targetElement: event.target
+      })) {
         if (mousePosition.current.isInChart) {
           dispatch({
             type: 'exitChart'
@@ -148,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';
 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';
+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';
+import { ZAxisContext } from '../context/ZAxisContextProvider';
+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';
+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,

package/hooks/useInteractionItemProps.js

@@ -1,22 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useInteractionItemProps = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _InteractionProvider = require("../context/InteractionProvider");
-var _context = require("../context");
-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 useInteractionItemProps = skip => {
+import * as React from 'react';
+import { InteractionContext } from '../context/InteractionProvider';
+import { useHighlighted } from '../context';
+export const useInteractionItemProps = skip => {
   const {
     dispatch: dispatchInteraction
-  } = React.useContext(_InteractionProvider.InteractionContext);
+  } = React.useContext(InteractionContext);
   const {
     setHighlighted,
     clearHighlighted
-  } = (0, _context.useHighlighted)();
+  } = useHighlighted();
   if (skip) {
     return () => ({});
   }
@@ -51,5 +43,4 @@ const useInteractionItemProps = skip => {
     };
   };
   return getInteractionItemProps;
-};
-exports.useInteractionItemProps = useInteractionItemProps;
+};

package/hooks/useMounted.js

@@ -1,17 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMounted = useMounted;
-var React = _interopRequireWildcard(require("react"));
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-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 useMounted(defer = false) {
+import * as React from 'react';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+export function useMounted(defer = false) {
   const [mountedState, setMountedState] = React.useState(false);
-  (0, _useEnhancedEffect.default)(() => {
+  useEnhancedEffect(() => {
     if (!defer) {
       setMountedState(true);
     }

package/hooks/useReducedMotion.js

@@ -1,10 +1,5 @@
-"use strict";
+import { useIsomorphicLayoutEffect, Globals } from '@react-spring/web';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useReducedMotion = void 0;
-var _web = require("@react-spring/web");
 /**
  * Returns `boolean` or `null`, used to automatically
  * set skipAnimations to the value of the user's
@@ -12,20 +7,20 @@ var _web = require("@react-spring/web");
  *
  * The return value, post-effect, is the value of their preferred setting
  */
-const useReducedMotion = () => {
+export const useReducedMotion = () => {
   // Taken from: https://github.com/pmndrs/react-spring/blob/02ec877bbfab0df46da0e4a47d5f68d3e731206a/packages/shared/src/hooks/useReducedMotion.ts#L13
 
-  (0, _web.useIsomorphicLayoutEffect)(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!window.matchMedia) {
       // skip animation in environments where `window.matchMedia` would not be available (i.e. test/jsdom)
-      _web.Globals.assign({
+      Globals.assign({
         skipAnimation: true
       });
       return () => {};
     }
     const mql = window.matchMedia('(prefers-reduced-motion)');
     const handleMediaChange = event => {
-      _web.Globals.assign({
+      Globals.assign({
         // Modification such the react-spring implementation such that this hook can remove animation but never activate animation.
         skipAnimation: event.matches || undefined
       });
@@ -38,5 +33,4 @@ const useReducedMotion = () => {
       mql.removeEventListener?.('change', handleMediaChange);
     };
   }, []);
-};
-exports.useReducedMotion = useReducedMotion;
+};

package/hooks/useScale.js

@@ -1,30 +1,23 @@
-"use strict";
+import { isBandScale } from '../internals/isBandScale';
+import { useXAxis, useYAxis } from './useAxis';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getValueToPositionMapper = getValueToPositionMapper;
-exports.useXScale = useXScale;
-exports.useYScale = useYScale;
-var _isBandScale = require("../internals/isBandScale");
-var _useAxis = require("./useAxis");
 /**
  * For a given scale return a function that map value to their position.
  * Useful when dealing with specific scale such as band.
  * @param scale The scale to use
  * @returns (value: any) => number
  */
-function getValueToPositionMapper(scale) {
-  if ((0, _isBandScale.isBandScale)(scale)) {
+export function getValueToPositionMapper(scale) {
+  if (isBandScale(scale)) {
     return value => (scale(value) ?? 0) + scale.bandwidth() / 2;
   }
   return value => scale(value);
 }
-function useXScale(identifier) {
-  const axis = (0, _useAxis.useXAxis)(identifier);
+export function useXScale(identifier) {
+  const axis = useXAxis(identifier);
   return axis.scale;
 }
-function useYScale(identifier) {
-  const axis = (0, _useAxis.useYAxis)(identifier);
+export function useYScale(identifier) {
+  const axis = useYAxis(identifier);
   return axis.scale;
 }

package/hooks/useSeries.js

@@ -1,28 +1,17 @@
-"use strict";
+import * as React from 'react';
+import { SeriesContext } from '../context/SeriesProvider';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useBarSeries = useBarSeries;
-exports.useLineSeries = useLineSeries;
-exports.usePieSeries = usePieSeries;
-exports.useScatterSeries = useScatterSeries;
-exports.useSeries = useSeries;
-var React = _interopRequireWildcard(require("react"));
-var _SeriesProvider = require("../context/SeriesProvider");
-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; }
 /**
  * Get access to the internal state of series.
  * Structured by type of series:
  * { seriesType?: { series: { id1: precessedValue, ... }, seriesOrder: [id1, ...] } }
  * @returns FormattedSeries series
  */
-function useSeries() {
+export function useSeries() {
   const {
     isInitialized,
     data
-  } = React.useContext(_SeriesProvider.SeriesContext);
+  } = React.useContext(SeriesContext);
   if (!isInitialized) {
     throw new Error(['MUI X: Could not find the series ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
   }
@@ -36,7 +25,7 @@ function useSeries() {
  * - seriesOrder: the array of series ids.
  * @returns { series: Record<SeriesId, DefaultizedPieSeriesType>; seriesOrder: SeriesId[]; } | undefined pieSeries
  */
-function usePieSeries() {
+export function usePieSeries() {
   const series = useSeries();
   return React.useMemo(() => series.pie, [series.pie]);
 }
@@ -48,7 +37,7 @@ function usePieSeries() {
  * - seriesOrder: the array of series ids.
  * @returns { series: Record<SeriesId, DefaultizedLineSeriesType>; seriesOrder: SeriesId[]; } | undefined lineSeries
  */
-function useLineSeries() {
+export function useLineSeries() {
   const series = useSeries();
   return React.useMemo(() => series.line, [series.line]);
 }
@@ -60,7 +49,7 @@ function useLineSeries() {
  * - seriesOrder: the array of series ids.
  * @returns { series: Record<SeriesId, DefaultizedBarSeriesType>; seriesOrder: SeriesId[]; } | undefined barSeries
  */
-function useBarSeries() {
+export function useBarSeries() {
   const series = useSeries();
   return React.useMemo(() => series.bar, [series.bar]);
 }
@@ -72,7 +61,7 @@ function useBarSeries() {
  * - seriesOrder: the array of series ids.
  * @returns { series: Record<SeriesId, DefaultizedScatterSeriesType>; seriesOrder: SeriesId[]; } | undefined scatterSeries
  */
-function useScatterSeries() {
+export function useScatterSeries() {
   const series = useSeries();
   return React.useMemo(() => series.scatter, [series.scatter]);
 }

package/hooks/useSvgRef.js

@@ -1,18 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSvgRef = useSvgRef;
-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 useSvgRef() {
+import * as React from 'react';
+import { SvgContext } from '../context/DrawingProvider';
+export function useSvgRef() {
   const {
     isInitialized,
     data
-  } = React.useContext(_DrawingProvider.SvgContext);
+  } = React.useContext(SvgContext);
   if (!isInitialized) {
     throw new Error(['MUI X: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
   }