react-native-wagmi-charts/lib/commonjs/charts/candle/Context.js

A sweet candlestick chart for React Native

'use strict';

Object.defineProperty(exports, '__esModule', {
  value: true,
});
exports.CandlestickChartContext = void 0;
exports.CandlestickChartProvider = CandlestickChartProvider;
var _react = _interopRequireDefault(require('react'));
var _reactNativeReanimated = require('react-native-reanimated');
var _utils = require('./utils');
function _interopRequireDefault(e) {
  return e && e.__esModule ? e : { default: e };
}
const CandlestickChartContext = (exports.CandlestickChartContext =
  /*#__PURE__*/ _react.default.createContext({
    currentX: {
      value: -1,
    },
    currentY: {
      value: -1,
    },
    currentIndex: {
      value: -1,
    },
    data: [],
    height: 0,
    width: 0,
    domain: [0, 0],
    step: 0,
    setWidth: () => undefined,
    setHeight: () => undefined,
  }));
function CandlestickChartProvider({
  children,
  data = [],
  valueRangeY,
  onCurrentIndexChange,
}) {
  const [width, setWidth] = _react.default.useState(0);
  const [height, setHeight] = _react.default.useState(0);
  const currentX = (0, _reactNativeReanimated.useSharedValue)(-1);
  const currentY = (0, _reactNativeReanimated.useSharedValue)(-1);
  const currentIndex = (0, _reactNativeReanimated.useSharedValue)(-1);
  const domain = _react.default.useMemo(
    () => valueRangeY ?? (0, _utils.getDomain)(data),
    [data, valueRangeY]
  );
  const step = _react.default.useMemo(
    () => width / data.length,
    [data.length, width]
  );
  const contextValue = _react.default.useMemo(
    () => ({
      currentX,
      currentY,
      currentIndex,
      data,
      width,
      height,
      domain,
      step,
      setWidth,
      setHeight,
    }),
    [currentIndex, currentX, currentY, data, domain, height, step, width]
  );
  (0, _reactNativeReanimated.useAnimatedReaction)(
    () => currentIndex.value,
    (x, prevX) => {
      if (x !== prevX && onCurrentIndexChange) {
        (0, _reactNativeReanimated.runOnJS)(onCurrentIndexChange)(x);
      }
    },
    [currentIndex]
  );
  return /*#__PURE__*/ _react.default.createElement(
    CandlestickChartContext.Provider,
    {
      value: contextValue,
    },
    children
  );
}
CandlestickChartProvider.displayName = 'CandlestickChartProvider';
//# sourceMappingURL=Context.js.map