react-native-wagmi-charts 2.9.0 → 2.10.0

package/lib/commonjs/components/AnimatedText.js

@@ -1,90 +1,52 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.AnimatedText = void 0;
-var _react = _interopRequireDefault(require('react'));
-var _reactNative = require('react-native');
-var _reactNativeReanimated = _interopRequireWildcard(
-  require('react-native-reanimated')
-);
-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 };
-}
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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 }; }
 // forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx
 
 _reactNativeReanimated.default.addWhitelistedNativeProps({
-  text: true,
+  text: true
 });
-const AnimatedTextInput =
-  _reactNativeReanimated.default.createAnimatedComponent(
-    _reactNative.TextInput
-  );
-const AnimatedText = ({ text, style }) => {
+const AnimatedTextInput = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.TextInput);
+const AnimatedText = ({
+  text,
+  style
+}) => {
   const inputRef = _react.default.useRef(null);
-  (0, _reactNativeReanimated.useAnimatedReaction)(
-    () => text.value,
-    (data, prevData) => {
-      // Only execute for web platform
-      if (
-        _reactNative.Platform.OS === 'web' &&
-        data !== prevData &&
-        inputRef.current
-      ) {
-        // @ts-expect-error - web TextInput has value property
-        inputRef.current.value = data;
-      }
-    },
-    [text]
-  );
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => text.value, (data, prevData) => {
+    // Only execute for web platform
+    if (_reactNative.Platform.OS === 'web' && data !== prevData && inputRef.current) {
+      // @ts-expect-error - web TextInput has value property
+      inputRef.current.value = data;
+    }
+  }, [text]);
   const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     return {
-      text: text.value,
+      text: text.value
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     };
   });
-  return /*#__PURE__*/ _react.default.createElement(AnimatedTextInput, {
-    underlineColorAndroid: 'transparent',
+  return /*#__PURE__*/_react.default.createElement(AnimatedTextInput, {
+    underlineColorAndroid: "transparent",
     editable: false,
     ref: _reactNative.Platform.select({
-      web: inputRef,
+      web: inputRef
     }),
     style: [styles.text, style],
-    animatedProps: animatedProps,
+    animatedProps: animatedProps
   });
 };
 exports.AnimatedText = AnimatedText;
 const styles = _reactNative.StyleSheet.create({
   text: {
-    color: 'black',
-  },
+    color: 'black'
+  }
 });
-//# sourceMappingURL=AnimatedText.js.map
+//# sourceMappingURL=AnimatedText.js.map

package/lib/commonjs/index.js

@@ -1,61 +1,61 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var _candle = require('./charts/candle');
+var _candle = require("./charts/candle");
 Object.keys(_candle).forEach(function (key) {
-  if (key === 'default' || key === '__esModule') return;
+  if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _candle[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
       return _candle[key];
-    },
+    }
   });
 });
-var _line = require('./charts/line');
+var _line = require("./charts/line");
 Object.keys(_line).forEach(function (key) {
-  if (key === 'default' || key === '__esModule') return;
+  if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _line[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
       return _line[key];
-    },
+    }
   });
 });
-var _AnimatedText = require('./components/AnimatedText');
+var _AnimatedText = require("./components/AnimatedText");
 Object.keys(_AnimatedText).forEach(function (key) {
-  if (key === 'default' || key === '__esModule') return;
+  if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _AnimatedText[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
       return _AnimatedText[key];
-    },
+    }
   });
 });
-var _utils = require('./utils');
+var _utils = require("./utils");
 Object.keys(_utils).forEach(function (key) {
-  if (key === 'default' || key === '__esModule') return;
+  if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _utils[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
       return _utils[key];
-    },
+    }
   });
 });
-var _types = require('./types');
+var _types = require("./types");
 Object.keys(_types).forEach(function (key) {
-  if (key === 'default' || key === '__esModule') return;
+  if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
       return _types[key];
-    },
+    }
   });
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/commonjs/types.js

@@ -1,2 +1,2 @@
-'use strict';
-//# sourceMappingURL=types.js.map
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/utils/formatDatetime.js

@@ -1,16 +1,20 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.formatDatetime = formatDatetime;
 /**
  * @worklet
  */
-function formatDatetime({ value, locale = 'en-US', options = {} }) {
+function formatDatetime({
+  value,
+  locale = 'en-US',
+  options = {}
+}) {
   'worklet';
 
   const d = new Date(value);
   return d.toLocaleString(locale, options);
 }
-//# sourceMappingURL=formatDatetime.js.map
+//# sourceMappingURL=formatDatetime.js.map

package/lib/commonjs/utils/formatPrice.js

@@ -1,7 +1,7 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.formatPrice = formatPrice;
 /**
@@ -10,7 +10,7 @@ exports.formatPrice = formatPrice;
 function formatPrice({
   value: _value,
   defaultPrice: _defaultPrice = '',
-  precision,
+  precision
 }) {
   'worklet';
 
@@ -22,11 +22,7 @@ function formatPrice({
   if (!value) {
     return `0.00`;
   }
-  const decimals =
-    precision ??
-    (Number(value) < 1
-      ? Math.min(8, value.toString().slice(2).search(/[^0]/g) + 3)
-      : 2);
+  const decimals = precision ?? (Number(value) < 1 ? Math.min(8, value.toString().slice(2).search(/[^0]/g) + 3) : 2);
   let res = `${Number(value).toFixed(decimals)}`;
   const vals = res.split('.');
   if (vals.length > 0 && vals[0]) {
@@ -37,4 +33,4 @@ function formatPrice({
   }
   return res;
 }
-//# sourceMappingURL=formatPrice.js.map
+//# sourceMappingURL=formatPrice.js.map

package/lib/commonjs/utils/index.js

@@ -1,39 +1,39 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var _formatDatetime = require('./formatDatetime');
+var _formatDatetime = require("./formatDatetime");
 Object.keys(_formatDatetime).forEach(function (key) {
-  if (key === 'default' || key === '__esModule') return;
+  if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _formatDatetime[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
       return _formatDatetime[key];
-    },
+    }
   });
 });
-var _formatPrice = require('./formatPrice');
+var _formatPrice = require("./formatPrice");
 Object.keys(_formatPrice).forEach(function (key) {
-  if (key === 'default' || key === '__esModule') return;
+  if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _formatPrice[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
       return _formatPrice[key];
-    },
+    }
   });
 });
-var _usePrevious = require('./usePrevious');
+var _usePrevious = require("./usePrevious");
 Object.keys(_usePrevious).forEach(function (key) {
-  if (key === 'default' || key === '__esModule') return;
+  if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _usePrevious[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
       return _usePrevious[key];
-    },
+    }
   });
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/commonjs/utils/usePrevious.js

@@ -1,13 +1,11 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', {
-  value: true,
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.usePrevious = usePrevious;
-var _react = _interopRequireDefault(require('react'));
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : { default: e };
-}
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function usePrevious(value) {
   // The ref object is a generic container whose current property is mutable ...
   // ... and can hold any value, similar to an instance property on a class
@@ -19,4 +17,4 @@ function usePrevious(value) {
   // Return previous value (happens before update in useEffect above)
   return ref.current;
 }
-//# sourceMappingURL=usePrevious.js.map
+//# sourceMappingURL=usePrevious.js.map

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

@@ -1,8 +1,5 @@
 import React from 'react';
-import Animated, {
-  withTiming,
-  useAnimatedProps,
-} from 'react-native-reanimated';
+import Animated, { withTiming, useAnimatedProps } from 'react-native-reanimated';
 import { Line, Rect } from 'react-native-svg';
 import { getY, getHeight } from './utils';
 const AnimatedRect = Animated.createAnimatedComponent(Rect);
@@ -19,143 +16,96 @@ export const CandlestickChartCandle = ({
   index,
   width,
   useAnimations = true,
-  renderLine = (props) =>
-    props.useAnimations
-      ? /*#__PURE__*/ React.createElement(AnimatedLine, props)
-      : /*#__PURE__*/ React.createElement(Line, props),
-  renderRect = (props) =>
-    props.useAnimations
-      ? /*#__PURE__*/ React.createElement(AnimatedRect, props)
-      : /*#__PURE__*/ React.createElement(Rect, props),
+  renderLine = props => props.useAnimations ? /*#__PURE__*/React.createElement(AnimatedLine, props) : /*#__PURE__*/React.createElement(Line, props),
+  renderRect = props => props.useAnimations ? /*#__PURE__*/React.createElement(AnimatedRect, props) : /*#__PURE__*/React.createElement(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.useMemo(
-    () => ({
-      stroke: fill,
-      strokeWidth: 1,
-      direction: isPositive ? 'positive' : 'negative',
-      x1: x + width / 2,
-      y1: getY({
-        maxHeight,
-        value: low,
-        domain,
-      }),
-      x2: x + width / 2,
-      y2: getY({
-        maxHeight,
-        value: high,
-        domain,
-      }),
-      candle: candle,
-      ...overrideLineProps,
+  const lineProps = React.useMemo(() => ({
+    stroke: fill,
+    strokeWidth: 1,
+    direction: isPositive ? 'positive' : 'negative',
+    x1: x + width / 2,
+    y1: getY({
+      maxHeight,
+      value: low,
+      domain
     }),
-    [
-      domain,
-      fill,
-      high,
-      isPositive,
-      low,
+    x2: x + width / 2,
+    y2: getY({
       maxHeight,
-      overrideLineProps,
-      width,
-      x,
-      candle,
-    ]
-  );
+      value: high,
+      domain
+    }),
+    candle: candle,
+    ...overrideLineProps
+  }), [domain, fill, high, isPositive, low, maxHeight, overrideLineProps, width, x, candle]);
   const animatedLineProps = useAnimatedProps(() => ({
     x1: withTiming(x + width / 2),
-    y1: withTiming(
-      getY({
-        maxHeight,
-        value: low,
-        domain,
-      })
-    ),
+    y1: withTiming(getY({
+      maxHeight,
+      value: low,
+      domain
+    })),
     x2: withTiming(x + width / 2),
-    y2: withTiming(
-      getY({
-        maxHeight,
-        value: high,
-        domain,
-      })
-    ),
+    y2: withTiming(getY({
+      maxHeight,
+      value: high,
+      domain
+    }))
   }));
-  const rectProps = React.useMemo(
-    () => ({
-      width: width - margin * 2,
-      fill: fill,
-      direction: isPositive ? 'positive' : 'negative',
-      x: x + margin,
-      y: getY({
-        maxHeight,
-        value: max,
-        domain,
-      }),
-      height: getHeight({
-        maxHeight,
-        value: max - min,
-        domain,
-      }),
-      candle: candle,
-      ...overrideRectProps,
+  const rectProps = React.useMemo(() => ({
+    width: width - margin * 2,
+    fill: fill,
+    direction: isPositive ? 'positive' : 'negative',
+    x: x + margin,
+    y: getY({
+      maxHeight,
+      value: max,
+      domain
     }),
-    [
-      domain,
-      fill,
-      isPositive,
-      margin,
-      max,
+    height: getHeight({
       maxHeight,
-      min,
-      overrideRectProps,
-      width,
-      x,
-      candle,
-    ]
-  );
+      value: max - min,
+      domain
+    }),
+    candle: candle,
+    ...overrideRectProps
+  }), [domain, fill, isPositive, margin, max, maxHeight, min, overrideRectProps, width, x, candle]);
   const animatedRectProps = useAnimatedProps(() => ({
     x: withTiming(x + margin),
-    y: withTiming(
-      getY({
-        maxHeight,
-        value: max,
-        domain,
-      })
-    ),
-    height: withTiming(
-      getHeight({
-        maxHeight,
-        value: max - min,
-        domain,
-      })
-    ),
+    y: withTiming(getY({
+      maxHeight,
+      value: max,
+      domain
+    })),
+    height: withTiming(getHeight({
+      maxHeight,
+      value: max - min,
+      domain
+    }))
+  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderLine({
+    ...lineProps,
+    useAnimations,
+    ...(useAnimations ? {
+      animatedProps: animatedLineProps
+    } : {})
+  }), renderRect({
+    ...rectProps,
+    useAnimations,
+    ...(useAnimations ? {
+      animatedProps: animatedRectProps
+    } : {})
   }));
-  return /*#__PURE__*/ React.createElement(
-    React.Fragment,
-    null,
-    renderLine({
-      ...lineProps,
-      useAnimations,
-      ...(useAnimations
-        ? {
-            animatedProps: animatedLineProps,
-          }
-        : {}),
-    }),
-    renderRect({
-      ...rectProps,
-      useAnimations,
-      ...(useAnimations
-        ? {
-            animatedProps: animatedRectProps,
-          }
-        : {}),
-    })
-  );
 };
-//# sourceMappingURL=Candle.js.map
+//# sourceMappingURL=Candle.js.map

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

@@ -1,17 +1,4 @@
-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 _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); }
 import React from 'react';
 import { Svg } from 'react-native-svg';
 import { CandlestickChartDimensionsContext } from './Chart';
@@ -29,42 +16,33 @@ export function CandlestickChartCandles({
   candleProps,
   ...props
 }) {
-  const { width, height } = React.useContext(CandlestickChartDimensionsContext);
-  const { data, domain, step } = useCandlestickChart();
-  return /*#__PURE__*/ React.createElement(
-    Svg,
-    _extends(
-      {
-        width: width,
-        height: height,
-      },
-      props
-    ),
-    step > 0 &&
-      data.map((candle, index) =>
-        /*#__PURE__*/ React.createElement(
-          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.useContext(CandlestickChartDimensionsContext);
+  const {
+    data,
+    domain,
+    step
+  } = useCandlestickChart();
+  return /*#__PURE__*/React.createElement(Svg, _extends({
+    width: width,
+    height: height
+  }, props), step > 0 && data.map((candle, index) => /*#__PURE__*/React.createElement(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