react-native-wagmi-charts 2.2.0 → 2.3.2

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

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["interpolate","Extrapolate","getDomain","rows","values","map","high","low","flat","min","Math","max","getY","value","domain","maxHeight","CLAMP","getHeight","getPrice","y","reverse"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,WAAtB,QAAyC,yBAAzC;AAIA,OAAO,SAASC,SAAT,CAAmBC,IAAnB,EAAgE;AACrE;;AACA,QAAMC,MAAM,GAAGD,IAAI,CAACE,GAAL,CAAS,CAAC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAD,KAAmB,CAACD,IAAD,EAAOC,GAAP,CAA5B,EAAyCC,IAAzC,EAAf;AACA,QAAMC,GAAG,GAAGC,IAAI,CAACD,GAAL,CAAS,GAAGL,MAAZ,CAAZ;AACA,QAAMO,GAAG,GAAGD,IAAI,CAACC,GAAL,CAAS,GAAGP,MAAZ,CAAZ;AACA,SAAO,CAACK,GAAG,GAAG,CAACE,GAAG,GAAGF,GAAP,IAAc,KAArB,EAA4BE,GAAG,GAAG,CAACA,GAAG,GAAGF,GAAP,IAAc,KAAhD,CAAP;AACD;AAED,OAAO,SAASG,IAAT,CAAc;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA,MAFmB;AAGnBC,EAAAA;AAHmB,CAAd,EAQJ;AACD;;AACA,SAAOf,WAAW,CAACa,KAAD,EAAQC,MAAR,EAAgB,CAACC,SAAD,EAAY,CAAZ,CAAhB,EAAgCd,WAAW,CAACe,KAA5C,CAAlB;AACD;AAED,OAAO,SAASC,SAAT,CAAmB;AACxBJ,EAAAA,KADwB;AAExBC,EAAAA,MAFwB;AAGxBC,EAAAA;AAHwB,CAAnB,EAQJ;AACD;;AACA,SAAOf,WAAW,CAChBa,KADgB,EAEhB,CAAC,CAAD,EAAIH,IAAI,CAACC,GAAL,CAAS,GAAGG,MAAZ,IAAsBJ,IAAI,CAACD,GAAL,CAAS,GAAGK,MAAZ,CAA1B,CAFgB,EAGhB,CAAC,CAAD,EAAIC,SAAJ,CAHgB,EAIhBd,WAAW,CAACe,KAJI,CAAlB;AAMD;AAED,OAAO,SAASE,QAAT,CAAkB;AACvBC,EAAAA,CADuB;AAEvBL,EAAAA,MAFuB;AAGvBC,EAAAA;AAHuB,CAAlB,EAQJ;AACD;;AACA,MAAII,CAAC,KAAK,CAAC,CAAX,EAAc,OAAO,CAAC,CAAR;AACd,SAAOnB,WAAW,CAACmB,CAAD,EAAI,CAAC,CAAD,EAAIJ,SAAJ,CAAJ,EAAoBD,MAAM,CAACM,OAAP,EAApB,EAAsCnB,WAAW,CAACe,KAAlD,CAAlB;AACD","sourcesContent":["import { interpolate, Extrapolate } from 'react-native-reanimated';\n\nimport type { TCandle, TDomain } from './types';\n\nexport function getDomain(rows: TCandle[]): [min: number, max: number] {\n  'worklet';\n  const values = rows.map(({ high, low }) => [high, low]).flat();\n  const min = Math.min(...values);\n  const max = Math.max(...values);\n  return [min - (max - min) * 0.025, max + (max - min) * 0.025];\n}\n\nexport function getY({\n  value,\n  domain,\n  maxHeight,\n}: {\n  value: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  return interpolate(value, domain, [maxHeight, 0], Extrapolate.CLAMP);\n}\n\nexport function getHeight({\n  value,\n  domain,\n  maxHeight,\n}: {\n  value: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  return interpolate(\n    value,\n    [0, Math.max(...domain) - Math.min(...domain)],\n    [0, maxHeight],\n    Extrapolate.CLAMP\n  );\n}\n\nexport function getPrice({\n  y,\n  domain,\n  maxHeight,\n}: {\n  y: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  if (y === -1) return -1;\n  return interpolate(y, [0, maxHeight], domain.reverse(), Extrapolate.CLAMP);\n}\n"]}
+{"version":3,"names":["interpolate","Extrapolate","getDomain","rows","values","map","high","low","flat","min","Math","max","getY","value","domain","maxHeight","CLAMP","getHeight","getPrice","y","reverse"],"sourceRoot":"../../../../src","sources":["charts/candle/utils.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,WAAW,QAAQ,yBAAyB;AAIlE,OAAO,SAASC,SAASA,CAACC,IAAe,EAA8B;EACrE,SAAS;;EACT,MAAMC,MAAM,GAAGD,IAAI,CAACE,GAAG,CAAC,CAAC;IAAEC,IAAI;IAAEC;EAAI,CAAC,KAAK,CAACD,IAAI,EAAEC,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;EAC9D,MAAMC,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,GAAGL,MAAM,CAAC;EAC/B,MAAMO,GAAG,GAAGD,IAAI,CAACC,GAAG,CAAC,GAAGP,MAAM,CAAC;EAC/B,OAAO,CAACK,GAAG,GAAG,CAACE,GAAG,GAAGF,GAAG,IAAI,KAAK,EAAEE,GAAG,GAAG,CAACA,GAAG,GAAGF,GAAG,IAAI,KAAK,CAAC;AAC/D;AAEA,OAAO,SAASG,IAAIA,CAAC;EACnBC,KAAK;EACLC,MAAM;EACNC;AAKF,CAAC,EAAE;EACD,SAAS;;EACT,OAAOf,WAAW,CAACa,KAAK,EAAEC,MAAM,EAAE,CAACC,SAAS,EAAE,CAAC,CAAC,EAAEd,WAAW,CAACe,KAAK,CAAC;AACtE;AAEA,OAAO,SAASC,SAASA,CAAC;EACxBJ,KAAK;EACLC,MAAM;EACNC;AAKF,CAAC,EAAE;EACD,SAAS;;EACT,OAAOf,WAAW,CAChBa,KAAK,EACL,CAAC,CAAC,EAAEH,IAAI,CAACC,GAAG,CAAC,GAAGG,MAAM,CAAC,GAAGJ,IAAI,CAACD,GAAG,CAAC,GAAGK,MAAM,CAAC,CAAC,EAC9C,CAAC,CAAC,EAAEC,SAAS,CAAC,EACdd,WAAW,CAACe,KACd,CAAC;AACH;AAEA,OAAO,SAASE,QAAQA,CAAC;EACvBC,CAAC;EACDL,MAAM;EACNC;AAKF,CAAC,EAAE;EACD,SAAS;;EACT,IAAII,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;EACvB,OAAOnB,WAAW,CAACmB,CAAC,EAAE,CAAC,CAAC,EAAEJ,SAAS,CAAC,EAAED,MAAM,CAACM,OAAO,CAAC,CAAC,EAAEnB,WAAW,CAACe,KAAK,CAAC;AAC5E"}

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

@@ -1,13 +1,12 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import * as React from 'react'; // @ts-ignore
-
+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';
+// @ts-ignore
 import * as d3Shape from 'd3-shape';
 import { Dimensions, StyleSheet, View } from 'react-native';
-import { LineChartContext } from './Context';
 import { LineChartIdProvider, useLineChartData } from './Data';
-import { getArea, getPath } from './utils';
 import { parse } from 'react-native-redash';
+import { getArea, getPath } from './utils';
+import { LineChartContext } from './Context';
 export const LineChartDimensionsContext = /*#__PURE__*/React.createContext({
   width: 0,
   height: 0,
@@ -35,7 +34,8 @@ export function LineChart({
 }) {
   const {
     yDomain,
-    xLength
+    xLength,
+    xDomain
   } = React.useContext(LineChartContext);
   const {
     data
@@ -44,11 +44,9 @@ export function LineChart({
   });
   const pathWidth = React.useMemo(() => {
     let allowedWidth = width;
-
     if (xLength > data.length) {
       allowedWidth = width * data.length / xLength;
     }
-
     return allowedWidth;
   }, [data.length, width, xLength]);
   const path = React.useMemo(() => {
@@ -59,12 +57,12 @@ export function LineChart({
         height,
         gutter: yGutter,
         shape,
-        yDomain
+        yDomain,
+        xDomain
       });
     }
-
     return '';
-  }, [data, pathWidth, height, yGutter, shape, yDomain]);
+  }, [data, pathWidth, height, yGutter, shape, yDomain, xDomain]);
   const area = React.useMemo(() => {
     if (data && data.length > 0) {
       return getArea({
@@ -73,12 +71,12 @@ export function LineChart({
         height,
         gutter: yGutter,
         shape,
-        yDomain
+        yDomain,
+        xDomain
       });
     }
-
     return '';
-  }, [data, pathWidth, height, yGutter, shape, yDomain]);
+  }, [data, pathWidth, height, yGutter, shape, yDomain, xDomain]);
   const dataLength = data.length;
   const parsedPath = React.useMemo(() => parse(path), [path]);
   const pointWidth = React.useMemo(() => width / (dataLength - 1), [dataLength, width]);

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

@@ -1 +1 @@
-{"version":3,"sources":["Chart.tsx"],"names":["React","d3Shape","Dimensions","StyleSheet","View","LineChartContext","LineChartIdProvider","useLineChartData","getArea","getPath","parse","LineChartDimensionsContext","createContext","width","height","pointWidth","parsedPath","path","area","shape","curveBumpX","gutter","pathWidth","screenWidth","get","LineChart","displayName","children","yGutter","id","absolute","props","yDomain","xLength","useContext","data","useMemo","allowedWidth","length","dataLength","contextValue","styles","style","create","position"],"mappings":"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","sourcesContent":["import * as React from 'react';\n// @ts-ignore\nimport * as d3Shape from 'd3-shape';\nimport { Dimensions, StyleSheet, View, ViewProps } from 'react-native';\nimport { LineChartContext } from './Context';\nimport { LineChartIdProvider, useLineChartData } from './Data';\n\nimport { getArea, getPath } from './utils';\nimport { parse, Path } from 'react-native-redash';\n\nexport const LineChartDimensionsContext = React.createContext({\n  width: 0,\n  height: 0,\n  pointWidth: 0,\n  parsedPath: {} as Path,\n  path: '',\n  area: '',\n  shape: d3Shape.curveBumpX,\n  gutter: 0,\n  pathWidth: 0,\n});\n\ntype LineChartProps = ViewProps & {\n  children: React.ReactNode;\n  yGutter?: number;\n  width?: number;\n  height?: number;\n  shape?: unknown;\n  /**\n   * If your `LineChart.Provider` uses a dictionary with multiple IDs for multiple paths, then this field is required.\n   */\n  id?: string;\n  absolute?: boolean;\n};\n\nconst { width: screenWidth } = Dimensions.get('window');\n\nLineChart.displayName = 'LineChart';\n\nexport function LineChart({\n  children,\n  yGutter = 16,\n  width = screenWidth,\n  height = screenWidth,\n  shape = d3Shape.curveBumpX,\n  id,\n  absolute,\n  ...props\n}: LineChartProps) {\n  const { yDomain, xLength } = React.useContext(LineChartContext);\n  const { data } = useLineChartData({\n    id,\n  });\n\n  const pathWidth = React.useMemo(() => {\n    let allowedWidth = width;\n    if (xLength > data.length) {\n      allowedWidth = (width * data.length) / xLength;\n    }\n    return allowedWidth;\n  }, [data.length, width, xLength]);\n\n  const path = React.useMemo(() => {\n    if (data && data.length > 0) {\n      return getPath({\n        data,\n        width: pathWidth,\n        height,\n        gutter: yGutter,\n        shape,\n        yDomain,\n      });\n    }\n    return '';\n  }, [data, pathWidth, height, yGutter, shape, yDomain]);\n\n  const area = React.useMemo(() => {\n    if (data && data.length > 0) {\n      return getArea({\n        data,\n        width: pathWidth,\n        height,\n        gutter: yGutter,\n        shape,\n        yDomain,\n      });\n    }\n    return '';\n  }, [data, pathWidth, height, yGutter, shape, yDomain]);\n\n  const dataLength = data.length;\n  const parsedPath = React.useMemo(() => parse(path), [path]);\n  const pointWidth = React.useMemo(\n    () => width / (dataLength - 1),\n    [dataLength, width]\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      gutter: yGutter,\n      parsedPath,\n      pointWidth,\n      area,\n      path,\n      width,\n      height,\n      pathWidth,\n      shape,\n    }),\n    [\n      yGutter,\n      parsedPath,\n      pointWidth,\n      area,\n      path,\n      width,\n      height,\n      pathWidth,\n      shape,\n    ]\n  );\n\n  return (\n    <LineChartIdProvider id={id}>\n      <LineChartDimensionsContext.Provider value={contextValue}>\n        <View {...props} style={[absolute && styles.absolute, props.style]}>\n          {children}\n        </View>\n      </LineChartDimensionsContext.Provider>\n    </LineChartIdProvider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  absolute: {\n    position: 'absolute',\n  },\n});\n"]}
+{"version":3,"names":["React","d3Shape","Dimensions","StyleSheet","View","LineChartIdProvider","useLineChartData","parse","getArea","getPath","LineChartContext","LineChartDimensionsContext","createContext","width","height","pointWidth","parsedPath","path","area","shape","curveBumpX","gutter","pathWidth","screenWidth","get","LineChart","displayName","children","yGutter","id","absolute","props","yDomain","xLength","xDomain","useContext","data","useMemo","allowedWidth","length","dataLength","contextValue","createElement","Provider","value","_extends","style","styles","create","position"],"sourceRoot":"../../../../src","sources":["charts/line/Chart.tsx"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _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, View } from 'react-native';
 import { Svg } from 'react-native-svg';
@@ -27,8 +26,6 @@ export function LineChartPathWrapper({
   mountAnimationDuration = animationDuration,
   mountAnimationProps = animationProps
 }) {
-  var _pathProps$isTransiti, _pathProps$isTransiti2;
-
   const {
     height,
     pathWidth,
@@ -41,21 +38,23 @@ export function LineChartPathWrapper({
   const isMounted = useSharedValue(false);
   const hasMountedAnimation = useSharedValue(false);
   React.useEffect(() => {
-    isMounted.value = true; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); ////////////////////////////////////////////////
+    isMounted.value = true;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  ////////////////////////////////////////////////
 
   const svgProps = useAnimatedProps(() => {
     const shouldAnimateOnMount = animateOnMount === 'foreground';
     const inactiveWidth = !isMounted.value && shouldAnimateOnMount ? 0 : pathWidth;
     let duration = shouldAnimateOnMount && !hasMountedAnimation.value ? mountAnimationDuration : animationDuration;
     const props = shouldAnimateOnMount && !hasMountedAnimation.value ? mountAnimationProps : animationProps;
-
     if (isActive.value) {
       duration = 0;
     }
-
     return {
-      width: withTiming(isActive.value ? // on Web, <svg /> elements don't support negative widths
+      width: withTiming(isActive.value ?
+      // on Web, <svg /> elements don't support negative widths
       // https://github.com/coinjar/react-native-wagmi-charts/issues/24#issuecomment-955789904
       Math.max(currentX.value, 0) : inactiveWidth + widthOffset, Object.assign({
         duration
@@ -63,39 +62,33 @@ export function LineChartPathWrapper({
         hasMountedAnimation.value = true;
       })
     };
-  });
+  }, [animateOnMount, animationDuration, animationProps, currentX, hasMountedAnimation, isActive, isMounted, mountAnimationDuration, mountAnimationProps, pathWidth, widthOffset]);
   const viewSize = React.useMemo(() => ({
     width,
     height
-  }), [width, height]); ////////////////////////////////////////////////
+  }), [width, height]);
+
+  ////////////////////////////////////////////////
 
   let backgroundChildren;
   let foregroundChildren;
-
   if (children) {
     const iterableChildren = flattenChildren(children);
-    backgroundChildren = iterableChildren.filter(child => {
-      var _child$type;
-
-      return (// @ts-ignore
-        BACKGROUND_COMPONENTS.includes(child === null || child === void 0 ? void 0 : (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName)
-      );
-    });
-    foregroundChildren = iterableChildren.filter(child => {
-      var _child$type2;
-
-      return (// @ts-ignore
-        FOREGROUND_COMPONENTS.includes(child === null || child === void 0 ? void 0 : (_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName)
-      );
-    });
-  } ////////////////////////////////////////////////
+    backgroundChildren = iterableChildren.filter(child =>
+    // @ts-ignore
+    BACKGROUND_COMPONENTS.includes(child?.type?.displayName));
+    foregroundChildren = iterableChildren.filter(child =>
+    // @ts-ignore
+    FOREGROUND_COMPONENTS.includes(child?.type?.displayName));
+  }
 
+  ////////////////////////////////////////////////
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LineChartPathContext.Provider, {
     value: {
       color,
       isInactive: showInactivePath,
-      isTransitionEnabled: (_pathProps$isTransiti = pathProps.isTransitionEnabled) !== null && _pathProps$isTransiti !== void 0 ? _pathProps$isTransiti : true
+      isTransitionEnabled: pathProps.isTransitionEnabled ?? true
     }
   }, /*#__PURE__*/React.createElement(View, {
     style: viewSize
@@ -110,7 +103,7 @@ export function LineChartPathWrapper({
     value: {
       color,
       isInactive: false,
-      isTransitionEnabled: (_pathProps$isTransiti2 = pathProps.isTransitionEnabled) !== null && _pathProps$isTransiti2 !== void 0 ? _pathProps$isTransiti2 : true
+      isTransitionEnabled: pathProps.isTransitionEnabled ?? true
     }
   }, /*#__PURE__*/React.createElement(View, {
     style: StyleSheet.absoluteFill

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

@@ -1 +1 @@
-{"version":3,"sources":["ChartPath.tsx"],"names":["React","StyleSheet","View","Svg","Animated","useAnimatedProps","useSharedValue","withTiming","flattenChildren","LineChartDimensionsContext","LineChartPathContext","LineChartPath","useLineChart","BACKGROUND_COMPONENTS","FOREGROUND_COMPONENTS","AnimatedSVG","createAnimatedComponent","LineChartPathWrapper","displayName","animationDuration","animationProps","children","color","inactiveColor","width","strokeWidth","widthOffset","pathProps","showInactivePath","animateOnMount","mountAnimationDuration","mountAnimationProps","height","pathWidth","useContext","currentX","isActive","isMounted","hasMountedAnimation","useEffect","value","svgProps","shouldAnimateOnMount","inactiveWidth","duration","props","Math","max","Object","assign","viewSize","useMemo","backgroundChildren","foregroundChildren","iterableChildren","filter","child","includes","type","isInactive","isTransitionEnabled","absoluteFill"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { Svg } from 'react-native-svg';\nimport Animated, {\n  useAnimatedProps,\n  useSharedValue,\n  withTiming,\n  WithTimingConfig,\n} from 'react-native-reanimated';\nimport flattenChildren from 'react-keyed-flatten-children';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartPathContext } from './LineChartPathContext';\nimport { LineChartPath, LineChartPathProps } from './Path';\nimport { useLineChart } from './useLineChart';\n\nconst BACKGROUND_COMPONENTS = [\n  'LineChartHighlight',\n  'LineChartHorizontalLine',\n  'LineChartGradient',\n  'LineChartDot',\n  'LineChartTooltip',\n];\nconst FOREGROUND_COMPONENTS = ['LineChartHighlight', 'LineChartDot'];\n\nconst AnimatedSVG = Animated.createAnimatedComponent(Svg);\n\ntype LineChartPathWrapperProps = {\n  animationDuration?: number;\n  animationProps?: Omit<Partial<WithTimingConfig>, 'duration'>;\n  children?: React.ReactNode;\n  color?: string;\n  inactiveColor?: string;\n  width?: number;\n  widthOffset?: number;\n  pathProps?: Partial<LineChartPathProps>;\n  showInactivePath?: boolean;\n  animateOnMount?: 'foreground';\n  mountAnimationDuration?: number;\n  mountAnimationProps?: Partial<WithTimingConfig>;\n};\n\nLineChartPathWrapper.displayName = 'LineChartPathWrapper';\n\nexport function LineChartPathWrapper({\n  animationDuration = 300,\n  animationProps = {},\n  children,\n  color = 'black',\n  inactiveColor,\n  width: strokeWidth = 3,\n  widthOffset = 20,\n  pathProps = {},\n  showInactivePath = true,\n  animateOnMount,\n  mountAnimationDuration = animationDuration,\n  mountAnimationProps = animationProps,\n}: LineChartPathWrapperProps) {\n  const { height, pathWidth, width } = React.useContext(\n    LineChartDimensionsContext\n  );\n  const { currentX, isActive } = useLineChart();\n  const isMounted = useSharedValue(false);\n  const hasMountedAnimation = useSharedValue(false);\n\n  React.useEffect(() => {\n    isMounted.value = true;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  ////////////////////////////////////////////////\n\n  const svgProps = useAnimatedProps(() => {\n    const shouldAnimateOnMount = animateOnMount === 'foreground';\n    const inactiveWidth =\n      !isMounted.value && shouldAnimateOnMount ? 0 : pathWidth;\n\n    let duration =\n      shouldAnimateOnMount && !hasMountedAnimation.value\n        ? mountAnimationDuration\n        : animationDuration;\n    const props =\n      shouldAnimateOnMount && !hasMountedAnimation.value\n        ? mountAnimationProps\n        : animationProps;\n\n    if (isActive.value) {\n      duration = 0;\n    }\n\n    return {\n      width: withTiming(\n        isActive.value\n          ? // on Web, <svg /> elements don't support negative widths\n            // https://github.com/coinjar/react-native-wagmi-charts/issues/24#issuecomment-955789904\n            Math.max(currentX.value, 0)\n          : inactiveWidth + widthOffset,\n        Object.assign({ duration }, props),\n        () => {\n          hasMountedAnimation.value = true;\n        }\n      ),\n    };\n  });\n\n  const viewSize = React.useMemo(() => ({ width, height }), [width, height]);\n\n  ////////////////////////////////////////////////\n\n  let backgroundChildren;\n  let foregroundChildren;\n  if (children) {\n    const iterableChildren = flattenChildren(children);\n    backgroundChildren = iterableChildren.filter((child) =>\n      // @ts-ignore\n      BACKGROUND_COMPONENTS.includes(child?.type?.displayName)\n    );\n    foregroundChildren = iterableChildren.filter((child) =>\n      // @ts-ignore\n      FOREGROUND_COMPONENTS.includes(child?.type?.displayName)\n    );\n  }\n\n  ////////////////////////////////////////////////\n\n  return (\n    <>\n      <LineChartPathContext.Provider\n        value={{\n          color,\n          isInactive: showInactivePath,\n          isTransitionEnabled: pathProps.isTransitionEnabled ?? true,\n        }}\n      >\n        <View style={viewSize}>\n          <Svg width={width} height={height}>\n            <LineChartPath\n              color={color}\n              inactiveColor={inactiveColor}\n              width={strokeWidth}\n              {...pathProps}\n            />\n            {backgroundChildren}\n          </Svg>\n        </View>\n      </LineChartPathContext.Provider>\n      <LineChartPathContext.Provider\n        value={{\n          color,\n          isInactive: false,\n          isTransitionEnabled: pathProps.isTransitionEnabled ?? true,\n        }}\n      >\n        <View style={StyleSheet.absoluteFill}>\n          <AnimatedSVG animatedProps={svgProps} height={height}>\n            <LineChartPath color={color} width={strokeWidth} {...pathProps} />\n            {foregroundChildren}\n          </AnimatedSVG>\n        </View>\n      </LineChartPathContext.Provider>\n    </>\n  );\n}\n"]}
+{"version":3,"names":["React","StyleSheet","View","Svg","Animated","useAnimatedProps","useSharedValue","withTiming","flattenChildren","LineChartDimensionsContext","LineChartPathContext","LineChartPath","useLineChart","BACKGROUND_COMPONENTS","FOREGROUND_COMPONENTS","AnimatedSVG","createAnimatedComponent","LineChartPathWrapper","displayName","animationDuration","animationProps","children","color","inactiveColor","width","strokeWidth","widthOffset","pathProps","showInactivePath","animateOnMount","mountAnimationDuration","mountAnimationProps","height","pathWidth","useContext","currentX","isActive","isMounted","hasMountedAnimation","useEffect","value","svgProps","shouldAnimateOnMount","inactiveWidth","duration","props","Math","max","Object","assign","viewSize","useMemo","backgroundChildren","foregroundChildren","iterableChildren","filter","child","includes","type","createElement","Fragment","Provider","isInactive","isTransitionEnabled","style","_extends","absoluteFill","animatedProps"],"sourceRoot":"../../../../src","sources":["charts/line/ChartPath.tsx"],"mappings":"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"}

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

@@ -17,6 +17,7 @@ export const LineChartContext = /*#__PURE__*/React.createContext({
     min: 0,
     max: 0
   },
+  xDomain: undefined,
   xLength: 0
 });
 LineChartProvider.displayName = 'LineChartProvider';
@@ -25,15 +26,14 @@ export function LineChartProvider({
   data = [],
   yRange,
   onCurrentIndexChange,
-  xLength
+  xLength,
+  xDomain
 }) {
   const currentX = useSharedValue(-1);
   const currentIndex = useSharedValue(-1);
   const isActive = useSharedValue(false);
   const domain = React.useMemo(() => getDomain(Array.isArray(data) ? data : Object.values(data)[0]), [data]);
   const contextValue = React.useMemo(() => {
-    var _yRange$min, _yRange$max;
-
     const values = lineChartDataPropToArray(data).map(({
       value
     }) => value);
@@ -43,17 +43,18 @@ export function LineChartProvider({
       isActive,
       domain,
       yDomain: {
-        min: (_yRange$min = yRange === null || yRange === void 0 ? void 0 : yRange.min) !== null && _yRange$min !== void 0 ? _yRange$min : Math.min(...values),
-        max: (_yRange$max = yRange === null || yRange === void 0 ? void 0 : yRange.max) !== null && _yRange$max !== void 0 ? _yRange$max : Math.max(...values)
+        min: yRange?.min ?? Math.min(...values),
+        max: yRange?.max ?? Math.max(...values)
       },
-      xLength: xLength !== null && xLength !== void 0 ? xLength : (Array.isArray(data) ? data : Object.values(data)[0]).length
+      xDomain,
+      xLength: xLength ?? (Array.isArray(data) ? data : Object.values(data)[0]).length
     };
-  }, [currentIndex, currentX, data, domain, isActive, yRange === null || yRange === void 0 ? void 0 : yRange.max, yRange === null || yRange === void 0 ? void 0 : yRange.min, xLength]);
+  }, [currentIndex, currentX, data, domain, isActive, yRange?.max, yRange?.min, xLength, xDomain]);
   useAnimatedReaction(() => currentIndex.value, (x, prevX) => {
     if (x !== -1 && x !== prevX && onCurrentIndexChange) {
       runOnJS(onCurrentIndexChange)(x);
     }
-  });
+  }, [currentIndex]);
   return /*#__PURE__*/React.createElement(LineChartDataProvider, {
     data: data
   }, /*#__PURE__*/React.createElement(LineChartContext.Provider, {

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

@@ -1 +1 @@
-{"version":3,"sources":["Context.tsx"],"names":["React","runOnJS","useAnimatedReaction","useSharedValue","LineChartDataProvider","getDomain","lineChartDataPropToArray","LineChartContext","createContext","currentX","value","currentIndex","domain","isActive","yDomain","min","max","xLength","LineChartProvider","displayName","children","data","yRange","onCurrentIndexChange","useMemo","Array","isArray","Object","values","contextValue","map","Math","length","x","prevX"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {\n  runOnJS,\n  useAnimatedReaction,\n  useSharedValue,\n} from 'react-native-reanimated';\nimport type { TLineChartDataProp } from './types';\nimport { LineChartDataProvider } from './Data';\n\nimport type { TLineChartContext, YRangeProp } from './types';\nimport { getDomain, lineChartDataPropToArray } from './utils';\n\nexport const LineChartContext = React.createContext<TLineChartContext>({\n  currentX: { value: -1 },\n  currentIndex: { value: -1 },\n  domain: [0, 0],\n  isActive: { value: false },\n  yDomain: {\n    min: 0,\n    max: 0,\n  },\n  xLength: 0,\n});\n\ntype LineChartProviderProps = {\n  children: React.ReactNode;\n  data: TLineChartDataProp;\n  yRange?: YRangeProp;\n  onCurrentIndexChange?: (x: number) => void;\n  xLength?: number;\n};\n\nLineChartProvider.displayName = 'LineChartProvider';\n\nexport function LineChartProvider({\n  children,\n  data = [],\n  yRange,\n  onCurrentIndexChange,\n  xLength,\n}: LineChartProviderProps) {\n  const currentX = useSharedValue(-1);\n  const currentIndex = useSharedValue(-1);\n  const isActive = useSharedValue(false);\n\n  const domain = React.useMemo(\n    () => getDomain(Array.isArray(data) ? data : Object.values(data)[0]),\n    [data]\n  );\n\n  const contextValue = React.useMemo<TLineChartContext>(() => {\n    const values = lineChartDataPropToArray(data).map(({ value }) => value);\n\n    return {\n      currentX,\n      currentIndex,\n      isActive,\n      domain,\n      yDomain: {\n        min: yRange?.min ?? Math.min(...values),\n        max: yRange?.max ?? Math.max(...values),\n      },\n      xLength:\n        xLength ?? (Array.isArray(data) ? data : Object.values(data)[0]).length,\n    };\n  }, [\n    currentIndex,\n    currentX,\n    data,\n    domain,\n    isActive,\n    yRange?.max,\n    yRange?.min,\n    xLength,\n  ]);\n\n  useAnimatedReaction(\n    () => currentIndex.value,\n    (x, prevX) => {\n      if (x !== -1 && x !== prevX && onCurrentIndexChange) {\n        runOnJS(onCurrentIndexChange)(x);\n      }\n    }\n  );\n\n  return (\n    <LineChartDataProvider data={data}>\n      <LineChartContext.Provider value={contextValue}>\n        {children}\n      </LineChartContext.Provider>\n    </LineChartDataProvider>\n  );\n}\n"]}
+{"version":3,"names":["React","runOnJS","useAnimatedReaction","useSharedValue","LineChartDataProvider","getDomain","lineChartDataPropToArray","LineChartContext","createContext","currentX","value","currentIndex","domain","isActive","yDomain","min","max","xDomain","undefined","xLength","LineChartProvider","displayName","children","data","yRange","onCurrentIndexChange","useMemo","Array","isArray","Object","values","contextValue","map","Math","length","x","prevX","createElement","Provider"],"sourceRoot":"../../../../src","sources":["charts/line/Context.tsx"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _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 Animated, { runOnJS, useAnimatedGestureHandler } from 'react-native-reanimated';
 import { LongPressGestureHandler } from 'react-native-gesture-handler';
-import Animated, { useAnimatedGestureHandler } from 'react-native-reanimated';
 import { LineChartDimensionsContext } from './Chart';
+import { StyleSheet } from 'react-native';
+import { bisectCenter } from 'd3-array';
+import { scaleLinear } from 'd3-scale';
 import { useLineChart } from './useLineChart';
 export const CursorContext = /*#__PURE__*/React.createContext({
   type: ''
@@ -12,6 +13,7 @@ export const CursorContext = /*#__PURE__*/React.createContext({
 LineChartCursor.displayName = 'LineChartCursor';
 export function LineChartCursor({
   children,
+  snapToPoint,
   type,
   ...props
 }) {
@@ -23,22 +25,57 @@ export function LineChartCursor({
     currentX,
     currentIndex,
     isActive,
-    data
+    data,
+    xDomain
   } = useLineChart();
+  const xValues = React.useMemo(() => data.map(({
+    timestamp
+  }, i) => xDomain ? timestamp : i), [data, xDomain]);
+
+  // Same scale as in /src/charts/line/utils/getPath.ts
+  const scaleX = React.useMemo(() => {
+    const domainArray = xDomain ?? [0, xValues.length];
+    return scaleLinear().domain(domainArray).range([0, width]);
+  }, [width, xDomain, xValues.length]);
+  const linearScalePositionAndIndex = ({
+    xPosition
+  }) => {
+    if (!parsedPath) {
+      return;
+    }
+
+    // Calculate a scaled timestamp for the current touch position
+    const xRelative = scaleX.invert(xPosition);
+    const closestIndex = bisectCenter(xValues, xRelative);
+    const pathDataDelta = Math.abs(parsedPath.curves.length - xValues.length); // sometimes there is a difference between data length and number of path curves.
+    const closestPathCurve = Math.max(Math.min(closestIndex, parsedPath.curves.length + 1) - pathDataDelta, 0);
+    const newXPosition = (closestIndex > 0 ? parsedPath.curves[closestPathCurve].to : parsedPath.move).x;
+    // Update values
+    currentIndex.value = closestIndex;
+    currentX.value = newXPosition;
+  };
   const onGestureEvent = useAnimatedGestureHandler({
     onActive: ({
       x
     }) => {
       if (parsedPath) {
-        const boundedX = Math.max(0, x <= width ? x : width);
+        const xPosition = Math.max(0, x <= width ? x : width);
         isActive.value = true;
-        currentX.value = boundedX; // on Web, we could drag the cursor to be negative, breaking it
+
+        // 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(boundedX / width / (1 / (data.length - 1))));
-        currentIndex.value = boundedIndex;
+        const boundedIndex = Math.max(minIndex, Math.round(xPosition / width / (1 / (data.length - 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: () => {
@@ -53,7 +90,8 @@ export function LineChartCursor({
   }, /*#__PURE__*/React.createElement(LongPressGestureHandler, _extends({
     minDurationMs: 0,
     maxDist: 999999,
-    onGestureEvent: onGestureEvent
+    onGestureEvent: onGestureEvent,
+    shouldCancelWhenOutside: false
   }, props), /*#__PURE__*/React.createElement(Animated.View, {
     style: StyleSheet.absoluteFill
   }, children)));

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

@@ -1 +1 @@
-{"version":3,"sources":["Cursor.tsx"],"names":["React","StyleSheet","LongPressGestureHandler","Animated","useAnimatedGestureHandler","LineChartDimensionsContext","useLineChart","CursorContext","createContext","type","LineChartCursor","displayName","children","props","pathWidth","width","parsedPath","useContext","currentX","currentIndex","isActive","data","onGestureEvent","onActive","x","boundedX","Math","max","value","minIndex","boundedIndex","round","length","onEnd","absoluteFill"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAEEC,uBAFF,QAKO,8BALP;AAMA,OAAOC,QAAP,IAAmBC,yBAAnB,QAAoD,yBAApD;AAEA,SAASC,0BAAT,QAA2C,SAA3C;AACA,SAASC,YAAT,QAA6B,gBAA7B;AAOA,OAAO,MAAMC,aAAa,gBAAGP,KAAK,CAACQ,aAAN,CAAoB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAApB,CAAtB;AAEPC,eAAe,CAACC,WAAhB,GAA8B,iBAA9B;AAEA,OAAO,SAASD,eAAT,CAAyB;AAC9BE,EAAAA,QAD8B;AAE9BH,EAAAA,IAF8B;AAG9B,KAAGI;AAH2B,CAAzB,EAIkB;AACvB,QAAM;AAAEC,IAAAA,SAAS,EAAEC,KAAb;AAAoBC,IAAAA;AAApB,MAAmChB,KAAK,CAACiB,UAAN,CACvCZ,0BADuC,CAAzC;AAGA,QAAM;AAAEa,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA;AAApC,MAA6Cf,YAAY,EAA/D;AAEA,QAAMgB,cAAc,GAAGlB,yBAAyB,CAE9C;AACAmB,IAAAA,QAAQ,EAAE,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAAW;AACnB,UAAIR,UAAJ,EAAgB;AACd,cAAMS,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYH,CAAC,IAAIT,KAAL,GAAaS,CAAb,GAAiBT,KAA7B,CAAjB;AACAK,QAAAA,QAAQ,CAACQ,KAAT,GAAiB,IAAjB;AACAV,QAAAA,QAAQ,CAACU,KAAT,GAAiBH,QAAjB,CAHc,CAKd;AACA;AACA;;AACA,cAAMI,QAAQ,GAAG,CAAjB;AACA,cAAMC,YAAY,GAAGJ,IAAI,CAACC,GAAL,CACnBE,QADmB,EAEnBH,IAAI,CAACK,KAAL,CAAWN,QAAQ,GAAGV,KAAX,IAAoB,KAAKM,IAAI,CAACW,MAAL,GAAc,CAAnB,CAApB,CAAX,CAFmB,CAArB;AAKAb,QAAAA,YAAY,CAACS,KAAb,GAAqBE,YAArB;AACD;AACF,KAlBD;AAmBAG,IAAAA,KAAK,EAAE,MAAM;AACXb,MAAAA,QAAQ,CAACQ,KAAT,GAAiB,KAAjB;AACAT,MAAAA,YAAY,CAACS,KAAb,GAAqB,CAAC,CAAtB;AACD;AAtBD,GAF8C,CAAhD;AA2BA,sBACE,oBAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAE;AAAEnB,MAAAA;AAAF;AAA/B,kBACE,oBAAC,uBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,OAAO,EAAE,MAFX;AAGE,IAAA,cAAc,EAAEa;AAHlB,KAIMT,KAJN,gBAME,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEZ,UAAU,CAACiC;AAAjC,KACGtB,QADH,CANF,CADF,CADF;AAcD","sourcesContent":["import * as React from 'react';\nimport { StyleSheet } from 'react-native';\nimport {\n  GestureEvent,\n  LongPressGestureHandler,\n  LongPressGestureHandlerEventPayload,\n  LongPressGestureHandlerProps,\n} from 'react-native-gesture-handler';\nimport Animated, { useAnimatedGestureHandler } from 'react-native-reanimated';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { useLineChart } from './useLineChart';\n\nexport type LineChartCursorProps = LongPressGestureHandlerProps & {\n  children: React.ReactNode;\n  type: 'line' | 'crosshair';\n};\n\nexport const CursorContext = React.createContext({ type: '' });\n\nLineChartCursor.displayName = 'LineChartCursor';\n\nexport function LineChartCursor({\n  children,\n  type,\n  ...props\n}: LineChartCursorProps) {\n  const { pathWidth: width, parsedPath } = React.useContext(\n    LineChartDimensionsContext\n  );\n  const { currentX, currentIndex, isActive, data } = useLineChart();\n\n  const onGestureEvent = useAnimatedGestureHandler<\n    GestureEvent<LongPressGestureHandlerEventPayload>\n  >({\n    onActive: ({ x }) => {\n      if (parsedPath) {\n        const boundedX = Math.max(0, x <= width ? x : width);\n        isActive.value = true;\n        currentX.value = boundedX;\n\n        // on Web, we could drag the cursor to be negative, breaking it\n        // so we clamp the index at 0 to fix it\n        // https://github.com/coinjar/react-native-wagmi-charts/issues/24\n        const minIndex = 0;\n        const boundedIndex = Math.max(\n          minIndex,\n          Math.round(boundedX / width / (1 / (data.length - 1)))\n        );\n\n        currentIndex.value = boundedIndex;\n      }\n    },\n    onEnd: () => {\n      isActive.value = false;\n      currentIndex.value = -1;\n    },\n  });\n\n  return (\n    <CursorContext.Provider value={{ type }}>\n      <LongPressGestureHandler\n        minDurationMs={0}\n        maxDist={999999}\n        onGestureEvent={onGestureEvent}\n        {...props}\n      >\n        <Animated.View style={StyleSheet.absoluteFill}>\n          {children}\n        </Animated.View>\n      </LongPressGestureHandler>\n    </CursorContext.Provider>\n  );\n}\n"]}
+{"version":3,"names":["React","Animated","runOnJS","useAnimatedGestureHandler","LongPressGestureHandler","LineChartDimensionsContext","StyleSheet","bisectCenter","scaleLinear","useLineChart","CursorContext","createContext","type","LineChartCursor","displayName","children","snapToPoint","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","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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"}

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

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _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 { Platform, View } from 'react-native';
 import Animated, { useAnimatedStyle, withSpring } from 'react-native-reanimated';
@@ -20,8 +19,9 @@ export function LineChartCursorCrosshair({
     currentX,
     currentY,
     isActive
-  } = useLineChart(); // It seems that enabling spring animation on initial render on Android causes a crash.
+  } = useLineChart();
 
+  // It seems that enabling spring animation on initial render on Android causes a crash.
   const [enableSpringAnimation, setEnableSpringAnimation] = React.useState(Platform.OS === 'ios');
   React.useEffect(() => {
     setTimeout(() => {
@@ -38,7 +38,7 @@ export function LineChartCursorCrosshair({
         damping: 10
       }) : 0
     }]
-  }));
+  }), [currentX, currentY, enableSpringAnimation, isActive, outerSize]);
   return /*#__PURE__*/React.createElement(LineChartCursor, _extends({
     type: "crosshair"
   }, props), /*#__PURE__*/React.createElement(Animated.View, _extends({}, crosshairWrapperProps, {

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

@@ -1 +1 @@
-{"version":3,"sources":["CursorCrosshair.tsx"],"names":["React","Platform","View","Animated","useAnimatedStyle","withSpring","LineChartCursor","useLineChart","LineChartCursorCrosshair","displayName","children","color","size","outerSize","crosshairWrapperProps","crosshairProps","crosshairOuterProps","props","currentX","currentY","isActive","enableSpringAnimation","setEnableSpringAnimation","useState","OS","useEffect","setTimeout","animatedCursorStyle","transform","translateX","value","translateY","scale","damping","width","height","alignItems","justifyContent","style","backgroundColor","borderRadius","opacity","position"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Platform, View, ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  withSpring,\n} from 'react-native-reanimated';\n\nimport { LineChartCursor, LineChartCursorProps } from './Cursor';\nimport { useLineChart } from './useLineChart';\n\ntype LineChartCursorCrosshairProps = Omit<\n  LineChartCursorProps,\n  'children' | 'type'\n> & {\n  children?: React.ReactNode;\n  color?: string;\n  size?: number;\n  outerSize?: number;\n  crosshairWrapperProps?: Animated.AnimateProps<ViewProps>;\n  crosshairProps?: ViewProps;\n  crosshairOuterProps?: ViewProps;\n};\n\nLineChartCursorCrosshair.displayName = 'LineChartCursorCrosshair';\n\nexport function LineChartCursorCrosshair({\n  children,\n  color = 'black',\n  size = 8,\n  outerSize = 32,\n  crosshairWrapperProps = {},\n  crosshairProps = {},\n  crosshairOuterProps = {},\n  ...props\n}: LineChartCursorCrosshairProps) {\n  const { currentX, currentY, isActive } = useLineChart();\n\n  // It seems that enabling spring animation on initial render on Android causes a crash.\n  const [enableSpringAnimation, setEnableSpringAnimation] = React.useState(\n    Platform.OS === 'ios'\n  );\n  React.useEffect(() => {\n    setTimeout(() => {\n      setEnableSpringAnimation(true);\n    }, 100);\n  }, []);\n\n  const animatedCursorStyle = useAnimatedStyle(() => ({\n    transform: [\n      { translateX: currentX.value - outerSize / 2 },\n      { translateY: currentY.value - outerSize / 2 },\n      {\n        scale: enableSpringAnimation\n          ? withSpring(isActive.value ? 1 : 0, {\n              damping: 10,\n            })\n          : 0,\n      },\n    ],\n  }));\n\n  return (\n    <LineChartCursor type=\"crosshair\" {...props}>\n      <Animated.View\n        {...crosshairWrapperProps}\n        style={[\n          {\n            width: outerSize,\n            height: outerSize,\n            alignItems: 'center',\n            justifyContent: 'center',\n          },\n          animatedCursorStyle,\n          crosshairWrapperProps.style,\n        ]}\n      >\n        <View\n          {...crosshairOuterProps}\n          style={[\n            {\n              backgroundColor: color,\n              width: outerSize,\n              height: outerSize,\n              borderRadius: outerSize,\n              opacity: 0.1,\n              position: 'absolute',\n            },\n            crosshairOuterProps.style,\n          ]}\n        />\n        <View\n          {...crosshairProps}\n          style={[\n            {\n              backgroundColor: color,\n              width: size,\n              height: size,\n              borderRadius: size,\n            },\n            crosshairProps.style,\n          ]}\n        />\n      </Animated.View>\n      {children}\n    </LineChartCursor>\n  );\n}\n"]}
+{"version":3,"names":["React","Platform","View","Animated","useAnimatedStyle","withSpring","LineChartCursor","useLineChart","LineChartCursorCrosshair","displayName","children","color","size","outerSize","crosshairWrapperProps","crosshairProps","crosshairOuterProps","props","currentX","currentY","isActive","enableSpringAnimation","setEnableSpringAnimation","useState","OS","useEffect","setTimeout","animatedCursorStyle","transform","translateX","value","translateY","scale","damping","createElement","_extends","type","style","width","height","alignItems","justifyContent","backgroundColor","borderRadius","opacity","position"],"sourceRoot":"../../../../src","sources":["charts/line/CursorCrosshair.tsx"],"mappings":"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"}