@mui/x-charts 7.13.0 → 7.15.0

package/node/context/ZAxisContextProvider.js

@@ -0,0 +1,103 @@
+"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({
+  zAxis: {},
+  zAxisIds: []
+});
+if (process.env.NODE_ENV !== 'production') {
+  ZAxisContext.displayName = 'ZAxisContext';
+}
+function ZAxisContextProvider(props) {
+  const {
+    zAxis: inZAxis,
+    dataset,
+    children
+  } = props;
+  const zAxis = React.useMemo(() => inZAxis?.map(axisConfig => {
+    const dataKey = axisConfig.dataKey;
+    if (dataKey === undefined || axisConfig.data !== undefined) {
+      return axisConfig;
+    }
+    if (dataset === undefined) {
+      throw Error('MUI X: z-axis uses `dataKey` but no `dataset` is provided.');
+    }
+    return (0, _extends2.default)({}, axisConfig, {
+      data: dataset.map(d => d[dataKey])
+    });
+  }), [inZAxis, dataset]);
+  const value = React.useMemo(() => {
+    const allZAxis = zAxis?.map((axis, index) => (0, _extends2.default)({
+      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)({
+          values: axis.data
+        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap.type === 'continuous' ? (0, _extends2.default)({
+          min: axis.min,
+          max: axis.max
+        }, axis.colorMap) : axis.colorMap))
+      });
+    });
+    return {
+      zAxis: completedZAxis,
+      zAxisIds: allZAxis.map(({
+        id
+      }) => id)
+    };
+  }, [zAxis]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ZAxisContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+process.env.NODE_ENV !== "production" ? ZAxisContextProvider.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  children: _propTypes.default.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),
+  /**
+   * 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
+    })]),
+    data: _propTypes.default.array,
+    dataKey: _propTypes.default.string,
+    id: _propTypes.default.string,
+    max: _propTypes.default.number,
+    min: _propTypes.default.number
+  }))
+} : void 0;

package/node/context/context.types.js

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

package/node/context/index.js

@@ -0,0 +1,27 @@
+"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");

package/node/hooks/index.js

@@ -0,0 +1,115 @@
+"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");

package/node/hooks/useAxis.js

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

package/{esm → node}/hooks/useAxisEvents.js

@@ -1,25 +1,33 @@
-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';
+"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; }
 function getAsANumber(value) {
   return value instanceof Date ? value.getTime() : value;
 }
-export const useAxisEvents = disableAxisListener => {
-  const svgRef = useSvgRef();
-  const drawingArea = useDrawingArea();
+const useAxisEvents = disableAxisListener => {
+  const svgRef = (0, _useSvgRef.useSvgRef)();
+  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
   const {
     xAxis,
     yAxis,
     xAxisIds,
     yAxisIds
-  } = useCartesianContext();
+  } = (0, _CartesianProvider.useCartesianContext)();
   const {
     dispatch
-  } = React.useContext(InteractionContext);
+  } = React.useContext(_InteractionProvider.InteractionContext);
   const usedXAxis = xAxisIds[0];
   const usedYAxis = yAxisIds[0];
 
@@ -40,11 +48,12 @@ export const useAxisEvents = disableAxisListener => {
         data: axisData,
         reverse
       } = axisConfig;
-      if (!isBandScale(scale)) {
+      if (!(0, _isBandScale.isBandScale)(scale)) {
         const value = scale.invert(mouseValue);
         if (axisData === undefined) {
           return {
-            value
+            value,
+            index: -1
           };
         }
         const valueAsNumber = getAsANumber(value);
@@ -95,10 +104,12 @@ export const useAxisEvents = disableAxisListener => {
     };
     const handleMove = event => {
       const target = 'targetTouches' in event ? event.targetTouches[0] : event;
-      const svgPoint = getSVGPoint(element, target);
+      const svgPoint = (0, _getSVGPoint.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'
@@ -140,4 +151,5 @@ export const useAxisEvents = disableAxisListener => {
       element.removeEventListener('pointerleave', handleOut);
     };
   }, [svgRef, dispatch, usedYAxis, yAxis, usedXAxis, xAxis, disableAxisListener, drawingArea]);
-};
+};
+exports.useAxisEvents = useAxisEvents;

package/node/hooks/useChartDimensions.js

@@ -0,0 +1,25 @@
+"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; }
+const useChartDimensions = (width, height, margin) => {
+  const defaultizedMargin = (0, _extends2.default)({}, _constants.DEFAULT_MARGINS, margin);
+  const drawingArea = React.useMemo(() => ({
+    left: defaultizedMargin.left,
+    top: defaultizedMargin.top,
+    right: defaultizedMargin.right,
+    bottom: defaultizedMargin.bottom,
+    width: Math.max(0, width - defaultizedMargin.left - defaultizedMargin.right),
+    height: Math.max(0, height - defaultizedMargin.top - defaultizedMargin.bottom)
+  }), [width, height, defaultizedMargin.top, defaultizedMargin.bottom, defaultizedMargin.left, defaultizedMargin.right]);
+  return drawingArea;
+};
+var _default = exports.default = useChartDimensions;

package/node/hooks/useChartId.js

@@ -0,0 +1,16 @@
+"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() {
+  const {
+    chartId
+  } = React.useContext(_DrawingProvider.DrawingContext);
+  return React.useMemo(() => chartId, [chartId]);
+}

package/node/hooks/useColorScale.js

@@ -0,0 +1,37 @@
+"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) {
+  const {
+    xAxis,
+    xAxisIds
+  } = (0, _CartesianProvider.useCartesianContext)();
+  const id = typeof identifier === 'string' ? identifier : xAxisIds[identifier ?? 0];
+  return xAxis[id].colorScale;
+}
+function useYColorScale(identifier) {
+  const {
+    yAxis,
+    yAxisIds
+  } = (0, _CartesianProvider.useCartesianContext)();
+  const id = typeof identifier === 'string' ? identifier : yAxisIds[identifier ?? 0];
+  return yAxis[id].colorScale;
+}
+function useZColorScale(identifier) {
+  const {
+    zAxis,
+    zAxisIds
+  } = React.useContext(_ZAxisContextProvider.ZAxisContext);
+  const id = typeof identifier === 'string' ? identifier : zAxisIds[identifier ?? 0];
+  return zAxis[id]?.colorScale;
+}

package/node/hooks/useDrawingArea.js

@@ -0,0 +1,30 @@
+"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() {
+  const {
+    left,
+    top,
+    width,
+    height,
+    bottom,
+    right,
+    isPointInside
+  } = React.useContext(_DrawingProvider.DrawingContext);
+  return React.useMemo(() => ({
+    left,
+    top,
+    width,
+    height,
+    bottom,
+    right,
+    isPointInside
+  }), [height, left, top, width, bottom, right, isPointInside]);
+}

package/node/hooks/useInteractionItemProps.js

@@ -0,0 +1,55 @@
+"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 => {
+  const {
+    dispatch: dispatchInteraction
+  } = React.useContext(_InteractionProvider.InteractionContext);
+  const {
+    setHighlighted,
+    clearHighlighted
+  } = (0, _context.useHighlighted)();
+  if (skip) {
+    return () => ({});
+  }
+  const getInteractionItemProps = data => {
+    const onPointerDown = event => {
+      if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+        event.currentTarget.releasePointerCapture(event.pointerId);
+      }
+    };
+    const onPointerEnter = () => {
+      dispatchInteraction({
+        type: 'enterItem',
+        data
+      });
+      setHighlighted({
+        seriesId: data.seriesId,
+        dataIndex: data.dataIndex
+      });
+    };
+    const onPointerLeave = event => {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+      dispatchInteraction({
+        type: 'leaveItem',
+        data
+      });
+      clearHighlighted();
+    };
+    return {
+      onPointerEnter,
+      onPointerLeave,
+      onPointerDown
+    };
+  };
+  return getInteractionItemProps;
+};
+exports.useInteractionItemProps = useInteractionItemProps;

package/node/hooks/useMounted.js

@@ -0,0 +1,25 @@
+"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) {
+  const [mountedState, setMountedState] = React.useState(false);
+  (0, _useEnhancedEffect.default)(() => {
+    if (!defer) {
+      setMountedState(true);
+    }
+  }, [defer]);
+  React.useEffect(() => {
+    if (defer) {
+      setMountedState(true);
+    }
+  }, [defer]);
+  return mountedState;
+}

package/{esm → node}/hooks/useReducedMotion.js

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

package/node/hooks/useScale.js

@@ -0,0 +1,30 @@
+"use strict";
+
+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)) {
+    return value => (scale(value) ?? 0) + scale.bandwidth() / 2;
+  }
+  return value => scale(value);
+}
+function useXScale(identifier) {
+  const axis = (0, _useAxis.useXAxis)(identifier);
+  return axis.scale;
+}
+function useYScale(identifier) {
+  const axis = (0, _useAxis.useYAxis)(identifier);
+  return axis.scale;
+}