react-native-wagmi-charts 2.3.0 → 2.3.2

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

@@ -1 +1 @@
-{"version":3,"sources":["DatetimeText.tsx"],"names":["React","useLineChartDatetime","AnimatedText","LineChartDatetimeText","displayName","locale","options","format","variant","style","datetime"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAIA,SAASC,oBAAT,QAAqC,eAArC;AAEA,SAASC,YAAT,QAA6B,+BAA7B;AAUAC,qBAAqB,CAACC,WAAtB,GAAoC,uBAApC;AAEA,OAAO,SAASD,qBAAT,CAA+B;AACpCE,EAAAA,MADoC;AAEpCC,EAAAA,OAFoC;AAGpCC,EAAAA,MAHoC;AAIpCC,EAAAA,OAAO,GAAG,WAJ0B;AAKpCC,EAAAA;AALoC,CAA/B,EAMoB;AACzB,QAAMC,QAAQ,GAAGT,oBAAoB,CAAC;AAAEM,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAAD,CAArC;AACA,sBAAO,oBAAC,YAAD;AAAc,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD,CAA5B;AAAuC,IAAA,KAAK,EAAEC;AAA9C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useLineChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\nimport { AnimatedText } from '../../components/AnimatedText';\n\ntype LineChartDatetimeProps = {\n  locale?: string;\n  options?: Intl.DateTimeFormatOptions;\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nLineChartDatetimeText.displayName = 'LineChartDatetimeText';\n\nexport function LineChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  style,\n}: LineChartDatetimeProps) {\n  const datetime = useLineChartDatetime({ format, locale, options });\n  return <AnimatedText text={datetime[variant]} style={style} />;\n}\n"]}
+{"version":3,"names":["React","useLineChartDatetime","AnimatedText","LineChartDatetimeText","displayName","locale","options","format","variant","style","datetime","createElement","text"],"sourceRoot":"../../../../src","sources":["charts/line/DatetimeText.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,oBAAoB,QAAQ,eAAe;AAEpD,SAASC,YAAY,QAAQ,+BAA+B;AAU5DC,qBAAqB,CAACC,WAAW,GAAG,uBAAuB;AAE3D,OAAO,SAASD,qBAAqBA,CAAC;EACpCE,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC,OAAO,GAAG,WAAW;EACrBC;AACsB,CAAC,EAAE;EACzB,MAAMC,QAAQ,GAAGT,oBAAoB,CAAC;IAAEM,MAAM;IAAEF,MAAM;IAAEC;EAAQ,CAAC,CAAC;EAClE,oBAAON,KAAA,CAAAW,aAAA,CAACT,YAAY;IAACU,IAAI,EAAEF,QAAQ,CAACF,OAAO,CAAE;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AAChE"}

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

@@ -1,11 +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 Animated, { Easing, useAnimatedProps, useDerivedValue, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
 import { Circle } from 'react-native-svg';
-import { getYForX } from 'react-native-redash';
 import { LineChartDimensionsContext } from './Chart';
 import { LineChartPathContext } from './LineChartPathContext';
+import { getXPositionForCurve } from './utils/getXPositionForCurve';
+import { getYForX } from 'react-native-redash';
 import { useLineChart } from './useLineChart';
 const AnimatedCircle = Animated.createAnimatedComponent(Circle);
 LineChartDot.displayName = 'LineChartDot';
@@ -27,9 +27,10 @@ export function LineChartDot({
     isActive
   } = useLineChart();
   const {
-    parsedPath,
-    pointWidth
-  } = React.useContext(LineChartDimensionsContext); ////////////////////////////////////////////////////////////
+    parsedPath
+  } = React.useContext(LineChartDimensionsContext);
+
+  ////////////////////////////////////////////////////////////
 
   const {
     isInactive: _isInactive
@@ -37,10 +38,16 @@ export function LineChartDot({
   const isInactive = showInactiveColor && _isInactive;
   const color = isInactive ? inactiveColor || defaultColor : defaultColor;
   const opacity = isInactive && !inactiveColor ? 0.5 : 1;
-  const hasOuterDot = defaultHasOuterDot || hasPulse; ////////////////////////////////////////////////////////////
+  const hasOuterDot = defaultHasOuterDot || hasPulse;
+
+  ////////////////////////////////////////////////////////////
+
+  const x = useDerivedValue(() => {
+    return withTiming(getXPositionForCurve(parsedPath, at));
+  }, [at, parsedPath]);
+  const y = useDerivedValue(() => withTiming(getYForX(parsedPath, x.value) || 0), [parsedPath, x]);
 
-  const x = useDerivedValue(() => withTiming(pointWidth * at), [at, pointWidth]);
-  const y = useDerivedValue(() => withTiming(getYForX(parsedPath, x.value) || 0), [parsedPath, x]); ////////////////////////////////////////////////////////////
+  ////////////////////////////////////////////////////////////
 
   const animatedDotProps = useAnimatedProps(() => ({
     cx: x.value,
@@ -53,17 +60,15 @@ export function LineChartDot({
       opacity: 0.1,
       r: outerSize
     };
-
     if (!hasPulse) {
       return defaultProps;
     }
-
     if (isActive.value && pulseBehaviour === 'while-inactive') {
-      return { ...defaultProps,
+      return {
+        ...defaultProps,
         r: 0
       };
     }
-
     const easing = Easing.out(Easing.sin);
     const animatedOpacity = withRepeat(withSequence(withTiming(0.8), withTiming(0, {
       duration: pulseDurationMs,
@@ -73,19 +78,21 @@ export function LineChartDot({
       duration: pulseDurationMs,
       easing
     })), -1, false);
-
     if (pulseBehaviour === 'while-inactive') {
-      return { ...defaultProps,
+      return {
+        ...defaultProps,
         opacity: isActive.value ? withTiming(0) : animatedOpacity,
         r: isActive.value ? withTiming(0) : scale
       };
     }
-
-    return { ...defaultProps,
+    return {
+      ...defaultProps,
       opacity: animatedOpacity,
       r: scale
     };
-  }, [hasPulse, isActive, outerSize, pulseBehaviour, pulseDurationMs, x, y]); ////////////////////////////////////////////////////////////
+  }, [hasPulse, isActive, outerSize, pulseBehaviour, pulseDurationMs, x, y]);
+
+  ////////////////////////////////////////////////////////////
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedCircle, _extends({
     animatedProps: animatedDotProps,

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

@@ -1 +1 @@
-{"version":3,"sources":["Dot.tsx"],"names":["React","Animated","Easing","useAnimatedProps","useDerivedValue","withRepeat","withSequence","withTiming","Circle","getYForX","LineChartDimensionsContext","LineChartPathContext","useLineChart","AnimatedCircle","createAnimatedComponent","LineChartDot","displayName","at","color","defaultColor","dotProps","hasOuterDot","defaultHasOuterDot","hasPulse","inactiveColor","outerDotProps","pulseBehaviour","pulseDurationMs","showInactiveColor","size","outerSize","isActive","parsedPath","pointWidth","useContext","isInactive","_isInactive","opacity","x","y","value","animatedDotProps","cx","cy","animatedOuterDotProps","defaultProps","r","easing","out","sin","animatedOpacity","duration","scale"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Animated, {\n  Easing,\n  useAnimatedProps,\n  useDerivedValue,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport { Circle, CircleProps } from 'react-native-svg';\nimport { getYForX } from 'react-native-redash';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartPathContext } from './LineChartPathContext';\nimport { useLineChart } from './useLineChart';\n\nconst AnimatedCircle = Animated.createAnimatedComponent(Circle);\n\nexport type LineChartDotProps = {\n  dotProps?: Animated.AnimateProps<CircleProps>;\n  outerDotProps?: Animated.AnimateProps<CircleProps>;\n  color?: string;\n  inactiveColor?: string;\n  showInactiveColor?: boolean;\n  at: number;\n  size?: number;\n  hasPulse?: boolean;\n  hasOuterDot?: boolean;\n  /**\n   * If `always`, the outer dot will still animate when interaction is active.\n   *\n   * If `while-inactive`, the outer dot will animate only when the interaction is inactive.\n   *\n   * Default: `while-inactive`\n   */\n  pulseBehaviour?: 'always' | 'while-inactive';\n  /**\n   * Defaults to `size * 4`\n   */\n  outerSize?: number;\n  pulseDurationMs?: number;\n};\n\nLineChartDot.displayName = 'LineChartDot';\n\nexport function LineChartDot({\n  at,\n  color: defaultColor = 'black',\n  dotProps,\n  hasOuterDot: defaultHasOuterDot = false,\n  hasPulse = false,\n  inactiveColor,\n  outerDotProps,\n  pulseBehaviour = 'while-inactive',\n  pulseDurationMs = 800,\n  showInactiveColor = true,\n  size = 4,\n  outerSize = size * 4,\n}: LineChartDotProps) {\n  const { isActive } = useLineChart();\n  const { parsedPath, pointWidth } = React.useContext(\n    LineChartDimensionsContext\n  );\n\n  ////////////////////////////////////////////////////////////\n\n  const { isInactive: _isInactive } = React.useContext(LineChartPathContext);\n  const isInactive = showInactiveColor && _isInactive;\n  const color = isInactive ? inactiveColor || defaultColor : defaultColor;\n  const opacity = isInactive && !inactiveColor ? 0.5 : 1;\n  const hasOuterDot = defaultHasOuterDot || hasPulse;\n\n  ////////////////////////////////////////////////////////////\n\n  const x = useDerivedValue(\n    () => withTiming(pointWidth * at),\n    [at, pointWidth]\n  );\n  const y = useDerivedValue(\n    () => withTiming(getYForX(parsedPath!, x.value) || 0),\n    [parsedPath, x]\n  );\n\n  ////////////////////////////////////////////////////////////\n\n  const animatedDotProps = useAnimatedProps(\n    () => ({\n      cx: x.value,\n      cy: y.value,\n    }),\n    [x, y]\n  );\n\n  const animatedOuterDotProps = useAnimatedProps(() => {\n    let defaultProps = {\n      cx: x.value,\n      cy: y.value,\n      opacity: 0.1,\n      r: outerSize,\n    };\n\n    if (!hasPulse) {\n      return defaultProps;\n    }\n\n    if (isActive.value && pulseBehaviour === 'while-inactive') {\n      return {\n        ...defaultProps,\n        r: 0,\n      };\n    }\n\n    const easing = Easing.out(Easing.sin);\n    const animatedOpacity = withRepeat(\n      withSequence(\n        withTiming(0.8),\n        withTiming(0, {\n          duration: pulseDurationMs,\n          easing,\n        })\n      ),\n      -1,\n      false\n    );\n    const scale = withRepeat(\n      withSequence(\n        withTiming(0),\n        withTiming(outerSize, {\n          duration: pulseDurationMs,\n          easing,\n        })\n      ),\n      -1,\n      false\n    );\n\n    if (pulseBehaviour === 'while-inactive') {\n      return {\n        ...defaultProps,\n        opacity: isActive.value ? withTiming(0) : animatedOpacity,\n        r: isActive.value ? withTiming(0) : scale,\n      };\n    }\n    return {\n      ...defaultProps,\n      opacity: animatedOpacity,\n      r: scale,\n    };\n  }, [hasPulse, isActive, outerSize, pulseBehaviour, pulseDurationMs, x, y]);\n\n  ////////////////////////////////////////////////////////////\n\n  return (\n    <>\n      <AnimatedCircle\n        animatedProps={animatedDotProps}\n        r={size}\n        fill={color}\n        opacity={opacity}\n        {...dotProps}\n      />\n      {hasOuterDot && (\n        <AnimatedCircle\n          animatedProps={animatedOuterDotProps}\n          fill={color}\n          {...outerDotProps}\n        />\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"names":["React","Animated","Easing","useAnimatedProps","useDerivedValue","withRepeat","withSequence","withTiming","Circle","LineChartDimensionsContext","LineChartPathContext","getXPositionForCurve","getYForX","useLineChart","AnimatedCircle","createAnimatedComponent","LineChartDot","displayName","at","color","defaultColor","dotProps","hasOuterDot","defaultHasOuterDot","hasPulse","inactiveColor","outerDotProps","pulseBehaviour","pulseDurationMs","showInactiveColor","size","outerSize","isActive","parsedPath","useContext","isInactive","_isInactive","opacity","x","y","value","animatedDotProps","cx","cy","animatedOuterDotProps","defaultProps","r","easing","out","sin","animatedOpacity","duration","scale","createElement","Fragment","_extends","animatedProps","fill"],"sourceRoot":"../../../../src","sources":["charts/line/Dot.tsx"],"mappings":"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"}

package/lib/module/charts/line/Gradient.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 Animated from 'react-native-reanimated';
 import { Defs, LinearGradient, Stop, Path } from 'react-native-svg';
@@ -21,16 +20,22 @@ export function LineChartGradient({
     color: contextColor,
     isTransitionEnabled
   } = React.useContext(LineChartPathContext);
-  const color = overrideColor || contextColor; ////////////////////////////////////////////////
+  const color = overrideColor || contextColor;
+
+  ////////////////////////////////////////////////
 
   const {
     animatedProps
   } = useAnimatedPath({
     enabled: isTransitionEnabled,
     path: area
-  }); ////////////////////////////////////////////////
+  });
+
+  ////////////////////////////////////////////////
+
+  const localId = React.useRef(++id);
 
-  const localId = React.useRef(++id); ////////////////////////////////////////////////
+  ////////////////////////////////////////////////
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
     id: `${localId.current}`,

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

@@ -1 +1 @@
-{"version":3,"sources":["Gradient.tsx"],"names":["React","Animated","Defs","LinearGradient","Stop","Path","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","AnimatedPath","createAnimatedComponent","id","LineChartGradient","displayName","color","overrideColor","undefined","children","props","area","useContext","contextColor","isTransitionEnabled","animatedProps","enabled","path","localId","useRef","current"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AACA,SAASC,IAAT,EAAeC,cAAf,EAA+BC,IAA/B,EAAqCC,IAArC,QAA4D,kBAA5D;AAEA,SAASC,0BAAT,QAA2C,SAA3C;AACA,SAASC,oBAAT,QAAqC,wBAArC;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAEA,MAAMC,YAAY,GAAGR,QAAQ,CAACS,uBAAT,CAAiCL,IAAjC,CAArB;AAOA,IAAIM,EAAE,GAAG,CAAT;AAEAC,iBAAiB,CAACC,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,SAASD,iBAAT,CAA2B;AAChCE,EAAAA,KAAK,EAAEC,aAAa,GAAGC,SADS;AAEhCC,EAAAA,QAFgC;AAGhC,KAAGC;AAH6B,CAA3B,EAIoB;AACzB,QAAM;AAAEC,IAAAA;AAAF,MAAWnB,KAAK,CAACoB,UAAN,CAAiBd,0BAAjB,CAAjB;AACA,QAAM;AAAEQ,IAAAA,KAAK,EAAEO,YAAT;AAAuBC,IAAAA;AAAvB,MACJtB,KAAK,CAACoB,UAAN,CAAiBb,oBAAjB,CADF;AAGA,QAAMO,KAAK,GAAGC,aAAa,IAAIM,YAA/B,CALyB,CAOzB;;AAEA,QAAM;AAAEE,IAAAA;AAAF,MAAoBf,eAAe,CAAC;AACxCgB,IAAAA,OAAO,EAAEF,mBAD+B;AAExCG,IAAAA,IAAI,EAAEN;AAFkC,GAAD,CAAzC,CATyB,CAczB;;AAEA,QAAMO,OAAO,GAAG1B,KAAK,CAAC2B,MAAN,CAAa,EAAEhB,EAAf,CAAhB,CAhByB,CAkBzB;;AAEA,sBACE,0CACGM,QAAQ,gBACP,oBAAC,IAAD,qBACE,oBAAC,cAAD;AACE,IAAA,EAAE,EAAG,GAAES,OAAO,CAACE,OAAQ,EADzB;AAEE,IAAA,EAAE,EAAC,GAFL;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,EAAE,EAAC,GAJL;AAKE,IAAA,EAAE,EAAC;AALL,KAOGX,QAPH,CADF,CADO,gBAaP,oBAAC,IAAD,qBACE,oBAAC,cAAD;AACE,IAAA,EAAE,EAAG,GAAES,OAAO,CAACE,OAAQ,EADzB;AAEE,IAAA,EAAE,EAAC,GAFL;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,EAAE,EAAC,GAJL;AAKE,IAAA,EAAE,EAAC;AALL,kBAOE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,KAAb;AAAmB,IAAA,SAAS,EAAEd,KAA9B;AAAqC,IAAA,WAAW,EAAE;AAAlD,IAPF,eAQE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,KAAb;AAAmB,IAAA,SAAS,EAAEA,KAA9B;AAAqC,IAAA,WAAW,EAAE;AAAlD,IARF,eASE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,MAAb;AAAoB,IAAA,SAAS,EAAEA,KAA/B;AAAsC,IAAA,WAAW,EAAE;AAAnD,IATF,CADF,CAdJ,eA4BE,oBAAC,YAAD;AACE,IAAA,aAAa,EAAES,aADjB;AAEE,IAAA,IAAI,EAAG,QAAOG,OAAO,CAACE,OAAQ;AAFhC,KAGMV,KAHN,EA5BF,CADF;AAoCD","sourcesContent":["import * as React from 'react';\nimport Animated from 'react-native-reanimated';\nimport { Defs, LinearGradient, Stop, Path, PathProps } from 'react-native-svg';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartPathContext } from './LineChartPathContext';\nimport useAnimatedPath from './useAnimatedPath';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nexport type LineChartGradientProps = Animated.AnimateProps<PathProps> & {\n  color?: string;\n  children?: React.ReactNode;\n};\n\nlet id = 0;\n\nLineChartGradient.displayName = 'LineChartGradient';\n\nexport function LineChartGradient({\n  color: overrideColor = undefined,\n  children,\n  ...props\n}: LineChartGradientProps) {\n  const { area } = React.useContext(LineChartDimensionsContext);\n  const { color: contextColor, isTransitionEnabled } =\n    React.useContext(LineChartPathContext);\n\n  const color = overrideColor || contextColor;\n\n  ////////////////////////////////////////////////\n\n  const { animatedProps } = useAnimatedPath({\n    enabled: isTransitionEnabled,\n    path: area,\n  });\n\n  ////////////////////////////////////////////////\n\n  const localId = React.useRef(++id);\n\n  ////////////////////////////////////////////////\n\n  return (\n    <>\n      {children ? (\n        <Defs>\n          <LinearGradient\n            id={`${localId.current}`}\n            x1=\"0\"\n            x2=\"0\"\n            y1=\"0\"\n            y2=\"100%\"\n          >\n            {children}\n          </LinearGradient>\n        </Defs>\n      ) : (\n        <Defs>\n          <LinearGradient\n            id={`${localId.current}`}\n            x1=\"0\"\n            x2=\"0\"\n            y1=\"0\"\n            y2=\"100%\"\n          >\n            <Stop offset=\"20%\" stopColor={color} stopOpacity={0.15} />\n            <Stop offset=\"40%\" stopColor={color} stopOpacity={0.05} />\n            <Stop offset=\"100%\" stopColor={color} stopOpacity={0} />\n          </LinearGradient>\n        </Defs>\n      )}\n      <AnimatedPath\n        animatedProps={animatedProps}\n        fill={`url(#${localId.current})`}\n        {...props}\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"names":["React","Animated","Defs","LinearGradient","Stop","Path","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","AnimatedPath","createAnimatedComponent","id","LineChartGradient","displayName","color","overrideColor","undefined","children","props","area","useContext","contextColor","isTransitionEnabled","animatedProps","enabled","path","localId","useRef","createElement","Fragment","current","x1","x2","y1","y2","offset","stopColor","stopOpacity","_extends","fill"],"sourceRoot":"../../../../src","sources":["charts/line/Gradient.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,IAAI,EAAEC,cAAc,EAAEC,IAAI,EAAEC,IAAI,QAAmB,kBAAkB;AAE9E,SAASC,0BAA0B,QAAQ,SAAS;AACpD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,MAAMC,YAAY,GAAGR,QAAQ,CAACS,uBAAuB,CAACL,IAAI,CAAC;AAO3D,IAAIM,EAAE,GAAG,CAAC;AAEVC,iBAAiB,CAACC,WAAW,GAAG,mBAAmB;AAEnD,OAAO,SAASD,iBAAiBA,CAAC;EAChCE,KAAK,EAAEC,aAAa,GAAGC,SAAS;EAChCC,QAAQ;EACR,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAM;IAAEC;EAAK,CAAC,GAAGnB,KAAK,CAACoB,UAAU,CAACd,0BAA0B,CAAC;EAC7D,MAAM;IAAEQ,KAAK,EAAEO,YAAY;IAAEC;EAAoB,CAAC,GAChDtB,KAAK,CAACoB,UAAU,CAACb,oBAAoB,CAAC;EAExC,MAAMO,KAAK,GAAGC,aAAa,IAAIM,YAAY;;EAE3C;;EAEA,MAAM;IAAEE;EAAc,CAAC,GAAGf,eAAe,CAAC;IACxCgB,OAAO,EAAEF,mBAAmB;IAC5BG,IAAI,EAAEN;EACR,CAAC,CAAC;;EAEF;;EAEA,MAAMO,OAAO,GAAG1B,KAAK,CAAC2B,MAAM,CAAC,EAAEhB,EAAE,CAAC;;EAElC;;EAEA,oBACEX,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,QACGZ,QAAQ,gBACPjB,KAAA,CAAA4B,aAAA,CAAC1B,IAAI,qBACHF,KAAA,CAAA4B,aAAA,CAACzB,cAAc;IACbQ,EAAE,EAAG,GAAEe,OAAO,CAACI,OAAQ,EAAE;IACzBC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAM,GAGRjB,QACa,CACZ,CAAC,gBAEPjB,KAAA,CAAA4B,aAAA,CAAC1B,IAAI,qBACHF,KAAA,CAAA4B,aAAA,CAACzB,cAAc;IACbQ,EAAE,EAAG,GAAEe,OAAO,CAACI,OAAQ,EAAE;IACzBC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAM,gBAETlC,KAAA,CAAA4B,aAAA,CAACxB,IAAI;IAAC+B,MAAM,EAAC,KAAK;IAACC,SAAS,EAAEtB,KAAM;IAACuB,WAAW,EAAE;EAAK,CAAE,CAAC,eAC1DrC,KAAA,CAAA4B,aAAA,CAACxB,IAAI;IAAC+B,MAAM,EAAC,KAAK;IAACC,SAAS,EAAEtB,KAAM;IAACuB,WAAW,EAAE;EAAK,CAAE,CAAC,eAC1DrC,KAAA,CAAA4B,aAAA,CAACxB,IAAI;IAAC+B,MAAM,EAAC,MAAM;IAACC,SAAS,EAAEtB,KAAM;IAACuB,WAAW,EAAE;EAAE,CAAE,CACzC,CACZ,CACP,eACDrC,KAAA,CAAA4B,aAAA,CAACnB,YAAY,EAAA6B,QAAA;IACXf,aAAa,EAAEA,aAAc;IAC7BgB,IAAI,EAAG,QAAOb,OAAO,CAACI,OAAQ;EAAG,GAC7BZ,KAAK,CACV,CACD,CAAC;AAEP"}

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

@@ -11,13 +11,11 @@ export function LineChartGroup({
   const flatChildrenCount = Children.count(flatChildren);
   return /*#__PURE__*/React.createElement(View, props, Children.map(flatChildren, (child, index) => {
     const isLast = index === flatChildrenCount - 1;
-
     if (!isLast && child.type === LineChart) {
       return /*#__PURE__*/cloneElement(child, {
         absolute: true
       });
     }
-
     return child;
   }));
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["Group.tsx"],"names":["React","Children","cloneElement","View","flattenChildren","LineChart","LineChartGroup","children","props","flatChildren","flatChildrenCount","count","map","child","index","isLast","type","absolute"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAoBC,QAApB,EAA8BC,YAA9B,QAAkD,OAAlD;AACA,SAAoBC,IAApB,QAAgC,cAAhC;AACA,OAAOC,eAAP,MAA4B,8BAA5B;AAEA,SAASC,SAAT,QAA0B,SAA1B;AAMA,OAAO,SAASC,cAAT,CAAwB;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAxB,EAAuD;AAC5D,QAAMC,YAAY,GAAGL,eAAe,CAACG,QAAD,CAApC;AACA,QAAMG,iBAAiB,GAAGT,QAAQ,CAACU,KAAT,CAAeF,YAAf,CAA1B;AACA,sBACE,oBAAC,IAAD,EAAUD,KAAV,EAEGP,QAAQ,CAACW,GAAT,CAAaH,YAAb,EAA2B,CAACI,KAAD,EAAaC,KAAb,KAAuB;AACjD,UAAMC,MAAM,GAAGD,KAAK,KAAKJ,iBAAiB,GAAG,CAA7C;;AACA,QAAI,CAACK,MAAD,IAAWF,KAAK,CAACG,IAAN,KAAeX,SAA9B,EAAyC;AACvC,0BAAOH,YAAY,CAACW,KAAD,EAAQ;AACzBI,QAAAA,QAAQ,EAAE;AADe,OAAR,CAAnB;AAGD;;AACD,WAAOJ,KAAP;AACD,GARA,CAFH,CADF;AAcD","sourcesContent":["import React from 'react';\nimport { ReactNode, Children, cloneElement } from 'react';\nimport { ViewProps, View } from 'react-native';\nimport flattenChildren from 'react-keyed-flatten-children';\n\nimport { LineChart } from './Chart';\n\ntype Props = {\n  children: ReactNode;\n} & ViewProps;\n\nexport function LineChartGroup({ children, ...props }: Props) {\n  const flatChildren = flattenChildren(children);\n  const flatChildrenCount = Children.count(flatChildren);\n  return (\n    <View {...props}>\n      {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n      {Children.map(flatChildren, (child: any, index) => {\n        const isLast = index === flatChildrenCount - 1;\n        if (!isLast && child.type === LineChart) {\n          return cloneElement(child, {\n            absolute: true,\n          });\n        }\n        return child;\n      })}\n    </View>\n  );\n}\n"]}
+{"version":3,"names":["React","Children","cloneElement","View","flattenChildren","LineChart","LineChartGroup","children","props","flatChildren","flatChildrenCount","count","createElement","map","child","index","isLast","type","absolute"],"sourceRoot":"../../../../src","sources":["charts/line/Group.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,QAAQ,EAAEC,YAAY,QAAQ,OAAO;AACzD,SAAoBC,IAAI,QAAQ,cAAc;AAC9C,OAAOC,eAAe,MAAM,8BAA8B;AAE1D,SAASC,SAAS,QAAQ,SAAS;AAMnC,OAAO,SAASC,cAAcA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAa,CAAC,EAAE;EAC5D,MAAMC,YAAY,GAAGL,eAAe,CAACG,QAAQ,CAAC;EAC9C,MAAMG,iBAAiB,GAAGT,QAAQ,CAACU,KAAK,CAACF,YAAY,CAAC;EACtD,oBACET,KAAA,CAAAY,aAAA,CAACT,IAAI,EAAKK,KAAK,EAEZP,QAAQ,CAACY,GAAG,CAACJ,YAAY,EAAE,CAACK,KAAU,EAAEC,KAAK,KAAK;IACjD,MAAMC,MAAM,GAAGD,KAAK,KAAKL,iBAAiB,GAAG,CAAC;IAC9C,IAAI,CAACM,MAAM,IAAIF,KAAK,CAACG,IAAI,KAAKZ,SAAS,EAAE;MACvC,oBAAOH,YAAY,CAACY,KAAK,EAAE;QACzBI,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ;IACA,OAAOJ,KAAK;EACd,CAAC,CACG,CAAC;AAEX"}

package/lib/module/charts/line/Highlight.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 Animated from 'react-native-reanimated';
 import { Path } from 'react-native-svg';
@@ -33,7 +32,9 @@ export function LineChartHighlight({
     isTransitionEnabled,
     isInactive: _isInactive
   } = React.useContext(LineChartPathContext);
-  const isInactive = showInactiveColor && _isInactive; ////////////////////////////////////////////////
+  const isInactive = showInactiveColor && _isInactive;
+
+  ////////////////////////////////////////////////
 
   const path = React.useMemo(() => {
     if (data && data.length > 0) {
@@ -48,7 +49,6 @@ export function LineChartHighlight({
         yDomain
       });
     }
-
     return '';
   }, [data, from, to, pathWidth, height, gutter, shape, yDomain]);
   const {
@@ -56,7 +56,9 @@ export function LineChartHighlight({
   } = useAnimatedPath({
     enabled: isTransitionEnabled,
     path
-  }); ////////////////////////////////////////////////
+  });
+
+  ////////////////////////////////////////////////
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedPath, _extends({
     animatedProps: animatedProps,

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

@@ -1 +1 @@
-{"version":3,"sources":["Highlight.tsx"],"names":["React","Animated","Path","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","useLineChart","getPath","AnimatedPath","createAnimatedComponent","LineChartHighlight","displayName","color","inactiveColor","showInactiveColor","from","to","width","strokeWidth","props","data","yDomain","pathWidth","height","gutter","shape","useContext","isTransitionEnabled","isInactive","_isInactive","path","useMemo","length","animatedProps","enabled"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AACA,SAASC,IAAT,QAAgC,kBAAhC;AAEA,SAASC,0BAAT,QAA2C,SAA3C;AACA,SAASC,oBAAT,QAAqC,wBAArC;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,OAAT,QAAwB,SAAxB;AAEA,MAAMC,YAAY,GAAGP,QAAQ,CAACQ,uBAAT,CAAiCP,IAAjC,CAArB;AAWAQ,kBAAkB,CAACC,WAAnB,GAAiC,oBAAjC;AAEA,OAAO,SAASD,kBAAT,CAA4B;AACjCE,EAAAA,KAAK,GAAG,OADyB;AAEjCC,EAAAA,aAFiC;AAGjCC,EAAAA,iBAAiB,GAAG,IAHa;AAIjCC,EAAAA,IAJiC;AAKjCC,EAAAA,EALiC;AAMjCC,EAAAA,KAAK,EAAEC,WAAW,GAAG,CANY;AAOjC,KAAGC;AAP8B,CAA5B,EAQiB;AACtB,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAoBf,YAAY,EAAtC;AACA,QAAM;AAAEgB,IAAAA,SAAF;AAAaC,IAAAA,MAAb;AAAqBC,IAAAA,MAArB;AAA6BC,IAAAA;AAA7B,MAAuCzB,KAAK,CAAC0B,UAAN,CAC3CvB,0BAD2C,CAA7C;AAGA,QAAM;AAAEwB,IAAAA,mBAAF;AAAuBC,IAAAA,UAAU,EAAEC;AAAnC,MACJ7B,KAAK,CAAC0B,UAAN,CAAiBtB,oBAAjB,CADF;AAEA,QAAMwB,UAAU,GAAGd,iBAAiB,IAAIe,WAAxC,CAPsB,CAStB;;AAEA,QAAMC,IAAI,GAAG9B,KAAK,CAAC+B,OAAN,CAAc,MAAM;AAC/B,QAAIX,IAAI,IAAIA,IAAI,CAACY,MAAL,GAAc,CAA1B,EAA6B;AAC3B,aAAOzB,OAAO,CAAC;AACba,QAAAA,IADa;AAEbL,QAAAA,IAFa;AAGbC,QAAAA,EAHa;AAIbC,QAAAA,KAAK,EAAEK,SAJM;AAKbC,QAAAA,MALa;AAMbC,QAAAA,MANa;AAObC,QAAAA,KAPa;AAQbJ,QAAAA;AARa,OAAD,CAAd;AAUD;;AACD,WAAO,EAAP;AACD,GAdY,EAcV,CAACD,IAAD,EAAOL,IAAP,EAAaC,EAAb,EAAiBM,SAAjB,EAA4BC,MAA5B,EAAoCC,MAApC,EAA4CC,KAA5C,EAAmDJ,OAAnD,CAdU,CAAb;AAgBA,QAAM;AAAEY,IAAAA;AAAF,MAAoB5B,eAAe,CAAC;AACxC6B,IAAAA,OAAO,EAAEP,mBAD+B;AAExCG,IAAAA;AAFwC,GAAD,CAAzC,CA3BsB,CAgCtB;;AAEA,sBACE,uDACE,oBAAC,YAAD;AACE,IAAA,aAAa,EAAEG,aADjB;AAEE,IAAA,IAAI,EAAC,aAFP;AAGE,IAAA,MAAM,EAAEL,UAAU,GAAGf,aAAa,IAAID,KAApB,GAA4BA,KAHhD;AAIE,IAAA,WAAW,EAAEM,WAJf;AAKE,IAAA,aAAa,EAAEU,UAAU,IAAI,CAACf,aAAf,GAA+B,GAA/B,GAAqC;AALtD,KAMMM,KANN,EADF,CADF;AAYD","sourcesContent":["import * as React from 'react';\nimport Animated from 'react-native-reanimated';\nimport { Path, PathProps } from 'react-native-svg';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartPathContext } from './LineChartPathContext';\nimport useAnimatedPath from './useAnimatedPath';\nimport { useLineChart } from './useLineChart';\nimport { getPath } from './utils';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nexport type LineChartColorProps = Animated.AnimateProps<PathProps> & {\n  color?: string;\n  from: number;\n  to: number;\n  showInactiveColor?: boolean;\n  inactiveColor?: string;\n  width?: number;\n};\n\nLineChartHighlight.displayName = 'LineChartHighlight';\n\nexport function LineChartHighlight({\n  color = 'black',\n  inactiveColor,\n  showInactiveColor = true,\n  from,\n  to,\n  width: strokeWidth = 3,\n  ...props\n}: LineChartColorProps) {\n  const { data, yDomain } = useLineChart();\n  const { pathWidth, height, gutter, shape } = React.useContext(\n    LineChartDimensionsContext\n  );\n  const { isTransitionEnabled, isInactive: _isInactive } =\n    React.useContext(LineChartPathContext);\n  const isInactive = showInactiveColor && _isInactive;\n\n  ////////////////////////////////////////////////\n\n  const path = React.useMemo(() => {\n    if (data && data.length > 0) {\n      return getPath({\n        data,\n        from,\n        to,\n        width: pathWidth,\n        height,\n        gutter,\n        shape,\n        yDomain,\n      });\n    }\n    return '';\n  }, [data, from, to, pathWidth, height, gutter, shape, yDomain]);\n\n  const { animatedProps } = useAnimatedPath({\n    enabled: isTransitionEnabled,\n    path,\n  });\n\n  ////////////////////////////////////////////////\n\n  return (\n    <>\n      <AnimatedPath\n        animatedProps={animatedProps}\n        fill=\"transparent\"\n        stroke={isInactive ? inactiveColor || color : color}\n        strokeWidth={strokeWidth}\n        strokeOpacity={isInactive && !inactiveColor ? 0.5 : 1}\n        {...props}\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"names":["React","Animated","Path","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","useLineChart","getPath","AnimatedPath","createAnimatedComponent","LineChartHighlight","displayName","color","inactiveColor","showInactiveColor","from","to","width","strokeWidth","props","data","yDomain","pathWidth","height","gutter","shape","useContext","isTransitionEnabled","isInactive","_isInactive","path","useMemo","length","animatedProps","enabled","createElement","Fragment","_extends","fill","stroke","strokeOpacity"],"sourceRoot":"../../../../src","sources":["charts/line/Highlight.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,IAAI,QAAmB,kBAAkB;AAElD,SAASC,0BAA0B,QAAQ,SAAS;AACpD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,OAAO,QAAQ,SAAS;AAEjC,MAAMC,YAAY,GAAGP,QAAQ,CAACQ,uBAAuB,CAACP,IAAI,CAAC;AAW3DQ,kBAAkB,CAACC,WAAW,GAAG,oBAAoB;AAErD,OAAO,SAASD,kBAAkBA,CAAC;EACjCE,KAAK,GAAG,OAAO;EACfC,aAAa;EACbC,iBAAiB,GAAG,IAAI;EACxBC,IAAI;EACJC,EAAE;EACFC,KAAK,EAAEC,WAAW,GAAG,CAAC;EACtB,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGf,YAAY,CAAC,CAAC;EACxC,MAAM;IAAEgB,SAAS;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGzB,KAAK,CAAC0B,UAAU,CAC3DvB,0BACF,CAAC;EACD,MAAM;IAAEwB,mBAAmB;IAAEC,UAAU,EAAEC;EAAY,CAAC,GACpD7B,KAAK,CAAC0B,UAAU,CAACtB,oBAAoB,CAAC;EACxC,MAAMwB,UAAU,GAAGd,iBAAiB,IAAIe,WAAW;;EAEnD;;EAEA,MAAMC,IAAI,GAAG9B,KAAK,CAAC+B,OAAO,CAAC,MAAM;IAC/B,IAAIX,IAAI,IAAIA,IAAI,CAACY,MAAM,GAAG,CAAC,EAAE;MAC3B,OAAOzB,OAAO,CAAC;QACba,IAAI;QACJL,IAAI;QACJC,EAAE;QACFC,KAAK,EAAEK,SAAS;QAChBC,MAAM;QACNC,MAAM;QACNC,KAAK;QACLJ;MACF,CAAC,CAAC;IACJ;IACA,OAAO,EAAE;EACX,CAAC,EAAE,CAACD,IAAI,EAAEL,IAAI,EAAEC,EAAE,EAAEM,SAAS,EAAEC,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAEJ,OAAO,CAAC,CAAC;EAE/D,MAAM;IAAEY;EAAc,CAAC,GAAG5B,eAAe,CAAC;IACxC6B,OAAO,EAAEP,mBAAmB;IAC5BG;EACF,CAAC,CAAC;;EAEF;;EAEA,oBACE9B,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,qBACEpC,KAAA,CAAAmC,aAAA,CAAC3B,YAAY,EAAA6B,QAAA;IACXJ,aAAa,EAAEA,aAAc;IAC7BK,IAAI,EAAC,aAAa;IAClBC,MAAM,EAAEX,UAAU,GAAGf,aAAa,IAAID,KAAK,GAAGA,KAAM;IACpDM,WAAW,EAAEA,WAAY;IACzBsB,aAAa,EAAEZ,UAAU,IAAI,CAACf,aAAa,GAAG,GAAG,GAAG;EAAE,GAClDM,KAAK,CACV,CACD,CAAC;AAEP"}

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

@@ -1,10 +1,10 @@
-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 React from 'react';
+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 Animated, { useAnimatedProps, useDerivedValue, withTiming } from 'react-native-reanimated';
 import { Line as SVGLine } from 'react-native-svg';
-import { getYForX } from 'react-native-redash';
 import { LineChartDimensionsContext } from './Chart';
+import React from 'react';
+import { getXPositionForCurve } from './utils/getXPositionForCurve';
+import { getYForX } from 'react-native-redash';
 import { useLineChart } from './useLineChart';
 const AnimatedLine = Animated.createAnimatedComponent(SVGLine);
 LineChartHorizontalLine.displayName = 'LineChartHorizontalLine';
@@ -19,7 +19,6 @@ export function LineChartHorizontalLine({
   const {
     width,
     parsedPath,
-    pointWidth,
     height,
     gutter
   } = React.useContext(LineChartDimensionsContext);
@@ -29,7 +28,7 @@ export function LineChartHorizontalLine({
   const y = useDerivedValue(() => {
     if (typeof at === 'number' || at.index != null) {
       const index = typeof at === 'number' ? at : at.index;
-      const yForX = getYForX(parsedPath, pointWidth * index) || 0;
+      const yForX = getYForX(parsedPath, getXPositionForCurve(parsedPath, index)) || 0;
       return withTiming(yForX + offsetY);
     }
     /**
@@ -42,13 +41,12 @@ export function LineChartHorizontalLine({
      * <gutter>
      */
 
-
     const offsetTop = yDomain.max - at.value;
     const percentageOffsetTop = offsetTop / (yDomain.max - yDomain.min);
     const heightBetweenGutters = height - gutter * 2;
     const offsetTopPixels = gutter + percentageOffsetTop * heightBetweenGutters;
     return withTiming(offsetTopPixels + offsetY);
-  }, [at, gutter, height, offsetY, parsedPath, pointWidth, yDomain.max, yDomain.min]);
+  }, [at, gutter, height, offsetY, parsedPath, yDomain.max, yDomain.min]);
   const lineAnimatedProps = useAnimatedProps(() => ({
     x1: 0,
     x2: width,

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

@@ -1 +1 @@
-{"version":3,"sources":["HorizontalLine.tsx"],"names":["React","Animated","useAnimatedProps","useDerivedValue","withTiming","Line","SVGLine","getYForX","LineChartDimensionsContext","useLineChart","AnimatedLine","createAnimatedComponent","LineChartHorizontalLine","displayName","color","lineProps","at","index","offsetY","width","parsedPath","pointWidth","height","gutter","useContext","yDomain","y","yForX","offsetTop","max","value","percentageOffsetTop","min","heightBetweenGutters","offsetTopPixels","lineAnimatedProps","x1","x2","y1","y2"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,IACEC,gBADF,EAEEC,eAFF,EAGEC,UAHF,QAIO,yBAJP;AAKA,SAASC,IAAI,IAAIC,OAAjB,QAA2C,kBAA3C;AACA,SAASC,QAAT,QAAyB,qBAAzB;AAEA,SAASC,0BAAT,QAA2C,SAA3C;AACA,SAASC,YAAT,QAA6B,gBAA7B;AAEA,MAAMC,YAAY,GAAGT,QAAQ,CAACU,uBAAT,CAAiCL,OAAjC,CAArB;AAmCAM,uBAAuB,CAACC,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,SAASD,uBAAT,CAAiC;AACtCE,EAAAA,KAAK,GAAG,MAD8B;AAEtCC,EAAAA,SAAS,GAAG,EAF0B;AAGtCC,EAAAA,EAAE,GAAG;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAHiC;AAItCC,EAAAA,OAAO,GAAG;AAJ4B,CAAjC,EAKiB;AACtB,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,UAAT;AAAqBC,IAAAA,UAArB;AAAiCC,IAAAA,MAAjC;AAAyCC,IAAAA;AAAzC,MAAoDvB,KAAK,CAACwB,UAAN,CACxDhB,0BADwD,CAA1D;AAGA,QAAM;AAAEiB,IAAAA;AAAF,MAAchB,YAAY,EAAhC;AAEA,QAAMiB,CAAC,GAAGvB,eAAe,CAAC,MAAM;AAC9B,QAAI,OAAOa,EAAP,KAAc,QAAd,IAA0BA,EAAE,CAACC,KAAH,IAAY,IAA1C,EAAgD;AAC9C,YAAMA,KAAK,GAAG,OAAOD,EAAP,KAAc,QAAd,GAAyBA,EAAzB,GAA8BA,EAAE,CAACC,KAA/C;AACA,YAAMU,KAAK,GAAGpB,QAAQ,CAACa,UAAD,EAAcC,UAAU,GAAGJ,KAA3B,CAAR,IAA6C,CAA3D;AACA,aAAOb,UAAU,CAACuB,KAAK,GAAGT,OAAT,CAAjB;AACD;AACD;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAEI,UAAMU,SAAS,GAAGH,OAAO,CAACI,GAAR,GAAcb,EAAE,CAACc,KAAnC;AACA,UAAMC,mBAAmB,GAAGH,SAAS,IAAIH,OAAO,CAACI,GAAR,GAAcJ,OAAO,CAACO,GAA1B,CAArC;AAEA,UAAMC,oBAAoB,GAAGX,MAAM,GAAGC,MAAM,GAAG,CAA/C;AAEA,UAAMW,eAAe,GAAGX,MAAM,GAAGQ,mBAAmB,GAAGE,oBAAvD;AAEA,WAAO7B,UAAU,CAAC8B,eAAe,GAAGhB,OAAnB,CAAjB;AACD,GAxBwB,EAwBtB,CACDF,EADC,EAEDO,MAFC,EAGDD,MAHC,EAIDJ,OAJC,EAKDE,UALC,EAMDC,UANC,EAODI,OAAO,CAACI,GAPP,EAQDJ,OAAO,CAACO,GARP,CAxBsB,CAAzB;AAmCA,QAAMG,iBAAiB,GAAGjC,gBAAgB,CACxC,OAAO;AACLkC,IAAAA,EAAE,EAAE,CADC;AAELC,IAAAA,EAAE,EAAElB,KAFC;AAGLmB,IAAAA,EAAE,EAAEZ,CAAC,CAACI,KAHD;AAILS,IAAAA,EAAE,EAAEb,CAAC,CAACI;AAJD,GAAP,CADwC,EAOxC,CAACX,KAAD,EAAQO,CAAR,CAPwC,CAA1C;AAUA,sBACE,oBAAC,YAAD;AACE,IAAA,aAAa,EAAES,iBADjB;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,MAAM,EAAErB,KAHV;AAIE,IAAA,eAAe,EAAC;AAJlB,KAKMC,SALN,EADF;AASD","sourcesContent":["import React from 'react';\nimport Animated, {\n  useAnimatedProps,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { Line as SVGLine, LineProps } from 'react-native-svg';\nimport { getYForX } from 'react-native-redash';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { useLineChart } from './useLineChart';\n\nconst AnimatedLine = Animated.createAnimatedComponent(SVGLine);\n\ntype HorizontalLineProps = {\n  color?: string;\n  lineProps?: Partial<LineProps>;\n  offsetY?: number;\n  /**\n   * (Optional) A pixel value to nudge the line up or down.\n   *\n   * This may be useful to customize the line's position based on the thickness of your cursor or chart path.\n   *\n   * ```tsx\n   * <LineChart.HorizontalLine\n   *   at={{ index: 3 }}\n   * />\n   *\n   * // or\n   *\n   * <LineChart.HorizontalLine\n   *   at={{ value: 320.32}}\n   * />\n   * ```\n   */\n  at?:\n    | {\n        index: number;\n        value?: never;\n      }\n    | {\n        index?: never;\n        value: number;\n      }\n    | number;\n};\n\nLineChartHorizontalLine.displayName = 'LineChartHorizontalLine';\n\nexport function LineChartHorizontalLine({\n  color = 'gray',\n  lineProps = {},\n  at = { index: 0 },\n  offsetY = 0,\n}: HorizontalLineProps) {\n  const { width, parsedPath, pointWidth, height, gutter } = React.useContext(\n    LineChartDimensionsContext\n  );\n  const { yDomain } = useLineChart();\n\n  const y = useDerivedValue(() => {\n    if (typeof at === 'number' || at.index != null) {\n      const index = typeof at === 'number' ? at : at.index;\n      const yForX = getYForX(parsedPath!, pointWidth * index) || 0;\n      return withTiming(yForX + offsetY);\n    }\n    /**\n     * <gutter>\n     * | ---------- | <- yDomain.max  |\n     * |            |                 | offsetTop\n     * |            | <- value        |\n     * |            |\n     * |            | <- yDomain.min\n     * <gutter>\n     */\n\n    const offsetTop = yDomain.max - at.value;\n    const percentageOffsetTop = offsetTop / (yDomain.max - yDomain.min);\n\n    const heightBetweenGutters = height - gutter * 2;\n\n    const offsetTopPixels = gutter + percentageOffsetTop * heightBetweenGutters;\n\n    return withTiming(offsetTopPixels + offsetY);\n  }, [\n    at,\n    gutter,\n    height,\n    offsetY,\n    parsedPath,\n    pointWidth,\n    yDomain.max,\n    yDomain.min,\n  ]);\n\n  const lineAnimatedProps = useAnimatedProps(\n    () => ({\n      x1: 0,\n      x2: width,\n      y1: y.value,\n      y2: y.value,\n    }),\n    [width, y]\n  );\n\n  return (\n    <AnimatedLine\n      animatedProps={lineAnimatedProps}\n      strokeWidth={2}\n      stroke={color}\n      strokeDasharray=\"3 3\"\n      {...lineProps}\n    />\n  );\n}\n"]}
+{"version":3,"names":["Animated","useAnimatedProps","useDerivedValue","withTiming","Line","SVGLine","LineChartDimensionsContext","React","getXPositionForCurve","getYForX","useLineChart","AnimatedLine","createAnimatedComponent","LineChartHorizontalLine","displayName","color","lineProps","at","index","offsetY","width","parsedPath","height","gutter","useContext","yDomain","y","yForX","offsetTop","max","value","percentageOffsetTop","min","heightBetweenGutters","offsetTopPixels","lineAnimatedProps","x1","x2","y1","y2","createElement","_extends","animatedProps","strokeWidth","stroke","strokeDasharray"],"sourceRoot":"../../../../src","sources":["charts/line/HorizontalLine.tsx"],"mappings":";AAAA,OAAOA,QAAQ,IACbC,gBAAgB,EAChBC,eAAe,EACfC,UAAU,QACL,yBAAyB;AAChC,SAAoBC,IAAI,IAAIC,OAAO,QAAQ,kBAAkB;AAE7D,SAASC,0BAA0B,QAAQ,SAAS;AACpD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,8BAA8B;AACnE,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,MAAMC,YAAY,GAAGX,QAAQ,CAACY,uBAAuB,CAACP,OAAO,CAAC;AAmC9DQ,uBAAuB,CAACC,WAAW,GAAG,yBAAyB;AAE/D,OAAO,SAASD,uBAAuBA,CAAC;EACtCE,KAAK,GAAG,MAAM;EACdC,SAAS,GAAG,CAAC,CAAC;EACdC,EAAE,GAAG;IAAEC,KAAK,EAAE;EAAE,CAAC;EACjBC,OAAO,GAAG;AACS,CAAC,EAAE;EACtB,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGhB,KAAK,CAACiB,UAAU,CAC5DlB,0BACF,CAAC;EACD,MAAM;IAAEmB;EAAQ,CAAC,GAAGf,YAAY,CAAC,CAAC;EAElC,MAAMgB,CAAC,GAAGxB,eAAe,CAAC,MAAM;IAC9B,IAAI,OAAOe,EAAE,KAAK,QAAQ,IAAIA,EAAE,CAACC,KAAK,IAAI,IAAI,EAAE;MAC9C,MAAMA,KAAK,GAAG,OAAOD,EAAE,KAAK,QAAQ,GAAGA,EAAE,GAAGA,EAAE,CAACC,KAAK;MACpD,MAAMS,KAAK,GACTlB,QAAQ,CAACY,UAAU,EAAGb,oBAAoB,CAACa,UAAU,EAAEH,KAAK,CAAC,CAAC,IAAI,CAAC;MACrE,OAAOf,UAAU,CAACwB,KAAK,GAAGR,OAAO,CAAC;IACpC;IACA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IAEI,MAAMS,SAAS,GAAGH,OAAO,CAACI,GAAG,GAAGZ,EAAE,CAACa,KAAK;IACxC,MAAMC,mBAAmB,GAAGH,SAAS,IAAIH,OAAO,CAACI,GAAG,GAAGJ,OAAO,CAACO,GAAG,CAAC;IAEnE,MAAMC,oBAAoB,GAAGX,MAAM,GAAGC,MAAM,GAAG,CAAC;IAEhD,MAAMW,eAAe,GAAGX,MAAM,GAAGQ,mBAAmB,GAAGE,oBAAoB;IAE3E,OAAO9B,UAAU,CAAC+B,eAAe,GAAGf,OAAO,CAAC;EAC9C,CAAC,EAAE,CAACF,EAAE,EAAEM,MAAM,EAAED,MAAM,EAAEH,OAAO,EAAEE,UAAU,EAAEI,OAAO,CAACI,GAAG,EAAEJ,OAAO,CAACO,GAAG,CAAC,CAAC;EAEvE,MAAMG,iBAAiB,GAAGlC,gBAAgB,CACxC,OAAO;IACLmC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAEjB,KAAK;IACTkB,EAAE,EAAEZ,CAAC,CAACI,KAAK;IACXS,EAAE,EAAEb,CAAC,CAACI;EACR,CAAC,CAAC,EACF,CAACV,KAAK,EAAEM,CAAC,CACX,CAAC;EAED,oBACEnB,KAAA,CAAAiC,aAAA,CAAC7B,YAAY,EAAA8B,QAAA;IACXC,aAAa,EAAEP,iBAAkB;IACjCQ,WAAW,EAAE,CAAE;IACfC,MAAM,EAAE7B,KAAM;IACd8B,eAAe,EAAC;EAAK,GACjB7B,SAAS,CACd,CAAC;AAEN"}

package/lib/module/charts/line/HoverTrap/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","LineChartHoverTrap"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,mBAAM,yCAAjC","sourcesContent":["import React from 'react';\n\nexport const LineChartHoverTrap = () => <></>;\n"]}
+{"version":3,"names":["React","LineChartHoverTrap","createElement","Fragment"],"sourceRoot":"../../../../../src","sources":["charts/line/HoverTrap/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,kBAAMD,KAAA,CAAAE,aAAA,CAAAF,KAAA,CAAAG,QAAA,MAAI,CAAC"}

package/lib/module/charts/line/HoverTrap/index.web.js

@@ -1,14 +1,16 @@
 import * as React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { LineChartDimensionsContext } from '../Chart';
-import { useLineChart } from '../useLineChart'; // @ts-expect-error missing types
+import { useLineChart } from '../useLineChart';
 
+// @ts-expect-error missing types
 import { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';
-let isEnabled = false; // the following logic comes from the creator of react-native-web
+let isEnabled = false;
+
+// the following logic comes from the creator of react-native-web
 // https://gist.github.com/necolas/1c494e44e23eb7f8c5864a2fac66299a
 // it's also used by MotiPressable's hover interactions
 // https://github.com/nandorojo/moti/blob/master/packages/interactions/src/pressable/hoverable.tsx
-
 if (canUseDOM) {
   /**
    * Web browsers emulate mouse events (and hover states) after touch events.
@@ -20,32 +22,25 @@ if (canUseDOM) {
    */
   const HOVER_THRESHOLD_MS = 1000;
   let lastTouchTimestamp = 0;
-
   function enableHover() {
     if (isEnabled || Date.now() - lastTouchTimestamp < HOVER_THRESHOLD_MS) {
       return;
     }
-
     isEnabled = true;
   }
-
   function disableHover() {
     lastTouchTimestamp = Date.now();
-
     if (isEnabled) {
       isEnabled = false;
     }
   }
-
   document.addEventListener('touchstart', disableHover, true);
   document.addEventListener('touchmove', disableHover, true);
   document.addEventListener('mousemove', enableHover, true);
 }
-
 function isHoverEnabled() {
   return isEnabled;
 }
-
 export const LineChartHoverTrap = () => {
   const {
     width,
@@ -64,10 +59,11 @@ export const LineChartHoverTrap = () => {
       if (parsedPath) {
         const boundedX = Math.min(x, width);
         isActive.value = true;
-        currentX.value = boundedX; // on Web, we could drag the cursor to be negative, breaking it
+        currentX.value = boundedX;
+
+        // 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;
@@ -82,9 +78,11 @@ export const LineChartHoverTrap = () => {
     currentIndex.value = -1;
   }, [currentIndex, isActive]);
   return /*#__PURE__*/React.createElement(View, {
-    style: StyleSheet.absoluteFill // @ts-expect-error mouse move event
+    style: StyleSheet.absoluteFill
+    // @ts-expect-error mouse move event
     ,
-    onMouseMove: React.useCallback( // eslint-disable-next-line no-undef
+    onMouseMove: React.useCallback(
+    // eslint-disable-next-line no-undef
     e => {
       let rect = e.currentTarget.getBoundingClientRect();
       let x = e.clientX - rect.left; // x position within the element.

package/lib/module/charts/line/HoverTrap/index.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.web.tsx"],"names":["React","View","StyleSheet","LineChartDimensionsContext","useLineChart","canUseDOM","isEnabled","HOVER_THRESHOLD_MS","lastTouchTimestamp","enableHover","Date","now","disableHover","document","addEventListener","isHoverEnabled","LineChartHoverTrap","width","parsedPath","useContext","currentX","currentIndex","isActive","data","onMouseMove","useCallback","x","boundedX","Math","min","value","minIndex","boundedIndex","max","round","length","onMouseLeave","absoluteFill","e","rect","currentTarget","getBoundingClientRect","clientX","left"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { View, StyleSheet } from 'react-native';\n\nimport { LineChartDimensionsContext } from '../Chart';\nimport { useLineChart } from '../useLineChart';\n\n// @ts-expect-error missing types\nimport { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';\n\nlet isEnabled = false;\n\n// the following logic comes from the creator of react-native-web\n// https://gist.github.com/necolas/1c494e44e23eb7f8c5864a2fac66299a\n// it's also used by MotiPressable's hover interactions\n// https://github.com/nandorojo/moti/blob/master/packages/interactions/src/pressable/hoverable.tsx\nif (canUseDOM) {\n  /**\n   * Web browsers emulate mouse events (and hover states) after touch events.\n   * This code infers when the currently-in-use modality supports hover\n   * (including for multi-modality devices) and considers \"hover\" to be enabled\n   * if a mouse movement occurs more than 1 second after the last touch event.\n   * This threshold is long enough to account for longer delays between the\n   * browser firing touch and mouse events on low-powered devices.\n   */\n  const HOVER_THRESHOLD_MS = 1000;\n  let lastTouchTimestamp = 0;\n\n  function enableHover() {\n    if (isEnabled || Date.now() - lastTouchTimestamp < HOVER_THRESHOLD_MS) {\n      return;\n    }\n    isEnabled = true;\n  }\n\n  function disableHover() {\n    lastTouchTimestamp = Date.now();\n    if (isEnabled) {\n      isEnabled = false;\n    }\n  }\n\n  document.addEventListener('touchstart', disableHover, true);\n  document.addEventListener('touchmove', disableHover, true);\n  document.addEventListener('mousemove', enableHover, true);\n}\n\nfunction isHoverEnabled(): boolean {\n  return isEnabled;\n}\n\nexport const LineChartHoverTrap = () => {\n  const { width, parsedPath } = React.useContext(LineChartDimensionsContext);\n  const { currentX, currentIndex, isActive, data } = useLineChart();\n\n  const onMouseMove = React.useCallback(\n    ({ x }: { x: number }) => {\n      if (isHoverEnabled()) {\n        if (parsedPath) {\n          const boundedX = Math.min(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      } else {\n        isActive.value = false;\n        currentIndex.value = -1;\n      }\n    },\n    [currentIndex, currentX, data.length, isActive, parsedPath, width]\n  );\n\n  const onMouseLeave = React.useCallback(() => {\n    isActive.value = false;\n    currentIndex.value = -1;\n  }, [currentIndex, isActive]);\n\n  return (\n    <View\n      style={StyleSheet.absoluteFill}\n      // @ts-expect-error mouse move event\n      onMouseMove={React.useCallback(\n        // eslint-disable-next-line no-undef\n        (e: React.MouseEvent<HTMLElement>) => {\n          let rect = e.currentTarget.getBoundingClientRect();\n          let x = e.clientX - rect.left; // x position within the element.\n\n          onMouseMove({ x });\n        },\n        [onMouseMove]\n      )}\n      onMouseLeave={onMouseLeave}\n    />\n  );\n};\n"]}
+{"version":3,"names":["React","View","StyleSheet","LineChartDimensionsContext","useLineChart","canUseDOM","isEnabled","HOVER_THRESHOLD_MS","lastTouchTimestamp","enableHover","Date","now","disableHover","document","addEventListener","isHoverEnabled","LineChartHoverTrap","width","parsedPath","useContext","currentX","currentIndex","isActive","data","onMouseMove","useCallback","x","boundedX","Math","min","value","minIndex","boundedIndex","max","round","length","onMouseLeave","createElement","style","absoluteFill","e","rect","currentTarget","getBoundingClientRect","clientX","left"],"sourceRoot":"../../../../../src","sources":["charts/line/HoverTrap/index.web.tsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["LineChartPathContext.ts"],"names":["React","LineChartPathContext","createContext","color","isInactive","isTransitionEnabled"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAN,CAAoB;AACtDC,EAAAA,KAAK,EAAE,EAD+C;AAEtDC,EAAAA,UAAU,EAAE,KAF0C;AAGtDC,EAAAA,mBAAmB,EAAE;AAHiC,CAApB,CAA7B","sourcesContent":["import React from 'react';\n\nexport const LineChartPathContext = React.createContext({\n  color: '',\n  isInactive: false,\n  isTransitionEnabled: true,\n});\n"]}
+{"version":3,"names":["React","LineChartPathContext","createContext","color","isInactive","isTransitionEnabled"],"sourceRoot":"../../../../src","sources":["charts/line/LineChartPathContext.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAa,CAAC;EACtDC,KAAK,EAAE,EAAE;EACTC,UAAU,EAAE,KAAK;EACjBC,mBAAmB,EAAE;AACvB,CAAC,CAAC"}

package/lib/module/charts/line/Path.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 Animated from 'react-native-reanimated';
 import { Path } from 'react-native-svg';
@@ -20,14 +19,18 @@ export function LineChartPath({
   const {
     isTransitionEnabled,
     isInactive
-  } = React.useContext(LineChartPathContext); ////////////////////////////////////////////////
+  } = React.useContext(LineChartPathContext);
+
+  ////////////////////////////////////////////////
 
   const {
     animatedProps
   } = useAnimatedPath({
     enabled: isTransitionEnabled,
     path
-  }); ////////////////////////////////////////////////
+  });
+
+  ////////////////////////////////////////////////
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedPath, _extends({
     animatedProps: animatedProps,

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

@@ -1 +1 @@
-{"version":3,"sources":["Path.tsx"],"names":["React","Animated","Path","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","AnimatedPath","createAnimatedComponent","LineChartPath","displayName","color","inactiveColor","width","strokeWidth","props","path","useContext","isTransitionEnabled","isInactive","animatedProps","enabled"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AACA,SAASC,IAAT,QAAgC,kBAAhC;AAEA,SAASC,0BAAT,QAA2C,SAA3C;AACA,SAASC,oBAAT,QAAqC,wBAArC;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAEA,MAAMC,YAAY,GAAGL,QAAQ,CAACM,uBAAT,CAAiCL,IAAjC,CAArB;AAyBAM,aAAa,CAACC,WAAd,GAA4B,eAA5B;AAEA,OAAO,SAASD,aAAT,CAAuB;AAC5BE,EAAAA,KAAK,GAAG,OADoB;AAE5BC,EAAAA,aAF4B;AAG5BC,EAAAA,KAAK,EAAEC,WAAW,GAAG,CAHO;AAI5B,KAAGC;AAJyB,CAAvB,EAKgB;AACrB,QAAM;AAAEC,IAAAA;AAAF,MAAWf,KAAK,CAACgB,UAAN,CAAiBb,0BAAjB,CAAjB;AACA,QAAM;AAAEc,IAAAA,mBAAF;AAAuBC,IAAAA;AAAvB,MACJlB,KAAK,CAACgB,UAAN,CAAiBZ,oBAAjB,CADF,CAFqB,CAKrB;;AAEA,QAAM;AAAEe,IAAAA;AAAF,MAAoBd,eAAe,CAAC;AACxCe,IAAAA,OAAO,EAAEH,mBAD+B;AAExCF,IAAAA;AAFwC,GAAD,CAAzC,CAPqB,CAYrB;;AAEA,sBACE,uDACE,oBAAC,YAAD;AACE,IAAA,aAAa,EAAEI,aADjB;AAEE,IAAA,IAAI,EAAC,aAFP;AAGE,IAAA,MAAM,EAAED,UAAU,GAAGP,aAAa,IAAID,KAApB,GAA4BA,KAHhD;AAIE,IAAA,aAAa,EAAEQ,UAAU,IAAI,CAACP,aAAf,GAA+B,GAA/B,GAAqC,CAJtD;AAKE,IAAA,WAAW,EAAEE;AALf,KAMMC,KANN,EADF,CADF;AAYD","sourcesContent":["import * as React from 'react';\nimport Animated from 'react-native-reanimated';\nimport { Path, PathProps } from 'react-native-svg';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartPathContext } from './LineChartPathContext';\nimport useAnimatedPath from './useAnimatedPath';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nexport type LineChartPathProps = Animated.AnimateProps<PathProps> & {\n  color?: string;\n  inactiveColor?: string;\n  width?: number;\n  isInactive?: boolean;\n  /**\n   * Default: `true`.\n   *\n   * If `false`, changes in the chart's path will not animate.\n   *\n   * While this use case is rare, it may be useful on web, where animations might not work as well.\n   *\n   * **Example**\n   *\n   * ```tsx\n   * <LineChart.Path\n   *   pathProps={{ isTransitionEnabled: Platform.OS !== 'web' }}\n   * />\n   * ```\n   */\n  isTransitionEnabled?: boolean;\n};\n\nLineChartPath.displayName = 'LineChartPath';\n\nexport function LineChartPath({\n  color = 'black',\n  inactiveColor,\n  width: strokeWidth = 3,\n  ...props\n}: LineChartPathProps) {\n  const { path } = React.useContext(LineChartDimensionsContext);\n  const { isTransitionEnabled, isInactive } =\n    React.useContext(LineChartPathContext);\n\n  ////////////////////////////////////////////////\n\n  const { animatedProps } = useAnimatedPath({\n    enabled: isTransitionEnabled,\n    path,\n  });\n\n  ////////////////////////////////////////////////\n\n  return (\n    <>\n      <AnimatedPath\n        animatedProps={animatedProps}\n        fill=\"transparent\"\n        stroke={isInactive ? inactiveColor || color : color}\n        strokeOpacity={isInactive && !inactiveColor ? 0.2 : 1}\n        strokeWidth={strokeWidth}\n        {...props}\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"names":["React","Animated","Path","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","AnimatedPath","createAnimatedComponent","LineChartPath","displayName","color","inactiveColor","width","strokeWidth","props","path","useContext","isTransitionEnabled","isInactive","animatedProps","enabled","createElement","Fragment","_extends","fill","stroke","strokeOpacity"],"sourceRoot":"../../../../src","sources":["charts/line/Path.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,IAAI,QAAmB,kBAAkB;AAElD,SAASC,0BAA0B,QAAQ,SAAS;AACpD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,MAAMC,YAAY,GAAGL,QAAQ,CAACM,uBAAuB,CAACL,IAAI,CAAC;AAyB3DM,aAAa,CAACC,WAAW,GAAG,eAAe;AAE3C,OAAO,SAASD,aAAaA,CAAC;EAC5BE,KAAK,GAAG,OAAO;EACfC,aAAa;EACbC,KAAK,EAAEC,WAAW,GAAG,CAAC;EACtB,GAAGC;AACe,CAAC,EAAE;EACrB,MAAM;IAAEC;EAAK,CAAC,GAAGf,KAAK,CAACgB,UAAU,CAACb,0BAA0B,CAAC;EAC7D,MAAM;IAAEc,mBAAmB;IAAEC;EAAW,CAAC,GACvClB,KAAK,CAACgB,UAAU,CAACZ,oBAAoB,CAAC;;EAExC;;EAEA,MAAM;IAAEe;EAAc,CAAC,GAAGd,eAAe,CAAC;IACxCe,OAAO,EAAEH,mBAAmB;IAC5BF;EACF,CAAC,CAAC;;EAEF;;EAEA,oBACEf,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,qBACEtB,KAAA,CAAAqB,aAAA,CAACf,YAAY,EAAAiB,QAAA;IACXJ,aAAa,EAAEA,aAAc;IAC7BK,IAAI,EAAC,aAAa;IAClBC,MAAM,EAAEP,UAAU,GAAGP,aAAa,IAAID,KAAK,GAAGA,KAAM;IACpDgB,aAAa,EAAER,UAAU,IAAI,CAACP,aAAa,GAAG,GAAG,GAAG,CAAE;IACtDE,WAAW,EAAEA;EAAY,GACrBC,KAAK,CACV,CACD,CAAC;AAEP"}