react-native-wagmi-charts 2.9.0 → 2.10.0

package/lib/commonjs/charts/candle/Candle.js

@@ -1,51 +1,17 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.CandlestickChartCandle = void 0;
-var _react = _interopRequireDefault(require('react'));
-var _reactNativeReanimated = _interopRequireWildcard(
-  require('react-native-reanimated')
-);
-var _reactNativeSvg = require('react-native-svg');
-var _utils = require('./utils');
-function _interopRequireWildcard(e, t) {
-  if ('function' == typeof WeakMap)
-    var r = new WeakMap(),
-      n = new WeakMap();
-  return (_interopRequireWildcard = function (e, t) {
-    if (!t && e && e.__esModule) return e;
-    var o,
-      i,
-      f = { __proto__: null, default: e };
-    if (null === e || ('object' != typeof e && 'function' != typeof e))
-      return f;
-    if ((o = t ? n : r)) {
-      if (o.has(e)) return o.get(e);
-      o.set(e, f);
-    }
-    for (const t in e)
-      'default' !== t &&
-        {}.hasOwnProperty.call(e, t) &&
-        ((i =
-          (o = Object.defineProperty) &&
-          Object.getOwnPropertyDescriptor(e, t)) &&
-        (i.get || i.set)
-          ? o(f, t, i)
-          : (f[t] = e[t]));
-    return f;
-  })(e, t);
-}
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : { default: e };
-}
-const AnimatedRect = _reactNativeReanimated.default.createAnimatedComponent(
-  _reactNativeSvg.Rect
-);
-const AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(
-  _reactNativeSvg.Line
-);
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSvg = require("react-native-svg");
+var _utils = require("./utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedRect = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Rect);
+const AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Line);
 const CandlestickChartCandle = ({
   candle,
   maxHeight,
@@ -58,148 +24,97 @@ const CandlestickChartCandle = ({
   index,
   width,
   useAnimations = true,
-  renderLine = (props) =>
-    props.useAnimations
-      ? /*#__PURE__*/ _react.default.createElement(AnimatedLine, props)
-      : /*#__PURE__*/ _react.default.createElement(_reactNativeSvg.Line, props),
-  renderRect = (props) =>
-    props.useAnimations
-      ? /*#__PURE__*/ _react.default.createElement(AnimatedRect, props)
-      : /*#__PURE__*/ _react.default.createElement(_reactNativeSvg.Rect, props),
+  renderLine = props => props.useAnimations ? /*#__PURE__*/_react.default.createElement(AnimatedLine, props) : /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Line, props),
+  renderRect = props => props.useAnimations ? /*#__PURE__*/_react.default.createElement(AnimatedRect, props) : /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Rect, props)
 }) => {
-  const { close, open, high, low } = candle;
+  const {
+    close,
+    open,
+    high,
+    low
+  } = candle;
   const isPositive = close > open;
   const fill = isPositive ? positiveColor : negativeColor;
   const x = index * width;
   const max = Math.max(open, close);
   const min = Math.min(open, close);
-  const lineProps = _react.default.useMemo(
-    () => ({
-      stroke: fill,
-      strokeWidth: 1,
-      direction: isPositive ? 'positive' : 'negative',
-      x1: x + width / 2,
-      y1: (0, _utils.getY)({
-        maxHeight,
-        value: low,
-        domain,
-      }),
-      x2: x + width / 2,
-      y2: (0, _utils.getY)({
-        maxHeight,
-        value: high,
-        domain,
-      }),
-      candle: candle,
-      ...overrideLineProps,
+  const lineProps = _react.default.useMemo(() => ({
+    stroke: fill,
+    strokeWidth: 1,
+    direction: isPositive ? 'positive' : 'negative',
+    x1: x + width / 2,
+    y1: (0, _utils.getY)({
+      maxHeight,
+      value: low,
+      domain
     }),
-    [
-      domain,
-      fill,
-      high,
-      isPositive,
-      low,
+    x2: x + width / 2,
+    y2: (0, _utils.getY)({
       maxHeight,
-      overrideLineProps,
-      width,
-      x,
-      candle,
-    ]
-  );
-  const animatedLineProps = (0, _reactNativeReanimated.useAnimatedProps)(
-    () => ({
-      x1: (0, _reactNativeReanimated.withTiming)(x + width / 2),
-      y1: (0, _reactNativeReanimated.withTiming)(
-        (0, _utils.getY)({
-          maxHeight,
-          value: low,
-          domain,
-        })
-      ),
-      x2: (0, _reactNativeReanimated.withTiming)(x + width / 2),
-      y2: (0, _reactNativeReanimated.withTiming)(
-        (0, _utils.getY)({
-          maxHeight,
-          value: high,
-          domain,
-        })
-      ),
-    })
-  );
-  const rectProps = _react.default.useMemo(
-    () => ({
-      width: width - margin * 2,
-      fill: fill,
-      direction: isPositive ? 'positive' : 'negative',
-      x: x + margin,
-      y: (0, _utils.getY)({
-        maxHeight,
-        value: max,
-        domain,
-      }),
-      height: (0, _utils.getHeight)({
-        maxHeight,
-        value: max - min,
-        domain,
-      }),
-      candle: candle,
-      ...overrideRectProps,
+      value: high,
+      domain
     }),
-    [
-      domain,
-      fill,
-      isPositive,
-      margin,
-      max,
+    candle: candle,
+    ...overrideLineProps
+  }), [domain, fill, high, isPositive, low, maxHeight, overrideLineProps, width, x, candle]);
+  const animatedLineProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
+    x1: (0, _reactNativeReanimated.withTiming)(x + width / 2),
+    y1: (0, _reactNativeReanimated.withTiming)((0, _utils.getY)({
+      maxHeight,
+      value: low,
+      domain
+    })),
+    x2: (0, _reactNativeReanimated.withTiming)(x + width / 2),
+    y2: (0, _reactNativeReanimated.withTiming)((0, _utils.getY)({
       maxHeight,
-      min,
-      overrideRectProps,
-      width,
-      x,
-      candle,
-    ]
-  );
-  const animatedRectProps = (0, _reactNativeReanimated.useAnimatedProps)(
-    () => ({
-      x: (0, _reactNativeReanimated.withTiming)(x + margin),
-      y: (0, _reactNativeReanimated.withTiming)(
-        (0, _utils.getY)({
-          maxHeight,
-          value: max,
-          domain,
-        })
-      ),
-      height: (0, _reactNativeReanimated.withTiming)(
-        (0, _utils.getHeight)({
-          maxHeight,
-          value: max - min,
-          domain,
-        })
-      ),
-    })
-  );
-  return /*#__PURE__*/ _react.default.createElement(
-    _react.default.Fragment,
-    null,
-    renderLine({
-      ...lineProps,
-      useAnimations,
-      ...(useAnimations
-        ? {
-            animatedProps: animatedLineProps,
-          }
-        : {}),
+      value: high,
+      domain
+    }))
+  }));
+  const rectProps = _react.default.useMemo(() => ({
+    width: width - margin * 2,
+    fill: fill,
+    direction: isPositive ? 'positive' : 'negative',
+    x: x + margin,
+    y: (0, _utils.getY)({
+      maxHeight,
+      value: max,
+      domain
     }),
-    renderRect({
-      ...rectProps,
-      useAnimations,
-      ...(useAnimations
-        ? {
-            animatedProps: animatedRectProps,
-          }
-        : {}),
-    })
-  );
+    height: (0, _utils.getHeight)({
+      maxHeight,
+      value: max - min,
+      domain
+    }),
+    candle: candle,
+    ...overrideRectProps
+  }), [domain, fill, isPositive, margin, max, maxHeight, min, overrideRectProps, width, x, candle]);
+  const animatedRectProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
+    x: (0, _reactNativeReanimated.withTiming)(x + margin),
+    y: (0, _reactNativeReanimated.withTiming)((0, _utils.getY)({
+      maxHeight,
+      value: max,
+      domain
+    })),
+    height: (0, _reactNativeReanimated.withTiming)((0, _utils.getHeight)({
+      maxHeight,
+      value: max - min,
+      domain
+    }))
+  }));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLine({
+    ...lineProps,
+    useAnimations,
+    ...(useAnimations ? {
+      animatedProps: animatedLineProps
+    } : {})
+  }), renderRect({
+    ...rectProps,
+    useAnimations,
+    ...(useAnimations ? {
+      animatedProps: animatedRectProps
+    } : {})
+  }));
 };
 exports.CandlestickChartCandle = CandlestickChartCandle;
-//# sourceMappingURL=Candle.js.map
+//# sourceMappingURL=Candle.js.map

package/lib/commonjs/charts/candle/Candles.js

@@ -1,31 +1,16 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.CandlestickChartCandles = CandlestickChartCandles;
-var _react = _interopRequireDefault(require('react'));
-var _reactNativeSvg = require('react-native-svg');
-var _Chart = require('./Chart');
-var _Candle = require('./Candle');
-var _useCandlestickChart = require('./useCandlestickChart');
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : { default: e };
-}
-function _extends() {
-  return (
-    (_extends = Object.assign
-      ? Object.assign.bind()
-      : function (n) {
-          for (var e = 1; e < arguments.length; e++) {
-            var t = arguments[e];
-            for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-          }
-          return n;
-        }),
-    _extends.apply(null, arguments)
-  );
-}
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = require("react-native-svg");
+var _Chart = require("./Chart");
+var _Candle = require("./Candle");
+var _useCandlestickChart = require("./useCandlestickChart");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function CandlestickChartCandles({
   positiveColor,
   negativeColor,
@@ -38,45 +23,33 @@ function CandlestickChartCandles({
   candleProps,
   ...props
 }) {
-  const { width, height } = _react.default.useContext(
-    _Chart.CandlestickChartDimensionsContext
-  );
-  const { data, domain, step } = (0,
-  _useCandlestickChart.useCandlestickChart)();
-  return /*#__PURE__*/ _react.default.createElement(
-    _reactNativeSvg.Svg,
-    _extends(
-      {
-        width: width,
-        height: height,
-      },
-      props
-    ),
-    step > 0 &&
-      data.map((candle, index) =>
-        /*#__PURE__*/ _react.default.createElement(
-          _Candle.CandlestickChartCandle,
-          _extends(
-            {
-              key: index,
-              domain: domain,
-              margin: margin,
-              maxHeight: height,
-              width: step,
-              positiveColor: positiveColor,
-              negativeColor: negativeColor,
-              renderRect: renderRect,
-              renderLine: renderLine,
-              rectProps: rectProps,
-              lineProps: lineProps,
-              useAnimations: useAnimations,
-              candle: candle,
-              index: index,
-            },
-            candleProps
-          )
-        )
-      )
-  );
+  const {
+    width,
+    height
+  } = _react.default.useContext(_Chart.CandlestickChartDimensionsContext);
+  const {
+    data,
+    domain,
+    step
+  } = (0, _useCandlestickChart.useCandlestickChart)();
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Svg, _extends({
+    width: width,
+    height: height
+  }, props), step > 0 && data.map((candle, index) => /*#__PURE__*/_react.default.createElement(_Candle.CandlestickChartCandle, _extends({
+    key: index,
+    domain: domain,
+    margin: margin,
+    maxHeight: height,
+    width: step,
+    positiveColor: positiveColor,
+    negativeColor: negativeColor,
+    renderRect: renderRect,
+    renderLine: renderLine,
+    rectProps: rectProps,
+    lineProps: lineProps,
+    useAnimations: useAnimations,
+    candle: candle,
+    index: index
+  }, candleProps))));
 }
-//# sourceMappingURL=Candles.js.map
+//# sourceMappingURL=Candles.js.map

package/lib/commonjs/charts/candle/Chart.js

@@ -1,52 +1,41 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.CandlestickChart = CandlestickChart;
 exports.CandlestickChartDimensionsContext = void 0;
-var _react = _interopRequireDefault(require('react'));
-var _reactNative = require('react-native');
-var _useCandlestickChart = require('./useCandlestickChart');
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : { default: e };
-}
-const CandlestickChartDimensionsContext =
-  (exports.CandlestickChartDimensionsContext =
-    /*#__PURE__*/ _react.default.createContext({
-      width: 0,
-      height: 0,
-    }));
-const { width: screenWidth } = _reactNative.Dimensions.get('window');
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _useCandlestickChart = require("./useCandlestickChart");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CandlestickChartDimensionsContext = exports.CandlestickChartDimensionsContext = /*#__PURE__*/_react.default.createContext({
+  width: 0,
+  height: 0
+});
+const {
+  width: screenWidth
+} = _reactNative.Dimensions.get('window');
 function CandlestickChart({
   children,
   width = screenWidth,
   height = screenWidth,
   ...props
 }) {
-  const { setWidth, setHeight } = (0,
-  _useCandlestickChart.useCandlestickChart)();
+  const {
+    setWidth,
+    setHeight
+  } = (0, _useCandlestickChart.useCandlestickChart)();
   _react.default.useEffect(() => {
     setWidth(width);
     setHeight(height);
   }, [height, setHeight, setWidth, width]);
-  const contextValue = _react.default.useMemo(
-    () => ({
-      width,
-      height,
-    }),
-    [height, width]
-  );
-  return /*#__PURE__*/ _react.default.createElement(
-    CandlestickChartDimensionsContext.Provider,
-    {
-      value: contextValue,
-    },
-    /*#__PURE__*/ _react.default.createElement(
-      _reactNative.View,
-      props,
-      children
-    )
-  );
+  const contextValue = _react.default.useMemo(() => ({
+    width,
+    height
+  }), [height, width]);
+  return /*#__PURE__*/_react.default.createElement(CandlestickChartDimensionsContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, props, children));
 }
-//# sourceMappingURL=Chart.js.map
+//# sourceMappingURL=Chart.js.map

package/lib/commonjs/charts/candle/Context.js

@@ -1,85 +1,65 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+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,
-  }));
+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,
+  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
-  );
+  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
+//# sourceMappingURL=Context.js.map