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

package/node/context/{DrawingProvider.js → DrawingAreaProvider/DrawingAreaProvider.js}

@@ -6,48 +6,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DrawingContext = void 0;
-exports.DrawingProvider = DrawingProvider;
-exports.SvgContext = void 0;
+exports.DrawingAreaProvider = DrawingAreaProvider;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
-var _useChartDimensions = _interopRequireDefault(require("../hooks/useChartDimensions"));
+var _useChartDimensions = _interopRequireDefault(require("../../hooks/useChartDimensions"));
+var _DrawingAreaContext = require("./DrawingAreaContext");
+var _SizeProvider = require("../SizeProvider");
 var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Defines the area in which it is possible to draw the charts.
- */
-
-const DrawingContext = exports.DrawingContext = /*#__PURE__*/React.createContext({
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0,
-  height: 300,
-  width: 400,
-  chartId: '',
-  isPointInside: () => false
-});
-if (process.env.NODE_ENV !== 'production') {
-  DrawingContext.displayName = 'DrawingContext';
-}
-const SvgContext = exports.SvgContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {
-    current: null
-  }
-});
-if (process.env.NODE_ENV !== 'production') {
-  SvgContext.displayName = 'SvgContext';
-}
-function DrawingProvider(props) {
+function DrawingAreaProvider(props) {
   const {
-    width,
-    height,
     margin,
-    svgRef,
     children
   } = props;
+  const {
+    width,
+    height
+  } = (0, _SizeProvider.useSize)();
   const drawingArea = (0, _useChartDimensions.default)(width, height, margin);
   const chartId = (0, _useId.default)();
   const isPointInside = React.useCallback(({
@@ -73,15 +48,8 @@ function DrawingProvider(props) {
   }, drawingArea, {
     isPointInside
   }), [chartId, drawingArea, isPointInside]);
-  const refValue = React.useMemo(() => ({
-    isInitialized: true,
-    data: svgRef
-  }), [svgRef]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SvgContext.Provider, {
-    value: refValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawingContext.Provider, {
-      value: value,
-      children: children
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawingAreaContext.DrawingAreaContext.Provider, {
+    value: value,
+    children: children
   });
 }

package/node/context/DrawingAreaProvider/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DrawingArea = require("./DrawingArea.types");
+Object.keys(_DrawingArea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DrawingArea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DrawingArea[key];
+    }
+  });
+});
+var _DrawingAreaProvider = require("./DrawingAreaProvider");
+Object.keys(_DrawingAreaProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DrawingAreaProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DrawingAreaProvider[key];
+    }
+  });
+});
+var _DrawingAreaContext = require("./DrawingAreaContext");
+Object.keys(_DrawingAreaContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DrawingAreaContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DrawingAreaContext[key];
+    }
+  });
+});

package/node/context/HighlightedProvider/HighlightedProvider.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HighlightedProvider = HighlightedProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
@@ -17,19 +15,6 @@ var _createIsFaded = require("./createIsFaded");
 var _createIsHighlighted = require("./createIsHighlighted");
 var _useSeries = require("../../hooks/useSeries");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["highlighted", "faded"];
-const mergeDeprecatedOptions = options => {
-  const _ref = options ?? {},
-    {
-      highlighted,
-      faded
-    } = _ref,
-    other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  return (0, _extends2.default)({
-    highlight: highlighted,
-    fade: faded
-  }, other);
-};
 function HighlightedProvider({
   children,
   highlightedItem: highlightedItemProps,
@@ -48,7 +33,7 @@ function HighlightedProvider({
       const seriesData = series[seriesType];
       Object.keys(seriesData?.series ?? {}).forEach(seriesId => {
         const seriesItem = seriesData?.series[seriesId];
-        map.set(seriesId, mergeDeprecatedOptions(seriesItem?.highlightScope));
+        map.set(seriesId, seriesItem?.highlightScope);
       });
     });
     return map;

package/node/context/InteractionProvider.js

@@ -2,84 +2,27 @@
 '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.InteractionContext = void 0;
+exports.ChartsContext = void 0;
 exports.InteractionProvider = InteractionProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _useCharts = require("../internals/useCharts");
 var _jsxRuntime = require("react/jsx-runtime");
-const InteractionContext = exports.InteractionContext = /*#__PURE__*/React.createContext({
-  item: null,
-  axis: {
-    x: null,
-    y: null
-  },
-  useVoronoiInteraction: false,
-  dispatch: () => null
-});
+const ChartsContext = exports.ChartsContext = /*#__PURE__*/React.createContext(null);
 if (process.env.NODE_ENV !== 'production') {
-  InteractionContext.displayName = 'InteractionContext';
+  ChartsContext.displayName = 'ChartsContext';
 }
-const dataReducer = (prevState, action) => {
-  switch (action.type) {
-    case 'enterItem':
-      return (0, _extends2.default)({}, prevState, {
-        item: action.data
-      });
-    case 'exitChart':
-      if (prevState.item === null && prevState.axis.x === null && prevState.axis.y === null) {
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        axis: {
-          x: null,
-          y: null
-        },
-        item: null
-      });
-    case 'updateVoronoiUsage':
-      return (0, _extends2.default)({}, prevState, {
-        useVoronoiInteraction: action.useVoronoiInteraction
-      });
-    case 'leaveItem':
-      if (prevState.item === null || Object.keys(action.data).some(key => action.data[key] !== prevState.item[key])) {
-        // The item is already something else
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        item: null
-      });
-    case 'updateAxis':
-      if (action.data.x === prevState.axis.x && action.data.y === prevState.axis.y) {
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        axis: action.data
-      });
-    default:
-      return prevState;
-  }
-};
 function InteractionProvider(props) {
   const {
     children
   } = props;
-  const [data, dispatch] = React.useReducer(dataReducer, {
-    item: null,
-    axis: {
-      x: null,
-      y: null
-    },
-    useVoronoiInteraction: false
-  });
-  const value = React.useMemo(() => (0, _extends2.default)({}, data, {
-    dispatch
-  }), [data]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InteractionContext.Provider, {
-    value: value,
+  const {
+    contextValue
+  } = (0, _useCharts.useCharts)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ChartsContext.Provider, {
+    value: contextValue,
     children: children
   });
 }

package/node/context/InteractionSelectors.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartsInteractionYAxisIsDefined = exports.selectorChartsInteractionYAxis = exports.selectorChartsInteractionXAxisIsDefined = exports.selectorChartsInteractionXAxis = exports.selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItem = exports.selectorChartsInteractionIsVoronoiEnabled = exports.selectorChartsInteractionAxis = void 0;
+var _selectors = require("../internals/plugins/utils/selectors");
+function selectInteraction(state) {
+  return state.interaction;
+}
+const selectorChartsInteractionItem = exports.selectorChartsInteractionItem = (0, _selectors.createSelector)(selectInteraction, interaction => interaction.item);
+const selectorChartsInteractionAxis = exports.selectorChartsInteractionAxis = (0, _selectors.createSelector)(selectInteraction, interaction => interaction.axis);
+const selectorChartsInteractionXAxis = exports.selectorChartsInteractionXAxis = (0, _selectors.createSelector)(selectInteraction, interaction => interaction.axis.x);
+const selectorChartsInteractionYAxis = exports.selectorChartsInteractionYAxis = (0, _selectors.createSelector)(selectInteraction, interaction => interaction.axis.y);
+const selectorChartsInteractionItemIsDefined = exports.selectorChartsInteractionItemIsDefined = (0, _selectors.createSelector)(selectorChartsInteractionItem, item => item !== null);
+const selectorChartsInteractionXAxisIsDefined = exports.selectorChartsInteractionXAxisIsDefined = (0, _selectors.createSelector)(selectorChartsInteractionXAxis, x => x !== null);
+const selectorChartsInteractionYAxisIsDefined = exports.selectorChartsInteractionYAxisIsDefined = (0, _selectors.createSelector)(selectorChartsInteractionYAxis, y => y !== null);
+const selectorChartsInteractionIsVoronoiEnabled = exports.selectorChartsInteractionIsVoronoiEnabled = (0, _selectors.createSelector)(selectInteraction, interaction => interaction.isVoronoiEnabled);

package/node/context/SizeProvider/Size.types.js

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

package/node/context/SizeProvider/SizeContext.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SizeContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+const SizeContext = exports.SizeContext = /*#__PURE__*/React.createContext({
+  isInitialized: false,
+  data: {
+    hasIntrinsicSize: false,
+    containerRef: null,
+    height: 0,
+    width: 0
+  }
+});
+if (process.env.NODE_ENV !== 'production') {
+  SizeContext.displayName = 'SizeContext';
+}

package/node/context/SizeProvider/SizeProvider.js

@@ -0,0 +1,29 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SizeProvider = SizeProvider;
+var React = _interopRequireWildcard(require("react"));
+var _SizeContext = require("./SizeContext");
+var _useChartContainerDimensions = require("./useChartContainerDimensions");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * The size provider.
+ *
+ * This differs from the DrawingProvider in that it provides the full size of the container.
+ *
+ * This provider is also responsible for resolving the size of the container before rendering and if the parent size changes.
+ */function SizeProvider(props) {
+  const dimensions = (0, _useChartContainerDimensions.useChartContainerDimensions)(props.width, props.height);
+  const value = React.useMemo(() => ({
+    isInitialized: true,
+    data: dimensions
+  }), [dimensions]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SizeContext.SizeContext.Provider, {
+    value: value,
+    children: props.children
+  });
+}

package/node/context/SizeProvider/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SizeProvider = require("./SizeProvider");
+Object.keys(_SizeProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SizeProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SizeProvider[key];
+    }
+  });
+});
+var _SizeContext = require("./SizeContext");
+Object.keys(_SizeContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SizeContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SizeContext[key];
+    }
+  });
+});
+var _useSize = require("./useSize");
+Object.keys(_useSize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useSize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useSize[key];
+    }
+  });
+});
+var _Size = require("./Size.types");
+Object.keys(_Size).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Size[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Size[key];
+    }
+  });
+});

package/node/{ResponsiveChartContainer → context/SizeProvider}/useChartContainerDimensions.js

@@ -1,6 +1,7 @@
 "use strict";
 'use client';
 
+/* eslint-disable react-compiler/react-compiler */
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
@@ -10,7 +11,9 @@ exports.useChartContainerDimensions = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _ownerWindow = _interopRequireDefault(require("@mui/utils/ownerWindow"));
-const useChartContainerDimensions = (inWidth, inHeight, resolveSizeBeforeRender) => {
+const MAX_COMPUTE_RUN = 10;
+const useChartContainerDimensions = (inWidth, inHeight) => {
+  const hasInSize = inWidth !== undefined && inHeight !== undefined;
   const stateRef = React.useRef({
     displayError: false,
     initialCompute: true,
@@ -47,7 +50,7 @@ const useChartContainerDimensions = (inWidth, inHeight, resolveSizeBeforeRender)
   // https://github.com/mui/mui-x/issues/13477#issuecomment-2336634785
   (0, _useEnhancedEffect.default)(() => {
     // computeRun is used to avoid infinite loops.
-    if (!resolveSizeBeforeRender || !stateRef.current.initialCompute || stateRef.current.computeRun > 20) {
+    if (hasInSize || !stateRef.current.initialCompute || stateRef.current.computeRun > MAX_COMPUTE_RUN) {
       return;
     }
     const computedSize = computeSize();
@@ -56,9 +59,9 @@ const useChartContainerDimensions = (inWidth, inHeight, resolveSizeBeforeRender)
     } else if (stateRef.current.initialCompute) {
       stateRef.current.initialCompute = false;
     }
-  }, [width, height, computeSize, resolveSizeBeforeRender]);
+  }, [width, height, computeSize, hasInSize]);
   (0, _useEnhancedEffect.default)(() => {
-    if (inWidth !== undefined && inHeight !== undefined) {
+    if (hasInSize) {
       return () => {};
     }
     computeSize();
@@ -84,7 +87,7 @@ const useChartContainerDimensions = (inWidth, inHeight, resolveSizeBeforeRender)
         observer.unobserve(elementToObserve);
       }
     };
-  }, [computeSize, inHeight, inWidth]);
+  }, [computeSize, hasInSize]);
   if (process.env.NODE_ENV !== 'production') {
     if (stateRef.current.displayError && inWidth === undefined && width === 0) {
       console.error(`MUI X: ChartContainer does not have \`width\` prop, and its container has no \`width\` defined.`);
@@ -95,10 +98,15 @@ const useChartContainerDimensions = (inWidth, inHeight, resolveSizeBeforeRender)
       stateRef.current.displayError = false;
     }
   }
+  const finalWidth = inWidth ?? width;
+  const finalHeight = inHeight ?? height;
   return {
     containerRef: rootRef,
-    width: inWidth ?? width,
-    height: inHeight ?? height
+    width: finalWidth,
+    height: finalHeight,
+    hasIntrinsicSize: finalWidth > 0 && finalHeight > 0,
+    inWidth,
+    inHeight
   };
 };
 exports.useChartContainerDimensions = useChartContainerDimensions;

package/node/context/SizeProvider/useSize.js

@@ -0,0 +1,20 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSize = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _SizeContext = require("./SizeContext");
+/**
+ * Returns the size of the chart. And the ref of the container element that the chart is rendered in.
+ */
+const useSize = () => {
+  const {
+    data
+  } = React.useContext(_SizeContext.SizeContext);
+  return data;
+};
+exports.useSize = useSize;

package/node/context/SvgRefProvider/SvgRef.types.js

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

package/node/context/SvgRefProvider/SvgRefContext.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SvgRefContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+const SvgRefContext = exports.SvgRefContext = /*#__PURE__*/React.createContext({
+  isInitialized: false,
+  data: {
+    svgRef: {
+      current: null
+    },
+    surfaceRef: {
+      current: null
+    }
+  }
+});
+if (process.env.NODE_ENV !== 'production') {
+  SvgRefContext.displayName = 'SvgRefContext';
+}

package/node/context/SvgRefProvider/SvgRefProvider.js

@@ -0,0 +1,31 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SvgRefProvider = SvgRefProvider;
+var React = _interopRequireWildcard(require("react"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _SvgRefContext = require("./SvgRefContext");
+var _jsxRuntime = require("react/jsx-runtime");
+function SvgRefProvider(props) {
+  const {
+    children
+  } = props;
+  const svgRef = React.useRef(null);
+  const surfaceRef = (0, _useForkRef.default)(svgRef);
+  const refValue = React.useMemo(() => ({
+    isInitialized: true,
+    data: {
+      svgRef,
+      surfaceRef
+    }
+  }), [svgRef, surfaceRef]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgRefContext.SvgRefContext.Provider, {
+    value: refValue,
+    children: children
+  });
+}

package/node/context/SvgRefProvider/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SvgRef = require("./SvgRef.types");
+Object.keys(_SvgRef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SvgRef[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SvgRef[key];
+    }
+  });
+});
+var _SvgRefProvider = require("./SvgRefProvider");
+Object.keys(_SvgRefProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SvgRefProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SvgRefProvider[key];
+    }
+  });
+});
+var _SvgRefContext = require("./SvgRefContext");
+Object.keys(_SvgRefContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SvgRefContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SvgRefContext[key];
+    }
+  });
+});
+var _useSurfaceRef = require("./useSurfaceRef");
+Object.keys(_useSurfaceRef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useSurfaceRef[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useSurfaceRef[key];
+    }
+  });
+});

package/node/context/SvgRefProvider/useSurfaceRef.js

@@ -0,0 +1,20 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSurfaceRef = useSurfaceRef;
+var React = _interopRequireWildcard(require("react"));
+var _SvgRefContext = require("./SvgRefContext");
+function useSurfaceRef() {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(_SvgRefContext.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.surfaceRef;
+}

package/node/context/index.js

@@ -4,8 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  ZAxisContextProvider: true
+  ZAxisContextProvider: true,
+  ChartDataProvider: true
 };
+Object.defineProperty(exports, "ChartDataProvider", {
+  enumerable: true,
+  get: function () {
+    return _ChartDataProvider.ChartDataProvider;
+  }
+});
 Object.defineProperty(exports, "ZAxisContextProvider", {
   enumerable: true,
   get: function () {
@@ -24,4 +31,5 @@ Object.keys(_HighlightedProvider).forEach(function (key) {
     }
   });
 });
-var _ZAxisContextProvider = require("./ZAxisContextProvider");
+var _ZAxisContextProvider = require("./ZAxisContextProvider");
+var _ChartDataProvider = require("./ChartDataProvider");