react-native-wagmi-charts 1.2.0 → 1.2.1

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

@@ -8,6 +8,8 @@ exports.CandlestickChartCrosshairTooltipContext = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _reactNative = require("react-native");
+
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 
 var _Chart = require("./Chart");
@@ -33,8 +35,8 @@ function CandlestickChartCrosshairTooltip({
   children,
   xGutter = 8,
   yGutter = 8,
-  tooltipTextProps = {},
-  textStyle = {},
+  tooltipTextProps,
+  textStyle,
   ...props
 }) {
   const {
@@ -85,15 +87,17 @@ function CandlestickChartCrosshairTooltip({
   }, props, {
     style: [tooltip, leftTooltip, props.style]
   }), children || /*#__PURE__*/React.createElement(_PriceText.CandlestickChartPriceText, _extends({}, tooltipTextProps, {
-    style: [{
-      fontSize: 14
-    }, tooltipTextProps.style, textStyle]
+    style: [styles.text, tooltipTextProps === null || tooltipTextProps === void 0 ? void 0 : tooltipTextProps.style, textStyle]
   }))), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, _extends({}, props, {
     style: [tooltip, rightTooltip, props.style]
   }), children || /*#__PURE__*/React.createElement(_PriceText.CandlestickChartPriceText, _extends({}, tooltipTextProps, {
-    style: [{
-      fontSize: 14
-    }, tooltipTextProps.style, textStyle]
+    style: [styles.text, tooltipTextProps === null || tooltipTextProps === void 0 ? void 0 : tooltipTextProps.style, textStyle]
   }))));
 }
+
+const styles = _reactNative.StyleSheet.create({
+  text: {
+    fontSize: 14
+  }
+});
 //# sourceMappingURL=CrosshairTooltip.js.map

package/lib/commonjs/charts/candle/CrosshairTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CrosshairTooltip.tsx"],"names":["CandlestickChartCrosshairTooltipContext","React","createContext","position","value","CandlestickChartCrosshairTooltip","children","xGutter","yGutter","tooltipTextProps","textStyle","props","width","height","useContext","CandlestickChartDimensionsContext","currentY","elementHeight","elementWidth","handleLayout","useCallback","event","nativeEvent","layout","topOffset","offset","tooltip","backgroundColor","display","padding","leftTooltip","left","top","opacity","rightTooltip","style","fontSize"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { StyleProp, TextStyle, ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport {\n  CandlestickChartPriceText,\n  CandlestickChartPriceTextProps,\n} from './PriceText';\n\nexport type CandlestickChartCrosshairTooltipProps = ViewProps & {\n  children?: React.ReactNode;\n  xGutter?: number;\n  yGutter?: number;\n  tooltipTextProps?: CandlestickChartPriceTextProps;\n  textStyle?: Animated.AnimateStyle<StyleProp<TextStyle>>;\n};\n\nexport type CandlestickChartCrosshairTooltipContext = {\n  position: Animated.SharedValue<'left' | 'right'>;\n};\n\nexport const CandlestickChartCrosshairTooltipContext =\n  React.createContext<CandlestickChartCrosshairTooltipContext>({\n    position: { value: 'left' },\n  });\n\nexport function CandlestickChartCrosshairTooltip({\n  children,\n  xGutter = 8,\n  yGutter = 8,\n  tooltipTextProps = {},\n  textStyle = {},\n  ...props\n}: CandlestickChartCrosshairTooltipProps) {\n  const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n  const { currentY } = useCandlestickChart();\n  const { position } = React.useContext(\n    CandlestickChartCrosshairTooltipContext\n  );\n\n  const elementHeight = useSharedValue(0);\n  const elementWidth = useSharedValue(0);\n\n  const handleLayout = React.useCallback(\n    (event) => {\n      elementHeight.value = event.nativeEvent.layout.height;\n      elementWidth.value = event.nativeEvent.layout.width;\n    },\n    [elementHeight, elementWidth]\n  );\n\n  const topOffset = useDerivedValue(() => {\n    let offset = 0;\n    if (currentY.value < elementHeight.value / 2 + yGutter) {\n      offset = currentY.value - (elementHeight.value / 2 + yGutter);\n    } else if (currentY.value + elementHeight.value / 2 > height - yGutter) {\n      offset = currentY.value + elementHeight.value / 2 - height + yGutter;\n    }\n\n    return offset;\n  });\n\n  const tooltip = useAnimatedStyle(() => ({\n    backgroundColor: 'white',\n    position: 'absolute',\n    display: 'flex',\n    padding: 4,\n  }));\n  const leftTooltip = useAnimatedStyle(() => ({\n    left: xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'left' ? 1 : 0,\n  }));\n  const rightTooltip = useAnimatedStyle(() => ({\n    left: width - elementWidth.value - xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'right' ? 1 : 0,\n  }));\n\n  return (\n    <>\n      <Animated.View\n        onLayout={handleLayout}\n        {...props}\n        style={[tooltip, leftTooltip, props.style]}\n      >\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[{ fontSize: 14 }, tooltipTextProps.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n      <Animated.View {...props} style={[tooltip, rightTooltip, props.style]}>\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[{ fontSize: 14 }, tooltipTextProps.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["CrosshairTooltip.tsx"],"names":["CandlestickChartCrosshairTooltipContext","React","createContext","position","value","CandlestickChartCrosshairTooltip","children","xGutter","yGutter","tooltipTextProps","textStyle","props","width","height","useContext","CandlestickChartDimensionsContext","currentY","elementHeight","elementWidth","handleLayout","useCallback","event","nativeEvent","layout","topOffset","offset","tooltip","backgroundColor","display","padding","leftTooltip","left","top","opacity","rightTooltip","style","styles","text","StyleSheet","create","fontSize"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { StyleProp, TextStyle, ViewProps } from 'react-native';\nimport { StyleSheet } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport {\n  CandlestickChartPriceText,\n  CandlestickChartPriceTextProps,\n} from './PriceText';\n\nexport type CandlestickChartCrosshairTooltipProps = ViewProps & {\n  children?: React.ReactNode;\n  xGutter?: number;\n  yGutter?: number;\n  tooltipTextProps?: CandlestickChartPriceTextProps;\n  textStyle?: Animated.AnimateStyle<StyleProp<TextStyle>>;\n};\n\nexport type CandlestickChartCrosshairTooltipContext = {\n  position: Animated.SharedValue<'left' | 'right'>;\n};\n\nexport const CandlestickChartCrosshairTooltipContext =\n  React.createContext<CandlestickChartCrosshairTooltipContext>({\n    position: { value: 'left' },\n  });\n\nexport function CandlestickChartCrosshairTooltip({\n  children,\n  xGutter = 8,\n  yGutter = 8,\n  tooltipTextProps,\n  textStyle,\n  ...props\n}: CandlestickChartCrosshairTooltipProps) {\n  const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n  const { currentY } = useCandlestickChart();\n  const { position } = React.useContext(\n    CandlestickChartCrosshairTooltipContext\n  );\n\n  const elementHeight = useSharedValue(0);\n  const elementWidth = useSharedValue(0);\n\n  const handleLayout = React.useCallback(\n    (event) => {\n      elementHeight.value = event.nativeEvent.layout.height;\n      elementWidth.value = event.nativeEvent.layout.width;\n    },\n    [elementHeight, elementWidth]\n  );\n\n  const topOffset = useDerivedValue(() => {\n    let offset = 0;\n    if (currentY.value < elementHeight.value / 2 + yGutter) {\n      offset = currentY.value - (elementHeight.value / 2 + yGutter);\n    } else if (currentY.value + elementHeight.value / 2 > height - yGutter) {\n      offset = currentY.value + elementHeight.value / 2 - height + yGutter;\n    }\n\n    return offset;\n  });\n\n  const tooltip = useAnimatedStyle(() => ({\n    backgroundColor: 'white',\n    position: 'absolute',\n    display: 'flex',\n    padding: 4,\n  }));\n  const leftTooltip = useAnimatedStyle(() => ({\n    left: xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'left' ? 1 : 0,\n  }));\n  const rightTooltip = useAnimatedStyle(() => ({\n    left: width - elementWidth.value - xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'right' ? 1 : 0,\n  }));\n\n  return (\n    <>\n      <Animated.View\n        onLayout={handleLayout}\n        {...props}\n        style={[tooltip, leftTooltip, props.style]}\n      >\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[styles.text, tooltipTextProps?.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n      <Animated.View {...props} style={[tooltip, rightTooltip, props.style]}>\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[styles.text, tooltipTextProps?.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n    </>\n  );\n}\n\nconst styles = StyleSheet.create({\n  text: {\n    fontSize: 14,\n  },\n});\n"]}

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

@@ -7,30 +7,29 @@ exports.CandlestickChartDatetimeText = CandlestickChartDatetimeText;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _reactNativeRedash = require("react-native-redash");
-
 var _useDatetime = require("./useDatetime");
 
+var _AnimatedText = require("../../components/AnimatedText");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function CandlestickChartDatetimeText({
   locale,
   options,
   format,
   variant = 'formatted',
-  ...props
+  style
 }) {
   const datetime = (0, _useDatetime.useCandlestickChartDatetime)({
     format,
     locale,
     options
   });
-  return /*#__PURE__*/React.createElement(_reactNativeRedash.ReText, _extends({
-    text: datetime[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(_AnimatedText.AnimatedText, {
+    text: datetime[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=DatetimeText.js.map

package/lib/commonjs/charts/candle/DatetimeText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatetimeText.tsx"],"names":["CandlestickChartDatetimeText","locale","options","format","variant","props","datetime"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAWO,SAASA,4BAAT,CAAsC;AAC3CC,EAAAA,MAD2C;AAE3CC,EAAAA,OAF2C;AAG3CC,EAAAA,MAH2C;AAI3CC,EAAAA,OAAO,GAAG,WAJiC;AAK3C,KAAGC;AALwC,CAAtC,EAM4B;AACjC,QAAMC,QAAQ,GAAG,8CAA4B;AAAEH,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAA5B,CAAjB;AACA,sBAAO,oBAAC,yBAAD;AAAQ,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD;AAAtB,KAAqCC,KAArC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useCandlestickChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\n\ntype CandlestickChartPriceTextProps = {\n  locale?: string;\n  options?: { [key: string]: string };\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  ...props\n}: CandlestickChartPriceTextProps) {\n  const datetime = useCandlestickChartDatetime({ format, locale, options });\n  return <ReText text={datetime[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["DatetimeText.tsx"],"names":["CandlestickChartDatetimeText","locale","options","format","variant","style","datetime"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;;;;;AAUO,SAASA,4BAAT,CAAsC;AAC3CC,EAAAA,MAD2C;AAE3CC,EAAAA,OAF2C;AAG3CC,EAAAA,MAH2C;AAI3CC,EAAAA,OAAO,GAAG,WAJiC;AAK3CC,EAAAA;AAL2C,CAAtC,EAM4B;AACjC,QAAMC,QAAQ,GAAG,8CAA4B;AAAEH,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAA5B,CAAjB;AACA,sBAAO,oBAAC,0BAAD;AAAc,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD,CAA5B;AAAuC,IAAA,KAAK,EAAEC;AAA9C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useCandlestickChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\nimport { AnimatedText } from '../../components/AnimatedText';\n\ntype CandlestickChartPriceTextProps = {\n  locale?: string;\n  options?: { [key: string]: string };\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  style,\n}: CandlestickChartPriceTextProps) {\n  const datetime = useCandlestickChartDatetime({ format, locale, options });\n  return <AnimatedText text={datetime[variant]} style={style} />;\n}\n"]}

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

@@ -7,30 +7,29 @@ exports.CandlestickChartPriceText = CandlestickChartPriceText;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _reactNativeRedash = require("react-native-redash");
-
 var _usePrice = require("./usePrice");
 
+var _AnimatedText = require("../../components/AnimatedText");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function CandlestickChartPriceText({
   format,
   precision = 2,
   variant = 'formatted',
   type = 'crosshair',
-  ...props
+  style
 }) {
   const price = (0, _usePrice.useCandlestickChartPrice)({
     format,
     precision,
     type
   });
-  return /*#__PURE__*/React.createElement(_reactNativeRedash.ReText, _extends({
-    text: price[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(_AnimatedText.AnimatedText, {
+    text: price[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=PriceText.js.map

package/lib/commonjs/charts/candle/PriceText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PriceText.tsx"],"names":["CandlestickChartPriceText","format","precision","variant","type","props","price"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;;;AAUO,SAASA,yBAAT,CAAmC;AACxCC,EAAAA,MADwC;AAExCC,EAAAA,SAAS,GAAG,CAF4B;AAGxCC,EAAAA,OAAO,GAAG,WAH8B;AAIxCC,EAAAA,IAAI,GAAG,WAJiC;AAKxC,KAAGC;AALqC,CAAnC,EAM4B;AACjC,QAAMC,KAAK,GAAG,wCAAyB;AAAEL,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBE,IAAAA;AAArB,GAAzB,CAAd;AACA,sBAAO,oBAAC,yBAAD;AAAQ,IAAA,IAAI,EAAEE,KAAK,CAACH,OAAD;AAAnB,KAAkCE,KAAlC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\nimport type { TFormatterFn, TPriceType } from './types';\n\nimport { useCandlestickChartPrice } from './usePrice';\n\nexport type CandlestickChartPriceTextProps = {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  type?: TPriceType;\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  type = 'crosshair',\n  ...props\n}: CandlestickChartPriceTextProps) {\n  const price = useCandlestickChartPrice({ format, precision, type });\n  return <ReText text={price[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["PriceText.tsx"],"names":["CandlestickChartPriceText","format","precision","variant","type","style","price"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;;;;;AAUO,SAASA,yBAAT,CAAmC;AACxCC,EAAAA,MADwC;AAExCC,EAAAA,SAAS,GAAG,CAF4B;AAGxCC,EAAAA,OAAO,GAAG,WAH8B;AAIxCC,EAAAA,IAAI,GAAG,WAJiC;AAKxCC,EAAAA;AALwC,CAAnC,EAM4B;AACjC,QAAMC,KAAK,GAAG,wCAAyB;AAAEL,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBE,IAAAA;AAArB,GAAzB,CAAd;AACA,sBAAO,oBAAC,0BAAD;AAAc,IAAA,IAAI,EAAEE,KAAK,CAACH,OAAD,CAAzB;AAAoC,IAAA,KAAK,EAAEE;AAA3C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\nimport type { TFormatterFn, TPriceType } from './types';\n\nimport { useCandlestickChartPrice } from './usePrice';\nimport { AnimatedText } from '../../components/AnimatedText';\n\nexport type CandlestickChartPriceTextProps = {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  type?: TPriceType;\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  type = 'crosshair',\n  style,\n}: CandlestickChartPriceTextProps) {\n  const price = useCandlestickChartPrice({ format, precision, type });\n  return <AnimatedText text={price[variant]} style={style} />;\n}\n"]}

package/lib/commonjs/charts/line/DatetimeText.js

@@ -7,30 +7,29 @@ exports.LineChartDatetimeText = LineChartDatetimeText;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _reactNativeRedash = require("react-native-redash");
-
 var _useDatetime = require("./useDatetime");
 
+var _AnimatedText = require("../../components/AnimatedText");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function LineChartDatetimeText({
   locale,
   options,
   format,
   variant = 'formatted',
-  ...props
+  style
 }) {
   const datetime = (0, _useDatetime.useLineChartDatetime)({
     format,
     locale,
     options
   });
-  return /*#__PURE__*/React.createElement(_reactNativeRedash.ReText, _extends({
-    text: datetime[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(_AnimatedText.AnimatedText, {
+    text: datetime[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=DatetimeText.js.map

package/lib/commonjs/charts/line/DatetimeText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatetimeText.tsx"],"names":["LineChartDatetimeText","locale","options","format","variant","props","datetime"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAWO,SAASA,qBAAT,CAA+B;AACpCC,EAAAA,MADoC;AAEpCC,EAAAA,OAFoC;AAGpCC,EAAAA,MAHoC;AAIpCC,EAAAA,OAAO,GAAG,WAJ0B;AAKpC,KAAGC;AALiC,CAA/B,EAMoB;AACzB,QAAMC,QAAQ,GAAG,uCAAqB;AAAEH,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAArB,CAAjB;AACA,sBAAO,oBAAC,yBAAD;AAAQ,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD;AAAtB,KAAqCC,KAArC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useLineChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\n\ntype LineChartDatetimeProps = {\n  locale?: string;\n  options?: Intl.DateTimeFormatOptions;\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function LineChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  ...props\n}: LineChartDatetimeProps) {\n  const datetime = useLineChartDatetime({ format, locale, options });\n  return <ReText text={datetime[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["DatetimeText.tsx"],"names":["LineChartDatetimeText","locale","options","format","variant","style","datetime"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;;;;;AAUO,SAASA,qBAAT,CAA+B;AACpCC,EAAAA,MADoC;AAEpCC,EAAAA,OAFoC;AAGpCC,EAAAA,MAHoC;AAIpCC,EAAAA,OAAO,GAAG,WAJ0B;AAKpCC,EAAAA;AALoC,CAA/B,EAMoB;AACzB,QAAMC,QAAQ,GAAG,uCAAqB;AAAEH,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAArB,CAAjB;AACA,sBAAO,oBAAC,0BAAD;AAAc,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD,CAA5B;AAAuC,IAAA,KAAK,EAAEC;AAA9C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useLineChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\nimport { AnimatedText } from '../../components/AnimatedText';\n\ntype LineChartDatetimeProps = {\n  locale?: string;\n  options?: Intl.DateTimeFormatOptions;\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function LineChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  style,\n}: LineChartDatetimeProps) {\n  const datetime = useLineChartDatetime({ format, locale, options });\n  return <AnimatedText text={datetime[variant]} style={style} />;\n}\n"]}

package/lib/commonjs/charts/line/PriceText.js

@@ -7,28 +7,27 @@ exports.LineChartPriceText = LineChartPriceText;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _reactNativeRedash = require("react-native-redash");
-
 var _usePrice = require("./usePrice");
 
+var _AnimatedText = require("../../components/AnimatedText");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function LineChartPriceText({
   format,
   precision = 2,
   variant = 'formatted',
-  ...props
+  style
 }) {
   const price = (0, _usePrice.useLineChartPrice)({
     format,
     precision
   });
-  return /*#__PURE__*/React.createElement(_reactNativeRedash.ReText, _extends({
-    text: price[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(_AnimatedText.AnimatedText, {
+    text: price[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=PriceText.js.map

package/lib/commonjs/charts/line/PriceText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PriceText.tsx"],"names":["LineChartPriceText","format","precision","variant","props","price"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAUO,SAASA,kBAAT,CAA4B;AACjCC,EAAAA,MADiC;AAEjCC,EAAAA,SAAS,GAAG,CAFqB;AAGjCC,EAAAA,OAAO,GAAG,WAHuB;AAIjC,KAAGC;AAJ8B,CAA5B,EAKqB;AAC1B,QAAMC,KAAK,GAAG,iCAAkB;AAAEJ,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAlB,CAAd;AACA,sBAAO,oBAAC,yBAAD;AAAQ,IAAA,IAAI,EAAEG,KAAK,CAACF,OAAD;AAAnB,KAAkCC,KAAlC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useLineChartPrice } from './usePrice';\nimport type { TFormatterFn } from '../candle/types';\n\nexport type LineChartPriceTextProps = {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function LineChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  ...props\n}: LineChartPriceTextProps) {\n  const price = useLineChartPrice({ format, precision });\n  return <ReText text={price[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["PriceText.tsx"],"names":["LineChartPriceText","format","precision","variant","style","price"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;;;;;AASO,SAASA,kBAAT,CAA4B;AACjCC,EAAAA,MADiC;AAEjCC,EAAAA,SAAS,GAAG,CAFqB;AAGjCC,EAAAA,OAAO,GAAG,WAHuB;AAIjCC,EAAAA;AAJiC,CAA5B,EAKqB;AAC1B,QAAMC,KAAK,GAAG,iCAAkB;AAAEJ,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAlB,CAAd;AACA,sBAAO,oBAAC,0BAAD;AAAc,IAAA,IAAI,EAAEG,KAAK,CAACF,OAAD,CAAzB;AAAoC,IAAA,KAAK,EAAEC;AAA3C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useLineChartPrice } from './usePrice';\nimport type { TFormatterFn } from '../candle/types';\nimport { AnimatedText } from '../../components/AnimatedText';\n\nexport type LineChartPriceTextProps = {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function LineChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  style,\n}: LineChartPriceTextProps) {\n  const price = useLineChartPrice({ format, precision });\n  return <AnimatedText text={price[variant]} style={style} />;\n}\n"]}

package/lib/commonjs/components/AnimatedText.js

@@ -0,0 +1,63 @@
+"use strict";
+
+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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx
+_reactNativeReanimated.default.addWhitelistedNativeProps({
+  text: true
+});
+
+const AnimatedTextInput = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.TextInput);
+
+const AnimatedText = ({
+  text,
+  style
+}) => {
+  const inputRef = _react.default.useRef(null);
+
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    // always return false unless web to prevent unnecessary reactions
+    return _reactNative.Platform.OS === 'web' && text.value;
+  }, (data, prevData) => {
+    if (_reactNative.Platform.OS === 'web' && data !== prevData && inputRef.current) {
+      inputRef.current.setNativeProps({
+        value: data
+      });
+    }
+  });
+  const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    return {
+      text: text.value // Here we use any because the text prop is not available in the type
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(AnimatedTextInput, {
+    underlineColorAndroid: "transparent",
+    editable: false,
+    ref: _reactNative.Platform.select({
+      web: inputRef
+    }),
+    value: text.value,
+    style: style,
+    animatedProps: animatedProps
+  });
+};
+
+exports.AnimatedText = AnimatedText;
+//# sourceMappingURL=AnimatedText.js.map

package/lib/commonjs/components/AnimatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedText.tsx"],"names":["Animated","addWhitelistedNativeProps","text","AnimatedTextInput","createAnimatedComponent","TextInput","AnimatedText","style","inputRef","React","useRef","Platform","OS","value","data","prevData","current","setNativeProps","animatedProps","select","web"],"mappings":";;;;;;;AAEA;;AACA;;AAEA;;;;;;;;AALA;AAUAA,+BAASC,yBAAT,CAAmC;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnC;;AAOA,MAAMC,iBAAiB,GAAGH,+BAASI,uBAAT,CAAiCC,sBAAjC,CAA1B;;AAEO,MAAMC,YAAY,GAAG,CAAC;AAAEJ,EAAAA,IAAF;AAAQK,EAAAA;AAAR,CAAD,KAAwC;AAClE,QAAMC,QAAQ,GAAGC,eAAMC,MAAN,CAAwB,IAAxB,CAAjB;;AAEA,kDACE,MAAM;AACJ;AACA,WAAOC,sBAASC,EAAT,KAAgB,KAAhB,IAAyBV,IAAI,CAACW,KAArC;AACD,GAJH,EAKE,CAACC,IAAD,EAAOC,QAAP,KAAoB;AAClB,QAAIJ,sBAASC,EAAT,KAAgB,KAAhB,IAAyBE,IAAI,KAAKC,QAAlC,IAA8CP,QAAQ,CAACQ,OAA3D,EAAoE;AAClER,MAAAA,QAAQ,CAACQ,OAAT,CAAiBC,cAAjB,CAAgC;AAC9BJ,QAAAA,KAAK,EAAEC;AADuB,OAAhC;AAGD;AACF,GAXH;AAaA,QAAMI,aAAa,GAAG,6CAAiB,MAAM;AAC3C,WAAO;AACLhB,MAAAA,IAAI,EAAEA,IAAI,CAACW,KADN,CAEL;AACA;;AAHK,KAAP;AAKD,GANqB,CAAtB;AAOA,sBACE,6BAAC,iBAAD;AACE,IAAA,qBAAqB,EAAC,aADxB;AAEE,IAAA,QAAQ,EAAE,KAFZ;AAGE,IAAA,GAAG,EAAEF,sBAASQ,MAAT,CAAgB;AAAEC,MAAAA,GAAG,EAAEZ;AAAP,KAAhB,CAHP;AAIE,IAAA,KAAK,EAAEN,IAAI,CAACW,KAJd;AAKE,IAAA,KAAK,EAAEN,KALT;AAME,IAAA,aAAa,EAAEW;AANjB,IADF;AAUD,CAjCM","sourcesContent":["// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx\n\nimport React from 'react';\nimport { Platform, TextProps as RNTextProps } from 'react-native';\nimport { TextInput } from 'react-native';\nimport Animated, {\n  useAnimatedProps,\n  useAnimatedReaction,\n} from 'react-native-reanimated';\n\nAnimated.addWhitelistedNativeProps({ text: true });\n\ninterface AnimatedTextProps {\n  text: Animated.SharedValue<string>;\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n}\n\nconst AnimatedTextInput = Animated.createAnimatedComponent(TextInput);\n\nexport const AnimatedText = ({ text, style }: AnimatedTextProps) => {\n  const inputRef = React.useRef<TextInput>(null);\n\n  useAnimatedReaction(\n    () => {\n      // always return false unless web to prevent unnecessary reactions\n      return Platform.OS === 'web' && text.value;\n    },\n    (data, prevData) => {\n      if (Platform.OS === 'web' && data !== prevData && inputRef.current) {\n        inputRef.current.setNativeProps({\n          value: data,\n        });\n      }\n    }\n  );\n  const animatedProps = useAnimatedProps(() => {\n    return {\n      text: text.value,\n      // Here we use any because the text prop is not available in the type\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    } as any;\n  });\n  return (\n    <AnimatedTextInput\n      underlineColorAndroid=\"transparent\"\n      editable={false}\n      ref={Platform.select({ web: inputRef })}\n      value={text.value}\n      style={style}\n      animatedProps={animatedProps}\n    />\n  );\n};\n"]}

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

@@ -1,6 +1,7 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import * as React from 'react';
+import { StyleSheet } from 'react-native';
 import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
 import { CandlestickChartDimensionsContext } from './Chart';
 import { useCandlestickChart } from './useCandlestickChart';
@@ -14,8 +15,8 @@ export function CandlestickChartCrosshairTooltip({
   children,
   xGutter = 8,
   yGutter = 8,
-  tooltipTextProps = {},
-  textStyle = {},
+  tooltipTextProps,
+  textStyle,
   ...props
 }) {
   const {
@@ -66,15 +67,16 @@ export function CandlestickChartCrosshairTooltip({
   }, props, {
     style: [tooltip, leftTooltip, props.style]
   }), children || /*#__PURE__*/React.createElement(CandlestickChartPriceText, _extends({}, tooltipTextProps, {
-    style: [{
-      fontSize: 14
-    }, tooltipTextProps.style, textStyle]
+    style: [styles.text, tooltipTextProps === null || tooltipTextProps === void 0 ? void 0 : tooltipTextProps.style, textStyle]
   }))), /*#__PURE__*/React.createElement(Animated.View, _extends({}, props, {
     style: [tooltip, rightTooltip, props.style]
   }), children || /*#__PURE__*/React.createElement(CandlestickChartPriceText, _extends({}, tooltipTextProps, {
-    style: [{
-      fontSize: 14
-    }, tooltipTextProps.style, textStyle]
+    style: [styles.text, tooltipTextProps === null || tooltipTextProps === void 0 ? void 0 : tooltipTextProps.style, textStyle]
   }))));
 }
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 14
+  }
+});
 //# sourceMappingURL=CrosshairTooltip.js.map

package/lib/module/charts/candle/CrosshairTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CrosshairTooltip.tsx"],"names":["React","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","CandlestickChartDimensionsContext","useCandlestickChart","CandlestickChartPriceText","CandlestickChartCrosshairTooltipContext","createContext","position","value","CandlestickChartCrosshairTooltip","children","xGutter","yGutter","tooltipTextProps","textStyle","props","width","height","useContext","currentY","elementHeight","elementWidth","handleLayout","useCallback","event","nativeEvent","layout","topOffset","offset","tooltip","backgroundColor","display","padding","leftTooltip","left","top","opacity","rightTooltip","style","fontSize"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { StyleProp, TextStyle, ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport {\n  CandlestickChartPriceText,\n  CandlestickChartPriceTextProps,\n} from './PriceText';\n\nexport type CandlestickChartCrosshairTooltipProps = ViewProps & {\n  children?: React.ReactNode;\n  xGutter?: number;\n  yGutter?: number;\n  tooltipTextProps?: CandlestickChartPriceTextProps;\n  textStyle?: Animated.AnimateStyle<StyleProp<TextStyle>>;\n};\n\nexport type CandlestickChartCrosshairTooltipContext = {\n  position: Animated.SharedValue<'left' | 'right'>;\n};\n\nexport const CandlestickChartCrosshairTooltipContext =\n  React.createContext<CandlestickChartCrosshairTooltipContext>({\n    position: { value: 'left' },\n  });\n\nexport function CandlestickChartCrosshairTooltip({\n  children,\n  xGutter = 8,\n  yGutter = 8,\n  tooltipTextProps = {},\n  textStyle = {},\n  ...props\n}: CandlestickChartCrosshairTooltipProps) {\n  const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n  const { currentY } = useCandlestickChart();\n  const { position } = React.useContext(\n    CandlestickChartCrosshairTooltipContext\n  );\n\n  const elementHeight = useSharedValue(0);\n  const elementWidth = useSharedValue(0);\n\n  const handleLayout = React.useCallback(\n    (event) => {\n      elementHeight.value = event.nativeEvent.layout.height;\n      elementWidth.value = event.nativeEvent.layout.width;\n    },\n    [elementHeight, elementWidth]\n  );\n\n  const topOffset = useDerivedValue(() => {\n    let offset = 0;\n    if (currentY.value < elementHeight.value / 2 + yGutter) {\n      offset = currentY.value - (elementHeight.value / 2 + yGutter);\n    } else if (currentY.value + elementHeight.value / 2 > height - yGutter) {\n      offset = currentY.value + elementHeight.value / 2 - height + yGutter;\n    }\n\n    return offset;\n  });\n\n  const tooltip = useAnimatedStyle(() => ({\n    backgroundColor: 'white',\n    position: 'absolute',\n    display: 'flex',\n    padding: 4,\n  }));\n  const leftTooltip = useAnimatedStyle(() => ({\n    left: xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'left' ? 1 : 0,\n  }));\n  const rightTooltip = useAnimatedStyle(() => ({\n    left: width - elementWidth.value - xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'right' ? 1 : 0,\n  }));\n\n  return (\n    <>\n      <Animated.View\n        onLayout={handleLayout}\n        {...props}\n        style={[tooltip, leftTooltip, props.style]}\n      >\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[{ fontSize: 14 }, tooltipTextProps.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n      <Animated.View {...props} style={[tooltip, rightTooltip, props.style]}>\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[{ fontSize: 14 }, tooltipTextProps.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["CrosshairTooltip.tsx"],"names":["React","StyleSheet","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","CandlestickChartDimensionsContext","useCandlestickChart","CandlestickChartPriceText","CandlestickChartCrosshairTooltipContext","createContext","position","value","CandlestickChartCrosshairTooltip","children","xGutter","yGutter","tooltipTextProps","textStyle","props","width","height","useContext","currentY","elementHeight","elementWidth","handleLayout","useCallback","event","nativeEvent","layout","topOffset","offset","tooltip","backgroundColor","display","padding","leftTooltip","left","top","opacity","rightTooltip","style","styles","text","create","fontSize"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { StyleProp, TextStyle, ViewProps } from 'react-native';\nimport { StyleSheet } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport {\n  CandlestickChartPriceText,\n  CandlestickChartPriceTextProps,\n} from './PriceText';\n\nexport type CandlestickChartCrosshairTooltipProps = ViewProps & {\n  children?: React.ReactNode;\n  xGutter?: number;\n  yGutter?: number;\n  tooltipTextProps?: CandlestickChartPriceTextProps;\n  textStyle?: Animated.AnimateStyle<StyleProp<TextStyle>>;\n};\n\nexport type CandlestickChartCrosshairTooltipContext = {\n  position: Animated.SharedValue<'left' | 'right'>;\n};\n\nexport const CandlestickChartCrosshairTooltipContext =\n  React.createContext<CandlestickChartCrosshairTooltipContext>({\n    position: { value: 'left' },\n  });\n\nexport function CandlestickChartCrosshairTooltip({\n  children,\n  xGutter = 8,\n  yGutter = 8,\n  tooltipTextProps,\n  textStyle,\n  ...props\n}: CandlestickChartCrosshairTooltipProps) {\n  const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n  const { currentY } = useCandlestickChart();\n  const { position } = React.useContext(\n    CandlestickChartCrosshairTooltipContext\n  );\n\n  const elementHeight = useSharedValue(0);\n  const elementWidth = useSharedValue(0);\n\n  const handleLayout = React.useCallback(\n    (event) => {\n      elementHeight.value = event.nativeEvent.layout.height;\n      elementWidth.value = event.nativeEvent.layout.width;\n    },\n    [elementHeight, elementWidth]\n  );\n\n  const topOffset = useDerivedValue(() => {\n    let offset = 0;\n    if (currentY.value < elementHeight.value / 2 + yGutter) {\n      offset = currentY.value - (elementHeight.value / 2 + yGutter);\n    } else if (currentY.value + elementHeight.value / 2 > height - yGutter) {\n      offset = currentY.value + elementHeight.value / 2 - height + yGutter;\n    }\n\n    return offset;\n  });\n\n  const tooltip = useAnimatedStyle(() => ({\n    backgroundColor: 'white',\n    position: 'absolute',\n    display: 'flex',\n    padding: 4,\n  }));\n  const leftTooltip = useAnimatedStyle(() => ({\n    left: xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'left' ? 1 : 0,\n  }));\n  const rightTooltip = useAnimatedStyle(() => ({\n    left: width - elementWidth.value - xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'right' ? 1 : 0,\n  }));\n\n  return (\n    <>\n      <Animated.View\n        onLayout={handleLayout}\n        {...props}\n        style={[tooltip, leftTooltip, props.style]}\n      >\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[styles.text, tooltipTextProps?.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n      <Animated.View {...props} style={[tooltip, rightTooltip, props.style]}>\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[styles.text, tooltipTextProps?.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n    </>\n  );\n}\n\nconst styles = StyleSheet.create({\n  text: {\n    fontSize: 14,\n  },\n});\n"]}

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

@@ -1,22 +1,21 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from 'react';
-import { ReText } from 'react-native-redash';
 import { useCandlestickChartDatetime } from './useDatetime';
+import { AnimatedText } from '../../components/AnimatedText';
 export function CandlestickChartDatetimeText({
   locale,
   options,
   format,
   variant = 'formatted',
-  ...props
+  style
 }) {
   const datetime = useCandlestickChartDatetime({
     format,
     locale,
     options
   });
-  return /*#__PURE__*/React.createElement(ReText, _extends({
-    text: datetime[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(AnimatedText, {
+    text: datetime[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=DatetimeText.js.map

package/lib/module/charts/candle/DatetimeText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatetimeText.tsx"],"names":["React","ReText","useCandlestickChartDatetime","CandlestickChartDatetimeText","locale","options","format","variant","props","datetime"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT,QAAuB,qBAAvB;AAIA,SAASC,2BAAT,QAA4C,eAA5C;AAWA,OAAO,SAASC,4BAAT,CAAsC;AAC3CC,EAAAA,MAD2C;AAE3CC,EAAAA,OAF2C;AAG3CC,EAAAA,MAH2C;AAI3CC,EAAAA,OAAO,GAAG,WAJiC;AAK3C,KAAGC;AALwC,CAAtC,EAM4B;AACjC,QAAMC,QAAQ,GAAGP,2BAA2B,CAAC;AAAEI,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAAD,CAA5C;AACA,sBAAO,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD;AAAtB,KAAqCC,KAArC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useCandlestickChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\n\ntype CandlestickChartPriceTextProps = {\n  locale?: string;\n  options?: { [key: string]: string };\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  ...props\n}: CandlestickChartPriceTextProps) {\n  const datetime = useCandlestickChartDatetime({ format, locale, options });\n  return <ReText text={datetime[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["DatetimeText.tsx"],"names":["React","useCandlestickChartDatetime","AnimatedText","CandlestickChartDatetimeText","locale","options","format","variant","style","datetime"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAIA,SAASC,2BAAT,QAA4C,eAA5C;AAEA,SAASC,YAAT,QAA6B,+BAA7B;AAUA,OAAO,SAASC,4BAAT,CAAsC;AAC3CC,EAAAA,MAD2C;AAE3CC,EAAAA,OAF2C;AAG3CC,EAAAA,MAH2C;AAI3CC,EAAAA,OAAO,GAAG,WAJiC;AAK3CC,EAAAA;AAL2C,CAAtC,EAM4B;AACjC,QAAMC,QAAQ,GAAGR,2BAA2B,CAAC;AAAEK,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAAD,CAA5C;AACA,sBAAO,oBAAC,YAAD;AAAc,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD,CAA5B;AAAuC,IAAA,KAAK,EAAEC;AAA9C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useCandlestickChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\nimport { AnimatedText } from '../../components/AnimatedText';\n\ntype CandlestickChartPriceTextProps = {\n  locale?: string;\n  options?: { [key: string]: string };\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  style,\n}: CandlestickChartPriceTextProps) {\n  const datetime = useCandlestickChartDatetime({ format, locale, options });\n  return <AnimatedText text={datetime[variant]} style={style} />;\n}\n"]}

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

@@ -1,22 +1,21 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from 'react';
-import { ReText } from 'react-native-redash';
 import { useCandlestickChartPrice } from './usePrice';
+import { AnimatedText } from '../../components/AnimatedText';
 export function CandlestickChartPriceText({
   format,
   precision = 2,
   variant = 'formatted',
   type = 'crosshair',
-  ...props
+  style
 }) {
   const price = useCandlestickChartPrice({
     format,
     precision,
     type
   });
-  return /*#__PURE__*/React.createElement(ReText, _extends({
-    text: price[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(AnimatedText, {
+    text: price[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=PriceText.js.map

package/lib/module/charts/candle/PriceText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PriceText.tsx"],"names":["React","ReText","useCandlestickChartPrice","CandlestickChartPriceText","format","precision","variant","type","props","price"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT,QAAuB,qBAAvB;AAKA,SAASC,wBAAT,QAAyC,YAAzC;AAUA,OAAO,SAASC,yBAAT,CAAmC;AACxCC,EAAAA,MADwC;AAExCC,EAAAA,SAAS,GAAG,CAF4B;AAGxCC,EAAAA,OAAO,GAAG,WAH8B;AAIxCC,EAAAA,IAAI,GAAG,WAJiC;AAKxC,KAAGC;AALqC,CAAnC,EAM4B;AACjC,QAAMC,KAAK,GAAGP,wBAAwB,CAAC;AAAEE,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBE,IAAAA;AAArB,GAAD,CAAtC;AACA,sBAAO,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAEE,KAAK,CAACH,OAAD;AAAnB,KAAkCE,KAAlC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\nimport type { TFormatterFn, TPriceType } from './types';\n\nimport { useCandlestickChartPrice } from './usePrice';\n\nexport type CandlestickChartPriceTextProps = {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  type?: TPriceType;\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  type = 'crosshair',\n  ...props\n}: CandlestickChartPriceTextProps) {\n  const price = useCandlestickChartPrice({ format, precision, type });\n  return <ReText text={price[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["PriceText.tsx"],"names":["React","useCandlestickChartPrice","AnimatedText","CandlestickChartPriceText","format","precision","variant","type","style","price"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAKA,SAASC,wBAAT,QAAyC,YAAzC;AACA,SAASC,YAAT,QAA6B,+BAA7B;AAUA,OAAO,SAASC,yBAAT,CAAmC;AACxCC,EAAAA,MADwC;AAExCC,EAAAA,SAAS,GAAG,CAF4B;AAGxCC,EAAAA,OAAO,GAAG,WAH8B;AAIxCC,EAAAA,IAAI,GAAG,WAJiC;AAKxCC,EAAAA;AALwC,CAAnC,EAM4B;AACjC,QAAMC,KAAK,GAAGR,wBAAwB,CAAC;AAAEG,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBE,IAAAA;AAArB,GAAD,CAAtC;AACA,sBAAO,oBAAC,YAAD;AAAc,IAAA,IAAI,EAAEE,KAAK,CAACH,OAAD,CAAzB;AAAoC,IAAA,KAAK,EAAEE;AAA3C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\nimport type { TFormatterFn, TPriceType } from './types';\n\nimport { useCandlestickChartPrice } from './usePrice';\nimport { AnimatedText } from '../../components/AnimatedText';\n\nexport type CandlestickChartPriceTextProps = {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  type?: TPriceType;\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  type = 'crosshair',\n  style,\n}: CandlestickChartPriceTextProps) {\n  const price = useCandlestickChartPrice({ format, precision, type });\n  return <AnimatedText text={price[variant]} style={style} />;\n}\n"]}

package/lib/module/charts/line/DatetimeText.js

@@ -1,22 +1,21 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from 'react';
-import { ReText } from 'react-native-redash';
 import { useLineChartDatetime } from './useDatetime';
+import { AnimatedText } from '../../components/AnimatedText';
 export function LineChartDatetimeText({
   locale,
   options,
   format,
   variant = 'formatted',
-  ...props
+  style
 }) {
   const datetime = useLineChartDatetime({
     format,
     locale,
     options
   });
-  return /*#__PURE__*/React.createElement(ReText, _extends({
-    text: datetime[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(AnimatedText, {
+    text: datetime[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=DatetimeText.js.map

package/lib/module/charts/line/DatetimeText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatetimeText.tsx"],"names":["React","ReText","useLineChartDatetime","LineChartDatetimeText","locale","options","format","variant","props","datetime"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT,QAAuB,qBAAvB;AAIA,SAASC,oBAAT,QAAqC,eAArC;AAWA,OAAO,SAASC,qBAAT,CAA+B;AACpCC,EAAAA,MADoC;AAEpCC,EAAAA,OAFoC;AAGpCC,EAAAA,MAHoC;AAIpCC,EAAAA,OAAO,GAAG,WAJ0B;AAKpC,KAAGC;AALiC,CAA/B,EAMoB;AACzB,QAAMC,QAAQ,GAAGP,oBAAoB,CAAC;AAAEI,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAAD,CAArC;AACA,sBAAO,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD;AAAtB,KAAqCC,KAArC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useLineChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\n\ntype LineChartDatetimeProps = {\n  locale?: string;\n  options?: Intl.DateTimeFormatOptions;\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function LineChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  ...props\n}: LineChartDatetimeProps) {\n  const datetime = useLineChartDatetime({ format, locale, options });\n  return <ReText text={datetime[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["DatetimeText.tsx"],"names":["React","useLineChartDatetime","AnimatedText","LineChartDatetimeText","locale","options","format","variant","style","datetime"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAIA,SAASC,oBAAT,QAAqC,eAArC;AAEA,SAASC,YAAT,QAA6B,+BAA7B;AAUA,OAAO,SAASC,qBAAT,CAA+B;AACpCC,EAAAA,MADoC;AAEpCC,EAAAA,OAFoC;AAGpCC,EAAAA,MAHoC;AAIpCC,EAAAA,OAAO,GAAG,WAJ0B;AAKpCC,EAAAA;AALoC,CAA/B,EAMoB;AACzB,QAAMC,QAAQ,GAAGR,oBAAoB,CAAC;AAAEK,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAAD,CAArC;AACA,sBAAO,oBAAC,YAAD;AAAc,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD,CAA5B;AAAuC,IAAA,KAAK,EAAEC;AAA9C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useLineChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\nimport { AnimatedText } from '../../components/AnimatedText';\n\ntype LineChartDatetimeProps = {\n  locale?: string;\n  options?: Intl.DateTimeFormatOptions;\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function LineChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  style,\n}: LineChartDatetimeProps) {\n  const datetime = useLineChartDatetime({ format, locale, options });\n  return <AnimatedText text={datetime[variant]} style={style} />;\n}\n"]}

package/lib/module/charts/line/PriceText.js

@@ -1,20 +1,19 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from 'react';
-import { ReText } from 'react-native-redash';
 import { useLineChartPrice } from './usePrice';
+import { AnimatedText } from '../../components/AnimatedText';
 export function LineChartPriceText({
   format,
   precision = 2,
   variant = 'formatted',
-  ...props
+  style
 }) {
   const price = useLineChartPrice({
     format,
     precision
   });
-  return /*#__PURE__*/React.createElement(ReText, _extends({
-    text: price[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(AnimatedText, {
+    text: price[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=PriceText.js.map

package/lib/module/charts/line/PriceText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PriceText.tsx"],"names":["React","ReText","useLineChartPrice","LineChartPriceText","format","precision","variant","props","price"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT,QAAuB,qBAAvB;AAIA,SAASC,iBAAT,QAAkC,YAAlC;AAUA,OAAO,SAASC,kBAAT,CAA4B;AACjCC,EAAAA,MADiC;AAEjCC,EAAAA,SAAS,GAAG,CAFqB;AAGjCC,EAAAA,OAAO,GAAG,WAHuB;AAIjC,KAAGC;AAJ8B,CAA5B,EAKqB;AAC1B,QAAMC,KAAK,GAAGN,iBAAiB,CAAC;AAAEE,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAD,CAA/B;AACA,sBAAO,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAEG,KAAK,CAACF,OAAD;AAAnB,KAAkCC,KAAlC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useLineChartPrice } from './usePrice';\nimport type { TFormatterFn } from '../candle/types';\n\nexport type LineChartPriceTextProps = {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function LineChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  ...props\n}: LineChartPriceTextProps) {\n  const price = useLineChartPrice({ format, precision });\n  return <ReText text={price[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["PriceText.tsx"],"names":["React","useLineChartPrice","AnimatedText","LineChartPriceText","format","precision","variant","style","price"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAIA,SAASC,iBAAT,QAAkC,YAAlC;AAEA,SAASC,YAAT,QAA6B,+BAA7B;AASA,OAAO,SAASC,kBAAT,CAA4B;AACjCC,EAAAA,MADiC;AAEjCC,EAAAA,SAAS,GAAG,CAFqB;AAGjCC,EAAAA,OAAO,GAAG,WAHuB;AAIjCC,EAAAA;AAJiC,CAA5B,EAKqB;AAC1B,QAAMC,KAAK,GAAGP,iBAAiB,CAAC;AAAEG,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAD,CAA/B;AACA,sBAAO,oBAAC,YAAD;AAAc,IAAA,IAAI,EAAEG,KAAK,CAACF,OAAD,CAAzB;AAAoC,IAAA,KAAK,EAAEC;AAA3C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useLineChartPrice } from './usePrice';\nimport type { TFormatterFn } from '../candle/types';\nimport { AnimatedText } from '../../components/AnimatedText';\n\nexport type LineChartPriceTextProps = {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function LineChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  style,\n}: LineChartPriceTextProps) {\n  const price = useLineChartPrice({ format, precision });\n  return <AnimatedText text={price[variant]} style={style} />;\n}\n"]}

package/lib/module/components/AnimatedText.js

@@ -0,0 +1,43 @@
+// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx
+import React from 'react';
+import { Platform } from 'react-native';
+import { TextInput } from 'react-native';
+import Animated, { useAnimatedProps, useAnimatedReaction } from 'react-native-reanimated';
+Animated.addWhitelistedNativeProps({
+  text: true
+});
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+export const AnimatedText = ({
+  text,
+  style
+}) => {
+  const inputRef = React.useRef(null);
+  useAnimatedReaction(() => {
+    // always return false unless web to prevent unnecessary reactions
+    return Platform.OS === 'web' && text.value;
+  }, (data, prevData) => {
+    if (Platform.OS === 'web' && data !== prevData && inputRef.current) {
+      inputRef.current.setNativeProps({
+        value: data
+      });
+    }
+  });
+  const animatedProps = useAnimatedProps(() => {
+    return {
+      text: text.value // Here we use any because the text prop is not available in the type
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+    };
+  });
+  return /*#__PURE__*/React.createElement(AnimatedTextInput, {
+    underlineColorAndroid: "transparent",
+    editable: false,
+    ref: Platform.select({
+      web: inputRef
+    }),
+    value: text.value,
+    style: style,
+    animatedProps: animatedProps
+  });
+};
+//# sourceMappingURL=AnimatedText.js.map

package/lib/module/components/AnimatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AnimatedText.tsx"],"names":["React","Platform","TextInput","Animated","useAnimatedProps","useAnimatedReaction","addWhitelistedNativeProps","text","AnimatedTextInput","createAnimatedComponent","AnimatedText","style","inputRef","useRef","OS","value","data","prevData","current","setNativeProps","animatedProps","select","web"],"mappings":"AAAA;AAEA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAmD,cAAnD;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,OAAOC,QAAP,IACEC,gBADF,EAEEC,mBAFF,QAGO,yBAHP;AAKAF,QAAQ,CAACG,yBAAT,CAAmC;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnC;AAOA,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAT,CAAiCP,SAAjC,CAA1B;AAEA,OAAO,MAAMQ,YAAY,GAAG,CAAC;AAAEH,EAAAA,IAAF;AAAQI,EAAAA;AAAR,CAAD,KAAwC;AAClE,QAAMC,QAAQ,GAAGZ,KAAK,CAACa,MAAN,CAAwB,IAAxB,CAAjB;AAEAR,EAAAA,mBAAmB,CACjB,MAAM;AACJ;AACA,WAAOJ,QAAQ,CAACa,EAAT,KAAgB,KAAhB,IAAyBP,IAAI,CAACQ,KAArC;AACD,GAJgB,EAKjB,CAACC,IAAD,EAAOC,QAAP,KAAoB;AAClB,QAAIhB,QAAQ,CAACa,EAAT,KAAgB,KAAhB,IAAyBE,IAAI,KAAKC,QAAlC,IAA8CL,QAAQ,CAACM,OAA3D,EAAoE;AAClEN,MAAAA,QAAQ,CAACM,OAAT,CAAiBC,cAAjB,CAAgC;AAC9BJ,QAAAA,KAAK,EAAEC;AADuB,OAAhC;AAGD;AACF,GAXgB,CAAnB;AAaA,QAAMI,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;AAC3C,WAAO;AACLG,MAAAA,IAAI,EAAEA,IAAI,CAACQ,KADN,CAEL;AACA;;AAHK,KAAP;AAKD,GANqC,CAAtC;AAOA,sBACE,oBAAC,iBAAD;AACE,IAAA,qBAAqB,EAAC,aADxB;AAEE,IAAA,QAAQ,EAAE,KAFZ;AAGE,IAAA,GAAG,EAAEd,QAAQ,CAACoB,MAAT,CAAgB;AAAEC,MAAAA,GAAG,EAAEV;AAAP,KAAhB,CAHP;AAIE,IAAA,KAAK,EAAEL,IAAI,CAACQ,KAJd;AAKE,IAAA,KAAK,EAAEJ,KALT;AAME,IAAA,aAAa,EAAES;AANjB,IADF;AAUD,CAjCM","sourcesContent":["// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx\n\nimport React from 'react';\nimport { Platform, TextProps as RNTextProps } from 'react-native';\nimport { TextInput } from 'react-native';\nimport Animated, {\n  useAnimatedProps,\n  useAnimatedReaction,\n} from 'react-native-reanimated';\n\nAnimated.addWhitelistedNativeProps({ text: true });\n\ninterface AnimatedTextProps {\n  text: Animated.SharedValue<string>;\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n}\n\nconst AnimatedTextInput = Animated.createAnimatedComponent(TextInput);\n\nexport const AnimatedText = ({ text, style }: AnimatedTextProps) => {\n  const inputRef = React.useRef<TextInput>(null);\n\n  useAnimatedReaction(\n    () => {\n      // always return false unless web to prevent unnecessary reactions\n      return Platform.OS === 'web' && text.value;\n    },\n    (data, prevData) => {\n      if (Platform.OS === 'web' && data !== prevData && inputRef.current) {\n        inputRef.current.setNativeProps({\n          value: data,\n        });\n      }\n    }\n  );\n  const animatedProps = useAnimatedProps(() => {\n    return {\n      text: text.value,\n      // Here we use any because the text prop is not available in the type\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    } as any;\n  });\n  return (\n    <AnimatedTextInput\n      underlineColorAndroid=\"transparent\"\n      editable={false}\n      ref={Platform.select({ web: inputRef })}\n      value={text.value}\n      style={style}\n      animatedProps={animatedProps}\n    />\n  );\n};\n"]}

package/lib/typescript/src/charts/candle/DatetimeText.d.ts

@@ -11,5 +11,5 @@ declare type CandlestickChartPriceTextProps = {
     variant?: 'formatted' | 'value';
     style?: Animated.AnimateProps<RNTextProps>['style'];
 };
-export declare function CandlestickChartDatetimeText({ locale, options, format, variant, ...props }: CandlestickChartPriceTextProps): JSX.Element;
+export declare function CandlestickChartDatetimeText({ locale, options, format, variant, style, }: CandlestickChartPriceTextProps): JSX.Element;
 export {};

package/lib/typescript/src/charts/candle/PriceText.d.ts

@@ -9,4 +9,4 @@ export declare type CandlestickChartPriceTextProps = {
     type?: TPriceType;
     style?: Animated.AnimateProps<RNTextProps>['style'];
 };
-export declare function CandlestickChartPriceText({ format, precision, variant, type, ...props }: CandlestickChartPriceTextProps): JSX.Element;
+export declare function CandlestickChartPriceText({ format, precision, variant, type, style, }: CandlestickChartPriceTextProps): JSX.Element;

package/lib/typescript/src/charts/line/DatetimeText.d.ts

@@ -9,5 +9,5 @@ declare type LineChartDatetimeProps = {
     variant?: 'formatted' | 'value';
     style?: Animated.AnimateProps<RNTextProps>['style'];
 };
-export declare function LineChartDatetimeText({ locale, options, format, variant, ...props }: LineChartDatetimeProps): JSX.Element;
+export declare function LineChartDatetimeText({ locale, options, format, variant, style, }: LineChartDatetimeProps): JSX.Element;
 export {};

package/lib/typescript/src/charts/line/PriceText.d.ts

@@ -8,4 +8,4 @@ export declare type LineChartPriceTextProps = {
     variant?: 'formatted' | 'value';
     style?: Animated.AnimateProps<RNTextProps>['style'];
 };
-export declare function LineChartPriceText({ format, precision, variant, ...props }: LineChartPriceTextProps): JSX.Element;
+export declare function LineChartPriceText({ format, precision, variant, style, }: LineChartPriceTextProps): JSX.Element;

package/lib/typescript/src/components/AnimatedText.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TextProps as RNTextProps } from 'react-native';
+import Animated from 'react-native-reanimated';
+interface AnimatedTextProps {
+    text: Animated.SharedValue<string>;
+    style?: Animated.AnimateProps<RNTextProps>['style'];
+}
+export declare const AnimatedText: ({ text, style }: AnimatedTextProps) => JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-wagmi-charts",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A sweet candlestick chart for React Native",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/charts/candle/CrosshairTooltip.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { StyleProp, TextStyle, ViewProps } from 'react-native';
+import { StyleSheet } from 'react-native';
 import Animated, {
   useAnimatedStyle,
   useDerivedValue,
@@ -34,8 +35,8 @@ export function CandlestickChartCrosshairTooltip({
   children,
   xGutter = 8,
   yGutter = 8,
-  tooltipTextProps = {},
-  textStyle = {},
+  tooltipTextProps,
+  textStyle,
   ...props
 }: CandlestickChartCrosshairTooltipProps) {
   const { width, height } = React.useContext(CandlestickChartDimensionsContext);
@@ -93,7 +94,7 @@ export function CandlestickChartCrosshairTooltip({
         {children || (
           <CandlestickChartPriceText
             {...tooltipTextProps}
-            style={[{ fontSize: 14 }, tooltipTextProps.style, textStyle]}
+            style={[styles.text, tooltipTextProps?.style, textStyle]}
           />
         )}
       </Animated.View>
@@ -101,10 +102,16 @@ export function CandlestickChartCrosshairTooltip({
         {children || (
           <CandlestickChartPriceText
             {...tooltipTextProps}
-            style={[{ fontSize: 14 }, tooltipTextProps.style, textStyle]}
+            style={[styles.text, tooltipTextProps?.style, textStyle]}
           />
         )}
       </Animated.View>
     </>
   );
 }
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 14,
+  },
+});

package/src/charts/candle/DatetimeText.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { ReText } from 'react-native-redash';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 
 import { useCandlestickChartDatetime } from './useDatetime';
 import type { TFormatterFn } from 'react-native-wagmi-charts';
+import { AnimatedText } from '../../components/AnimatedText';
 
 type CandlestickChartPriceTextProps = {
   locale?: string;
@@ -19,8 +19,8 @@ export function CandlestickChartDatetimeText({
   options,
   format,
   variant = 'formatted',
-  ...props
+  style,
 }: CandlestickChartPriceTextProps) {
   const datetime = useCandlestickChartDatetime({ format, locale, options });
-  return <ReText text={datetime[variant]} {...props} />;
+  return <AnimatedText text={datetime[variant]} style={style} />;
 }

package/src/charts/candle/PriceText.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { ReText } from 'react-native-redash';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 import type { TFormatterFn, TPriceType } from './types';
 
 import { useCandlestickChartPrice } from './usePrice';
+import { AnimatedText } from '../../components/AnimatedText';
 
 export type CandlestickChartPriceTextProps = {
   format?: TFormatterFn<string>;
@@ -19,8 +19,8 @@ export function CandlestickChartPriceText({
   precision = 2,
   variant = 'formatted',
   type = 'crosshair',
-  ...props
+  style,
 }: CandlestickChartPriceTextProps) {
   const price = useCandlestickChartPrice({ format, precision, type });
-  return <ReText text={price[variant]} {...props} />;
+  return <AnimatedText text={price[variant]} style={style} />;
 }

package/src/charts/line/DatetimeText.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { ReText } from 'react-native-redash';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 
 import { useLineChartDatetime } from './useDatetime';
 import type { TFormatterFn } from 'react-native-wagmi-charts';
+import { AnimatedText } from '../../components/AnimatedText';
 
 type LineChartDatetimeProps = {
   locale?: string;
@@ -19,8 +19,8 @@ export function LineChartDatetimeText({
   options,
   format,
   variant = 'formatted',
-  ...props
+  style,
 }: LineChartDatetimeProps) {
   const datetime = useLineChartDatetime({ format, locale, options });
-  return <ReText text={datetime[variant]} {...props} />;
+  return <AnimatedText text={datetime[variant]} style={style} />;
 }

package/src/charts/line/PriceText.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { ReText } from 'react-native-redash';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 
 import { useLineChartPrice } from './usePrice';
 import type { TFormatterFn } from '../candle/types';
+import { AnimatedText } from '../../components/AnimatedText';
 
 export type LineChartPriceTextProps = {
   format?: TFormatterFn<string>;
@@ -17,8 +17,8 @@ export function LineChartPriceText({
   format,
   precision = 2,
   variant = 'formatted',
-  ...props
+  style,
 }: LineChartPriceTextProps) {
   const price = useLineChartPrice({ format, precision });
-  return <ReText text={price[variant]} {...props} />;
+  return <AnimatedText text={price[variant]} style={style} />;
 }

package/src/components/AnimatedText.tsx

@@ -0,0 +1,53 @@
+// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx
+
+import React from 'react';
+import { Platform, TextProps as RNTextProps } from 'react-native';
+import { TextInput } from 'react-native';
+import Animated, {
+  useAnimatedProps,
+  useAnimatedReaction,
+} from 'react-native-reanimated';
+
+Animated.addWhitelistedNativeProps({ text: true });
+
+interface AnimatedTextProps {
+  text: Animated.SharedValue<string>;
+  style?: Animated.AnimateProps<RNTextProps>['style'];
+}
+
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+
+export const AnimatedText = ({ text, style }: AnimatedTextProps) => {
+  const inputRef = React.useRef<TextInput>(null);
+
+  useAnimatedReaction(
+    () => {
+      // always return false unless web to prevent unnecessary reactions
+      return Platform.OS === 'web' && text.value;
+    },
+    (data, prevData) => {
+      if (Platform.OS === 'web' && data !== prevData && inputRef.current) {
+        inputRef.current.setNativeProps({
+          value: data,
+        });
+      }
+    }
+  );
+  const animatedProps = useAnimatedProps(() => {
+    return {
+      text: text.value,
+      // Here we use any because the text prop is not available in the type
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } as any;
+  });
+  return (
+    <AnimatedTextInput
+      underlineColorAndroid="transparent"
+      editable={false}
+      ref={Platform.select({ web: inputRef })}
+      value={text.value}
+      style={style}
+      animatedProps={animatedProps}
+    />
+  );
+};