@mui/x-charts 7.22.3 → 8.0.0-alpha.1

package/node/hooks/useAxisEvents.js

@@ -2,17 +2,19 @@
 'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAxisEvents = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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");
+var _useStore = require("../internals/useStore");
 function getAsANumber(value) {
   return value instanceof Date ? value.getTime() : value;
 }
@@ -25,9 +27,7 @@ const useAxisEvents = disableAxisListener => {
     xAxisIds,
     yAxisIds
   } = (0, _CartesianProvider.useCartesianContext)();
-  const {
-    dispatch
-  } = React.useContext(_InteractionProvider.InteractionContext);
+  const store = (0, _useStore.useStore)(disableAxisListener);
   const usedXAxis = xAxisIds[0];
   const usedYAxis = yAxisIds[0];
 
@@ -39,7 +39,7 @@ const useAxisEvents = disableAxisListener => {
   });
   React.useEffect(() => {
     const element = svgRef.current;
-    if (element === null || disableAxisListener) {
+    if (element === null || disableAxisListener || !store) {
       return () => {};
     }
     function getNewAxisState(axisConfig, mouseValue) {
@@ -98,9 +98,15 @@ const useAxisEvents = disableAxisListener => {
         x: -1,
         y: -1
       };
-      dispatch({
-        type: 'exitChart'
-      });
+      store.update(prev => (0, _extends2.default)({}, prev, {
+        interaction: {
+          item: null,
+          axis: {
+            x: null,
+            y: null
+          }
+        }
+      }));
     };
     const handleMove = event => {
       const target = 'targetTouches' in event ? event.targetTouches[0] : event;
@@ -111,9 +117,15 @@ const useAxisEvents = disableAxisListener => {
         targetElement: event.target
       })) {
         if (mousePosition.current.isInChart) {
-          dispatch({
-            type: 'exitChart'
-          });
+          store.update(prev => (0, _extends2.default)({}, prev, {
+            interaction: {
+              item: null,
+              axis: {
+                x: null,
+                y: null
+              }
+            }
+          }));
           mousePosition.current.isInChart = false;
         }
         return;
@@ -121,13 +133,15 @@ const useAxisEvents = disableAxisListener => {
       mousePosition.current.isInChart = true;
       const newStateX = getNewAxisState(xAxis[usedXAxis], svgPoint.x);
       const newStateY = getNewAxisState(yAxis[usedYAxis], svgPoint.y);
-      dispatch({
-        type: 'updateAxis',
-        data: {
-          x: newStateX,
-          y: newStateY
-        }
-      });
+      store.update(prev => (0, _extends2.default)({}, prev, {
+        interaction: (0, _extends2.default)({}, prev.interaction, {
+          axis: (0, _extends2.default)({}, prev.interaction.axis, prev.interaction.axis.x?.index !== newStateX?.index || prev.interaction.axis.x?.value !== newStateX?.value ? {
+            x: newStateX
+          } : {}, prev.interaction.axis.y?.index !== newStateY?.index || prev.interaction.axis.y?.value !== newStateY?.value ? {
+            y: newStateY
+          } : {})
+        })
+      }));
     };
     const handleDown = event => {
       const target = event.currentTarget;
@@ -150,6 +164,6 @@ const useAxisEvents = disableAxisListener => {
       element.removeEventListener('pointercancel', handleOut);
       element.removeEventListener('pointerleave', handleOut);
     };
-  }, [svgRef, dispatch, usedYAxis, yAxis, usedXAxis, xAxis, disableAxisListener, drawingArea]);
+  }, [svgRef, store, usedYAxis, yAxis, usedXAxis, xAxis, disableAxisListener, drawingArea]);
 };
 exports.useAxisEvents = useAxisEvents;

package/node/hooks/useChartId.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useChartId = useChartId;
 var React = _interopRequireWildcard(require("react"));
-var _DrawingProvider = require("../context/DrawingProvider");
+var _DrawingAreaProvider = require("../context/DrawingAreaProvider");
 function useChartId() {
   const {
     chartId
-  } = React.useContext(_DrawingProvider.DrawingContext);
+  } = React.useContext(_DrawingAreaProvider.DrawingAreaContext);
   return React.useMemo(() => chartId, [chartId]);
 }

package/node/hooks/useDrawingArea.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDrawingArea = useDrawingArea;
 var React = _interopRequireWildcard(require("react"));
-var _DrawingProvider = require("../context/DrawingProvider");
+var _DrawingAreaProvider = require("../context/DrawingAreaProvider");
 function useDrawingArea() {
   const {
     left,
@@ -17,7 +17,7 @@ function useDrawingArea() {
     bottom,
     right,
     isPointInside
-  } = React.useContext(_DrawingProvider.DrawingContext);
+  } = React.useContext(_DrawingAreaProvider.DrawingAreaContext);
   return React.useMemo(() => ({
     left,
     top,

package/node/hooks/useInteractionItemProps.js

@@ -1,18 +1,16 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useInteractionItemProps = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _InteractionProvider = require("../context/InteractionProvider");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _context = require("../context");
+var _useStore = require("../internals/useStore");
 const useInteractionItemProps = skip => {
-  const {
-    dispatch: dispatchInteraction
-  } = React.useContext(_InteractionProvider.InteractionContext);
+  const store = (0, _useStore.useStore)();
   const {
     setHighlighted,
     clearHighlighted
@@ -27,10 +25,11 @@ const useInteractionItemProps = skip => {
       }
     };
     const onPointerEnter = () => {
-      dispatchInteraction({
-        type: 'enterItem',
-        data
-      });
+      store.update(prev => (0, _extends2.default)({}, prev, {
+        interaction: (0, _extends2.default)({}, prev.interaction, {
+          item: data
+        })
+      }));
       setHighlighted({
         seriesId: data.seriesId,
         dataIndex: data.dataIndex
@@ -38,9 +37,17 @@ const useInteractionItemProps = skip => {
     };
     const onPointerLeave = event => {
       event.currentTarget.releasePointerCapture(event.pointerId);
-      dispatchInteraction({
-        type: 'leaveItem',
-        data
+      store.update(prev => {
+        const prevItem = prev.interaction.item;
+        if (prevItem === null || Object.keys(data).some(key => data[key] !== prevItem[key])) {
+          // The item is already something else, no need to clean it.
+          return prev;
+        }
+        return (0, _extends2.default)({}, prev, {
+          interaction: (0, _extends2.default)({}, prev.interaction, {
+            item: null
+          })
+        });
       });
       clearHighlighted();
     };

package/node/hooks/useSvgRef.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSvgRef = useSvgRef;
 var React = _interopRequireWildcard(require("react"));
-var _DrawingProvider = require("../context/DrawingProvider");
+var _SvgRefProvider = require("../context/SvgRefProvider");
 function useSvgRef() {
   const {
     isInitialized,
     data
-  } = React.useContext(_DrawingProvider.SvgContext);
+  } = React.useContext(_SvgRefProvider.SvgRefContext);
   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'));
   }
-  return data;
+  return data.svgRef;
 }

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.22.3
+ * @mui/x-charts v8.0.0-alpha.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -263,17 +263,6 @@ Object.keys(_Gauge).forEach(function (key) {
     }
   });
 });
-var _ChartContainer = require("./ChartContainer");
-Object.keys(_ChartContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartContainer[key];
-    }
-  });
-});
 var _ChartsSurface = require("./ChartsSurface");
 Object.keys(_ChartsSurface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -285,14 +274,14 @@ Object.keys(_ChartsSurface).forEach(function (key) {
     }
   });
 });
-var _ResponsiveChartContainer = require("./ResponsiveChartContainer");
-Object.keys(_ResponsiveChartContainer).forEach(function (key) {
+var _ChartContainer = require("./ChartContainer");
+Object.keys(_ChartContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ResponsiveChartContainer[key]) return;
+  if (key in exports && exports[key] === _ChartContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _ResponsiveChartContainer[key];
+      return _ChartContainer[key];
     }
   });
 });

package/node/internals/components/ChartsAxesGradients/ChartsAxesGradients.js

@@ -9,7 +9,7 @@ exports.ChartsAxesGradients = ChartsAxesGradients;
 exports.useChartGradient = useChartGradient;
 var React = _interopRequireWildcard(require("react"));
 var _CartesianProvider = require("../../../context/CartesianProvider");
-var _DrawingProvider = require("../../../context/DrawingProvider");
+var _DrawingAreaProvider = require("../../../context/DrawingAreaProvider");
 var _hooks = require("../../../hooks");
 var _ChartsPiecewiseGradient = _interopRequireDefault(require("./ChartsPiecewiseGradient"));
 var _ChartsContinuousGradient = _interopRequireDefault(require("./ChartsContinuousGradient"));
@@ -17,7 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function useChartGradient() {
   const {
     chartId
-  } = React.useContext(_DrawingProvider.DrawingContext);
+  } = React.useContext(_DrawingAreaProvider.DrawingAreaContext);
   return React.useCallback((axisId, direction) => `${chartId}-gradient-${direction}-${axisId}`, [chartId]);
 }
 function ChartsAxesGradients() {
@@ -38,8 +38,13 @@ function ChartsAxesGradients() {
     yAxisIds,
     yAxis
   } = (0, _CartesianProvider.useCartesianContext)();
+  const filteredYAxisIds = yAxisIds.filter(axisId => yAxis[axisId].colorMap !== undefined);
+  const filteredXAxisIds = xAxisIds.filter(axisId => xAxis[axisId].colorMap !== undefined);
+  if (filteredYAxisIds.length === 0 && filteredXAxisIds.length === 0) {
+    return null;
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
-    children: [yAxisIds.filter(axisId => yAxis[axisId].colorMap !== undefined).map(axisId => {
+    children: [filteredYAxisIds.map(axisId => {
       const gradientId = getGradientId(axisId, 'y');
       const {
         colorMap,
@@ -69,7 +74,7 @@ function ChartsAxesGradients() {
         }, gradientId);
       }
       return null;
-    }), xAxisIds.filter(axisId => xAxis[axisId].colorMap !== undefined).map(axisId => {
+    }), filteredXAxisIds.map(axisId => {
       const gradientId = getGradientId(axisId, 'x');
       const {
         colorMap,

package/node/internals/getSymbol.js

@@ -4,8 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSymbol = getSymbol;
-// Returns the index of a defined shape
 function getSymbol(shape) {
-  const symbolNames = 'circle cross diamond square star triangle wye'.split(/ /);
-  return symbolNames.indexOf(shape) || 0;
+  // prettier-ignore
+  switch (shape) {
+    case 'circle':
+      return 0;
+    case 'cross':
+      return 1;
+    case 'diamond':
+      return 2;
+    case 'square':
+      return 3;
+    case 'star':
+      return 4;
+    case 'triangle':
+      return 5;
+    case 'wye':
+      return 6;
+    default:
+      return 0;
+  }
 }

package/node/internals/index.js

@@ -10,8 +10,6 @@ var _exportNames = {
   useScatterChartProps: true,
   useLineChartProps: true,
   useBarChartProps: true,
-  useResponsiveChartContainerProps: true,
-  useChartContainerProps: true,
   unstable_cleanupDOM: true,
   getAxisExtremum: true
 };
@@ -33,12 +31,6 @@ Object.defineProperty(exports, "useBarChartProps", {
     return _useBarChartProps.useBarChartProps;
   }
 });
-Object.defineProperty(exports, "useChartContainerProps", {
-  enumerable: true,
-  get: function () {
-    return _useChartContainerProps.useChartContainerProps;
-  }
-});
 Object.defineProperty(exports, "useDrawingArea", {
   enumerable: true,
   get: function () {
@@ -57,12 +49,6 @@ Object.defineProperty(exports, "useLineChartProps", {
     return _useLineChartProps.useLineChartProps;
   }
 });
-Object.defineProperty(exports, "useResponsiveChartContainerProps", {
-  enumerable: true,
-  get: function () {
-    return _useResponsiveChartContainerProps.useResponsiveChartContainerProps;
-  }
-});
 Object.defineProperty(exports, "useScatterChartProps", {
   enumerable: true,
   get: function () {
@@ -87,19 +73,7 @@ Object.keys(_ChartsAxesGradients).forEach(function (key) {
     }
   });
 });
-var _useChartContainerDimensions = require("../ResponsiveChartContainer/useChartContainerDimensions");
-Object.keys(_useChartContainerDimensions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useChartContainerDimensions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useChartContainerDimensions[key];
-    }
-  });
-});
-var _ResizableContainer = require("../ResponsiveChartContainer/ResizableContainer");
+var _ResizableContainer = require("../ChartContainer/ResizableContainer");
 Object.keys(_ResizableContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -117,8 +91,30 @@ var _useDrawingArea = require("../hooks/useDrawingArea");
 var _useScatterChartProps = require("../ScatterChart/useScatterChartProps");
 var _useLineChartProps = require("../LineChart/useLineChartProps");
 var _useBarChartProps = require("../BarChart/useBarChartProps");
-var _useResponsiveChartContainerProps = require("../ResponsiveChartContainer/useResponsiveChartContainerProps");
 var _useChartContainerProps = require("../ChartContainer/useChartContainerProps");
+Object.keys(_useChartContainerProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartContainerProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartContainerProps[key];
+    }
+  });
+});
+var _useChartDataProviderProps = require("../context/ChartDataProvider/useChartDataProviderProps");
+Object.keys(_useChartDataProviderProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartDataProviderProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartDataProviderProps[key];
+    }
+  });
+});
 var _defaultizeValueFormatter = require("./defaultizeValueFormatter");
 Object.keys(_defaultizeValueFormatter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -216,15 +212,15 @@ Object.keys(_CartesianProvider).forEach(function (key) {
     }
   });
 });
-var _DrawingProvider = require("../context/DrawingProvider");
-Object.keys(_DrawingProvider).forEach(function (key) {
+var _DrawingAreaProvider = require("../context/DrawingAreaProvider");
+Object.keys(_DrawingAreaProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DrawingProvider[key]) return;
+  if (key in exports && exports[key] === _DrawingAreaProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _DrawingProvider[key];
+      return _DrawingAreaProvider[key];
     }
   });
 });
@@ -289,39 +285,63 @@ Object.keys(_AnimationProvider).forEach(function (key) {
   });
 });
 var _getAxisExtremum = require("../context/CartesianProvider/getAxisExtremum");
-var _config = require("../models/seriesType/config");
-Object.keys(_config).forEach(function (key) {
+var _ChartDataProvider = require("../context/ChartDataProvider");
+Object.keys(_ChartDataProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _config[key]) return;
+  if (key in exports && exports[key] === _ChartDataProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _config[key];
+      return _ChartDataProvider[key];
     }
   });
 });
-var _common = require("../models/seriesType/common");
-Object.keys(_common).forEach(function (key) {
+var _SizeProvider = require("../context/SizeProvider");
+Object.keys(_SizeProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _common[key]) return;
+  if (key in exports && exports[key] === _SizeProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _common[key];
+      return _SizeProvider[key];
+    }
+  });
+});
+var _SvgRefProvider = require("../context/SvgRefProvider");
+Object.keys(_SvgRefProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SvgRefProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SvgRefProvider[key];
     }
   });
 });
-var _helpers = require("../models/helpers");
-Object.keys(_helpers).forEach(function (key) {
+var _config = require("../models/seriesType/config");
+Object.keys(_config).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _config[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _config[key];
+    }
+  });
+});
+var _common = require("../models/seriesType/common");
+Object.keys(_common).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _helpers[key]) return;
+  if (key in exports && exports[key] === _common[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _helpers[key];
+      return _common[key];
     }
   });
 });

package/node/internals/plugins/models/index.js

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

package/node/internals/plugins/utils/ChartStore.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartStore = void 0;
+// For now this is fixed. Will need to support generic if we add plugins
+
+class ChartStore {
+  constructor(value) {
+    this.value = void 0;
+    this.listeners = void 0;
+    this.subscribe = fn => {
+      this.listeners.add(fn);
+      return () => {
+        this.listeners.delete(fn);
+      };
+    };
+    this.getSnapshot = () => {
+      return this.value;
+    };
+    this.update = updater => {
+      const newState = updater(this.value);
+      if (newState !== this.value) {
+        this.value = newState;
+        this.listeners.forEach(l => l(newState));
+      }
+    };
+    this.value = value;
+    this.listeners = new Set();
+  }
+}
+exports.ChartStore = ChartStore;

package/node/internals/plugins/utils/ChartsStore.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsStore = void 0;
+// For now this is fixed. Will need to support generic if we add plugins
+
+class ChartsStore {
+  constructor(value) {
+    this.value = void 0;
+    this.listeners = void 0;
+    this.subscribe = fn => {
+      this.listeners.add(fn);
+      return () => {
+        this.listeners.delete(fn);
+      };
+    };
+    this.getSnapshot = () => {
+      return this.value;
+    };
+    this.update = updater => {
+      const newState = updater(this.value);
+      if (newState !== this.value) {
+        this.value = newState;
+        this.listeners.forEach(l => l(newState));
+      }
+    };
+    this.value = value;
+    this.listeners = new Set();
+  }
+}
+exports.ChartsStore = ChartsStore;

package/node/internals/plugins/utils/selectors.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSelector = void 0;
+var _reselect = require("reselect");
+const reselectCreateSelector = (0, _reselect.createSelectorCreator)({
+  memoize: _reselect.lruMemoize,
+  memoizeOptions: {
+    maxSize: 1,
+    equalityCheck: Object.is
+  }
+});
+const cache = new WeakMap();
+/**
+ * Method wrapping reselect's createSelector to provide caching for chart instances.
+ *
+ */
+const createSelector = (...createSelectorArgs) => {
+  const selector = (state, selectorArgs) => {
+    const cacheKey = state.cacheKey;
+
+    // If there is no cache for the current chart instance, create one.
+    let cacheForCurrentChartInstance = cache.get(cacheKey);
+    if (!cacheForCurrentChartInstance) {
+      cacheForCurrentChartInstance = new Map();
+      cache.set(cacheKey, cacheForCurrentChartInstance);
+    }
+
+    // If there is a cached selector, execute it.
+    const cachedSelector = cacheForCurrentChartInstance.get(createSelectorArgs);
+    if (cachedSelector) {
+      return cachedSelector(state, selectorArgs);
+    }
+
+    // Otherwise, create a new selector and cache it and execute it.
+    const fn = reselectCreateSelector(...createSelectorArgs);
+    cacheForCurrentChartInstance.set(createSelectorArgs, fn);
+    return fn(state, selectorArgs);
+  };
+  return selector;
+};
+exports.createSelector = createSelector;

package/node/internals/useCharts.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCharts = useCharts;
+var React = _interopRequireWildcard(require("react"));
+var _ChartStore = require("./plugins/utils/ChartStore");
+let globalId = 0;
+function useCharts() {
+  const storeRef = React.useRef(null);
+  if (storeRef.current == null) {
+    // eslint-disable-next-line react-compiler/react-compiler
+    globalId += 1;
+    const initialState = {
+      interaction: {
+        item: null,
+        axis: {
+          x: null,
+          y: null
+        }
+      },
+      cacheKey: {
+        id: globalId
+      }
+    };
+    storeRef.current = new _ChartStore.ChartStore(initialState);
+  }
+  const contextValue = React.useMemo(() => ({
+    store: storeRef.current
+  }), []);
+  return {
+    contextValue
+  };
+}