npm - react-native-wagmi-charts - Versions diffs - 2.1.0 → 2.3.0 - Mend

react-native-wagmi-charts 2.1.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (890) hide show

package/lib/commonjs/charts/line/Path.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _reactNativeSvg = require("react-native-svg");
 var _Chart = require("./Chart");
-var _ChartPath = require("./ChartPath");
+var _LineChartPathContext = require("./LineChartPathContext");
 var _useAnimatedPath = _interopRequireDefault(require("./useAnimatedPath"));
@@ -41,7 +41,7 @@ function LineChartPath({
   const {
     isTransitionEnabled,
     isInactive
-  } = React.useContext(_ChartPath.LineChartPathContext); ////////////////////////////////////////////////
+  } = React.useContext(_LineChartPathContext.LineChartPathContext); ////////////////////////////////////////////////
   const {
     animatedProps

package/lib/commonjs/charts/line/Path.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Path.tsx"],"names":["AnimatedPath","Animated","createAnimatedComponent","Path","LineChartPath","displayName","color","inactiveColor","width","strokeWidth","props","path","React","useContext","LineChartDimensionsContext","isTransitionEnabled","isInactive","LineChartPathContext","animatedProps","enabled"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,YAAY,GAAGC,+BAASC,uBAAT,CAAiCC,oBAAjC,CAArB;;AAyBAC,aAAa,CAACC,WAAd,GAA4B,eAA5B;;AAEO,SAASD,aAAT,CAAuB;AAC5BE,EAAAA,KAAK,GAAG,OADoB;AAE5BC,EAAAA,aAF4B;AAG5BC,EAAAA,KAAK,EAAEC,WAAW,GAAG,CAHO;AAI5B,KAAGC;AAJyB,CAAvB,EAKgB;AACrB,QAAM;AAAEC,IAAAA;AAAF,MAAWC,KAAK,CAACC,UAAN,CAAiBC,iCAAjB,CAAjB;AACA,QAAM;AAAEC,IAAAA,mBAAF;AAAuBC,IAAAA;AAAvB,MACJJ,KAAK,CAACC,UAAN,CAAiBI~~,+BAAjB~~,CADF,CAFqB,CAKrB;;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAoB,8BAAgB;AACxCC,IAAAA,OAAO,EAAEJ,mBAD+B;AAExCJ,IAAAA;AAFwC,GAAhB,CAA1B,CAPqB,CAYrB;;AAEA,sBACE,uDACE,oBAAC,YAAD;AACE,IAAA,aAAa,EAAEO,aADjB;AAEE,IAAA,IAAI,EAAC,aAFP;AAGE,IAAA,MAAM,EAAEF,UAAU,GAAGT,aAAa,IAAID,KAApB,GAA4BA,KAHhD;AAIE,IAAA,aAAa,EAAEU,UAAU,IAAI,CAACT,aAAf,GAA+B,GAA/B,GAAqC,CAJtD;AAKE,IAAA,WAAW,EAAEE;AALf,KAMMC,KANN,EADF,CADF;AAYD","sourcesContent":["import * as React from 'react';\nimport Animated from 'react-native-reanimated';\nimport { Path, PathProps } from 'react-native-svg';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartPathContext } from './~~ChartPath~~';\nimport useAnimatedPath from './useAnimatedPath';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nexport type LineChartPathProps = Animated.AnimateProps<PathProps> & {\n color?: string;\n inactiveColor?: string;\n width?: number;\n isInactive?: boolean;\n /*\n Default: `true`.\n \n If `false`, changes in the chart's path will not animate.\n \n While this use case is rare, it may be useful on web, where animations might not work as well.\n \n Example\n \n ```tsx\n * <LineChart.Path\n * pathProps={{ isTransitionEnabled: Platform.OS !== 'web' }}\n * />\n * ```\n */\n isTransitionEnabled?: boolean;\n};\n\nLineChartPath.displayName = 'LineChartPath';\n\nexport function LineChartPath({\n color = 'black',\n inactiveColor,\n width: strokeWidth = 3,\n ...props\n}: LineChartPathProps) {\n const { path } = React.useContext(LineChartDimensionsContext);\n const { isTransitionEnabled, isInactive } =\n React.useContext(LineChartPathContext);\n\n ////////////////////////////////////////////////\n\n const { animatedProps } = useAnimatedPath({\n enabled: isTransitionEnabled,\n path,\n });\n\n ////////////////////////////////////////////////\n\n return (\n <>\n <AnimatedPath\n animatedProps={animatedProps}\n fill=\"transparent\"\n stroke={isInactive ? inactiveColor \|\| color : color}\n strokeOpacity={isInactive && !inactiveColor ? 0.2 : 1}\n strokeWidth={strokeWidth}\n {...props}\n />\n </>\n );\n}\n"]}
1	+ {"version":3,"sources":["Path.tsx"],"names":["AnimatedPath","Animated","createAnimatedComponent","Path","LineChartPath","displayName","color","inactiveColor","width","strokeWidth","props","path","React","useContext","LineChartDimensionsContext","isTransitionEnabled","isInactive","LineChartPathContext","animatedProps","enabled"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,YAAY,GAAGC,+BAASC,uBAAT,CAAiCC,oBAAjC,CAArB;;AAyBAC,aAAa,CAACC,WAAd,GAA4B,eAA5B;;AAEO,SAASD,aAAT,CAAuB;AAC5BE,EAAAA,KAAK,GAAG,OADoB;AAE5BC,EAAAA,aAF4B;AAG5BC,EAAAA,KAAK,EAAEC,WAAW,GAAG,CAHO;AAI5B,KAAGC;AAJyB,CAAvB,EAKgB;AACrB,QAAM;AAAEC,IAAAA;AAAF,MAAWC,KAAK,CAACC,UAAN,CAAiBC,iCAAjB,CAAjB;AACA,QAAM;AAAEC,IAAAA,mBAAF;AAAuBC,IAAAA;AAAvB,MACJJ,KAAK,CAACC,UAAN,CAAiBI,0CAAjB,CADF,CAFqB,CAKrB;;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAoB,8BAAgB;AACxCC,IAAAA,OAAO,EAAEJ,mBAD+B;AAExCJ,IAAAA;AAFwC,GAAhB,CAA1B,CAPqB,CAYrB;;AAEA,sBACE,uDACE,oBAAC,YAAD;AACE,IAAA,aAAa,EAAEO,aADjB;AAEE,IAAA,IAAI,EAAC,aAFP;AAGE,IAAA,MAAM,EAAEF,UAAU,GAAGT,aAAa,IAAID,KAApB,GAA4BA,KAHhD;AAIE,IAAA,aAAa,EAAEU,UAAU,IAAI,CAACT,aAAf,GAA+B,GAA/B,GAAqC,CAJtD;AAKE,IAAA,WAAW,EAAEE;AALf,KAMMC,KANN,EADF,CADF;AAYD","sourcesContent":["import * as React from 'react';\nimport Animated from 'react-native-reanimated';\nimport { Path, PathProps } from 'react-native-svg';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartPathContext } from './LineChartPathContext';\nimport useAnimatedPath from './useAnimatedPath';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nexport type LineChartPathProps = Animated.AnimateProps<PathProps> & {\n color?: string;\n inactiveColor?: string;\n width?: number;\n isInactive?: boolean;\n /*\n Default: `true`.\n \n If `false`, changes in the chart's path will not animate.\n \n While this use case is rare, it may be useful on web, where animations might not work as well.\n \n Example\n \n ```tsx\n * <LineChart.Path\n * pathProps={{ isTransitionEnabled: Platform.OS !== 'web' }}\n * />\n * ```\n */\n isTransitionEnabled?: boolean;\n};\n\nLineChartPath.displayName = 'LineChartPath';\n\nexport function LineChartPath({\n color = 'black',\n inactiveColor,\n width: strokeWidth = 3,\n ...props\n}: LineChartPathProps) {\n const { path } = React.useContext(LineChartDimensionsContext);\n const { isTransitionEnabled, isInactive } =\n React.useContext(LineChartPathContext);\n\n ////////////////////////////////////////////////\n\n const { animatedProps } = useAnimatedPath({\n enabled: isTransitionEnabled,\n path,\n });\n\n ////////////////////////////////////////////////\n\n return (\n <>\n <AnimatedPath\n animatedProps={animatedProps}\n fill=\"transparent\"\n stroke={isInactive ? inactiveColor \|\| color : color}\n strokeOpacity={isInactive && !inactiveColor ? 0.2 : 1}\n strokeWidth={strokeWidth}\n {...props}\n />\n </>\n );\n}\n"]}

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

@@ -21,11 +21,13 @@ function LineChartPriceText({
   format,
   precision = 2,
   variant = 'formatted',
-  style
+  style,
+  index
 }) {
   const price = (0, _usePrice.useLineChartPrice)({
     format,
-    precision
+    precision,
+    index
   });
   return /*#__PURE__*/React.createElement(_AnimatedText.AnimatedText, {
     text: price[variant],

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["PriceText.tsx"],"names":["LineChartPriceText","displayName","format","precision","variant","style","price"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;;;;;~~AASAA~~,kBAAkB,CAACC,WAAnB,GAAiC,oBAAjC;;AAEO,SAASD,kBAAT,CAA4B;AACjCE,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\nLineChartPriceText.displayName = 'LineChartPriceText';\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"]}
1	+ {"version":3,"sources":["PriceText.tsx"],"names":["LineChartPriceText","displayName","format","precision","variant","style","index","price"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;;;;;AAcAA,kBAAkB,CAACC,WAAnB,GAAiC,oBAAjC;;AAEO,SAASD,kBAAT,CAA4B;AACjCE,EAAAA,MADiC;AAEjCC,EAAAA,SAAS,GAAG,CAFqB;AAGjCC,EAAAA,OAAO,GAAG,WAHuB;AAIjCC,EAAAA,KAJiC;AAKjCC,EAAAA;AALiC,CAA5B,EAMqB;AAC1B,QAAMC,KAAK,GAAG,iCAAkB;AAAEL,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBG,IAAAA;AAArB,GAAlB,CAAd;AACA,sBAAO,oBAAC,0BAAD;AAAc,IAAA,IAAI,EAAEC,KAAK,CAACH,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 By default, it will use the current active index from the chart.\n * If this is set it will use the index provided.\n */\n index?: number;\n};\n\nLineChartPriceText.displayName = 'LineChartPriceText';\n\nexport function LineChartPriceText({\n format,\n precision = 2,\n variant = 'formatted',\n style,\n index,\n}: LineChartPriceTextProps) {\n const price = useLineChartPrice({ format, precision, index });\n return <AnimatedText text={price[variant]} style={style} />;\n}\n"]}

package/lib/commonjs/charts/line/Tooltip.js CHANGED Viewed

@@ -17,6 +17,8 @@ var _PriceText = require("./PriceText");
 var _useLineChart = require("./useLineChart");
+var _reactNativeRedash = require("react-native-redash");
 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; }
@@ -33,11 +35,14 @@ function LineChartTooltip({
   position = 'top',
   textProps,
   textStyle,
+  at,
   ...props
 }) {
   const {
     width,
-    height
+    height,
+    parsedPath,
+    pointWidth
   } = React.useContext(_Chart.LineChartDimensionsContext);
   const {
     type
@@ -54,45 +59,80 @@ function LineChartTooltip({
     x.value = event.nativeEvent.layout.x;
     elementWidth.value = event.nativeEvent.layout.width;
     elementHeight.value = event.nativeEvent.layout.height;
-  }, [elementHeight, elementWidth, x]);
+  }, [elementHeight, elementWidth, x]); // When the user set a `at` index, get the index's y & x positions
+  const atXPosition = (0, React.useMemo)(() => at == null ? undefined : pointWidth * at, [at, pointWidth]);
+  const atYPosition = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    var _getYForX;
+    return atXPosition == null ? undefined : (_getYForX = (0, _reactNativeRedash.getYForX)(parsedPath, atXPosition)) !== null && _getYForX !== void 0 ? _getYForX : 0;
+  }, [atXPosition]);
   const animatedCursorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    let translateXOffset = elementWidth.value / 2;
+    var _atYPosition$value;
+    let translateXOffset = elementWidth.value / 2; // the tooltip is considered static when the user specified an `at` prop
-    if (currentX.value < elementWidth.value / 2 + xGutter) {
-      const xOffset = elementWidth.value / 2 + xGutter - currentX.value;
+    const isStatic = atYPosition.value != null; // Calculate X position:
+    const x = atXPosition !== null && atXPosition !== void 0 ? atXPosition : currentX.value;
+    if (x < elementWidth.value / 2 + xGutter) {
+      const xOffset = elementWidth.value / 2 + xGutter - x;
       translateXOffset = translateXOffset - xOffset;
     }
-    if (currentX.value > width - elementWidth.value / 2 - xGutter) {
-      const xOffset = currentX.value - (width - elementWidth.value / 2 - xGutter);
+    if (x > width - elementWidth.value / 2 - xGutter) {
+      const xOffset = x - (width - elementWidth.value / 2 - xGutter);
       translateXOffset = translateXOffset + xOffset;
-    }
+    } // Calculate Y position:
     let translateYOffset = 0;
+    const y = (_atYPosition$value = atYPosition.value) !== null && _atYPosition$value !== void 0 ? _atYPosition$value : currentY.value;
     if (position === 'top') {
       translateYOffset = elementHeight.value / 2 + cursorGutter;
-      if (currentY.value - translateYOffset < yGutter) {
-        translateYOffset = currentY.value - yGutter;
+      if (y - translateYOffset < yGutter) {
+        translateYOffset = y - yGutter;
       }
     } else if (position === 'bottom') {
       translateYOffset = -(elementHeight.value / 2) - cursorGutter / 2;
-      if (currentY.value - translateYOffset + elementHeight.value > height - yGutter) {
-        translateYOffset = currentY.value - (height - yGutter) + elementHeight.value;
+      if (y - translateYOffset + elementHeight.value > height - yGutter) {
+        translateYOffset = y - (height - yGutter) + elementHeight.value;
       }
+    } // determine final translateY value
+    let translateY;
+    if (type === 'crosshair' || isStatic) {
+      translateY = y - translateYOffset;
+    } else {
+      if (position === 'top') {
+        translateY = yGutter;
+      } else {
+        translateY = height - elementHeight.value - yGutter;
+      }
+    }
+    let opacity = isActive.value ? 1 : 0;
+    if (isStatic) {
+      // Only show static when there is no active cursor
+      opacity = (0, _reactNativeReanimated.withTiming)(isActive.value ? 0 : 1);
     }
     return {
       transform: [{
-        translateX: currentX.value - translateXOffset
+        translateX: x - translateXOffset
       }, {
-        translateY: type === 'crosshair' ? currentY.value - translateYOffset : position === 'top' ? yGutter : height - elementHeight.value - yGutter
+        translateY: translateY
       }],
-      opacity: isActive.value ? 1 : 0
+      opacity: opacity
     };
-  });
+  }, [currentX, currentY, cursorGutter, elementHeight, elementWidth, height, isActive, position, type, width, xGutter, yGutter]);
   return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, _extends({
     onLayout: handleLayout
   }, props, {
@@ -102,6 +142,7 @@ function LineChartTooltip({
       alignSelf: 'flex-start'
     }, animatedCursorStyle, props.style]
   }), children || /*#__PURE__*/React.createElement(_PriceText.LineChartPriceText, _extends({
+    index: at,
     style: [textStyle]
   }, textProps)));
 }

package/lib/commonjs/charts/line/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Tooltip.tsx"],"names":["LineChartTooltip","displayName","children","xGutter","yGutter","cursorGutter","position","textProps","textStyle","props","width","height","React","useContext","LineChartDimensionsContext","type","CursorContext","currentX","currentY","isActive","x","elementWidth","elementHeight","handleLayout","useCallback","event","value","nativeEvent","layout","animatedCursorStyle","translateXOffset","~~xOffset~~","~~translateYOffset~~","~~transform~~","~~translateX~~","translateY","opacity","padding","alignSelf","style"],"mappings":";;;;;;;AAAA;;AAEA;;~~AAKA~~;;AACA;;AACA;;AACA;;;;;;;;~~AAYAA~~,gBAAgB,CAACC,WAAjB,GAA+B,kBAA/B;;AAEO,SAASD,gBAAT,CAA0B;AAC/BE,EAAAA,QAD+B;AAE/BC,EAAAA,OAAO,GAAG,CAFqB;AAG/BC,EAAAA,OAAO,GAAG,CAHqB;AAI/BC,EAAAA,YAAY,GAAG,EAJgB;AAK/BC,EAAAA,QAAQ,GAAG,KALoB;AAM/BC,EAAAA,SAN+B;AAO/BC,EAAAA,SAP+B;AAQ/B,KAAGC;~~AAR4B~~,CAA1B,~~EASmB~~;AACxB,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;~~AAAT~~,~~MAAoBC~~,KAAK,CAACC,UAAN,~~CAAiBC~~,~~iCAAjB~~,~~CAA1B~~;~~AACA~~,QAAM;AAAEC,IAAAA;AAAF,MAAWH,KAAK,CAACC,UAAN,CAAiBG,qBAAjB,CAAjB;AACA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAAmC,iCAAzC;AAEA,QAAMC,CAAC,GAAG,2CAAe,CAAf,CAAV;AACA,QAAMC,YAAY,GAAG,2CAAe,CAAf,CAArB;AACA,QAAMC,aAAa,GAAG,2CAAe,CAAf,CAAtB;AAEA,QAAMC,YAAY,GAAGX,KAAK,CAACY,WAAN,CAClBC,KAAD,IAAW;AACTL,IAAAA,CAAC,CAACM,KAAF,GAAUD,KAAK,CAACE,WAAN,CAAkBC,MAAlB,CAAyBR,CAAnC;AACAC,IAAAA,YAAY,CAACK,KAAb,GAAqBD,KAAK,CAACE,WAAN,CAAkBC,MAAlB,~~CAAyBlB~~,KAA9C;~~AACAY~~,IAAAA,aAAa,CAACI,KAAd,GAAsBD,KAAK,CAACE,WAAN,CAAkBC,MAAlB,~~CAAyBjB~~,MAA/C;AACD,GALkB,EAMnB,~~CAACW~~,aAAD,EAAgBD,YAAhB,EAA8BD,CAA9B,CANmB,CAArB~~;AASA~~,QAAMS,mBAAmB,GAAG,6CAAiB,MAAM;AACjD,QAAIC,gBAAgB,~~GAAGT~~,YAAY,CAACK,KAAb,GAAqB,CAA5C;;AACA,~~QAAIT~~,QAAQ,CAACS,~~KAAT~~,~~GAAiBL~~,YAAY,CAACK,KAAb,GAAqB,CAArB,~~GAAyBvB~~,~~OAA9C~~,~~EAAuD~~;~~AACrD~~,~~YAAM4B~~,OAAO,~~GAAGV~~,YAAY,CAACK,KAAb,GAAqB,CAArB,~~GAAyBvB~~,OAAzB,~~GAAmCc~~,~~QAAQ,CAACS,KAA5D~~;~~AACAI~~,MAAAA,gBAAgB,GAAGA,gBAAgB,~~GAAGC~~,OAAtC;AACD;;AACD,~~QAAId~~,~~QAAQ~~,~~CAACS~~,~~KAAT,GAAiBhB,~~KAAK,~~GAAGW~~,YAAY,CAACK,KAAb,GAAqB,CAA7B,~~GAAiCvB~~,~~OAAtD~~,~~EAA+D~~;~~AAC7D~~,~~YAAM4B~~,OAAO,~~GACXd~~,~~QAAQ~~,~~CAACS~~,~~KAAT,IAAkBhB,~~KAAK,~~GAAGW~~,YAAY,CAACK,KAAb,GAAqB,CAA7B,~~GAAiCvB~~,~~OAAnD~~,~~CADF~~;~~AAEA2B~~,MAAAA,gBAAgB,GAAGA,gBAAgB,~~GAAGC~~,OAAtC;AACD~~;;AAED~~,QAAIC,gBAAgB,GAAG,CAAvB;;AACA,~~QAAI1B~~,QAAQ,KAAK,KAAjB,EAAwB;~~AACtB0B~~,MAAAA,gBAAgB,~~GAAGV~~,aAAa,CAACI,KAAd,GAAsB,CAAtB,~~GAA0BrB~~,YAA7C;;AACA,~~UAAIa~~,~~QAAQ~~,~~CAACQ~~,~~KAAT~~,~~GAAiBM~~,~~gBAAjB~~,~~GAAoC5B,OAAxC,EAAiD~~;~~AAC/C4B~~,QAAAA,gBAAgB,~~GAAGd~~,~~QAAQ~~,~~CAACQ~~,~~KAAT,GAAiBtB,OAApC~~;AACD;AACF,KALD,MAKO,IAAIE,QAAQ,KAAK,QAAjB,EAA2B;~~AAChC0B~~,MAAAA,gBAAgB,GAAG,~~EAAEV~~,aAAa,CAACI,KAAd,GAAsB,CAAxB,~~IAA6BrB~~,YAAY,GAAG,CAA/D;;AACA,~~UACEa~~,~~QAAQ~~,~~CAACQ~~,~~KAAT~~,~~GAAiBM~~,~~gBAAjB,GAAoCV,~~aAAa,CAACI,~~KAAlD~~,~~GACAf~~,MAAM,~~GAAGP~~,~~OAFX~~,~~EAGE~~;~~AACA4B~~,QAAAA,gBAAgB,~~GACdd~~,~~QAAQ~~,~~CAACQ~~,~~KAAT~~,~~IAAkBf~~,~~MAAM~~,~~GAAGP~~,~~OAA3B~~,~~IAAsCkB,~~aAAa,CAACI,~~KADtD~~;~~AAED~~;AACF~~;;AAED~~,~~WAAO;AACLO~~,~~MAAAA~~,~~SAAS~~,~~EAAE~~,~~CACT;AAAEC~~,~~QAAAA~~,~~UAAU~~,~~EAAEjB~~,~~QAAQ~~,~~CAACS~~,~~KAAT,GAAiBI~~;~~AAA/B~~,~~OADS~~,~~EAET;AACEK~~,~~QAAAA~~,~~UAAU~~,~~EACRpB~~,~~IAAI~~,~~KAAK~~,~~WAAT~~,~~GACIG~~,QAAQ,~~CAACQ~~,~~KAAT~~,~~GAAiBM~~,~~gBADrB~~,~~GAEI1B~~,~~QAAQ~~,~~KAAK~~,~~KAAb~~,~~GACAF~~,~~OADA~~,~~GAEAO~~,MAAM,~~GAAGW~~,aAAa,CAACI,KAAvB,GAA+~~BtB~~;~~AANvC~~,~~OAFS~~,~~CADN~~;~~AAYLgC~~,MAAAA,OAAO,~~EAAEjB~~,QAAQ,CAACO,KAAT,GAAiB,CAAjB,GAAqB;~~AAZzB~~,KAAP;~~AAcD~~,~~GA3C2B~~,CAA5B;~~AA6CA~~,sBACE,oBAAC,8BAAD,CAAU,IAAV;AACE,IAAA,QAAQ,~~EAAEH~~;AADZ,~~KAEMd~~,KAFN;AAGE,IAAA,KAAK,EAAE,CACL;~~AACEH~~,MAAAA,QAAQ,EAAE,UADZ;~~AAEE+B~~,MAAAA,OAAO,EAAE,CAFX;AAGEC,MAAAA,SAAS,EAAE;AAHb,KADK,~~EAMLT~~,mBANK,~~EAOLpB~~,KAAK,~~CAAC8B~~,KAPD;AAHT,~~MAaGrC~~,QAAQ,~~iBAAI~~,oBAAC,6BAAD;AAAoB,IAAA,KAAK,EAAE,~~CAACM~~,SAAD;~~AAA3B~~,~~KAA4CD~~,~~SAA5C~~,~~EAbf~~,CADF;~~AAiBD~~","sourcesContent":["import * as React from 'react';\nimport type { ViewProps } from 'react-native';\nimport Animated, {\n useAnimatedStyle,\n useSharedValue,\n} from 'react-native-reanimated';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { CursorContext } from './Cursor';\nimport { LineChartPriceText, LineChartPriceTextProps } from './PriceText';\nimport { useLineChart } from './useLineChart';\n\~~ntype~~ LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {\n children?: React.ReactNode;\n xGutter?: number;\n yGutter?: number;\n cursorGutter?: number;\n position?: 'top' \| 'bottom';\n textProps?: LineChartPriceTextProps;\n textStyle?: LineChartPriceTextProps['style'];\n};\n\nLineChartTooltip.displayName = 'LineChartTooltip';\n\nexport function LineChartTooltip({\n children,\n xGutter = 8,\n yGutter = 8,\n cursorGutter = 48,\n position = 'top',\n textProps,\n textStyle,\n ...props\n}: LineChartTooltipProps) {\n const { width, height } = React.useContext(LineChartDimensionsContext);\n const { type } = React.useContext(CursorContext);\n const { currentX, currentY, isActive } = useLineChart();\n\n const x = useSharedValue(0);\n const elementWidth = useSharedValue(0);\n const elementHeight = useSharedValue(0);\n\n const handleLayout = React.useCallback(\n (event) => {\n x.value = event.nativeEvent.layout.x;\n elementWidth.value = event.nativeEvent.layout.width;\n elementHeight.value = event.nativeEvent.layout.height;\n },\n [elementHeight, elementWidth, x]\n );\n\n const animatedCursorStyle = useAnimatedStyle(() => {\n let translateXOffset = elementWidth.value / 2;\n if (currentX.value < elementWidth.value / 2 + xGutter) {\n const xOffset = elementWidth.value / 2 + xGutter - ~~currentX.value~~;\n translateXOffset = translateXOffset - xOffset;\n }\n if (~~currentX.value~~ > width - elementWidth.value / 2 - xGutter) {\n const xOffset ~~=\n currentX.value~~ - (width - elementWidth.value / 2 - xGutter);\n translateXOffset = translateXOffset + xOffset;\n }\n\n let translateYOffset = 0;\n if (position === 'top') {\n translateYOffset = elementHeight.value / 2 + cursorGutter;\n if (~~currentY.value~~ - translateYOffset < yGutter) {\n translateYOffset = ~~currentY.value~~ - yGutter;\n }\n } else if (position === 'bottom') {\n translateYOffset = -(elementHeight.value / 2) - cursorGutter / 2;\n if (~~\n currentY.value~~ - translateYOffset + elementHeight.value ~~>\n~~ height - yGutter\n ) {\n translateYOffset ~~=\n currentY.value~~ - (height - yGutter) + elementHeight.value;\n }\n }\n\n ~~return~~ ~~{\n transform:~~ [\n { ~~translateX~~: ~~currentX.value~~ - ~~translateXOffset~~ ~~},\n {\n translateY:\n~~ type === 'crosshair'\n ? ~~currentY.value~~ - translateYOffset\n : position === 'top'\n ? yGutter\n : height - elementHeight.value - yGutter,\n },\n ~~],\~~n opacity: isActive.value ? 1 : 0,\n };\n });\n\n return (\n <Animated.View\n onLayout={handleLayout}\n {...props}\n style={[\n {\n position: 'absolute',\n padding: 4,\n alignSelf: 'flex-start',\n },\n animatedCursorStyle,\n props.style,\n ]}\n >\n {children \|\| <LineChartPriceText style={[textStyle]} {...textProps} />}\n </Animated.View>\n );\n}\n"]}
1	+ {"version":3,"sources":["Tooltip.tsx"],"names":["LineChartTooltip","displayName","children","xGutter","yGutter","cursorGutter","position","textProps","textStyle","at","props","width","height","parsedPath","pointWidth","React","useContext","LineChartDimensionsContext","type","CursorContext","currentX","currentY","isActive","x","elementWidth","elementHeight","handleLayout","useCallback","event","value","nativeEvent","layout","atXPosition","undefined","atYPosition","animatedCursorStyle","translateXOffset","isStatic","xOffset","translateYOffset","y","translateY","opacity","transform","translateX","padding","alignSelf","style"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { ViewProps } from 'react-native';\nimport Animated, {\n useAnimatedStyle,\n useDerivedValue,\n useSharedValue,\n withTiming,\n} from 'react-native-reanimated';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { CursorContext } from './Cursor';\nimport { LineChartPriceText, LineChartPriceTextProps } from './PriceText';\nimport { useLineChart } from './useLineChart';\nimport { getYForX } from 'react-native-redash';\nimport { useMemo } from 'react';\n\nexport type LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {\n children?: React.ReactNode;\n xGutter?: number;\n yGutter?: number;\n cursorGutter?: number;\n position?: 'top' \| 'bottom';\n textProps?: LineChartPriceTextProps;\n textStyle?: LineChartPriceTextProps['style'];\n /*\n When specified the tooltip is considered static, and will\n * always be rendered at the given index, unless there is interaction\n * with the chart (like interacting with a cursor).\n \n @default undefined\n /\n at?: number;\n};\n\nLineChartTooltip.displayName = 'LineChartTooltip';\n\nexport function LineChartTooltip({\n children,\n xGutter = 8,\n yGutter = 8,\n cursorGutter = 48,\n position = 'top',\n textProps,\n textStyle,\n at,\n ...props\n}: LineChartTooltipProps) {\n const { width, height, parsedPath, pointWidth } = React.useContext(\n LineChartDimensionsContext\n );\n const { type } = React.useContext(CursorContext);\n const { currentX, currentY, isActive } = useLineChart();\n\n const x = useSharedValue(0);\n const elementWidth = useSharedValue(0);\n const elementHeight = useSharedValue(0);\n\n const handleLayout = React.useCallback(\n (event) => {\n x.value = event.nativeEvent.layout.x;\n elementWidth.value = event.nativeEvent.layout.width;\n elementHeight.value = event.nativeEvent.layout.height;\n },\n [elementHeight, elementWidth, x]\n );\n\n // When the user set a `at` index, get the index's y & x positions\n const atXPosition = useMemo(\n () => (at == null ? undefined : pointWidth at),\n [at, pointWidth]\n );\n const atYPosition = useDerivedValue(() => {\n return atXPosition == null\n ? undefined\n : getYForX(parsedPath, atXPosition) ?? 0;\n }, [atXPosition]);\n\n const animatedCursorStyle = useAnimatedStyle(() => {\n let translateXOffset = elementWidth.value / 2;\n // the tooltip is considered static when the user specified an `at` prop\n const isStatic = atYPosition.value != null;\n\n // Calculate X position:\n const x = atXPosition ?? currentX.value;\n if (x < elementWidth.value / 2 + xGutter) {\n const xOffset = elementWidth.value / 2 + xGutter - x;\n translateXOffset = translateXOffset - xOffset;\n }\n if (x > width - elementWidth.value / 2 - xGutter) {\n const xOffset = x - (width - elementWidth.value / 2 - xGutter);\n translateXOffset = translateXOffset + xOffset;\n }\n\n // Calculate Y position:\n let translateYOffset = 0;\n const y = atYPosition.value ?? currentY.value;\n if (position === 'top') {\n translateYOffset = elementHeight.value / 2 + cursorGutter;\n if (y - translateYOffset < yGutter) {\n translateYOffset = y - yGutter;\n }\n } else if (position === 'bottom') {\n translateYOffset = -(elementHeight.value / 2) - cursorGutter / 2;\n if (y - translateYOffset + elementHeight.value > height - yGutter) {\n translateYOffset = y - (height - yGutter) + elementHeight.value;\n }\n }\n\n // determine final translateY value\n let translateY: number \| undefined;\n if (type === 'crosshair' \|\| isStatic) {\n translateY = y - translateYOffset;\n } else {\n if (position === 'top') {\n translateY = yGutter;\n } else {\n translateY = height - elementHeight.value - yGutter;\n }\n }\n\n let opacity = isActive.value ? 1 : 0;\n if (isStatic) {\n // Only show static when there is no active cursor\n opacity = withTiming(isActive.value ? 0 : 1);\n }\n\n return {\n transform: [\n { translateX: x - translateXOffset },\n {\n translateY: translateY,\n },\n ],\n opacity: opacity,\n };\n }, [\n currentX,\n currentY,\n cursorGutter,\n elementHeight,\n elementWidth,\n height,\n isActive,\n position,\n type,\n width,\n xGutter,\n yGutter,\n ]);\n\n return (\n <Animated.View\n onLayout={handleLayout}\n {...props}\n style={[\n {\n position: 'absolute',\n padding: 4,\n alignSelf: 'flex-start',\n },\n animatedCursorStyle,\n props.style,\n ]}\n >\n {children \|\| (\n <LineChartPriceText index={at} style={[textStyle]} {...textProps} />\n )}\n </Animated.View>\n );\n}\n"]}

package/lib/commonjs/charts/line/useCurrentY.js CHANGED Viewed

@@ -31,7 +31,7 @@ function useCurrentY() {
     const boundedX = Math.min(width, currentX.value);
     return (0, _reactNativeRedash.getYForX)(parsedPath, boundedX) || 0;
-  });
+  }, [parsedPath, width, currentX]);
   return currentY;
 }
 //# sourceMappingURL=useCurrentY.js.map

package/lib/commonjs/charts/line/useCurrentY.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCurrentY.ts"],"names":["useCurrentY","path","width","LineChartDimensionsContext","currentX","LineChartContext","parsedPath","undefined","currentY","boundedX","Math","min","value"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEO,SAASA,WAAT,GAAuB;AAC5B,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAkB,uBAAWC,iCAAX,CAAxB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAe,uBAAWC,yBAAX,CAArB;AACA,QAAMC,UAAU,GAAG,oBAAQ,MAAOL,IAAI,GAAG,8BAAMA,IAAN,CAAH,GAAiBM,SAApC,EAAgD,CAACN,IAAD,CAAhD,CAAnB;AAEA,QAAMO,QAAQ,GAAG,4CAAgB,MAAM;AACrC,QAAI,CAACF,UAAL,EAAiB;AACf,aAAO,CAAC,CAAR;AACD;;AACD,UAAMG,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAAST,KAAT,EAAgBE,QAAQ,CAACQ,KAAzB,CAAjB;AACA,WAAO,iCAASN,UAAT,EAAqBG,QAArB,KAAkC,CAAzC;AACD,GANgB,CAAjB;AAQA,~~SAAOD~~,QAAP;AACD","sourcesContent":["import { useContext, useMemo } from 'react';\nimport { useDerivedValue } from 'react-native-reanimated';\nimport { getYForX, parse } from 'react-native-redash';\nimport { LineChartContext } from './Context';\nimport { LineChartDimensionsContext } from './Chart';\n\nexport function useCurrentY() {\n const { path, width } = useContext(LineChartDimensionsContext);\n const { currentX } = useContext(LineChartContext);\n const parsedPath = useMemo(() => (path ? parse(path) : undefined), [path]);\n\n const currentY = useDerivedValue(() => {\n if (!parsedPath) {\n return -1;\n }\n const boundedX = Math.min(width, currentX.value);\n return getYForX(parsedPath, boundedX) \|\| 0;\n });\n\n return currentY;\n}\n"]}
1	+ {"version":3,"sources":["useCurrentY.ts"],"names":["useCurrentY","path","width","LineChartDimensionsContext","currentX","LineChartContext","parsedPath","undefined","currentY","boundedX","Math","min","value"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEO,SAASA,WAAT,GAAuB;AAC5B,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAkB,uBAAWC,iCAAX,CAAxB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAe,uBAAWC,yBAAX,CAArB;AACA,QAAMC,UAAU,GAAG,oBAAQ,MAAOL,IAAI,GAAG,8BAAMA,IAAN,CAAH,GAAiBM,SAApC,EAAgD,CAACN,IAAD,CAAhD,CAAnB;AAEA,QAAMO,QAAQ,GAAG,4CAAgB,MAAM;AACrC,QAAI,CAACF,UAAL,EAAiB;AACf,aAAO,CAAC,CAAR;AACD;;AACD,UAAMG,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAAST,KAAT,EAAgBE,QAAQ,CAACQ,KAAzB,CAAjB;AACA,WAAO,iCAASN,UAAT,EAAqBG,QAArB,KAAkC,CAAzC;AACD,GANgB,EAMd,CAACH,UAAD,EAAaJ,KAAb,EAAoBE,QAApB,CANc,CAAjB;AAQA,SAAOI,QAAP;AACD","sourcesContent":["import { useContext, useMemo } from 'react';\nimport { useDerivedValue } from 'react-native-reanimated';\nimport { getYForX, parse } from 'react-native-redash';\nimport { LineChartContext } from './Context';\nimport { LineChartDimensionsContext } from './Chart';\n\nexport function useCurrentY() {\n const { path, width } = useContext(LineChartDimensionsContext);\n const { currentX } = useContext(LineChartContext);\n const parsedPath = useMemo(() => (path ? parse(path) : undefined), [path]);\n\n const currentY = useDerivedValue(() => {\n if (!parsedPath) {\n return -1;\n }\n const boundedX = Math.min(width, currentX.value);\n return getYForX(parsedPath, boundedX) \|\| 0;\n }, [parsedPath, width, currentX]);\n\n return currentY;\n}\n"]}

package/lib/commonjs/charts/line/useDatetime.js CHANGED Viewed

@@ -23,11 +23,11 @@ function useLineChartDatetime({
   const timestamp = (0, _reactNativeReanimated.useDerivedValue)(() => {
     if (typeof currentIndex.value === 'undefined' || currentIndex.value === -1) return '';
     return data[currentIndex.value].timestamp;
-  });
+  }, [currentIndex, data]);
   const timestampString = (0, _reactNativeReanimated.useDerivedValue)(() => {
     if (timestamp.value === '') return '';
     return timestamp.value.toString();
-  });
+  }, [timestamp]);
   const formatted = (0, _reactNativeReanimated.useDerivedValue)(() => {
     const formattedDatetime = timestamp.value ? (0, _utils.formatDatetime)({
       value: timestamp.value,
@@ -38,7 +38,7 @@ function useLineChartDatetime({
       value: timestamp.value || -1,
       formatted: formattedDatetime
     }) : formattedDatetime;
-  });
+  }, [format, locale, options, timestamp]);
   return {
     value: timestampString,
     formatted

package/lib/commonjs/charts/line/useDatetime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useDatetime.ts"],"names":["useLineChartDatetime","format","locale","options","currentIndex","data","timestamp","value","timestampString","toString","formatted","formattedDatetime"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEO,SAASA,oBAAT,CAA8B;AACnCC,EAAAA,MADmC;AAEnCC,EAAAA,MAFmC;AAGnCC,EAAAA;AAHmC,IAQjC,EARG,EAQC;AACN,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAyB,iCAA/B;AAEA,QAAMC,SAAS,GAAG,4CAAgB,MAAM;AACtC,QAAI,OAAOF,YAAY,CAACG,KAApB,KAA8B,WAA9B,IAA6CH,YAAY,CAACG,KAAb,KAAuB,CAAC,CAAzE,EACE,OAAO,EAAP;AACF,WAAOF,IAAI,CAACD,YAAY,CAACG,KAAd,CAAJ,CAAyBD,SAAhC;AACD,GAJiB,CAAlB;AAMA,~~QAAME~~,eAAe,GAAG,4CAAgB,MAAM;AAC5C,QAAIF,SAAS,CAACC,KAAV,KAAoB,EAAxB,EAA4B,OAAO,EAAP;AAC5B,WAAOD,SAAS,CAACC,KAAV,CAAgBE,QAAhB,EAAP;AACD,GAHuB,CAAxB;AAKA,~~QAAMC~~,SAAS,GAAG,4CAAgB,MAAM;AACtC,UAAMC,iBAAiB,GAAGL,SAAS,CAACC,KAAV,GACtB,2BAAe;AACbA,MAAAA,KAAK,EAAED,SAAS,CAACC,KADJ;AAEbL,MAAAA,MAFa;AAGbC,MAAAA;AAHa,KAAf,CADsB,GAMtB,EANJ;AAOA,WAAOF,MAAM,GACTA,MAAM,CAAC;AAAEM,MAAAA,KAAK,EAAED,SAAS,CAACC,KAAV,IAAmB,CAAC,CAA7B;AAAgCG,MAAAA,SAAS,EAAEC;AAA3C,KAAD,CADG,GAETA,iBAFJ;AAGD,GAXiB,CAAlB;AAaA,SAAO;~~AAAEJ~~,IAAAA,KAAK,EAAEC,eAAT;AAA0BE,IAAAA;AAA1B,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatDatetime } from '../../utils';\nimport type { TFormatterFn } from '../candle/types';\nimport { useLineChart } from './useLineChart';\n\nexport function useLineChartDatetime({\n format,\n locale,\n options,\n}: {\n format?: TFormatterFn<number>;\n locale?: string;\n options?: Intl.DateTimeFormatOptions;\n} = {}) {\n const { currentIndex, data } = useLineChart();\n\n const timestamp = useDerivedValue(() => {\n if (typeof currentIndex.value === 'undefined' \|\| currentIndex.value === -1)\n return '';\n return data[currentIndex.value].timestamp;\n });\n\n const timestampString = useDerivedValue(() => {\n if (timestamp.value === '') return '';\n return timestamp.value.toString();\n });\n\n const formatted = useDerivedValue(() => {\n const formattedDatetime = timestamp.value\n ? formatDatetime({\n value: timestamp.value,\n locale,\n options,\n })\n : '';\n return format\n ? format({ value: timestamp.value \|\| -1, formatted: formattedDatetime })\n : formattedDatetime;\n });\n\n return { value: timestampString, formatted };\n}\n"]}
1	+ {"version":3,"sources":["useDatetime.ts"],"names":["useLineChartDatetime","format","locale","options","currentIndex","data","timestamp","value","timestampString","toString","formatted","formattedDatetime"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEO,SAASA,oBAAT,CAA8B;AACnCC,EAAAA,MADmC;AAEnCC,EAAAA,MAFmC;AAGnCC,EAAAA;AAHmC,IAQjC,EARG,EAQC;AACN,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAyB,iCAA/B;AAEA,QAAMC,SAAS,GAAG,4CAAgB,MAAM;AACtC,QAAI,OAAOF,YAAY,CAACG,KAApB,KAA8B,WAA9B,IAA6CH,YAAY,CAACG,KAAb,KAAuB,CAAC,CAAzE,EACE,OAAO,EAAP;AACF,WAAOF,IAAI,CAACD,YAAY,CAACG,KAAd,CAAJ,CAAyBD,SAAhC;AACD,GAJiB,EAIf,CAACF,YAAD,EAAeC,IAAf,CAJe,CAAlB;AAMA,QAAMG,eAAe,GAAG,4CAAgB,MAAM;AAC5C,QAAIF,SAAS,CAACC,KAAV,KAAoB,EAAxB,EAA4B,OAAO,EAAP;AAC5B,WAAOD,SAAS,CAACC,KAAV,CAAgBE,QAAhB,EAAP;AACD,GAHuB,EAGrB,CAACH,SAAD,CAHqB,CAAxB;AAKA,QAAMI,SAAS,GAAG,4CAAgB,MAAM;AACtC,UAAMC,iBAAiB,GAAGL,SAAS,CAACC,KAAV,GACtB,2BAAe;AACbA,MAAAA,KAAK,EAAED,SAAS,CAACC,KADJ;AAEbL,MAAAA,MAFa;AAGbC,MAAAA;AAHa,KAAf,CADsB,GAMtB,EANJ;AAOA,WAAOF,MAAM,GACTA,MAAM,CAAC;AAAEM,MAAAA,KAAK,EAAED,SAAS,CAACC,KAAV,IAAmB,CAAC,CAA7B;AAAgCG,MAAAA,SAAS,EAAEC;AAA3C,KAAD,CADG,GAETA,iBAFJ;AAGD,GAXiB,EAWf,CAACV,MAAD,EAASC,MAAT,EAAiBC,OAAjB,EAA0BG,SAA1B,CAXe,CAAlB;AAaA,SAAO;AAAEC,IAAAA,KAAK,EAAEC,eAAT;AAA0BE,IAAAA;AAA1B,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatDatetime } from '../../utils';\nimport type { TFormatterFn } from '../candle/types';\nimport { useLineChart } from './useLineChart';\n\nexport function useLineChartDatetime({\n format,\n locale,\n options,\n}: {\n format?: TFormatterFn<number>;\n locale?: string;\n options?: Intl.DateTimeFormatOptions;\n} = {}) {\n const { currentIndex, data } = useLineChart();\n\n const timestamp = useDerivedValue(() => {\n if (typeof currentIndex.value === 'undefined' \|\| currentIndex.value === -1)\n return '';\n return data[currentIndex.value].timestamp;\n }, [currentIndex, data]);\n\n const timestampString = useDerivedValue(() => {\n if (timestamp.value === '') return '';\n return timestamp.value.toString();\n }, [timestamp]);\n\n const formatted = useDerivedValue(() => {\n const formattedDatetime = timestamp.value\n ? formatDatetime({\n value: timestamp.value,\n locale,\n options,\n })\n : '';\n return format\n ? format({ value: timestamp.value \|\| -1, formatted: formattedDatetime })\n : formattedDatetime;\n }, [format, locale, options, timestamp]);\n\n return { value: timestampString, formatted };\n}\n"]}

package/lib/commonjs/charts/line/usePrice.js CHANGED Viewed

@@ -13,18 +13,19 @@ var _useLineChart = require("./useLineChart");
 function useLineChartPrice({
   format,
-  precision = 2
+  precision = 2,
+  index
 } = {}) {
   const {
     currentIndex,
     data
   } = (0, _useLineChart.useLineChart)();
   const float = (0, _reactNativeReanimated.useDerivedValue)(() => {
-    if (typeof currentIndex.value === 'undefined' || currentIndex.value === -1) return '';
+    if ((typeof currentIndex.value === 'undefined' || currentIndex.value === -1) && index == null) return '';
     let price = 0;
-    price = data[currentIndex.value].value;
+    price = data[Math.min(index !== null && index !== void 0 ? index : currentIndex.value, data.length - 1)].value;
     return price.toFixed(precision).toString();
-  });
+  }, [currentIndex, data, precision]);
   const formatted = (0, _reactNativeReanimated.useDerivedValue)(() => {
     let value = float.value || '';
     const formattedPrice = value ? (0, _utils.formatPrice)({
@@ -34,7 +35,7 @@ function useLineChartPrice({
       value,
       formatted: formattedPrice
     }) : formattedPrice;
-  });
+  }, [float, format]);
   return {
     value: float,
     formatted

package/lib/commonjs/charts/line/usePrice.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["usePrice.ts"],"names":["useLineChartPrice","format","precision","currentIndex","data","float","value","price","toFixed","toString","formatted","formattedPrice"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEO,SAASA,iBAAT,CAA2B;AAChCC,EAAAA,MADgC;AAEhCC,EAAAA,SAAS,GAAG;~~AAFoB~~,~~IAGyB~~,~~EAHpD~~,~~EAGwD~~;~~AAC7D~~,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAyB,iCAA/B;AAEA,QAAMC,KAAK,GAAG,4CAAgB,MAAM;AAClC,~~QAAI~~,OAAOF,YAAY,CAACG,KAApB,KAA8B,WAA9B,~~IAA6CH~~,YAAY,CAACG,KAAb,KAAuB,CAAC,~~CAAzE~~,~~EACE~~,OAAO,EAAP;AACF,~~QAAIC~~,KAAK,GAAG,CAAZ;AACAA,IAAAA,KAAK,GAAGH,IAAI,~~CAACD~~,YAAY,CAACG,~~KAAd~~,CAAJ,~~CAAyBA~~,~~KAAjC~~;AACA,WAAOC,KAAK,~~CAACC~~,OAAN,~~CAAcN~~,SAAd,~~EAAyBO~~,QAAzB,EAAP;AACD,~~GANa~~,CAAd;~~AAOA~~,~~QAAMC~~,SAAS,GAAG,4CAAgB,MAAM;AACtC,~~QAAIJ~~,KAAK,GAAGD,KAAK,CAACC,KAAN,IAAe,EAA3B;AACA,~~UAAMK~~,cAAc,~~GAAGL~~,KAAK,GAAG,wBAAY;AAAEA,MAAAA;AAAF,KAAZ,CAAH,GAA4B,EAAxD;AACA,~~WAAOL~~,MAAM,GACTA,MAAM,CAAC;~~AAAEK~~,MAAAA,KAAF;~~AAASI~~,MAAAA,SAAS,EAAEC;AAApB,KAAD,CADG,GAETA,cAFJ;AAGD,GANiB,CAAlB;AAQA,SAAO;~~AAAEL~~,IAAAA,KAAK,EAAED,KAAT;~~AAAgBK~~,IAAAA;AAAhB,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatPrice } from '../../utils';\nimport type { TFormatterFn } from '../candle/types';\nimport { useLineChart } from './useLineChart';\n\nexport function useLineChartPrice({\n format,\n precision = 2,\n}: { format?: TFormatterFn<string>; precision?: number } = {}) {\n const { currentIndex, data } = useLineChart();\n\n const float = useDerivedValue(() => {\n if (typeof currentIndex.value === 'undefined' \|\| currentIndex.value === -1)\n return '';\n let price = 0;\n price = data[currentIndex.value].value;\n return price.toFixed(precision).toString();\n });\n const formatted = useDerivedValue(() => {\n let value = float.value \|\| '';\n const formattedPrice = value ? formatPrice({ value }) : '';\n return format\n ? format({ value, formatted: formattedPrice })\n : formattedPrice;\n });\n\n return { value: float, formatted };\n}\n"]}
1	+ {"version":3,"sources":["usePrice.ts"],"names":["useLineChartPrice","format","precision","index","currentIndex","data","float","value","price","Math","min","length","toFixed","toString","formatted","formattedPrice"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEO,SAASA,iBAAT,CAA2B;AAChCC,EAAAA,MADgC;AAEhCC,EAAAA,SAAS,GAAG,CAFoB;AAGhCC,EAAAA;AAHgC,IAIyC,EAJpE,EAIwE;AAC7E,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAyB,iCAA/B;AAEA,QAAMC,KAAK,GAAG,4CAAgB,MAAM;AAClC,QACE,CAAC,OAAOF,YAAY,CAACG,KAApB,KAA8B,WAA9B,IACCH,YAAY,CAACG,KAAb,KAAuB,CAAC,CAD1B,KAEAJ,KAAK,IAAI,IAHX,EAKE,OAAO,EAAP;AACF,QAAIK,KAAK,GAAG,CAAZ;AACAA,IAAAA,KAAK,GAAGH,IAAI,CAACI,IAAI,CAACC,GAAL,CAASP,KAAT,aAASA,KAAT,cAASA,KAAT,GAAkBC,YAAY,CAACG,KAA/B,EAAsCF,IAAI,CAACM,MAAL,GAAc,CAApD,CAAD,CAAJ,CAA6DJ,KAArE;AACA,WAAOC,KAAK,CAACI,OAAN,CAAcV,SAAd,EAAyBW,QAAzB,EAAP;AACD,GAVa,EAUX,CAACT,YAAD,EAAeC,IAAf,EAAqBH,SAArB,CAVW,CAAd;AAWA,QAAMY,SAAS,GAAG,4CAAgB,MAAM;AACtC,QAAIP,KAAK,GAAGD,KAAK,CAACC,KAAN,IAAe,EAA3B;AACA,UAAMQ,cAAc,GAAGR,KAAK,GAAG,wBAAY;AAAEA,MAAAA;AAAF,KAAZ,CAAH,GAA4B,EAAxD;AACA,WAAON,MAAM,GACTA,MAAM,CAAC;AAAEM,MAAAA,KAAF;AAASO,MAAAA,SAAS,EAAEC;AAApB,KAAD,CADG,GAETA,cAFJ;AAGD,GANiB,EAMf,CAACT,KAAD,EAAQL,MAAR,CANe,CAAlB;AAQA,SAAO;AAAEM,IAAAA,KAAK,EAAED,KAAT;AAAgBQ,IAAAA;AAAhB,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatPrice } from '../../utils';\nimport type { TFormatterFn } from '../candle/types';\nimport { useLineChart } from './useLineChart';\n\nexport function useLineChartPrice({\n format,\n precision = 2,\n index,\n}: { format?: TFormatterFn<string>; precision?: number; index?: number } = {}) {\n const { currentIndex, data } = useLineChart();\n\n const float = useDerivedValue(() => {\n if (\n (typeof currentIndex.value === 'undefined' \|\|\n currentIndex.value === -1) &&\n index == null\n )\n return '';\n let price = 0;\n price = data[Math.min(index ?? currentIndex.value, data.length - 1)].value;\n return price.toFixed(precision).toString();\n }, [currentIndex, data, precision]);\n const formatted = useDerivedValue(() => {\n let value = float.value \|\| '';\n const formattedPrice = value ? formatPrice({ value }) : '';\n return format\n ? format({ value, formatted: formattedPrice })\n : formattedPrice;\n }, [float, format]);\n\n return { value: float, formatted };\n}\n"]}

package/lib/commonjs/charts/line/utils/getArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["getArea.ts"],"names":["getArea","data","width","height","gutter","shape","_shape","yDomain","timestamps","map","_","i","scaleX","domain","Math","min","max","range","scaleY","area","x","y0","d","value","y1","curve"],"mappings":";;;;;;;AACA;;AAEA;;;;;;AAHA;AAEA;AAKO,SAASA,OAAT,CAAiB;AACtBC,EAAAA,IADsB;AAEtBC,EAAAA,KAFsB;AAGtBC,EAAAA,MAHsB;AAItBC,EAAAA,MAJsB;AAKtBC,EAAAA,KAAK,EAAEC,MALe;AAMtBC,EAAAA;AANsB,CAAjB,EAcI;AACT,QAAMC,UAAU,GAAGP,IAAI,CAACQ,GAAL,CAAS,CAACC,CAAD,EAAIC,CAAJ,KAAUA,CAAnB,CAAnB;AAEA,QAAMC,MAAM,GAAG,4BACZC,MADY,CACL,CAACC,IAAI,CAACC,GAAL,CAAS,GAAGP,UAAZ,CAAD,EAA0BM,IAAI,CAACE,GAAL,CAAS,GAAGR,UAAZ,CAA1B,CADK,EAEZS,KAFY,CAEN,CAAC,CAAD,EAAIf,KAAJ,CAFM,CAAf;AAGA,QAAMgB,MAAM,GAAG,4BACZL,MADY,CACL,CAACN,OAAO,CAACQ,GAAT,EAAcR,OAAO,CAACS,GAAtB,CADK,EAEZC,KAFY,CAEN,CAACd,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,QAAMe,IAAI,GAAGd,KAAK,CACfc,IADU,GAEVC,CAFU,CAER,CAACV,CAAD,EAAaC,CAAb,KAA2BC,MAAM,CAACD,CAAD,CAFzB,EAGVU,EAHU,CAGNC,CAAD,IAA2BJ,MAAM,CAACI,CAAC,CAACC,KAAH,CAH1B,EAIVC,EAJU,CAIP,MAAMrB,MAJC,EAKVsB,KALU,CAKJnB,MALI,EAKIL,IALJ,CAAb;AAMA,SAAOkB,IAAP;AACD","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, YDomain } from '../types';\n\nexport function getArea({\n data,\n width,\n height,\n gutter,\n shape: _shape,\n yDomain,\n}: {\n data: TLineChartData;\n width: number;\n height: number;\n gutter: number;\n shape?: unknown;\n yDomain: YDomain;\n}): string {\n const timestamps = data.map((_, i) => i);\n\n const scaleX = scaleLinear()\n .domain([Math.min(...timestamps), Math.max(...timestamps)])\n .range([0, width]);\n const scaleY = scaleLinear()\n .domain([yDomain.min, yDomain.max])\n .range([height - gutter, gutter]);\n const area = shape\n .area()\n .x((_: unknown, i: number) => scaleX(i))\n .y0((d: { value: unknown }) => scaleY(d.value))\n .y1(() => height)\n .curve(_shape)(data);\n return area;\n}\n"]}
1	+ {"version":3,"sources":["getArea.ts"],"names":["getArea","data","width","height","gutter","shape","_shape","yDomain","timestamps","map","_","i","scaleX","domain","Math","min","max","range","scaleY","area","x","y0","d","value","y1","curve"],"mappings":";;;;;;;AACA;;AAEA;;;;;;AAHA;AAEA;AAKO,SAASA,OAAT,CAAiB;AACtBC,EAAAA,IADsB;AAEtBC,EAAAA,KAFsB;AAGtBC,EAAAA,MAHsB;AAItBC,EAAAA,MAJsB;AAKtBC,EAAAA,KAAK,EAAEC,MALe;AAMtBC,EAAAA;AANsB,CAAjB,EAcI;AACT,QAAMC,UAAU,GAAGP,IAAI,CAACQ,GAAL,CAAS,CAACC,CAAD,EAAIC,CAAJ,KAAUA,CAAnB,CAAnB;AAEA,QAAMC,MAAM,GAAG,4BACZC,MADY,CACL,CAACC,IAAI,CAACC,GAAL,CAAS,GAAGP,UAAZ,CAAD,EAA0BM,IAAI,CAACE,GAAL,CAAS,GAAGR,UAAZ,CAA1B,CADK,EAEZS,KAFY,CAEN,CAAC,CAAD,EAAIf,KAAJ,CAFM,CAAf;AAGA,QAAMgB,MAAM,GAAG,4BACZL,MADY,CACL,CAACN,OAAO,CAACQ,GAAT,EAAcR,OAAO,CAACS,GAAtB,CADK,EAEZC,KAFY,CAEN,CAACd,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,QAAMe,IAAI,GAAGd,KAAK,CACfc,IADU,GAEVC,CAFU,CAER,CAACV,CAAD,EAAaC,CAAb,KAA2BC,MAAM,CAACD,CAAD,CAFzB,EAGVU,EAHU,CAGNC,CAAD,IAA2BJ,MAAM,CAACI,CAAC,CAACC,KAAH,CAH1B,EAIVC,EAJU,CAIP,MAAMrB,MAJC,EAKVsB,KALU,CAKJnB,MALI,EAKIL,IALJ,CAAb;AAMA,SAAOkB,IAAP;AACD","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, YDomain } from '../types';\n\nexport function getArea({\n data,\n width,\n height,\n gutter,\n shape: _shape,\n yDomain,\n}: {\n data: TLineChartData;\n width: number;\n height: number;\n gutter: number;\n shape?: unknown;\n yDomain: YDomain;\n}): string {\n const timestamps = data.map((_, i) => i);\n\n const scaleX = scaleLinear()\n .domain([Math.min(...timestamps), Math.max(...timestamps)])\n .range([0, width]);\n const scaleY = scaleLinear()\n .domain([yDomain.min, yDomain.max])\n .range([height - gutter, gutter]);\n const area = shape\n .area()\n .x((_: unknown, i: number) => scaleX(i))\n .y0((d: { value: unknown }) => scaleY(d.value as number))\n .y1(() => height)\n .curve(_shape)(data);\n return area;\n}\n"]}

package/lib/commonjs/charts/line/utils/getPath.js CHANGED Viewed

@@ -23,12 +23,15 @@ function getPath({
   height,
   gutter,
   shape: _shape,
-  yDomain
+  yDomain,
+  xDomain
 }) {
-  const timestamps = data.map((_, i) => i);
-  const scaleX = (0, _d3Scale.scaleLinear)().domain([Math.min(...timestamps), Math.max(...timestamps)]).range([0, width]);
+  const timestamps = data.map(({
+    timestamp
+  }, i) => xDomain ? timestamp : i);
+  const scaleX = (0, _d3Scale.scaleLinear)().domain(xDomain !== null && xDomain !== void 0 ? xDomain : [Math.min(...timestamps), Math.max(...timestamps)]).range([0, width]);
   const scaleY = (0, _d3Scale.scaleLinear)().domain([yDomain.min, yDomain.max]).range([height - gutter, gutter]);
-  const path = shape.line().defined(d => from || to ? data.slice(from, to ? to + 1 : undefined).find(item => item.timestamp === d.timestamp) : true).x((_, i) => scaleX(i)).y(d => scaleY(d.value)).curve(_shape)(data);
+  const path = shape.line().defined(d => from || to ? data.slice(from, to ? to + 1 : undefined).find(item => item.timestamp === d.timestamp) : true).x((_, i) => scaleX(xDomain ? timestamps[i] : i)).y(d => scaleY(d.value)).curve(_shape)(data);
   return path;
 }
 //# sourceMappingURL=getPath.js.map

package/lib/commonjs/charts/line/utils/getPath.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["getPath.ts"],"names":["getPath","data","from","to","width","height","gutter","shape","_shape","yDomain","timestamps","map","_","i","scaleX","domain","Math","min","max","range","scaleY","path","line","defined","d","slice","undefined","find","item","~~timestamp~~","x","y","value","curve"],"mappings":";;;;;;;AACA;;AAEA;;;;;;AAHA;AAEA;AAKO,SAASA,OAAT,CAAiB;AACtBC,EAAAA,IADsB;AAEtBC,EAAAA,IAFsB;AAGtBC,EAAAA,EAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,MALsB;AAMtBC,EAAAA,MANsB;AAOtBC,EAAAA,KAAK,EAAEC,MAPe;AAQtBC,EAAAA;~~AARsB~~,CAAjB,~~EAkBI~~;AACT,QAAMC,UAAU,~~GAAGT~~,IAAI,~~CAACU~~,GAAL,CAAS,~~CAACC~~,~~CAAD~~,~~EAAIC~~,~~CAAJ~~,~~KAAUA~~,~~CAAnB~~,CAAnB;AAEA,QAAMC,MAAM,GAAG,4BACZC,MADY,~~CACL~~,~~CAACC~~,IAAI,CAACC,GAAL,CAAS,GAAGP,UAAZ,CAAD,EAA0BM,IAAI,CAACE,GAAL,CAAS,GAAGR,UAAZ,CAA1B,~~CADK~~,EAEZS,KAFY,CAEN,CAAC,CAAD,~~EAAIf~~,KAAJ,CAFM,CAAf;AAGA,~~QAAMgB~~,MAAM,GAAG,4BACZL,MADY,CACL,~~CAACN~~,OAAO,~~CAACQ~~,GAAT,~~EAAcR~~,OAAO,~~CAACS~~,GAAtB,CADK,EAEZC,KAFY,CAEN,~~CAACd~~,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,~~QAAMe~~,IAAI,~~GAAGd~~,KAAK,~~CACfe~~,IADU,GAEVC,OAFU,CAEDC,CAAD,~~IACPtB~~,IAAI,IAAIC,EAAR,GACIF,IAAI,~~CACDwB~~,KADH,~~CACSvB~~,IADT,EACeC,EAAE,GAAGA,EAAE,GAAG,CAAR,~~GAAYuB~~,SAD7B,EAEGC,IAFH,CAESC,IAAD,IAAUA,IAAI,~~CAACC~~,SAAL,~~KAAmBL~~,CAAC,~~CAACK~~,SAFvC,CADJ,GAII,IAPK,~~EASVC~~,CATU,CASR,~~CAAClB~~,CAAD,~~EAAaC~~,CAAb,KAA2BC,MAAM,~~CAACD~~,CAAD,CATzB,EAUVkB,CAVU,CAUPP,CAAD,IAA0BJ,MAAM,CAACI,CAAC,CAACQ,KAAH,CAVxB,EAWVC,KAXU,~~CAWJzB~~,MAXI,EAWIP,IAXJ,CAAb;AAYA,~~SAAOoB~~,IAAP;AACD","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, YDomain } from '../types';\n\nexport function getPath({\n data,\n from,\n to,\n width,\n height,\n gutter,\n shape: _shape,\n yDomain,\n}: {\n data: TLineChartData;\n from?: number;\n to?: number;\n width: number;\n height: number;\n gutter: number;\n shape?: unknown;\n yDomain: YDomain;\n}): string {\n const timestamps = data.map((_, i) => i);\n\n const scaleX = scaleLinear()\n .domain([Math.min(...timestamps), Math.max(...timestamps)])\n .range([0, width]);\n const scaleY = scaleLinear()\n .domain([yDomain.min, yDomain.max])\n .range([height - gutter, gutter]);\n const path = shape\n .line()\n .defined((d: { timestamp: number }) =>\n from \|\| to\n ? data\n .slice(from, to ? to + 1 : undefined)\n .find((item) => item.timestamp === d.timestamp)\n : true\n )\n .x((_: unknown, i: number) => scaleX(i))\n .y((d: { value: number }) => scaleY(d.value))\n .curve(_shape)(data);\n return path;\n}\n"]}
1	+ {"version":3,"sources":["getPath.ts"],"names":["getPath","data","from","to","width","height","gutter","shape","_shape","yDomain","xDomain","timestamps","map","timestamp","i","scaleX","domain","Math","min","max","range","scaleY","path","line","defined","d","slice","undefined","find","item","x","_","y","value","curve"],"mappings":";;;;;;;AACA;;AAEA;;;;;;AAHA;AAEA;AAKO,SAASA,OAAT,CAAiB;AACtBC,EAAAA,IADsB;AAEtBC,EAAAA,IAFsB;AAGtBC,EAAAA,EAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,MALsB;AAMtBC,EAAAA,MANsB;AAOtBC,EAAAA,KAAK,EAAEC,MAPe;AAQtBC,EAAAA,OARsB;AAStBC,EAAAA;AATsB,CAAjB,EAoBI;AACT,QAAMC,UAAU,GAAGV,IAAI,CAACW,GAAL,CAAS,CAAC;AAAEC,IAAAA;AAAF,GAAD,EAAgBC,CAAhB,KAAuBJ,OAAO,GAAGG,SAAH,GAAeC,CAAtD,CAAnB;AAEA,QAAMC,MAAM,GAAG,4BACZC,MADY,CACLN,OADK,aACLA,OADK,cACLA,OADK,GACM,CAACO,IAAI,CAACC,GAAL,CAAS,GAAGP,UAAZ,CAAD,EAA0BM,IAAI,CAACE,GAAL,CAAS,GAAGR,UAAZ,CAA1B,CADN,EAEZS,KAFY,CAEN,CAAC,CAAD,EAAIhB,KAAJ,CAFM,CAAf;AAGA,QAAMiB,MAAM,GAAG,4BACZL,MADY,CACL,CAACP,OAAO,CAACS,GAAT,EAAcT,OAAO,CAACU,GAAtB,CADK,EAEZC,KAFY,CAEN,CAACf,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,QAAMgB,IAAI,GAAGf,KAAK,CACfgB,IADU,GAEVC,OAFU,CAEDC,CAAD,IACPvB,IAAI,IAAIC,EAAR,GACIF,IAAI,CACDyB,KADH,CACSxB,IADT,EACeC,EAAE,GAAGA,EAAE,GAAG,CAAR,GAAYwB,SAD7B,EAEGC,IAFH,CAESC,IAAD,IAAUA,IAAI,CAAChB,SAAL,KAAmBY,CAAC,CAACZ,SAFvC,CADJ,GAII,IAPK,EASViB,CATU,CASR,CAACC,CAAD,EAAajB,CAAb,KAA2BC,MAAM,CAACL,OAAO,GAAGC,UAAU,CAACG,CAAD,CAAb,GAAmBA,CAA3B,CATzB,EAUVkB,CAVU,CAUPP,CAAD,IAA0BJ,MAAM,CAACI,CAAC,CAACQ,KAAH,CAVxB,EAWVC,KAXU,CAWJ1B,MAXI,EAWIP,IAXJ,CAAb;AAYA,SAAOqB,IAAP;AACD","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, YDomain } from '../types';\n\nexport function getPath({\n data,\n from,\n to,\n width,\n height,\n gutter,\n shape: _shape,\n yDomain,\n xDomain,\n}: {\n data: TLineChartData;\n from?: number;\n to?: number;\n width: number;\n height: number;\n gutter: number;\n shape?: unknown;\n yDomain: YDomain;\n xDomain?: [number, number];\n}): string {\n const timestamps = data.map(({ timestamp }, i) => (xDomain ? timestamp : i));\n\n const scaleX = scaleLinear()\n .domain(xDomain ?? [Math.min(...timestamps), Math.max(...timestamps)])\n .range([0, width]);\n const scaleY = scaleLinear()\n .domain([yDomain.min, yDomain.max])\n .range([height - gutter, gutter]);\n const path = shape\n .line()\n .defined((d: { timestamp: number }) =>\n from \|\| to\n ? data\n .slice(from, to ? to + 1 : undefined)\n .find((item) => item.timestamp === d.timestamp)\n : true\n )\n .x((_: unknown, i: number) => scaleX(xDomain ? timestamps[i] : i))\n .y((d: { value: number }) => scaleY(d.value))\n .curve(_shape)(data);\n return path;\n}\n"]}

package/lib/commonjs/components/AnimatedText.js CHANGED Viewed

@@ -43,7 +43,7 @@ const AnimatedText = ({
       if (data !== prevData && inputRef.current) {
         inputRef.current.value = data;
       }
-    });
+    }, [text]);
   }
   const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["AnimatedText.tsx"],"names":["Animated","addWhitelistedNativeProps","text","AnimatedTextInput","createAnimatedComponent","TextInput","AnimatedText","style","inputRef","React","useRef","Platform","OS","value","data","prevData","current","animatedProps","select","web","styles","StyleSheet","create","color"],"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,CAAkB,IAAlB,CAAjB,CADkE,CACxB;;;AAE1C,MAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB;AACA;AACA;AACA;AAEA;AACA,oDACE,MAAM;AACJ,aAAOV,IAAI,CAACW,KAAZ;AACD,KAHH,EAIE,CAACC,IAAD,EAAOC,QAAP,KAAoB;AAClB,UAAID,IAAI,KAAKC,QAAT,IAAqBP,QAAQ,CAACQ,OAAlC,EAA2C;AACzCR,QAAAA,QAAQ,CAACQ,OAAT,CAAiBH,KAAjB,GAAyBC,IAAzB;AACD;AACF,KARH;~~AAUD~~;;AACD,~~QAAMG~~,aAAa,GAAG,6CAAiB,MAAM;AAC3C,WAAO;AACLf,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,sBAASO,MAAT,CAAgB;AAAEC,MAAAA,GAAG,EAAEX;AAAP,KAAhB,CAHP;AAIE,IAAA,KAAK,EAAEN,IAAI,CAACW,KAJd;AAKE,IAAA,KAAK,EAAE,CAACO,MAAM,CAAClB,IAAR,EAAcK,KAAd,CALT;AAME,IAAA,aAAa,EAAEU;AANjB,IADF;AAUD,~~CAtCM~~;;;;~~AAwCP~~,MAAMG,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BpB,EAAAA,IAAI,EAAE;AACJqB,IAAAA,KAAK,EAAE;AADH;AADyB,CAAlB,CAAf","sourcesContent":["// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx\n\nimport React from 'react';\nimport { Platform, StyleSheet, 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<any>(null); // eslint-disable-line @typescript-eslint/no-explicit-any\n\n if (Platform.OS === 'web') {\n // For some reason, the worklet reaction evaluates upfront regardless of any\n // conditionals within it, causing Android to crash upon the invokation of `setNativeProps`.\n // We are going to break the rules of hooks here so it doesn't invoke `useAnimatedReaction`\n // for platforms outside of the web.\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useAnimatedReaction(\n () => {\n return text.value;\n },\n (data, prevData) => {\n if (data !== prevData && inputRef.current) {\n inputRef.current.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={[styles.text, style]}\n animatedProps={animatedProps}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n text: {\n color: 'black',\n },\n});\n"]}
1	+ {"version":3,"sources":["AnimatedText.tsx"],"names":["Animated","addWhitelistedNativeProps","text","AnimatedTextInput","createAnimatedComponent","TextInput","AnimatedText","style","inputRef","React","useRef","Platform","OS","value","data","prevData","current","animatedProps","select","web","styles","StyleSheet","create","color"],"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,CAAkB,IAAlB,CAAjB,CADkE,CACxB;;;AAE1C,MAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB;AACA;AACA;AACA;AAEA;AACA,oDACE,MAAM;AACJ,aAAOV,IAAI,CAACW,KAAZ;AACD,KAHH,EAIE,CAACC,IAAD,EAAOC,QAAP,KAAoB;AAClB,UAAID,IAAI,KAAKC,QAAT,IAAqBP,QAAQ,CAACQ,OAAlC,EAA2C;AACzCR,QAAAA,QAAQ,CAACQ,OAAT,CAAiBH,KAAjB,GAAyBC,IAAzB;AACD;AACF,KARH,EASE,CAACZ,IAAD,CATF;AAWD;;AACD,QAAMe,aAAa,GAAG,6CAAiB,MAAM;AAC3C,WAAO;AACLf,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,sBAASO,MAAT,CAAgB;AAAEC,MAAAA,GAAG,EAAEX;AAAP,KAAhB,CAHP;AAIE,IAAA,KAAK,EAAEN,IAAI,CAACW,KAJd;AAKE,IAAA,KAAK,EAAE,CAACO,MAAM,CAAClB,IAAR,EAAcK,KAAd,CALT;AAME,IAAA,aAAa,EAAEU;AANjB,IADF;AAUD,CAvCM;;;;AAyCP,MAAMG,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BpB,EAAAA,IAAI,EAAE;AACJqB,IAAAA,KAAK,EAAE;AADH;AADyB,CAAlB,CAAf","sourcesContent":["// forked from https://github.com/wcandillon/react-native-redash/blob/master/src/ReText.tsx\n\nimport React from 'react';\nimport { Platform, StyleSheet, 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<any>(null); // eslint-disable-line @typescript-eslint/no-explicit-any\n\n if (Platform.OS === 'web') {\n // For some reason, the worklet reaction evaluates upfront regardless of any\n // conditionals within it, causing Android to crash upon the invokation of `setNativeProps`.\n // We are going to break the rules of hooks here so it doesn't invoke `useAnimatedReaction`\n // for platforms outside of the web.\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useAnimatedReaction(\n () => {\n return text.value;\n },\n (data, prevData) => {\n if (data !== prevData && inputRef.current) {\n inputRef.current.value = data;\n }\n },\n [text]\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={[styles.text, style]}\n animatedProps={animatedProps}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n text: {\n color: 'black',\n },\n});\n"]}

package/lib/module/charts/candle/Crosshair.js CHANGED Viewed

@@ -57,18 +57,18 @@ export function CandlestickChartCrosshair({
     transform: [{
       translateY: currentY.value
     }]
-  }));
+  }), [opacity, currentY]);
   const vertical = useAnimatedStyle(() => ({
     opacity: opacity.value,
     transform: [{
       translateX: currentX.value
     }]
-  }));
+  }), [opacity, currentX]);
   useAnimatedReaction(() => currentX.value, (data, prevData) => {
     if (data !== -1 && data !== prevData && onCurrentXChange) {
       runOnJS(onCurrentXChange)(data);
     }
-  });
+  }, [currentX]);
   return /*#__PURE__*/React.createElement(LongPressGestureHandler, _extends({
     minDurationMs: 0,
     maxDist: 999999,

package/lib/module/charts/candle/Crosshair.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Crosshair.tsx"],"names":["React","StyleSheet","LongPressGestureHandler","Animated","useAnimatedGestureHandler","useSharedValue","useAnimatedStyle","useAnimatedReaction","runOnJS","clamp","CandlestickChartDimensionsContext","CandlestickChartLine","useCandlestickChart","CandlestickChartCrosshairTooltipContext","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","props","width","height","useContext","currentX","currentY","step","tooltipPosition","opacity","onGestureEvent","onActive","x","y","boundedX","value","onEnd","horizontal","transform","translateY","vertical","translateX","data","prevData","absoluteFill","position"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,QAAsC,cAAtC;AACA,SAEEC,uBAFF,QAKO,8BALP;AAMA,OAAOC,QAAP,IACEC,yBADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,mBAJF,EAKEC,OALF,QAMO,yBANP;AAOA,SAASC,KAAT,QAAsB,qBAAtB;AAEA,SAASC,iCAAT,QAAkD,SAAlD;AACA,SAASC,oBAAT,QAAgE,QAAhE;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,uCAAT,QAAwD,oBAAxD;AAWA,OAAO,SAASC,yBAAT,CAAmC;AACxCC,EAAAA,KADwC;AAExCC,EAAAA,gBAFwC;AAGxCC,EAAAA,QAHwC;AAIxCC,EAAAA,wBAAwB,GAAG,EAJa;AAKxCC,EAAAA,sBAAsB,GAAG,EALe;AAMxCC,EAAAA,SAAS,GAAG,EAN4B;AAOxC,KAAGC;AAPqC,CAAnC,EAQ4B;AACjC,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoBvB,KAAK,CAACwB,UAAN,CAAiBd,iCAAjB,CAA1B;AACA,QAAM;AAAEe,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAA+Bf,mBAAmB,EAAxD;AAEA,QAAMgB,eAAe,GAAGvB,cAAc,CAAmB,MAAnB,CAAtC;AAEA,QAAMwB,OAAO,GAAGxB,cAAc,CAAC,CAAD,CAA9B;AACA,QAAMyB,cAAc,GAAG1B,yBAAyB,CAE9C;AACA2B,IAAAA,QAAQ,EAAE,CAAC;AAAEC,MAAAA,CAAF;AAAKC,MAAAA;AAAL,KAAD,KAAc;AACtB,YAAMC,QAAQ,GAAGF,CAAC,IAAIV,KAAK,GAAG,CAAb,GAAiBU,CAAjB,GAAqBV,KAAK,GAAG,CAA9C;;AACA,UAAIY,QAAQ,GAAG,GAAf,EAAoB;AAClBN,QAAAA,eAAe,CAACO,KAAhB,GAAwB,OAAxB;AACD,OAFD,MAEO;AACLP,QAAAA,eAAe,CAACO,KAAhB,GAAwB,MAAxB;AACD;;AACDN,MAAAA,OAAO,CAACM,KAAR,GAAgB,CAAhB;AACAT,MAAAA,QAAQ,CAACS,KAAT,GAAiB1B,KAAK,CAACwB,CAAD,EAAI,CAAJ,EAAOV,MAAP,CAAtB;AACAE,MAAAA,QAAQ,CAACU,KAAT,GAAiBD,QAAQ,GAAIA,QAAQ,GAAGP,IAAvB,GAA+BA,IAAI,GAAG,CAAvD;AACD,KAXD;AAYAS,IAAAA,KAAK,EAAE,MAAM;AACXP,MAAAA,OAAO,CAACM,KAAR,GAAgB,CAAhB;AACAT,MAAAA,QAAQ,CAACS,KAAT,GAAiB,CAAC,CAAlB;AACAV,MAAAA,QAAQ,CAACU,KAAT,GAAiB,CAAC,CAAlB;AACD;AAhBD,GAF8C,CAAhD;AAoBA,QAAME,UAAU,GAAG/B,gBAAgB,~~CAAC~~,OAAO;~~AACzCuB~~,IAAAA,OAAO,EAAEA,OAAO,CAACM,~~KADwB~~;~~AAEzCG~~,IAAAA,SAAS,EAAE,CAAC;AAAEC,MAAAA,UAAU,EAAEb,QAAQ,CAACS;AAAvB,KAAD;~~AAF8B~~,GAAP,~~CAAD~~,CAAnC;~~AAIA~~,~~QAAMK~~,QAAQ,GAAGlC,gBAAgB,~~CAAC~~,OAAO;~~AACvCuB~~,IAAAA,OAAO,EAAEA,OAAO,CAACM,~~KADsB~~;~~AAEvCG~~,IAAAA,SAAS,EAAE,CAAC;AAAEG,MAAAA,UAAU,EAAEhB,QAAQ,CAACU;AAAvB,KAAD;~~AAF4B~~,GAAP,~~CAAD~~,CAAjC;~~AAKA5B~~,EAAAA,mBAAmB,CACjB,MAAMkB,QAAQ,CAACU,KADE,EAEjB,CAACO,IAAD,EAAOC,QAAP,KAAoB;AAClB,QAAID,IAAI,KAAK,CAAC,CAAV,IAAeA,IAAI,KAAKC,QAAxB,IAAoC3B,gBAAxC,EAA0D;AACxDR,MAAAA,OAAO,CAACQ,gBAAD,CAAP,CAA0B0B,IAA1B;AACD;AACF,GANgB,CAAnB;~~AASA~~,sBACE,oBAAC,uBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,OAAO,EAAE,MAFX;AAGE,IAAA,cAAc,~~EAAEZ~~;AAHlB,KAIMT,KAJN,gBAME,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEpB,UAAU,CAAC2C;AAAjC,kBACE,oBAAC,QAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE,CAAC3C,UAAU,CAAC2C,YAAZ,EAA0BP,UAA1B;AADT,KAEMnB,wBAFN,gBAIE,oBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAEH,KAA7B;AAAoC,IAAA,CAAC,EAAEO,KAAvC;AAA8C,IAAA,CAAC,EAAE;AAAjD,KAAwDF,SAAxD,EAJF,eAKE,oBAAC,uCAAD,CAAyC,QAAzC;AACE,IAAA,KAAK,EAAE;AAAEyB,MAAAA,QAAQ,EAAEjB;AAAZ;AADT,KAGGX,QAHH,CALF,CADF,eAYE,oBAAC,QAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE,CAAChB,UAAU,CAAC2C,YAAZ,EAA0BJ,QAA1B;AADT,KAEMrB,sBAFN,gBAIE,oBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAEJ,KAA7B;AAAoC,IAAA,CAAC,EAAE,CAAvC;AAA0C,IAAA,CAAC,EAAEQ;AAA7C,KAAyDH,SAAzD,EAJF,CAZF,CANF,CADF;AA4BD","sourcesContent":["import * as React from 'react';\nimport { StyleSheet, ViewProps } from 'react-native';\nimport {\n GestureEvent,\n LongPressGestureHandler,\n LongPressGestureHandlerEventPayload,\n LongPressGestureHandlerProps,\n} from 'react-native-gesture-handler';\nimport Animated, {\n useAnimatedGestureHandler,\n useSharedValue,\n useAnimatedStyle,\n useAnimatedReaction,\n runOnJS,\n} from 'react-native-reanimated';\nimport { clamp } from 'react-native-redash';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { CandlestickChartLine, CandlestickChartLineProps } from './Line';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport { CandlestickChartCrosshairTooltipContext } from './CrosshairTooltip';\n\ntype CandlestickChartCrosshairProps = LongPressGestureHandlerProps & {\n color?: string;\n children?: React.ReactNode;\n onCurrentXChange?: (value: number) => unknown;\n horizontalCrosshairProps?: Animated.AnimateProps<ViewProps>;\n verticalCrosshairProps?: Animated.AnimateProps<ViewProps>;\n lineProps?: Partial<CandlestickChartLineProps>;\n};\n\nexport function CandlestickChartCrosshair({\n color,\n onCurrentXChange,\n children,\n horizontalCrosshairProps = {},\n verticalCrosshairProps = {},\n lineProps = {},\n ...props\n}: CandlestickChartCrosshairProps) {\n const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n const { currentX, currentY, step } = useCandlestickChart();\n\n const tooltipPosition = useSharedValue<'left' \| 'right'>('left');\n\n const opacity = useSharedValue(0);\n const onGestureEvent = useAnimatedGestureHandler<\n GestureEvent<LongPressGestureHandlerEventPayload>\n >({\n onActive: ({ x, y }) => {\n const boundedX = x <= width - 1 ? x : width - 1;\n if (boundedX < 100) {\n tooltipPosition.value = 'right';\n } else {\n tooltipPosition.value = 'left';\n }\n opacity.value = 1;\n currentY.value = clamp(y, 0, height);\n currentX.value = boundedX - (boundedX % step) + step / 2;\n },\n onEnd: () => {\n opacity.value = 0;\n currentY.value = -1;\n currentX.value = -1;\n },\n });\n const horizontal = useAnimatedStyle(() => ({\n opacity: opacity.value,\n transform: [{ translateY: currentY.value }],\n }));\n const vertical = useAnimatedStyle(() => ({\n opacity: opacity.value,\n transform: [{ translateX: currentX.value }],\n }));\n\n useAnimatedReaction(\n () => currentX.value,\n (data, prevData) => {\n if (data !== -1 && data !== prevData && onCurrentXChange) {\n runOnJS(onCurrentXChange)(data);\n }\n }\n );\n\n return (\n <LongPressGestureHandler\n minDurationMs={0}\n maxDist={999999}\n onGestureEvent={onGestureEvent}\n {...props}\n >\n <Animated.View style={StyleSheet.absoluteFill}>\n <Animated.View\n style={[StyleSheet.absoluteFill, horizontal]}\n {...horizontalCrosshairProps}\n >\n <CandlestickChartLine color={color} x={width} y={0} {...lineProps} />\n <CandlestickChartCrosshairTooltipContext.Provider\n value={{ position: tooltipPosition }}\n >\n {children}\n </CandlestickChartCrosshairTooltipContext.Provider>\n </Animated.View>\n <Animated.View\n style={[StyleSheet.absoluteFill, vertical]}\n {...verticalCrosshairProps}\n >\n <CandlestickChartLine color={color} x={0} y={height} {...lineProps} />\n </Animated.View>\n </Animated.View>\n </LongPressGestureHandler>\n );\n}\n"]}
1	+ {"version":3,"sources":["Crosshair.tsx"],"names":["React","StyleSheet","LongPressGestureHandler","Animated","useAnimatedGestureHandler","useSharedValue","useAnimatedStyle","useAnimatedReaction","runOnJS","clamp","CandlestickChartDimensionsContext","CandlestickChartLine","useCandlestickChart","CandlestickChartCrosshairTooltipContext","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","props","width","height","useContext","currentX","currentY","step","tooltipPosition","opacity","onGestureEvent","onActive","x","y","boundedX","value","onEnd","horizontal","transform","translateY","vertical","translateX","data","prevData","absoluteFill","position"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { StyleSheet, ViewProps } from 'react-native';\nimport {\n GestureEvent,\n LongPressGestureHandler,\n LongPressGestureHandlerEventPayload,\n LongPressGestureHandlerProps,\n} from 'react-native-gesture-handler';\nimport Animated, {\n useAnimatedGestureHandler,\n useSharedValue,\n useAnimatedStyle,\n useAnimatedReaction,\n runOnJS,\n} from 'react-native-reanimated';\nimport { clamp } from 'react-native-redash';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { CandlestickChartLine, CandlestickChartLineProps } from './Line';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport { CandlestickChartCrosshairTooltipContext } from './CrosshairTooltip';\n\ntype CandlestickChartCrosshairProps = LongPressGestureHandlerProps & {\n color?: string;\n children?: React.ReactNode;\n onCurrentXChange?: (value: number) => unknown;\n horizontalCrosshairProps?: Animated.AnimateProps<ViewProps>;\n verticalCrosshairProps?: Animated.AnimateProps<ViewProps>;\n lineProps?: Partial<CandlestickChartLineProps>;\n};\n\nexport function CandlestickChartCrosshair({\n color,\n onCurrentXChange,\n children,\n horizontalCrosshairProps = {},\n verticalCrosshairProps = {},\n lineProps = {},\n ...props\n}: CandlestickChartCrosshairProps) {\n const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n const { currentX, currentY, step } = useCandlestickChart();\n\n const tooltipPosition = useSharedValue<'left' \| 'right'>('left');\n\n const opacity = useSharedValue(0);\n const onGestureEvent = useAnimatedGestureHandler<\n GestureEvent<LongPressGestureHandlerEventPayload>\n >({\n onActive: ({ x, y }) => {\n const boundedX = x <= width - 1 ? x : width - 1;\n if (boundedX < 100) {\n tooltipPosition.value = 'right';\n } else {\n tooltipPosition.value = 'left';\n }\n opacity.value = 1;\n currentY.value = clamp(y, 0, height);\n currentX.value = boundedX - (boundedX % step) + step / 2;\n },\n onEnd: () => {\n opacity.value = 0;\n currentY.value = -1;\n currentX.value = -1;\n },\n });\n const horizontal = useAnimatedStyle(\n () => ({\n opacity: opacity.value,\n transform: [{ translateY: currentY.value }],\n }),\n [opacity, currentY]\n );\n const vertical = useAnimatedStyle(\n () => ({\n opacity: opacity.value,\n transform: [{ translateX: currentX.value }],\n }),\n [opacity, currentX]\n );\n\n useAnimatedReaction(\n () => currentX.value,\n (data, prevData) => {\n if (data !== -1 && data !== prevData && onCurrentXChange) {\n runOnJS(onCurrentXChange)(data);\n }\n },\n [currentX]\n );\n\n return (\n <LongPressGestureHandler\n minDurationMs={0}\n maxDist={999999}\n onGestureEvent={onGestureEvent}\n {...props}\n >\n <Animated.View style={StyleSheet.absoluteFill}>\n <Animated.View\n style={[StyleSheet.absoluteFill, horizontal]}\n {...horizontalCrosshairProps}\n >\n <CandlestickChartLine color={color} x={width} y={0} {...lineProps} />\n <CandlestickChartCrosshairTooltipContext.Provider\n value={{ position: tooltipPosition }}\n >\n {children}\n </CandlestickChartCrosshairTooltipContext.Provider>\n </Animated.View>\n <Animated.View\n style={[StyleSheet.absoluteFill, vertical]}\n {...verticalCrosshairProps}\n >\n <CandlestickChartLine color={color} x={0} y={height} {...lineProps} />\n </Animated.View>\n </Animated.View>\n </LongPressGestureHandler>\n );\n}\n"]}

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

@@ -45,23 +45,23 @@ export function CandlestickChartCrosshairTooltip({
     }
     return offset;
-  });
+  }, [currentY, elementHeight, height, yGutter]);
   const tooltip = useAnimatedStyle(() => ({
     backgroundColor: 'white',
     position: 'absolute',
     display: 'flex',
     padding: 4
-  }));
+  }), []);
   const leftTooltip = useAnimatedStyle(() => ({
     left: xGutter,
     top: -(elementHeight.value / 2) - topOffset.value,
     opacity: position.value === 'left' ? 1 : 0
-  }));
+  }), [elementHeight, position, topOffset, xGutter]);
   const rightTooltip = useAnimatedStyle(() => ({
     left: width - elementWidth.value - xGutter,
     top: -(elementHeight.value / 2) - topOffset.value,
     opacity: position.value === 'right' ? 1 : 0
-  }));
+  }), [elementHeight, elementWidth, position, topOffset, width, xGutter]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animated.View, _extends({
     onLayout: handleLayout
   }, props, {

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

	@@ -1 +1 @@
1	- {"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":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT,QAA2B,cAA3B;AACA,OAAOC,QAAP,IACEC,gBADF,EAEEC,eAFF,EAGEC,cAHF,QAIO,yBAJP;AAMA,SAASC,iCAAT,QAAkD,SAAlD;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SACEC,yBADF,QAGO,aAHP;AAiBA,OAAO,MAAMC,uCAAuC,gBAClDT,KAAK,CAACU,aAAN,CAA6D;AAC3DC,EAAAA,QAAQ,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT;AADiD,CAA7D,CADK;AAKP,OAAO,SAASC,gCAAT,CAA0C;AAC/CC,EAAAA,QAD+C;AAE/CC,EAAAA,OAAO,GAAG,CAFqC;AAG/CC,EAAAA,OAAO,GAAG,CAHqC;AAI/CC,EAAAA,gBAJ+C;AAK/CC,EAAAA,SAL+C;AAM/C,KAAGC;AAN4C,CAA1C,EAOmC;AACxC,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoBrB,KAAK,CAACsB,UAAN,CAAiBhB,iCAAjB,CAA1B;AACA,QAAM;AAAEiB,IAAAA;AAAF,MAAehB,mBAAmB,EAAxC;AACA,QAAM;AAAEI,IAAAA;AAAF,MAAeX,KAAK,CAACsB,UAAN,CACnBb,uCADmB,CAArB;AAIA,QAAMe,aAAa,GAAGnB,cAAc,CAAC,CAAD,CAApC;AACA,QAAMoB,YAAY,GAAGpB,cAAc,CAAC,CAAD,CAAnC;AAEA,QAAMqB,YAAY,GAAG1B,KAAK,CAAC2B,WAAN,CAClBC,KAAD,IAAW;AACTJ,IAAAA,aAAa,CAACZ,KAAd,GAAsBgB,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBT,MAA/C;AACAI,IAAAA,YAAY,CAACb,KAAb,GAAqBgB,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBV,KAA9C;AACD,GAJkB,EAKnB,CAACI,aAAD,EAAgBC,YAAhB,CALmB,CAArB;AAQA,QAAMM,SAAS,GAAG3B,eAAe,CAAC,MAAM;AACtC,QAAI4B,MAAM,GAAG,CAAb;;AACA,QAAIT,QAAQ,CAACX,KAAT,GAAiBY,aAAa,CAACZ,KAAd,GAAsB,CAAtB,GAA0BI,OAA/C,EAAwD;AACtDgB,MAAAA,MAAM,GAAGT,QAAQ,CAACX,KAAT,IAAkBY,aAAa,CAACZ,KAAd,GAAsB,CAAtB,GAA0BI,OAA5C,CAAT;AACD,KAFD,MAEO,IAAIO,QAAQ,CAACX,KAAT,GAAiBY,aAAa,CAACZ,KAAd,GAAsB,CAAvC,GAA2CS,MAAM,GAAGL,OAAxD,EAAiE;AACtEgB,MAAAA,MAAM,GAAGT,QAAQ,CAACX,KAAT,GAAiBY,aAAa,CAACZ,KAAd,GAAsB,CAAvC,GAA2CS,MAA3C,GAAoDL,OAA7D;AACD;;AAED,WAAOgB,MAAP;AACD,GATgC,CAAjC;AAWA,~~QAAMC~~,OAAO,GAAG9B,gBAAgB,~~CAAC~~,OAAO;~~AACtC~~+B,IAAAA,eAAe,EAAE,~~OADqB~~;~~AAEtCvB~~,IAAAA,QAAQ,EAAE,~~UAF4B~~;~~AAGtCwB~~,IAAAA,OAAO,EAAE,~~MAH6B~~;~~AAItCC~~,IAAAA,OAAO,EAAE;~~AAJ6B~~,GAAP,~~CAAD~~,CAAhC;~~AAMA~~,QAAMC,WAAW,GAAGlC,gBAAgB,~~CAAC~~,OAAO;~~AAC1CmC~~,IAAAA,IAAI,EAAEvB,~~OADoC~~;~~AAE1CwB~~,IAAAA,GAAG,EAAE,EAAEf,aAAa,CAACZ,KAAd,GAAsB,CAAxB,IAA6BmB,SAAS,CAACnB,~~KAFF~~;~~AAG1C4B~~,IAAAA,OAAO,EAAE7B,QAAQ,CAACC,KAAT,KAAmB,MAAnB,GAA4B,CAA5B,GAAgC;~~AAHC~~,GAAP,~~CAAD~~,CAApC;~~AAKA~~,~~QAAM6B~~,YAAY,GAAGtC,gBAAgB,~~CAAC~~,OAAO;~~AAC3CmC~~,IAAAA,IAAI,EAAElB,KAAK,GAAGK,YAAY,CAACb,KAArB,GAA6BG,~~OADQ~~;~~AAE3CwB~~,IAAAA,GAAG,EAAE,EAAEf,aAAa,CAACZ,KAAd,GAAsB,CAAxB,IAA6BmB,SAAS,CAACnB,~~KAFD~~;~~AAG3C4B~~,IAAAA,OAAO,EAAE7B,QAAQ,CAACC,KAAT,KAAmB,OAAnB,GAA6B,CAA7B,GAAiC;~~AAHC~~,GAAP,~~CAAD~~,CAArC;~~AAMA~~,sBACE,uDACE,oBAAC,QAAD,CAAU,IAAV;AACE,IAAA,QAAQ,~~EAAEc~~;AADZ,KAEMP,KAFN;AAGE,IAAA,KAAK,EAAE,CAACc,OAAD,EAAUI,WAAV,EAAuBlB,KAAK,CAACuB,KAA7B;AAHT,MAKG5B,QAAQ,iBACP,oBAAC,yBAAD,eACMG,gBADN;AAEE,IAAA,KAAK,EAAE,CAAC0B,MAAM,CAACC,IAAR,EAAc3B,gBAAd,aAAcA,gBAAd,uBAAcA,gBAAgB,CAAEyB,KAAhC,EAAuCxB,SAAvC;AAFT,KANJ,CADF,eAaE,oBAAC,QAAD,CAAU,IAAV,eAAmBC,KAAnB;AAA0B,IAAA,KAAK,EAAE,CAACc,OAAD,EAAUQ,YAAV,EAAwBtB,KAAK,CAACuB,KAA9B;AAAjC,MACG5B,QAAQ,iBACP,oBAAC,yBAAD,eACMG,gBADN;AAEE,IAAA,KAAK,EAAE,CAAC0B,MAAM,CAACC,IAAR,EAAc3B,gBAAd,aAAcA,gBAAd,uBAAcA,gBAAgB,CAAEyB,KAAhC,EAAuCxB,SAAvC;AAFT,KAFJ,CAbF,CADF;AAwBD;AAED,MAAMyB,MAAM,GAAG1C,UAAU,CAAC4C,MAAX,CAAkB;AAC/BD,EAAAA,IAAI,EAAE;AACJE,IAAAA,QAAQ,EAAE;AADN;AADyB,CAAlB,CAAf","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"]}
1	+ {"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":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT,QAA2B,cAA3B;AACA,OAAOC,QAAP,IACEC,gBADF,EAEEC,eAFF,EAGEC,cAHF,QAIO,yBAJP;AAMA,SAASC,iCAAT,QAAkD,SAAlD;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SACEC,yBADF,QAGO,aAHP;AAiBA,OAAO,MAAMC,uCAAuC,gBAClDT,KAAK,CAACU,aAAN,CAA6D;AAC3DC,EAAAA,QAAQ,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT;AADiD,CAA7D,CADK;AAKP,OAAO,SAASC,gCAAT,CAA0C;AAC/CC,EAAAA,QAD+C;AAE/CC,EAAAA,OAAO,GAAG,CAFqC;AAG/CC,EAAAA,OAAO,GAAG,CAHqC;AAI/CC,EAAAA,gBAJ+C;AAK/CC,EAAAA,SAL+C;AAM/C,KAAGC;AAN4C,CAA1C,EAOmC;AACxC,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoBrB,KAAK,CAACsB,UAAN,CAAiBhB,iCAAjB,CAA1B;AACA,QAAM;AAAEiB,IAAAA;AAAF,MAAehB,mBAAmB,EAAxC;AACA,QAAM;AAAEI,IAAAA;AAAF,MAAeX,KAAK,CAACsB,UAAN,CACnBb,uCADmB,CAArB;AAIA,QAAMe,aAAa,GAAGnB,cAAc,CAAC,CAAD,CAApC;AACA,QAAMoB,YAAY,GAAGpB,cAAc,CAAC,CAAD,CAAnC;AAEA,QAAMqB,YAAY,GAAG1B,KAAK,CAAC2B,WAAN,CAClBC,KAAD,IAAW;AACTJ,IAAAA,aAAa,CAACZ,KAAd,GAAsBgB,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBT,MAA/C;AACAI,IAAAA,YAAY,CAACb,KAAb,GAAqBgB,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBV,KAA9C;AACD,GAJkB,EAKnB,CAACI,aAAD,EAAgBC,YAAhB,CALmB,CAArB;AAQA,QAAMM,SAAS,GAAG3B,eAAe,CAAC,MAAM;AACtC,QAAI4B,MAAM,GAAG,CAAb;;AACA,QAAIT,QAAQ,CAACX,KAAT,GAAiBY,aAAa,CAACZ,KAAd,GAAsB,CAAtB,GAA0BI,OAA/C,EAAwD;AACtDgB,MAAAA,MAAM,GAAGT,QAAQ,CAACX,KAAT,IAAkBY,aAAa,CAACZ,KAAd,GAAsB,CAAtB,GAA0BI,OAA5C,CAAT;AACD,KAFD,MAEO,IAAIO,QAAQ,CAACX,KAAT,GAAiBY,aAAa,CAACZ,KAAd,GAAsB,CAAvC,GAA2CS,MAAM,GAAGL,OAAxD,EAAiE;AACtEgB,MAAAA,MAAM,GAAGT,QAAQ,CAACX,KAAT,GAAiBY,aAAa,CAACZ,KAAd,GAAsB,CAAvC,GAA2CS,MAA3C,GAAoDL,OAA7D;AACD;;AAED,WAAOgB,MAAP;AACD,GATgC,EAS9B,CAACT,QAAD,EAAWC,aAAX,EAA0BH,MAA1B,EAAkCL,OAAlC,CAT8B,CAAjC;AAWA,QAAMiB,OAAO,GAAG9B,gBAAgB,CAC9B,OAAO;AACL+B,IAAAA,eAAe,EAAE,OADZ;AAELvB,IAAAA,QAAQ,EAAE,UAFL;AAGLwB,IAAAA,OAAO,EAAE,MAHJ;AAILC,IAAAA,OAAO,EAAE;AAJJ,GAAP,CAD8B,EAO9B,EAP8B,CAAhC;AASA,QAAMC,WAAW,GAAGlC,gBAAgB,CAClC,OAAO;AACLmC,IAAAA,IAAI,EAAEvB,OADD;AAELwB,IAAAA,GAAG,EAAE,EAAEf,aAAa,CAACZ,KAAd,GAAsB,CAAxB,IAA6BmB,SAAS,CAACnB,KAFvC;AAGL4B,IAAAA,OAAO,EAAE7B,QAAQ,CAACC,KAAT,KAAmB,MAAnB,GAA4B,CAA5B,GAAgC;AAHpC,GAAP,CADkC,EAMlC,CAACY,aAAD,EAAgBb,QAAhB,EAA0BoB,SAA1B,EAAqChB,OAArC,CANkC,CAApC;AAQA,QAAM0B,YAAY,GAAGtC,gBAAgB,CACnC,OAAO;AACLmC,IAAAA,IAAI,EAAElB,KAAK,GAAGK,YAAY,CAACb,KAArB,GAA6BG,OAD9B;AAELwB,IAAAA,GAAG,EAAE,EAAEf,aAAa,CAACZ,KAAd,GAAsB,CAAxB,IAA6BmB,SAAS,CAACnB,KAFvC;AAGL4B,IAAAA,OAAO,EAAE7B,QAAQ,CAACC,KAAT,KAAmB,OAAnB,GAA6B,CAA7B,GAAiC;AAHrC,GAAP,CADmC,EAMnC,CAACY,aAAD,EAAgBC,YAAhB,EAA8Bd,QAA9B,EAAwCoB,SAAxC,EAAmDX,KAAnD,EAA0DL,OAA1D,CANmC,CAArC;AASA,sBACE,uDACE,oBAAC,QAAD,CAAU,IAAV;AACE,IAAA,QAAQ,EAAEW;AADZ,KAEMP,KAFN;AAGE,IAAA,KAAK,EAAE,CAACc,OAAD,EAAUI,WAAV,EAAuBlB,KAAK,CAACuB,KAA7B;AAHT,MAKG5B,QAAQ,iBACP,oBAAC,yBAAD,eACMG,gBADN;AAEE,IAAA,KAAK,EAAE,CAAC0B,MAAM,CAACC,IAAR,EAAc3B,gBAAd,aAAcA,gBAAd,uBAAcA,gBAAgB,CAAEyB,KAAhC,EAAuCxB,SAAvC;AAFT,KANJ,CADF,eAaE,oBAAC,QAAD,CAAU,IAAV,eAAmBC,KAAnB;AAA0B,IAAA,KAAK,EAAE,CAACc,OAAD,EAAUQ,YAAV,EAAwBtB,KAAK,CAACuB,KAA9B;AAAjC,MACG5B,QAAQ,iBACP,oBAAC,yBAAD,eACMG,gBADN;AAEE,IAAA,KAAK,EAAE,CAAC0B,MAAM,CAACC,IAAR,EAAc3B,gBAAd,aAAcA,gBAAd,uBAAcA,gBAAgB,CAAEyB,KAAhC,EAAuCxB,SAAvC;AAFT,KAFJ,CAbF,CADF;AAwBD;AAED,MAAMyB,MAAM,GAAG1C,UAAU,CAAC4C,MAAX,CAAkB;AAC/BD,EAAAA,IAAI,EAAE;AACJE,IAAAA,QAAQ,EAAE;AADN;AADyB,CAAlB,CAAf","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 }, [currentY, elementHeight, height, yGutter]);\n\n const tooltip = useAnimatedStyle(\n () => ({\n backgroundColor: 'white',\n position: 'absolute',\n display: 'flex',\n padding: 4,\n }),\n []\n );\n const leftTooltip = useAnimatedStyle(\n () => ({\n left: xGutter,\n top: -(elementHeight.value / 2) - topOffset.value,\n opacity: position.value === 'left' ? 1 : 0,\n }),\n [elementHeight, position, topOffset, xGutter]\n );\n const rightTooltip = useAnimatedStyle(\n () => ({\n left: width - elementWidth.value - xGutter,\n top: -(elementHeight.value / 2) - topOffset.value,\n opacity: position.value === 'right' ? 1 : 0,\n }),\n [elementHeight, elementWidth, position, topOffset, width, xGutter]\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/useCandleData.js CHANGED Viewed

@@ -18,7 +18,7 @@ export function useCandleData() {
     }
     return data[Math.floor(currentX.value / step)];
-  });
+  }, [currentX, data, step]);
   return candle;
 }
 //# sourceMappingURL=useCandleData.js.map

package/lib/module/charts/candle/useCandleData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useCandleData.ts"],"names":["useDerivedValue","useCandlestickChart","useCandleData","currentX","data","step","candle","value","timestamp","low","open","high","close","Math","floor"],"mappings":"AAAA,SAAmBA,eAAnB,QAA0C,yBAA1C;AAGA,SAASC,mBAAT,QAAoC,uBAApC;AAEA,OAAO,SAASC,aAAT,GAAkE;AACvE,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,IAAZ;AAAkBC,IAAAA;AAAlB,MAA2BJ,mBAAmB,EAApD;AAEA,QAAMK,MAAM,GAAGN,eAAe,CAAC,MAAM;AACnC,QAAIG,QAAQ,CAACI,KAAT,KAAmB,CAAC,CAAxB,EAA2B;AACzB,aAAO;AAAEC,QAAAA,SAAS,EAAE,CAAC,CAAd;AAAiBC,QAAAA,GAAG,EAAE,CAAC,CAAvB;AAA0BC,QAAAA,IAAI,EAAE,CAAC,CAAjC;AAAoCC,QAAAA,IAAI,EAAE,CAAC,CAA3C;AAA8CC,QAAAA,KAAK,EAAE,CAAC;AAAtD,OAAP;AACD;;AACD,WAAOR,IAAI,CAACS,IAAI,CAACC,KAAL,CAAWX,QAAQ,CAACI,KAAT,GAAiBF,IAA5B,CAAD,CAAX;AACD,GAL6B,CAA9B;AAOA,SAAOC,MAAP;AACD","sourcesContent":["import Animated, { useDerivedValue } from 'react-native-reanimated';\nimport type { TCandle } from './types';\n\nimport { useCandlestickChart } from './useCandlestickChart';\n\nexport function useCandleData(): Readonly<Animated.SharedValue<TCandle>> {\n const { currentX, data, step } = useCandlestickChart();\n\n const candle = useDerivedValue(() => {\n if (currentX.value === -1) {\n return { timestamp: -1, low: -1, open: -1, high: -1, close: -1 };\n }\n return data[Math.floor(currentX.value / step)];\n });\n\n return candle;\n}\n"]}
1	+ {"version":3,"sources":["useCandleData.ts"],"names":["useDerivedValue","useCandlestickChart","useCandleData","currentX","data","step","candle","value","timestamp","low","open","high","close","Math","floor"],"mappings":"AAAA,SAAmBA,eAAnB,QAA0C,yBAA1C;AAGA,SAASC,mBAAT,QAAoC,uBAApC;AAEA,OAAO,SAASC,aAAT,GAAkE;AACvE,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,IAAZ;AAAkBC,IAAAA;AAAlB,MAA2BJ,mBAAmB,EAApD;AAEA,QAAMK,MAAM,GAAGN,eAAe,CAAC,MAAM;AACnC,QAAIG,QAAQ,CAACI,KAAT,KAAmB,CAAC,CAAxB,EAA2B;AACzB,aAAO;AAAEC,QAAAA,SAAS,EAAE,CAAC,CAAd;AAAiBC,QAAAA,GAAG,EAAE,CAAC,CAAvB;AAA0BC,QAAAA,IAAI,EAAE,CAAC,CAAjC;AAAoCC,QAAAA,IAAI,EAAE,CAAC,CAA3C;AAA8CC,QAAAA,KAAK,EAAE,CAAC;AAAtD,OAAP;AACD;;AACD,WAAOR,IAAI,CAACS,IAAI,CAACC,KAAL,CAAWX,QAAQ,CAACI,KAAT,GAAiBF,IAA5B,CAAD,CAAX;AACD,GAL6B,EAK3B,CAACF,QAAD,EAAWC,IAAX,EAAiBC,IAAjB,CAL2B,CAA9B;AAOA,SAAOC,MAAP;AACD","sourcesContent":["import Animated, { useDerivedValue } from 'react-native-reanimated';\nimport type { TCandle } from './types';\n\nimport { useCandlestickChart } from './useCandlestickChart';\n\nexport function useCandleData(): Readonly<Animated.SharedValue<TCandle>> {\n const { currentX, data, step } = useCandlestickChart();\n\n const candle = useDerivedValue(() => {\n if (currentX.value === -1) {\n return { timestamp: -1, low: -1, open: -1, high: -1, close: -1 };\n }\n return data[Math.floor(currentX.value / step)];\n }, [currentX, data, step]);\n\n return candle;\n}\n"]}