react-native-wagmi-charts 2.7.1 → 2.7.2

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

@@ -22,8 +22,7 @@ function CandlestickChartCrosshair({
   children,
   horizontalCrosshairProps = {},
   verticalCrosshairProps = {},
-  lineProps = {},
-  ...props
+  lineProps = {}
 }) {
   const {
     width,
@@ -36,26 +35,35 @@ function CandlestickChartCrosshair({
   } = (0, _useCandlestickChart.useCandlestickChart)();
   const tooltipPosition = (0, _reactNativeReanimated.useSharedValue)('left');
   const opacity = (0, _reactNativeReanimated.useSharedValue)(0);
-  const onGestureEvent = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
-    onActive: ({
-      x,
-      y
-    }) => {
-      const boundedX = x <= width - 1 ? x : width - 1;
-      if (boundedX < 100) {
-        tooltipPosition.value = 'right';
-      } else {
-        tooltipPosition.value = 'left';
-      }
-      opacity.value = 1;
-      currentY.value = (0, _reactNativeRedash.clamp)(y, 0, height);
-      currentX.value = boundedX - boundedX % step + step / 2;
-    },
-    onEnd: () => {
-      opacity.value = 0;
-      currentY.value = -1;
-      currentX.value = -1;
+  const updatePosition = (x, y) => {
+    'worklet';
+
+    const boundedX = x <= width - 1 ? x : width - 1;
+    if (boundedX < 100) {
+      tooltipPosition.value = 'right';
+    } else {
+      tooltipPosition.value = 'left';
     }
+    currentY.value = (0, _reactNativeRedash.clamp)(y, 0, height);
+    currentX.value = boundedX - boundedX % step + step / 2;
+  };
+  const longPressGesture = _reactNativeGestureHandler.Gesture.LongPress().minDuration(0).maxDistance(999999).onStart(event => {
+    'worklet';
+
+    opacity.value = 1;
+    updatePosition(event.x, event.y);
+  }).onTouchesMove(event => {
+    'worklet';
+
+    if (opacity.value === 1 && event.allTouches.length > 0) {
+      updatePosition(event.allTouches[0].x, event.allTouches[0].y);
+    }
+  }).onEnd(() => {
+    'worklet';
+
+    opacity.value = 0;
+    currentY.value = -1;
+    currentX.value = -1;
   });
   const horizontal = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     opacity: opacity.value,
@@ -74,11 +82,9 @@ function CandlestickChartCrosshair({
       (0, _reactNativeReanimated.runOnJS)(onCurrentXChange)(data);
     }
   }, [currentX]);
-  return /*#__PURE__*/React.createElement(_reactNativeGestureHandler.LongPressGestureHandler, _extends({
-    minDurationMs: 0,
-    maxDist: 999999,
-    onGestureEvent: onGestureEvent
-  }, props), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+  return /*#__PURE__*/React.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: longPressGesture
+  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
     style: _reactNative.StyleSheet.absoluteFill
   }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, _extends({
     style: [_reactNative.StyleSheet.absoluteFill, horizontal]

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_reactNativeRedash","_Chart","_Line","_useCandlestickChart","_CrosshairTooltip","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","props","width","height","useContext","CandlestickChartDimensionsContext","currentX","currentY","step","useCandlestickChart","tooltipPosition","useSharedValue","opacity","onGestureEvent","useAnimatedGestureHandler","onActive","x","y","boundedX","value","clamp","onEnd","horizontal","useAnimatedStyle","transform","translateY","vertical","translateX","useAnimatedReaction","data","prevData","runOnJS","createElement","LongPressGestureHandler","minDurationMs","maxDist","View","style","StyleSheet","absoluteFill","CandlestickChartLine","CandlestickChartCrosshairTooltipContext","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAMA,IAAAG,sBAAA,GAAAJ,uBAAA,CAAAC,OAAA;AAOA,IAAAI,kBAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AAA6E,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAd,MAAA,CAAAgB,SAAA,CAAAZ,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAS,KAAA,OAAAL,SAAA;AA+BtE,SAASM,yBAAyBA,CAAC;EACxCC,KAAK;EACLC,gBAAgB;EAChBC,QAAQ;EACRC,wBAAwB,GAAG,CAAC,CAAC;EAC7BC,sBAAsB,GAAG,CAAC,CAAC;EAC3BC,SAAS,GAAG,CAAC,CAAC;EACd,GAAGC;AAC2B,CAAC,EAAE;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGlD,KAAK,CAACmD,UAAU,CAACC,wCAAiC,CAAC;EAC7E,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAE1D,MAAMC,eAAe,GAAG,IAAAC,qCAAc,EAAmB,MAAM,CAAC;EAEhE,MAAMC,OAAO,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EACjC,MAAME,cAAc,GAAG,IAAAC,gDAAyB,EAE9C;IACAC,QAAQ,EAAEA,CAAC;MAAEC,CAAC;MAAEC;IAAE,CAAC,KAAK;MACtB,MAAMC,QAAQ,GAAGF,CAAC,IAAId,KAAK,GAAG,CAAC,GAAGc,CAAC,GAAGd,KAAK,GAAG,CAAC;MAC/C,IAAIgB,QAAQ,GAAG,GAAG,EAAE;QAClBR,eAAe,CAACS,KAAK,GAAG,OAAO;MACjC,CAAC,MAAM;QACLT,eAAe,CAACS,KAAK,GAAG,MAAM;MAChC;MACAP,OAAO,CAACO,KAAK,GAAG,CAAC;MACjBZ,QAAQ,CAACY,KAAK,GAAG,IAAAC,wBAAK,EAACH,CAAC,EAAE,CAAC,EAAEd,MAAM,CAAC;MACpCG,QAAQ,CAACa,KAAK,GAAGD,QAAQ,GAAIA,QAAQ,GAAGV,IAAK,GAAGA,IAAI,GAAG,CAAC;IAC1D,CAAC;IACDa,KAAK,EAAEA,CAAA,KAAM;MACXT,OAAO,CAACO,KAAK,GAAG,CAAC;MACjBZ,QAAQ,CAACY,KAAK,GAAG,CAAC,CAAC;MACnBb,QAAQ,CAACa,KAAK,GAAG,CAAC,CAAC;IACrB;EACF,CAAC,CAAC;EACF,MAAMG,UAAU,GAAG,IAAAC,uCAAgB,EACjC,OAAO;IACLX,OAAO,EAAEA,OAAO,CAACO,KAAK;IACtBK,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAElB,QAAQ,CAACY;IAAM,CAAC;EAC5C,CAAC,CAAC,EACF,CAACP,OAAO,EAAEL,QAAQ,CACpB,CAAC;EACD,MAAMmB,QAAQ,GAAG,IAAAH,uCAAgB,EAC/B,OAAO;IACLX,OAAO,EAAEA,OAAO,CAACO,KAAK;IACtBK,SAAS,EAAE,CAAC;MAAEG,UAAU,EAAErB,QAAQ,CAACa;IAAM,CAAC;EAC5C,CAAC,CAAC,EACF,CAACP,OAAO,EAAEN,QAAQ,CACpB,CAAC;EAED,IAAAsB,0CAAmB,EACjB,MAAMtB,QAAQ,CAACa,KAAK,EACpB,CAACU,IAAI,EAAEC,QAAQ,KAAK;IAClB,IAAID,IAAI,KAAK,CAAC,CAAC,IAAIA,IAAI,KAAKC,QAAQ,IAAIlC,gBAAgB,EAAE;MACxD,IAAAmC,8BAAO,EAACnC,gBAAgB,CAAC,CAACiC,IAAI,CAAC;IACjC;EACF,CAAC,EACD,CAACvB,QAAQ,CACX,CAAC;EAED,oBACErD,KAAA,CAAA+E,aAAA,CAAC3E,0BAAA,CAAA4E,uBAAuB,EAAAjD,QAAA;IACtBkD,aAAa,EAAE,CAAE;IACjBC,OAAO,EAAE,MAAO;IAChBtB,cAAc,EAAEA;EAAe,GAC3BZ,KAAK,gBAEThD,KAAA,CAAA+E,aAAA,CAAC1E,sBAAA,CAAAY,OAAQ,CAACkE,IAAI;IAACC,KAAK,EAAEC,uBAAU,CAACC;EAAa,gBAC5CtF,KAAA,CAAA+E,aAAA,CAAC1E,sBAAA,CAAAY,OAAQ,CAACkE,IAAI,EAAApD,QAAA;IACZqD,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAEjB,UAAU;EAAE,GACzCxB,wBAAwB,gBAE5B7C,KAAA,CAAA+E,aAAA,CAACvE,KAAA,CAAA+E,oBAAoB,EAAAxD,QAAA;IAACW,KAAK,EAAEA,KAAM;IAACqB,CAAC,EAAEd,KAAM;IAACe,CAAC,EAAE;EAAE,GAAKjB,SAAS,CAAG,CAAC,eACrE/C,KAAA,CAAA+E,aAAA,CAACrE,iBAAA,CAAA8E,uCAAuC,CAACC,QAAQ;IAC/CvB,KAAK,EAAE;MAAEwB,QAAQ,EAAEjC;IAAgB;EAAE,GAEpCb,QAC+C,CACrC,CAAC,eAChB5C,KAAA,CAAA+E,aAAA,CAAC1E,sBAAA,CAAAY,OAAQ,CAACkE,IAAI,EAAApD,QAAA;IACZqD,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAEb,QAAQ;EAAE,GACvC3B,sBAAsB,gBAE1B9C,KAAA,CAAA+E,aAAA,CAACvE,KAAA,CAAA+E,oBAAoB,EAAAxD,QAAA;IAACW,KAAK,EAAEA,KAAM;IAACqB,CAAC,EAAE,CAAE;IAACC,CAAC,EAAEd;EAAO,GAAKH,SAAS,CAAG,CACxD,CACF,CACQ,CAAC;AAE9B","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_reactNativeRedash","_Chart","_Line","_useCandlestickChart","_CrosshairTooltip","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","width","height","useContext","CandlestickChartDimensionsContext","currentX","currentY","step","useCandlestickChart","tooltipPosition","useSharedValue","opacity","updatePosition","x","y","boundedX","value","clamp","longPressGesture","Gesture","LongPress","minDuration","maxDistance","onStart","event","onTouchesMove","allTouches","onEnd","horizontal","useAnimatedStyle","transform","translateY","vertical","translateX","useAnimatedReaction","data","prevData","runOnJS","createElement","GestureDetector","gesture","View","style","StyleSheet","absoluteFill","CandlestickChartLine","CandlestickChartCrosshairTooltipContext","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -16,7 +16,6 @@ var _d3Scale = require("d3-scale");
 var _useLineChart = require("./useLineChart");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const CursorContext = exports.CursorContext = /*#__PURE__*/React.createContext({
   type: ''
 });
@@ -26,7 +25,9 @@ function LineChartCursor({
   snapToPoint,
   type,
   at,
-  ...props
+  shouldCancelWhenOutside = false,
+  onActivated,
+  onEnded
 }) {
   const {
     pathWidth: width,
@@ -74,45 +75,60 @@ function LineChartCursor({
       isActive.value = true;
     }
   }, [at, scaleX]);
-  const onGestureEvent = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
-    onActive: ({
-      x
-    }) => {
-      if (parsedPath) {
-        const xPosition = Math.max(0, x <= width ? x : width);
-        isActive.value = true;
+  const updatePosition = xPosition => {
+    'worklet';
 
-        // on Web, we could drag the cursor to be negative, breaking it
-        // so we clamp the index at 0 to fix it
-        // https://github.com/coinjar/react-native-wagmi-charts/issues/24
-        const minIndex = 0;
-        const boundedIndex = Math.max(minIndex, Math.round(xPosition / width / (1 / (data ? data.length - 1 : 1))));
-        if (snapToPoint) {
-          // We have to run this on the JS thread unfortunately as the scaleLinear functions won't work on UI thread
-          (0, _reactNativeReanimated.runOnJS)(linearScalePositionAndIndex)({
-            xPosition
-          });
-        } else if (!snapToPoint) {
-          currentX.value = xPosition;
-          currentIndex.value = boundedIndex;
-        }
+    if (parsedPath) {
+      // on Web, we could drag the cursor to be negative, breaking it
+      // so we clamp the index at 0 to fix it
+      // https://github.com/coinjar/react-native-wagmi-charts/issues/24
+      const minIndex = 0;
+      const boundedIndex = Math.max(minIndex, Math.round(xPosition / width / (1 / (data ? data.length - 1 : 1))));
+      if (snapToPoint) {
+        // We have to run this on the JS thread unfortunately as the scaleLinear functions won't work on UI thread
+        (0, _reactNativeReanimated.runOnJS)(linearScalePositionAndIndex)({
+          xPosition
+        });
+      } else if (!snapToPoint) {
+        currentX.value = xPosition;
+        currentIndex.value = boundedIndex;
       }
-    },
-    onEnd: () => {
-      isActive.value = false;
-      currentIndex.value = -1;
+    }
+  };
+  const longPressGesture = _reactNativeGestureHandler.Gesture.LongPress().minDuration(0).maxDistance(999999).shouldCancelWhenOutside(shouldCancelWhenOutside).onStart(event => {
+    'worklet';
+
+    if (parsedPath) {
+      const xPosition = Math.max(0, event.x <= width ? event.x : width);
+      isActive.value = true;
+      updatePosition(xPosition);
+      if (onActivated) {
+        (0, _reactNativeReanimated.runOnJS)(onActivated)();
+      }
+    }
+  }).onTouchesMove(event => {
+    'worklet';
+
+    if (parsedPath && isActive.value && event.allTouches.length > 0) {
+      const xPosition = Math.max(0, event.allTouches[0].x <= width ? event.allTouches[0].x : width);
+      updatePosition(xPosition);
+    }
+  }).onEnd(() => {
+    'worklet';
+
+    isActive.value = false;
+    currentIndex.value = -1;
+    if (onEnded) {
+      (0, _reactNativeReanimated.runOnJS)(onEnded)();
     }
   });
   return /*#__PURE__*/React.createElement(CursorContext.Provider, {
     value: {
       type
     }
-  }, /*#__PURE__*/React.createElement(_reactNativeGestureHandler.LongPressGestureHandler, _extends({
-    minDurationMs: 0,
-    maxDist: 999999,
-    onGestureEvent: onGestureEvent,
-    shouldCancelWhenOutside: false
-  }, props), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+  }, /*#__PURE__*/React.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: longPressGesture
+  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
     style: _reactNative.StyleSheet.absoluteFill
   }, children)));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNativeReanimated","_reactNativeGestureHandler","_Chart","_reactNative","_d3Array","_d3Scale","_useLineChart","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","CursorContext","exports","createContext","type","LineChartCursor","displayName","children","snapToPoint","at","props","pathWidth","width","parsedPath","useContext","LineChartDimensionsContext","currentX","currentIndex","isActive","data","xDomain","useLineChart","xValues","useMemo","map","timestamp","scaleX","domainArray","scaleLinear","domain","range","linearScalePositionAndIndex","xPosition","xRelative","invert","closestIndex","bisectCenter","pathDataDelta","Math","abs","curves","closestPathCurve","max","min","newXPosition","to","move","x","value","useEffect","undefined","runOnJS","onGestureEvent","useAnimatedGestureHandler","onActive","minIndex","boundedIndex","round","onEnd","createElement","Provider","LongPressGestureHandler","minDurationMs","maxDist","shouldCancelWhenOutside","View","style","StyleSheet","absoluteFill"],"sourceRoot":"../../../../src","sources":["charts/line/Cursor.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,IAAAC,KAAA,GAAAH,MAAA;AAE/B,IAAAI,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAIA,IAAAG,0BAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AAA8C,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAd,MAAA,CAAAgB,SAAA,CAAAZ,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAS,KAAA,OAAAL,SAAA;AAWvC,MAAMM,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAGtC,KAAK,CAACwC,aAAa,CAAC;EAAEC,IAAI,EAAE;AAAG,CAAC,CAAC;AAE9DC,eAAe,CAACC,WAAW,GAAG,iBAAiB;AAExC,SAASD,eAAeA,CAAC;EAC9BE,QAAQ;EACRC,WAAW;EACXJ,IAAI;EACJK,EAAE;EACF,GAAGC;AACiB,CAAC,EAAE;EACvB,MAAM;IAAEC,SAAS,EAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGlD,KAAK,CAACmD,UAAU,CACvDC,iCACF,CAAC;EACD,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAC1E,MAAMC,OAAO,GAAG3D,KAAK,CAAC4D,OAAO,CAC3B,MAAM,CAACJ,IAAI,IAAI,EAAE,EAAEK,GAAG,CAAC,CAAC;IAAEC;EAAU,CAAC,EAAEpC,CAAC,KAAM+B,OAAO,GAAGK,SAAS,GAAGpC,CAAE,CAAC,EACvE,CAAC8B,IAAI,EAAEC,OAAO,CAChB,CAAC;;EAED;EACA,MAAMM,MAAM,GAAG/D,KAAK,CAAC4D,OAAO,CAAC,MAAM;IACjC,MAAMI,WAAW,GAAGP,OAAO,IAAI,CAAC,CAAC,EAAEE,OAAO,CAAC1B,MAAM,CAAC;IAClD,OAAO,IAAAgC,oBAAW,EAAC,CAAC,CAACC,MAAM,CAACF,WAAW,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC,EAAElB,KAAK,CAAC,CAAC;EAC5D,CAAC,EAAE,CAACA,KAAK,EAAEQ,OAAO,EAAEE,OAAO,CAAC1B,MAAM,CAAC,CAAC;EAEpC,MAAMmC,2BAA2B,GAAGA,CAAC;IACnCC;EAGF,CAAC,KAAK;IACJ,IAAI,CAACnB,UAAU,EAAE;MACf;IACF;;IAEA;IACA,MAAMoB,SAAS,GAAGP,MAAM,CAACQ,MAAM,CAACF,SAAS,CAAC;IAE1C,MAAMG,YAAY,GAAG,IAAAC,qBAAY,EAACd,OAAO,EAAEW,SAAS,CAAC;IACrD,MAAMI,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC1B,UAAU,CAAC2B,MAAM,CAAC5C,MAAM,GAAG0B,OAAO,CAAC1B,MAAM,CAAC,CAAC,CAAC;IAC3E,MAAM6C,gBAAgB,GAAGH,IAAI,CAACI,GAAG,CAC/BJ,IAAI,CAACK,GAAG,CAACR,YAAY,EAAEtB,UAAU,CAAC2B,MAAM,CAAC5C,MAAM,GAAG,CAAC,CAAC,GAAGyC,aAAa,EACpE,CACF,CAAC;IAED,MAAMO,YAAY,GAAG,CACnBT,YAAY,GAAG,CAAC,GACZtB,UAAU,CAAC2B,MAAM,CAACC,gBAAgB,CAAC,CAAEI,EAAE,GACvChC,UAAU,CAACiC,IAAI,EACnBC,CAAC;IACH;IACA9B,YAAY,CAAC+B,KAAK,GAAGb,YAAY;IACjCnB,QAAQ,CAACgC,KAAK,GAAGJ,YAAY;EAC/B,CAAC;EAED,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAIxC,EAAE,KAAKyC,SAAS,EAAE;MACpB,MAAMlB,SAAS,GAAGN,MAAM,CAACjB,EAAE,CAAC;MAC5B,IAAA0C,8BAAO,EAACpB,2BAA2B,CAAC,CAAC;QAAEC;MAAU,CAAC,CAAC;MACnDd,QAAQ,CAAC8B,KAAK,GAAG,IAAI;IACvB;EACF,CAAC,EAAE,CAACvC,EAAE,EAAEiB,MAAM,CAAC,CAAC;EAEhB,MAAM0B,cAAc,GAAG,IAAAC,gDAAyB,EAAoD;IAClGC,QAAQ,EAAEA,CAAC;MAAEP;IAAE,CAAC,KAAK;MACnB,IAAIlC,UAAU,EAAE;QACd,MAAMmB,SAAS,GAAGM,IAAI,CAACI,GAAG,CAAC,CAAC,EAAEK,CAAC,IAAInC,KAAK,GAAGmC,CAAC,GAAGnC,KAAK,CAAC;QACrDM,QAAQ,CAAC8B,KAAK,GAAG,IAAI;;QAErB;QACA;QACA;QACA,MAAMO,QAAQ,GAAG,CAAC;QAClB,MAAMC,YAAY,GAAGlB,IAAI,CAACI,GAAG,CAC3Ba,QAAQ,EACRjB,IAAI,CAACmB,KAAK,CAACzB,SAAS,GAAGpB,KAAK,IAAI,CAAC,IAAIO,IAAI,GAAGA,IAAI,CAACvB,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CACnE,CAAC;QAED,IAAIY,WAAW,EAAE;UACf;UACA,IAAA2C,8BAAO,EAACpB,2BAA2B,CAAC,CAAC;YAAEC;UAAU,CAAC,CAAC;QACrD,CAAC,MAAM,IAAI,CAACxB,WAAW,EAAE;UACvBQ,QAAQ,CAACgC,KAAK,GAAGhB,SAAS;UAC1Bf,YAAY,CAAC+B,KAAK,GAAGQ,YAAY;QACnC;MACF;IACF,CAAC;IACDE,KAAK,EAAEA,CAAA,KAAM;MACXxC,QAAQ,CAAC8B,KAAK,GAAG,KAAK;MACtB/B,YAAY,CAAC+B,KAAK,GAAG,CAAC,CAAC;IACzB;EACF,CAAC,CAAC;EAEF,oBACErF,KAAA,CAAAgG,aAAA,CAAC1D,aAAa,CAAC2D,QAAQ;IAACZ,KAAK,EAAE;MAAE5C;IAAK;EAAE,gBACtCzC,KAAA,CAAAgG,aAAA,CAAC9F,0BAAA,CAAAgG,uBAAuB,EAAAtE,QAAA;IACtBuE,aAAa,EAAE,CAAE;IACjBC,OAAO,EAAE,MAAO;IAChBX,cAAc,EAAEA,cAAe;IAC/BY,uBAAuB,EAAE;EAAM,GAC3BtD,KAAK,gBAET/C,KAAA,CAAAgG,aAAA,CAAC/F,sBAAA,CAAAa,OAAQ,CAACwF,IAAI;IAACC,KAAK,EAAEC,uBAAU,CAACC;EAAa,GAC3C7D,QACY,CACQ,CACH,CAAC;AAE7B","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNativeReanimated","_reactNativeGestureHandler","_Chart","_reactNative","_d3Array","_d3Scale","_useLineChart","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CursorContext","exports","createContext","type","LineChartCursor","displayName","children","snapToPoint","at","shouldCancelWhenOutside","onActivated","onEnded","pathWidth","width","parsedPath","useContext","LineChartDimensionsContext","currentX","currentIndex","isActive","data","xDomain","useLineChart","xValues","useMemo","map","timestamp","scaleX","domainArray","length","scaleLinear","domain","range","linearScalePositionAndIndex","xPosition","xRelative","invert","closestIndex","bisectCenter","pathDataDelta","Math","abs","curves","closestPathCurve","max","min","newXPosition","to","move","x","value","useEffect","undefined","runOnJS","updatePosition","minIndex","boundedIndex","round","longPressGesture","Gesture","LongPress","minDuration","maxDistance","onStart","event","onTouchesMove","allTouches","onEnd","createElement","Provider","GestureDetector","gesture","View","style","StyleSheet","absoluteFill"],"sourceRoot":"../../../../src","sources":["charts/line/Cursor.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from 'react';
 import { StyleSheet } from 'react-native';
-import { LongPressGestureHandler } from 'react-native-gesture-handler';
-import Animated, { useAnimatedGestureHandler, useSharedValue, useAnimatedStyle, useAnimatedReaction, runOnJS } from 'react-native-reanimated';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { useSharedValue, useAnimatedStyle, useAnimatedReaction, runOnJS } from 'react-native-reanimated';
 import { clamp } from 'react-native-redash';
 import { CandlestickChartDimensionsContext } from './Chart';
 import { CandlestickChartLine } from './Line';
@@ -14,8 +14,7 @@ export function CandlestickChartCrosshair({
   children,
   horizontalCrosshairProps = {},
   verticalCrosshairProps = {},
-  lineProps = {},
-  ...props
+  lineProps = {}
 }) {
   const {
     width,
@@ -28,26 +27,35 @@ export function CandlestickChartCrosshair({
   } = useCandlestickChart();
   const tooltipPosition = useSharedValue('left');
   const opacity = useSharedValue(0);
-  const onGestureEvent = useAnimatedGestureHandler({
-    onActive: ({
-      x,
-      y
-    }) => {
-      const boundedX = x <= width - 1 ? x : width - 1;
-      if (boundedX < 100) {
-        tooltipPosition.value = 'right';
-      } else {
-        tooltipPosition.value = 'left';
-      }
-      opacity.value = 1;
-      currentY.value = clamp(y, 0, height);
-      currentX.value = boundedX - boundedX % step + step / 2;
-    },
-    onEnd: () => {
-      opacity.value = 0;
-      currentY.value = -1;
-      currentX.value = -1;
+  const updatePosition = (x, y) => {
+    'worklet';
+
+    const boundedX = x <= width - 1 ? x : width - 1;
+    if (boundedX < 100) {
+      tooltipPosition.value = 'right';
+    } else {
+      tooltipPosition.value = 'left';
     }
+    currentY.value = clamp(y, 0, height);
+    currentX.value = boundedX - boundedX % step + step / 2;
+  };
+  const longPressGesture = Gesture.LongPress().minDuration(0).maxDistance(999999).onStart(event => {
+    'worklet';
+
+    opacity.value = 1;
+    updatePosition(event.x, event.y);
+  }).onTouchesMove(event => {
+    'worklet';
+
+    if (opacity.value === 1 && event.allTouches.length > 0) {
+      updatePosition(event.allTouches[0].x, event.allTouches[0].y);
+    }
+  }).onEnd(() => {
+    'worklet';
+
+    opacity.value = 0;
+    currentY.value = -1;
+    currentX.value = -1;
   });
   const horizontal = useAnimatedStyle(() => ({
     opacity: opacity.value,
@@ -66,11 +74,9 @@ export function CandlestickChartCrosshair({
       runOnJS(onCurrentXChange)(data);
     }
   }, [currentX]);
-  return /*#__PURE__*/React.createElement(LongPressGestureHandler, _extends({
-    minDurationMs: 0,
-    maxDist: 999999,
-    onGestureEvent: onGestureEvent
-  }, props), /*#__PURE__*/React.createElement(Animated.View, {
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: longPressGesture
+  }, /*#__PURE__*/React.createElement(Animated.View, {
     style: StyleSheet.absoluteFill
   }, /*#__PURE__*/React.createElement(Animated.View, _extends({
     style: [StyleSheet.absoluteFill, horizontal]

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

@@ -1 +1 @@
-{"version":3,"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","createElement","_extends","minDurationMs","maxDist","View","style","absoluteFill","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Gesture","GestureDetector","Animated","useSharedValue","useAnimatedStyle","useAnimatedReaction","runOnJS","clamp","CandlestickChartDimensionsContext","CandlestickChartLine","useCandlestickChart","CandlestickChartCrosshairTooltipContext","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","width","height","useContext","currentX","currentY","step","tooltipPosition","opacity","updatePosition","x","y","boundedX","value","longPressGesture","LongPress","minDuration","maxDistance","onStart","event","onTouchesMove","allTouches","length","onEnd","horizontal","transform","translateY","vertical","translateX","data","prevData","createElement","gesture","View","style","absoluteFill","_extends","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAmB,cAAc;AACpD,SACEC,OAAO,EACPC,eAAe,QAGV,8BAA8B;AACrC,OAAOC,QAAQ,IACbC,cAAc,EACdC,gBAAgB,EAChBC,mBAAmB,EACnBC,OAAO,QACF,yBAAyB;AAChC,SAASC,KAAK,QAAQ,qBAAqB;AAE3C,SAASC,iCAAiC,QAAQ,SAAS;AAC3D,SAASC,oBAAoB,QAAmC,QAAQ;AACxE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,uCAAuC,QAAQ,oBAAoB;AAW5E,OAAO,SAASC,yBAAyBA,CAAC;EACxCC,KAAK;EACLC,gBAAgB;EAChBC,QAAQ;EACRC,wBAAwB,GAAG,CAAC,CAAC;EAC7BC,sBAAsB,GAAG,CAAC,CAAC;EAC3BC,SAAS,GAAG,CAAC;AACiB,CAAC,EAAE;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGtB,KAAK,CAACuB,UAAU,CAACb,iCAAiC,CAAC;EAC7E,MAAM;IAAEc,QAAQ;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGd,mBAAmB,CAAC,CAAC;EAE1D,MAAMe,eAAe,GAAGtB,cAAc,CAAmB,MAAM,CAAC;EAEhE,MAAMuB,OAAO,GAAGvB,cAAc,CAAC,CAAC,CAAC;EAEjC,MAAMwB,cAAc,GAAGA,CAACC,CAAS,EAAEC,CAAS,KAAK;IAC/C,SAAS;;IACT,MAAMC,QAAQ,GAAGF,CAAC,IAAIT,KAAK,GAAG,CAAC,GAAGS,CAAC,GAAGT,KAAK,GAAG,CAAC;IAC/C,IAAIW,QAAQ,GAAG,GAAG,EAAE;MAClBL,eAAe,CAACM,KAAK,GAAG,OAAO;IACjC,CAAC,MAAM;MACLN,eAAe,CAACM,KAAK,GAAG,MAAM;IAChC;IACAR,QAAQ,CAACQ,KAAK,GAAGxB,KAAK,CAACsB,CAAC,EAAE,CAAC,EAAET,MAAM,CAAC;IACpCE,QAAQ,CAACS,KAAK,GAAGD,QAAQ,GAAIA,QAAQ,GAAGN,IAAK,GAAGA,IAAI,GAAG,CAAC;EAC1D,CAAC;EAED,MAAMQ,gBAAgB,GAAGhC,OAAO,CAACiC,SAAS,CAAC,CAAC,CACzCC,WAAW,CAAC,CAAC,CAAC,CACdC,WAAW,CAAC,MAAM,CAAC,CACnBC,OAAO,CACLC,KAAmE,IAAK;IACvE,SAAS;;IACTX,OAAO,CAACK,KAAK,GAAG,CAAC;IACjBJ,cAAc,CAACU,KAAK,CAACT,CAAC,EAAES,KAAK,CAACR,CAAC,CAAC;EAClC,CACF,CAAC,CACAS,aAAa,CAAED,KAAK,IAAK;IACxB,SAAS;;IACT,IAAIX,OAAO,CAACK,KAAK,KAAK,CAAC,IAAIM,KAAK,CAACE,UAAU,CAACC,MAAM,GAAG,CAAC,EAAE;MACtDb,cAAc,CAACU,KAAK,CAACE,UAAU,CAAC,CAAC,CAAC,CAAEX,CAAC,EAAES,KAAK,CAACE,UAAU,CAAC,CAAC,CAAC,CAAEV,CAAC,CAAC;IAChE;EACF,CAAC,CAAC,CACDY,KAAK,CAAC,MAAM;IACX,SAAS;;IACTf,OAAO,CAACK,KAAK,GAAG,CAAC;IACjBR,QAAQ,CAACQ,KAAK,GAAG,CAAC,CAAC;IACnBT,QAAQ,CAACS,KAAK,GAAG,CAAC,CAAC;EACrB,CAAC,CAAC;EACJ,MAAMW,UAAU,GAAGtC,gBAAgB,CACjC,OAAO;IACLsB,OAAO,EAAEA,OAAO,CAACK,KAAK;IACtBY,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAErB,QAAQ,CAACQ;IAAM,CAAC;EAC5C,CAAC,CAAC,EACF,CAACL,OAAO,EAAEH,QAAQ,CACpB,CAAC;EACD,MAAMsB,QAAQ,GAAGzC,gBAAgB,CAC/B,OAAO;IACLsB,OAAO,EAAEA,OAAO,CAACK,KAAK;IACtBY,SAAS,EAAE,CAAC;MAAEG,UAAU,EAAExB,QAAQ,CAACS;IAAM,CAAC;EAC5C,CAAC,CAAC,EACF,CAACL,OAAO,EAAEJ,QAAQ,CACpB,CAAC;EAEDjB,mBAAmB,CACjB,MAAMiB,QAAQ,CAACS,KAAK,EACpB,CAACgB,IAAI,EAAEC,QAAQ,KAAK;IAClB,IAAID,IAAI,KAAK,CAAC,CAAC,IAAIA,IAAI,KAAKC,QAAQ,IAAIlC,gBAAgB,EAAE;MACxDR,OAAO,CAACQ,gBAAgB,CAAC,CAACiC,IAAI,CAAC;IACjC;EACF,CAAC,EACD,CAACzB,QAAQ,CACX,CAAC;EAED,oBACExB,KAAA,CAAAmD,aAAA,CAAChD,eAAe;IAACiD,OAAO,EAAElB;EAAiB,gBACzClC,KAAA,CAAAmD,aAAA,CAAC/C,QAAQ,CAACiD,IAAI;IAACC,KAAK,EAAErD,UAAU,CAACsD;EAAa,gBAC5CvD,KAAA,CAAAmD,aAAA,CAAC/C,QAAQ,CAACiD,IAAI,EAAAG,QAAA;IACZF,KAAK,EAAE,CAACrD,UAAU,CAACsD,YAAY,EAAEX,UAAU;EAAE,GACzC1B,wBAAwB,gBAE5BlB,KAAA,CAAAmD,aAAA,CAACxC,oBAAoB,EAAA6C,QAAA;IAACzC,KAAK,EAAEA,KAAM;IAACe,CAAC,EAAET,KAAM;IAACU,CAAC,EAAE;EAAE,GAAKX,SAAS,CAAG,CAAC,eACrEpB,KAAA,CAAAmD,aAAA,CAACtC,uCAAuC,CAAC4C,QAAQ;IAC/CxB,KAAK,EAAE;MAAEyB,QAAQ,EAAE/B;IAAgB;EAAE,GAEpCV,QAC+C,CACrC,CAAC,eAChBjB,KAAA,CAAAmD,aAAA,CAAC/C,QAAQ,CAACiD,IAAI,EAAAG,QAAA;IACZF,KAAK,EAAE,CAACrD,UAAU,CAACsD,YAAY,EAAER,QAAQ;EAAE,GACvC5B,sBAAsB,gBAE1BnB,KAAA,CAAAmD,aAAA,CAACxC,oBAAoB,EAAA6C,QAAA;IAACzC,KAAK,EAAEA,KAAM;IAACe,CAAC,EAAE,CAAE;IAACC,CAAC,EAAET;EAAO,GAAKF,SAAS,CAAG,CACxD,CACF,CACA,CAAC;AAEtB","ignoreList":[]}

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

@@ -1,13 +1,12 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from 'react';
-import Animated, { runOnJS, useAnimatedGestureHandler } from 'react-native-reanimated';
-import { LongPressGestureHandler } from 'react-native-gesture-handler';
+import Animated, { runOnJS } from 'react-native-reanimated';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { LineChartDimensionsContext } from './Chart';
 import { StyleSheet } from 'react-native';
 import { bisectCenter } from 'd3-array';
 import { scaleLinear } from 'd3-scale';
 import { useLineChart } from './useLineChart';
-import { useEffect } from "react";
+import { useEffect } from 'react';
 export const CursorContext = /*#__PURE__*/React.createContext({
   type: ''
 });
@@ -17,7 +16,9 @@ export function LineChartCursor({
   snapToPoint,
   type,
   at,
-  ...props
+  shouldCancelWhenOutside = false,
+  onActivated,
+  onEnded
 }) {
   const {
     pathWidth: width,
@@ -65,45 +66,60 @@ export function LineChartCursor({
       isActive.value = true;
     }
   }, [at, scaleX]);
-  const onGestureEvent = useAnimatedGestureHandler({
-    onActive: ({
-      x
-    }) => {
-      if (parsedPath) {
-        const xPosition = Math.max(0, x <= width ? x : width);
-        isActive.value = true;
+  const updatePosition = xPosition => {
+    'worklet';
 
-        // on Web, we could drag the cursor to be negative, breaking it
-        // so we clamp the index at 0 to fix it
-        // https://github.com/coinjar/react-native-wagmi-charts/issues/24
-        const minIndex = 0;
-        const boundedIndex = Math.max(minIndex, Math.round(xPosition / width / (1 / (data ? data.length - 1 : 1))));
-        if (snapToPoint) {
-          // We have to run this on the JS thread unfortunately as the scaleLinear functions won't work on UI thread
-          runOnJS(linearScalePositionAndIndex)({
-            xPosition
-          });
-        } else if (!snapToPoint) {
-          currentX.value = xPosition;
-          currentIndex.value = boundedIndex;
-        }
+    if (parsedPath) {
+      // on Web, we could drag the cursor to be negative, breaking it
+      // so we clamp the index at 0 to fix it
+      // https://github.com/coinjar/react-native-wagmi-charts/issues/24
+      const minIndex = 0;
+      const boundedIndex = Math.max(minIndex, Math.round(xPosition / width / (1 / (data ? data.length - 1 : 1))));
+      if (snapToPoint) {
+        // We have to run this on the JS thread unfortunately as the scaleLinear functions won't work on UI thread
+        runOnJS(linearScalePositionAndIndex)({
+          xPosition
+        });
+      } else if (!snapToPoint) {
+        currentX.value = xPosition;
+        currentIndex.value = boundedIndex;
       }
-    },
-    onEnd: () => {
-      isActive.value = false;
-      currentIndex.value = -1;
+    }
+  };
+  const longPressGesture = Gesture.LongPress().minDuration(0).maxDistance(999999).shouldCancelWhenOutside(shouldCancelWhenOutside).onStart(event => {
+    'worklet';
+
+    if (parsedPath) {
+      const xPosition = Math.max(0, event.x <= width ? event.x : width);
+      isActive.value = true;
+      updatePosition(xPosition);
+      if (onActivated) {
+        runOnJS(onActivated)();
+      }
+    }
+  }).onTouchesMove(event => {
+    'worklet';
+
+    if (parsedPath && isActive.value && event.allTouches.length > 0) {
+      const xPosition = Math.max(0, event.allTouches[0].x <= width ? event.allTouches[0].x : width);
+      updatePosition(xPosition);
+    }
+  }).onEnd(() => {
+    'worklet';
+
+    isActive.value = false;
+    currentIndex.value = -1;
+    if (onEnded) {
+      runOnJS(onEnded)();
     }
   });
   return /*#__PURE__*/React.createElement(CursorContext.Provider, {
     value: {
       type
     }
-  }, /*#__PURE__*/React.createElement(LongPressGestureHandler, _extends({
-    minDurationMs: 0,
-    maxDist: 999999,
-    onGestureEvent: onGestureEvent,
-    shouldCancelWhenOutside: false
-  }, props), /*#__PURE__*/React.createElement(Animated.View, {
+  }, /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: longPressGesture
+  }, /*#__PURE__*/React.createElement(Animated.View, {
     style: StyleSheet.absoluteFill
   }, children)));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","runOnJS","useAnimatedGestureHandler","LongPressGestureHandler","LineChartDimensionsContext","StyleSheet","bisectCenter","scaleLinear","useLineChart","useEffect","CursorContext","createContext","type","LineChartCursor","displayName","children","snapToPoint","at","props","pathWidth","width","parsedPath","useContext","currentX","currentIndex","isActive","data","xDomain","xValues","useMemo","map","timestamp","i","scaleX","domainArray","length","domain","range","linearScalePositionAndIndex","xPosition","xRelative","invert","closestIndex","pathDataDelta","Math","abs","curves","closestPathCurve","max","min","newXPosition","to","move","x","value","undefined","onGestureEvent","onActive","minIndex","boundedIndex","round","onEnd","createElement","Provider","_extends","minDurationMs","maxDist","shouldCancelWhenOutside","View","style","absoluteFill"],"sourceRoot":"../../../../src","sources":["charts/line/Cursor.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Animated","runOnJS","Gesture","GestureDetector","LineChartDimensionsContext","StyleSheet","bisectCenter","scaleLinear","useLineChart","useEffect","CursorContext","createContext","type","LineChartCursor","displayName","children","snapToPoint","at","shouldCancelWhenOutside","onActivated","onEnded","pathWidth","width","parsedPath","useContext","currentX","currentIndex","isActive","data","xDomain","xValues","useMemo","map","timestamp","i","scaleX","domainArray","length","domain","range","linearScalePositionAndIndex","xPosition","xRelative","invert","closestIndex","pathDataDelta","Math","abs","curves","closestPathCurve","max","min","newXPosition","to","move","x","value","undefined","updatePosition","minIndex","boundedIndex","round","longPressGesture","LongPress","minDuration","maxDistance","onStart","event","onTouchesMove","allTouches","onEnd","createElement","Provider","gesture","View","style","absoluteFill"],"sourceRoot":"../../../../src","sources":["charts/line/Cursor.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,27 +1,8 @@
 import * as React from 'react';
 import { ViewProps } from 'react-native';
-import { LongPressGestureHandler, LongPressGestureHandlerProps } from 'react-native-gesture-handler';
 import Animated from 'react-native-reanimated';
 import { CandlestickChartLineProps } from './Line';
-type MinDurationOverride = LongPressGestureHandlerProps['minDurationMs'];
-type MaxDistOverride = LongPressGestureHandlerProps['maxDist'];
-type LongPressGestureHandlerOverride = Omit<LongPressGestureHandler, 'minDuration' | 'maxDist'> & {
-    /**
-     * Minimum time, expressed in milliseconds, that a finger must remain
-     * pressed on the corresponding view.
-     * @default 0
-     */
-    minDuration?: MinDurationOverride;
-    /**
-     * Maximum distance, expressed in points, that defines how far the finger is
-     * allowed to travel during a long press gesture. If the finger travels
-     * further than the defined distance and the handler hasn't yet activated,
-     * it will fail to recognize the gesture.
-     * @default 999999
-     */
-    maxDist?: MaxDistOverride;
-};
-type CandlestickChartCrosshairProps = LongPressGestureHandlerOverride & {
+type CandlestickChartCrosshairProps = {
     color?: string;
     children?: React.ReactNode;
     onCurrentXChange?: (value: number) => unknown;
@@ -29,6 +10,6 @@ type CandlestickChartCrosshairProps = LongPressGestureHandlerOverride & {
     verticalCrosshairProps?: Animated.AnimateProps<ViewProps>;
     lineProps?: Partial<CandlestickChartLineProps>;
 };
-export declare function CandlestickChartCrosshair({ color, onCurrentXChange, children, horizontalCrosshairProps, verticalCrosshairProps, lineProps, ...props }: CandlestickChartCrosshairProps): React.JSX.Element;
+export declare function CandlestickChartCrosshair({ color, onCurrentXChange, children, horizontalCrosshairProps, verticalCrosshairProps, lineProps, }: CandlestickChartCrosshairProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Crosshair.d.ts.map

package/lib/typescript/src/charts/candle/Crosshair.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Crosshair.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/Crosshair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAEL,uBAAuB,EAEvB,4BAA4B,EAC7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,QAMN,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAwB,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAIzE,KAAK,mBAAmB,GAAG,4BAA4B,CAAC,eAAe,CAAC,CAAC;AACzE,KAAK,eAAe,GAAG,4BAA4B,CAAC,SAAS,CAAC,CAAC;AAE/D,KAAK,+BAA+B,GAAG,IAAI,CAAC,uBAAuB,EAAE,aAAa,GAAG,SAAS,CAAC,GAAG;IAChG;;;;OAIG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,KAAK,8BAA8B,GAAG,+BAA+B,GAAG;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,wBAAwB,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5D,sBAAsB,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAChD,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,wBAA6B,EAC7B,sBAA2B,EAC3B,SAAc,EACd,GAAG,KAAK,EACT,EAAE,8BAA8B,qBAgFhC"}
+{"version":3,"file":"Crosshair.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/Crosshair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAOrD,OAAO,QAKN,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAwB,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAIzE,KAAK,8BAA8B,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,wBAAwB,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5D,sBAAsB,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAChD,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,wBAA6B,EAC7B,sBAA2B,EAC3B,SAAc,GACf,EAAE,8BAA8B,qBA0FhC"}

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

@@ -1,15 +1,17 @@
 import * as React from 'react';
-import { LongPressGestureHandlerProps } from 'react-native-gesture-handler';
-export type LineChartCursorProps = LongPressGestureHandlerProps & {
+export type LineChartCursorProps = {
     children: React.ReactNode;
     type: 'line' | 'crosshair';
     snapToPoint?: boolean;
     at?: number;
+    shouldCancelWhenOutside?: boolean;
+    onActivated?: () => void;
+    onEnded?: () => void;
 };
 export declare const CursorContext: React.Context<{
     type: string;
 }>;
-export declare function LineChartCursor({ children, snapToPoint, type, at, ...props }: LineChartCursorProps): React.JSX.Element;
+export declare function LineChartCursor({ children, snapToPoint, type, at, shouldCancelWhenOutside, onActivated, onEnded, }: LineChartCursorProps): React.JSX.Element;
 export declare namespace LineChartCursor {
     var displayName: string;
 }

package/lib/typescript/src/charts/line/Cursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Cursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAIL,4BAA4B,EAC7B,MAAM,8BAA8B,CAAC;AAStC,MAAM,MAAM,oBAAoB,GAAG,4BAA4B,GAAG;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAE3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,aAAa;;EAAoC,CAAC;AAI/D,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAkGtB;yBAxGe,eAAe"}
+{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Cursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAE3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa;;EAAoC,CAAC;AAI/D,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,EAAE,EACF,uBAA+B,EAC/B,WAAW,EACX,OAAO,GACR,EAAE,oBAAoB,qBAuHtB;yBA/He,eAAe"}

package/package.json

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

package/src/charts/candle/Crosshair.tsx

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import { StyleSheet, ViewProps } from 'react-native';
 import {
-  GestureEvent,
-  LongPressGestureHandler,
+  Gesture,
+  GestureDetector,
+  GestureStateChangeEvent,
   LongPressGestureHandlerEventPayload,
-  LongPressGestureHandlerProps,
 } from 'react-native-gesture-handler';
 import Animated, {
-  useAnimatedGestureHandler,
   useSharedValue,
   useAnimatedStyle,
   useAnimatedReaction,
@@ -20,27 +19,7 @@ import { CandlestickChartLine, CandlestickChartLineProps } from './Line';
 import { useCandlestickChart } from './useCandlestickChart';
 import { CandlestickChartCrosshairTooltipContext } from './CrosshairTooltip';
 
-type MinDurationOverride = LongPressGestureHandlerProps['minDurationMs'];
-type MaxDistOverride = LongPressGestureHandlerProps['maxDist'];
-
-type LongPressGestureHandlerOverride = Omit<LongPressGestureHandler, 'minDuration' | 'maxDist'> & {
-  /**
-   * Minimum time, expressed in milliseconds, that a finger must remain
-   * pressed on the corresponding view.
-   * @default 0
-   */
-  minDuration?: MinDurationOverride;
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is
-   * allowed to travel during a long press gesture. If the finger travels
-   * further than the defined distance and the handler hasn't yet activated, 
-   * it will fail to recognize the gesture. 
-   * @default 999999
-   */
-  maxDist?: MaxDistOverride;
-};
-
-type CandlestickChartCrosshairProps = LongPressGestureHandlerOverride & {
+type CandlestickChartCrosshairProps = {
   color?: string;
   children?: React.ReactNode;
   onCurrentXChange?: (value: number) => unknown;
@@ -56,7 +35,6 @@ export function CandlestickChartCrosshair({
   horizontalCrosshairProps = {},
   verticalCrosshairProps = {},
   lineProps = {},
-  ...props
 }: CandlestickChartCrosshairProps) {
   const { width, height } = React.useContext(CandlestickChartDimensionsContext);
   const { currentX, currentY, step } = useCandlestickChart();
@@ -64,26 +42,41 @@ export function CandlestickChartCrosshair({
   const tooltipPosition = useSharedValue<'left' | 'right'>('left');
 
   const opacity = useSharedValue(0);
-  const onGestureEvent = useAnimatedGestureHandler<
-    GestureEvent<LongPressGestureHandlerEventPayload>
-  >({
-    onActive: ({ x, y }) => {
-      const boundedX = x <= width - 1 ? x : width - 1;
-      if (boundedX < 100) {
-        tooltipPosition.value = 'right';
-      } else {
-        tooltipPosition.value = 'left';
+
+  const updatePosition = (x: number, y: number) => {
+    'worklet';
+    const boundedX = x <= width - 1 ? x : width - 1;
+    if (boundedX < 100) {
+      tooltipPosition.value = 'right';
+    } else {
+      tooltipPosition.value = 'left';
+    }
+    currentY.value = clamp(y, 0, height);
+    currentX.value = boundedX - (boundedX % step) + step / 2;
+  };
+
+  const longPressGesture = Gesture.LongPress()
+    .minDuration(0)
+    .maxDistance(999999)
+    .onStart(
+      (event: GestureStateChangeEvent<LongPressGestureHandlerEventPayload>) => {
+        'worklet';
+        opacity.value = 1;
+        updatePosition(event.x, event.y);
       }
-      opacity.value = 1;
-      currentY.value = clamp(y, 0, height);
-      currentX.value = boundedX - (boundedX % step) + step / 2;
-    },
-    onEnd: () => {
+    )
+    .onTouchesMove((event) => {
+      'worklet';
+      if (opacity.value === 1 && event.allTouches.length > 0) {
+        updatePosition(event.allTouches[0]!.x, event.allTouches[0]!.y);
+      }
+    })
+    .onEnd(() => {
+      'worklet';
       opacity.value = 0;
       currentY.value = -1;
       currentX.value = -1;
-    },
-  });
+    });
   const horizontal = useAnimatedStyle(
     () => ({
       opacity: opacity.value,
@@ -110,12 +103,7 @@ export function CandlestickChartCrosshair({
   );
 
   return (
-    <LongPressGestureHandler
-      minDurationMs={0}
-      maxDist={999999}
-      onGestureEvent={onGestureEvent}
-      {...props}
-    >
+    <GestureDetector gesture={longPressGesture}>
       <Animated.View style={StyleSheet.absoluteFill}>
         <Animated.View
           style={[StyleSheet.absoluteFill, horizontal]}
@@ -135,6 +123,6 @@ export function CandlestickChartCrosshair({
           <CandlestickChartLine color={color} x={0} y={height} {...lineProps} />
         </Animated.View>
       </Animated.View>
-    </LongPressGestureHandler>
+    </GestureDetector>
   );
 }

package/src/charts/line/Cursor.tsx

@@ -1,14 +1,11 @@
 import * as React from 'react';
 
-import Animated, {
-  runOnJS,
-  useAnimatedGestureHandler,
-} from 'react-native-reanimated';
+import Animated, { runOnJS } from 'react-native-reanimated';
 import {
-  GestureEvent,
-  LongPressGestureHandler,
+  Gesture,
+  GestureDetector,
+  GestureStateChangeEvent,
   LongPressGestureHandlerEventPayload,
-  LongPressGestureHandlerProps,
 } from 'react-native-gesture-handler';
 
 import { LineChartDimensionsContext } from './Chart';
@@ -16,14 +13,17 @@ import { StyleSheet } from 'react-native';
 import { bisectCenter } from 'd3-array';
 import { scaleLinear } from 'd3-scale';
 import { useLineChart } from './useLineChart';
-import { useEffect } from "react";
+import { useEffect } from 'react';
 
-export type LineChartCursorProps = LongPressGestureHandlerProps & {
+export type LineChartCursorProps = {
   children: React.ReactNode;
   type: 'line' | 'crosshair';
   // Does not work on web due to how the Cursor operates on web
   snapToPoint?: boolean;
   at?: number;
+  shouldCancelWhenOutside?: boolean;
+  onActivated?: () => void;
+  onEnded?: () => void;
 };
 
 export const CursorContext = React.createContext({ type: '' });
@@ -35,7 +35,9 @@ export function LineChartCursor({
   snapToPoint,
   type,
   at,
-  ...props
+  shouldCancelWhenOutside = false,
+  onActivated,
+  onEnded,
 }: LineChartCursorProps) {
   const { pathWidth: width, parsedPath } = React.useContext(
     LineChartDimensionsContext
@@ -89,49 +91,70 @@ export function LineChartCursor({
     }
   }, [at, scaleX]);
 
-  const onGestureEvent = useAnimatedGestureHandler<GestureEvent<LongPressGestureHandlerEventPayload>>({
-    onActive: ({ x }) => {
-      if (parsedPath) {
-        const xPosition = Math.max(0, x <= width ? x : width);
-        isActive.value = true;
-
-        // on Web, we could drag the cursor to be negative, breaking it
-        // so we clamp the index at 0 to fix it
-        // https://github.com/coinjar/react-native-wagmi-charts/issues/24
-        const minIndex = 0;
-        const boundedIndex = Math.max(
-          minIndex,
-          Math.round(xPosition / width / (1 / (data ? data.length - 1 : 1)))
-        );
-
-        if (snapToPoint) {
-          // We have to run this on the JS thread unfortunately as the scaleLinear functions won't work on UI thread
-          runOnJS(linearScalePositionAndIndex)({ xPosition });
-        } else if (!snapToPoint) {
-          currentX.value = xPosition;
-          currentIndex.value = boundedIndex;
+  const updatePosition = (xPosition: number) => {
+    'worklet';
+    if (parsedPath) {
+      // on Web, we could drag the cursor to be negative, breaking it
+      // so we clamp the index at 0 to fix it
+      // https://github.com/coinjar/react-native-wagmi-charts/issues/24
+      const minIndex = 0;
+      const boundedIndex = Math.max(
+        minIndex,
+        Math.round(xPosition / width / (1 / (data ? data.length - 1 : 1)))
+      );
+
+      if (snapToPoint) {
+        // We have to run this on the JS thread unfortunately as the scaleLinear functions won't work on UI thread
+        runOnJS(linearScalePositionAndIndex)({ xPosition });
+      } else if (!snapToPoint) {
+        currentX.value = xPosition;
+        currentIndex.value = boundedIndex;
+      }
+    }
+  };
+
+  const longPressGesture = Gesture.LongPress()
+    .minDuration(0)
+    .maxDistance(999999)
+    .shouldCancelWhenOutside(shouldCancelWhenOutside)
+    .onStart(
+      (event: GestureStateChangeEvent<LongPressGestureHandlerEventPayload>) => {
+        'worklet';
+        if (parsedPath) {
+          const xPosition = Math.max(0, event.x <= width ? event.x : width);
+          isActive.value = true;
+          updatePosition(xPosition);
+
+          if (onActivated) {
+            runOnJS(onActivated)();
+          }
         }
       }
-    },
-    onEnd: () => {
+    )
+    .onTouchesMove((event) => {
+      'worklet';
+      if (parsedPath && isActive.value && event.allTouches.length > 0) {
+        const xPosition = Math.max(0, event.allTouches[0]!.x <= width ? event.allTouches[0]!.x : width);
+        updatePosition(xPosition);
+      }
+    })
+    .onEnd(() => {
+      'worklet';
       isActive.value = false;
       currentIndex.value = -1;
-    },
-  });
+
+      if (onEnded) {
+        runOnJS(onEnded)();
+      }
+    });
 
   return (
     <CursorContext.Provider value={{ type }}>
-      <LongPressGestureHandler
-        minDurationMs={0}
-        maxDist={999999}
-        onGestureEvent={onGestureEvent}
-        shouldCancelWhenOutside={false}
-        {...props}
-      >
+      <GestureDetector gesture={longPressGesture}>
         <Animated.View style={StyleSheet.absoluteFill}>
           {children}
         </Animated.View>
-      </LongPressGestureHandler>
+      </GestureDetector>
     </CursorContext.Provider>
   );
 }