react-native-wagmi-charts 1.5.1 → 2.0.0

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

@@ -1,51 +1,39 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import * as React from 'react';
-import Animated, { useAnimatedProps, useAnimatedReaction, useSharedValue, withTiming } from 'react-native-reanimated';
+import Animated from 'react-native-reanimated';
 import { Path } from 'react-native-svg';
 import { LineChartDimensionsContext } from './Chart';
-import interpolatePath from './interpolatePath';
-import { usePrevious } from '../../utils';
+import { LineChartPathContext } from './ChartPath';
+import useAnimatedPath from './useAnimatedPath';
 const AnimatedPath = Animated.createAnimatedComponent(Path);
+LineChartPath.displayName = 'LineChartPath';
 export function LineChartPath({
   color = 'black',
+  inactiveColor,
   width: strokeWidth = 3,
-  isInactive,
-  isTransitionEnabled = true,
   ...props
 }) {
   const {
     path
-  } = React.useContext(LineChartDimensionsContext); ////////////////////////////////////////////////
-
-  const transition = useSharedValue(0);
-  const previousPath = usePrevious(path);
-  useAnimatedReaction(() => {
-    return path;
-  }, (_, previous) => {
-    if (previous) {
-      transition.value = 0;
-      transition.value = withTiming(1);
-    }
-  }, [path]);
-  const animatedProps = useAnimatedProps(() => {
-    let d = path || '';
-
-    if (previousPath && isTransitionEnabled) {
-      const pathInterpolator = interpolatePath(previousPath, path, null);
-      d = pathInterpolator(transition.value);
-    }
+  } = React.useContext(LineChartDimensionsContext);
+  const {
+    isTransitionEnabled,
+    isInactive
+  } = React.useContext(LineChartPathContext); ////////////////////////////////////////////////
 
-    return {
-      d
-    };
+  const {
+    animatedProps
+  } = useAnimatedPath({
+    enabled: isTransitionEnabled,
+    path
   }); ////////////////////////////////////////////////
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedPath, _extends({
     animatedProps: animatedProps,
     fill: "transparent",
-    stroke: color,
-    strokeOpacity: isInactive ? 0.2 : 1,
+    stroke: isInactive ? inactiveColor || color : color,
+    strokeOpacity: isInactive && !inactiveColor ? 0.2 : 1,
     strokeWidth: strokeWidth
   }, props)));
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["Path.tsx"],"names":["React","Animated","useAnimatedProps","useAnimatedReaction","useSharedValue","withTiming","Path","LineChartDimensionsContext","interpolatePath","usePrevious","AnimatedPath","createAnimatedComponent","LineChartPath","color","width","strokeWidth","isInactive","isTransitionEnabled","props","path","useContext","transition","previousPath","_","previous","value","animatedProps","d","pathInterpolator"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,IACEC,gBADF,EAEEC,mBAFF,EAGEC,cAHF,EAIEC,UAJF,QAKO,yBALP;AAMA,SAASC,IAAT,QAAgC,kBAAhC;AAEA,SAASC,0BAAT,QAA2C,SAA3C;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,SAASC,WAAT,QAA4B,aAA5B;AAEA,MAAMC,YAAY,GAAGT,QAAQ,CAACU,uBAAT,CAAiCL,IAAjC,CAArB;AAwBA,OAAO,SAASM,aAAT,CAAuB;AAC5BC,EAAAA,KAAK,GAAG,OADoB;AAE5BC,EAAAA,KAAK,EAAEC,WAAW,GAAG,CAFO;AAG5BC,EAAAA,UAH4B;AAI5BC,EAAAA,mBAAmB,GAAG,IAJM;AAK5B,KAAGC;AALyB,CAAvB,EAMgB;AACrB,QAAM;AAAEC,IAAAA;AAAF,MAAWnB,KAAK,CAACoB,UAAN,CAAiBb,0BAAjB,CAAjB,CADqB,CAGrB;;AAEA,QAAMc,UAAU,GAAGjB,cAAc,CAAC,CAAD,CAAjC;AAEA,QAAMkB,YAAY,GAAGb,WAAW,CAACU,IAAD,CAAhC;AAEAhB,EAAAA,mBAAmB,CACjB,MAAM;AACJ,WAAOgB,IAAP;AACD,GAHgB,EAIjB,CAACI,CAAD,EAAIC,QAAJ,KAAiB;AACf,QAAIA,QAAJ,EAAc;AACZH,MAAAA,UAAU,CAACI,KAAX,GAAmB,CAAnB;AACAJ,MAAAA,UAAU,CAACI,KAAX,GAAmBpB,UAAU,CAAC,CAAD,CAA7B;AACD;AACF,GATgB,EAUjB,CAACc,IAAD,CAViB,CAAnB;AAaA,QAAMO,aAAa,GAAGxB,gBAAgB,CAAC,MAAM;AAC3C,QAAIyB,CAAC,GAAGR,IAAI,IAAI,EAAhB;;AACA,QAAIG,YAAY,IAAIL,mBAApB,EAAyC;AACvC,YAAMW,gBAAgB,GAAGpB,eAAe,CAACc,YAAD,EAAeH,IAAf,EAAqB,IAArB,CAAxC;AACAQ,MAAAA,CAAC,GAAGC,gBAAgB,CAACP,UAAU,CAACI,KAAZ,CAApB;AACD;;AACD,WAAO;AACLE,MAAAA;AADK,KAAP;AAGD,GATqC,CAAtC,CAtBqB,CAiCrB;;AAEA,sBACE,uDACE,oBAAC,YAAD;AACE,IAAA,aAAa,EAAED,aADjB;AAEE,IAAA,IAAI,EAAC,aAFP;AAGE,IAAA,MAAM,EAAEb,KAHV;AAIE,IAAA,aAAa,EAAEG,UAAU,GAAG,GAAH,GAAS,CAJpC;AAKE,IAAA,WAAW,EAAED;AALf,KAMMG,KANN,EADF,CADF;AAYD","sourcesContent":["import * as React from 'react';\nimport Animated, {\n  useAnimatedProps,\n  useAnimatedReaction,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { Path, PathProps } from 'react-native-svg';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport interpolatePath from './interpolatePath';\nimport { usePrevious } from '../../utils';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nexport type LineChartPathProps = Animated.AnimateProps<PathProps> & {\n  color?: 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\nexport function LineChartPath({\n  color = 'black',\n  width: strokeWidth = 3,\n  isInactive,\n  isTransitionEnabled = true,\n  ...props\n}: LineChartPathProps) {\n  const { path } = React.useContext(LineChartDimensionsContext);\n\n  ////////////////////////////////////////////////\n\n  const transition = useSharedValue(0);\n\n  const previousPath = usePrevious(path);\n\n  useAnimatedReaction(\n    () => {\n      return path;\n    },\n    (_, previous) => {\n      if (previous) {\n        transition.value = 0;\n        transition.value = withTiming(1);\n      }\n    },\n    [path]\n  );\n\n  const animatedProps = useAnimatedProps(() => {\n    let d = path || '';\n    if (previousPath && isTransitionEnabled) {\n      const pathInterpolator = interpolatePath(previousPath, path, null);\n      d = pathInterpolator(transition.value);\n    }\n    return {\n      d,\n    };\n  });\n\n  ////////////////////////////////////////////////\n\n  return (\n    <>\n      <AnimatedPath\n        animatedProps={animatedProps}\n        fill=\"transparent\"\n        stroke={color}\n        strokeOpacity={isInactive ? 0.2 : 1}\n        strokeWidth={strokeWidth}\n        {...props}\n      />\n    </>\n  );\n}\n"]}
+{"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,aAArC;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 './ChartPath';\nimport useAnimatedPath from './useAnimatedPath';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nexport type LineChartPathProps = Animated.AnimateProps<PathProps> & {\n  color?: string;\n  inactiveColor?: string;\n  width?: number;\n  isInactive?: boolean;\n  /**\n   * Default: `true`.\n   *\n   * If `false`, changes in the chart's path will not animate.\n   *\n   * While this use case is rare, it may be useful on web, where animations might not work as well.\n   *\n   * **Example**\n   *\n   * ```tsx\n   * <LineChart.Path\n   *   pathProps={{ isTransitionEnabled: Platform.OS !== 'web' }}\n   * />\n   * ```\n   */\n  isTransitionEnabled?: boolean;\n};\n\nLineChartPath.displayName = 'LineChartPath';\n\nexport function LineChartPath({\n  color = 'black',\n  inactiveColor,\n  width: strokeWidth = 3,\n  ...props\n}: LineChartPathProps) {\n  const { path } = React.useContext(LineChartDimensionsContext);\n  const { isTransitionEnabled, isInactive } =\n    React.useContext(LineChartPathContext);\n\n  ////////////////////////////////////////////////\n\n  const { animatedProps } = useAnimatedPath({\n    enabled: isTransitionEnabled,\n    path,\n  });\n\n  ////////////////////////////////////////////////\n\n  return (\n    <>\n      <AnimatedPath\n        animatedProps={animatedProps}\n        fill=\"transparent\"\n        stroke={isInactive ? inactiveColor || color : color}\n        strokeOpacity={isInactive && !inactiveColor ? 0.2 : 1}\n        strokeWidth={strokeWidth}\n        {...props}\n      />\n    </>\n  );\n}\n"]}

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useLineChartPrice } from './usePrice';
 import { AnimatedText } from '../../components/AnimatedText';
+LineChartPriceText.displayName = 'LineChartPriceText';
 export function LineChartPriceText({
   format,
   precision = 2,

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

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

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

@@ -6,6 +6,7 @@ import { LineChartDimensionsContext } from './Chart';
 import { CursorContext } from './Cursor';
 import { LineChartPriceText } from './PriceText';
 import { useLineChart } from './useLineChart';
+LineChartTooltip.displayName = 'LineChartTooltip';
 export function LineChartTooltip({
   children,
   xGutter = 8,

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

@@ -1 +1 @@
-{"version":3,"sources":["Tooltip.tsx"],"names":["React","Animated","useAnimatedStyle","useSharedValue","LineChartDimensionsContext","CursorContext","LineChartPriceText","useLineChart","LineChartTooltip","children","xGutter","yGutter","cursorGutter","position","textProps","textStyle","props","width","height","useContext","type","currentX","currentY","isActive","x","elementWidth","elementHeight","handleLayout","useCallback","event","value","nativeEvent","layout","animatedCursorStyle","translateXOffset","xOffset","translateYOffset","transform","translateX","translateY","opacity","padding","alignSelf","style"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { CursorContext } from './Cursor';\nimport { LineChartPriceText, LineChartPriceTextProps } from './PriceText';\nimport { useLineChart } from './useLineChart';\n\ntype LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {\n  children?: React.ReactNode;\n  xGutter?: number;\n  yGutter?: number;\n  cursorGutter?: number;\n  position?: 'top' | 'bottom';\n  textProps?: LineChartPriceTextProps;\n  textStyle?: LineChartPriceTextProps['style'];\n};\n\nexport function LineChartTooltip({\n  children,\n  xGutter = 8,\n  yGutter = 8,\n  cursorGutter = 48,\n  position = 'top',\n  textProps,\n  textStyle,\n  ...props\n}: LineChartTooltipProps) {\n  const { width, height } = React.useContext(LineChartDimensionsContext);\n  const { type } = React.useContext(CursorContext);\n  const { currentX, currentY, isActive } = useLineChart();\n\n  const x = useSharedValue(0);\n  const elementWidth = useSharedValue(0);\n  const elementHeight = useSharedValue(0);\n\n  const handleLayout = React.useCallback(\n    (event) => {\n      x.value = event.nativeEvent.layout.x;\n      elementWidth.value = event.nativeEvent.layout.width;\n      elementHeight.value = event.nativeEvent.layout.height;\n    },\n    [elementHeight, elementWidth, x]\n  );\n\n  const animatedCursorStyle = useAnimatedStyle(() => {\n    let translateXOffset = elementWidth.value / 2;\n    if (currentX.value < elementWidth.value / 2 + xGutter) {\n      const xOffset = elementWidth.value / 2 + xGutter - currentX.value;\n      translateXOffset = translateXOffset - xOffset;\n    }\n    if (currentX.value > width - elementWidth.value / 2 - xGutter) {\n      const xOffset =\n        currentX.value - (width - elementWidth.value / 2 - xGutter);\n      translateXOffset = translateXOffset + xOffset;\n    }\n\n    let translateYOffset = 0;\n    if (position === 'top') {\n      translateYOffset = elementHeight.value / 2 + cursorGutter;\n      if (currentY.value - translateYOffset < yGutter) {\n        translateYOffset = currentY.value - yGutter;\n      }\n    } else if (position === 'bottom') {\n      translateYOffset = -(elementHeight.value / 2) - cursorGutter / 2;\n      if (\n        currentY.value - translateYOffset + elementHeight.value >\n        height - yGutter\n      ) {\n        translateYOffset =\n          currentY.value - (height - yGutter) + elementHeight.value;\n      }\n    }\n\n    return {\n      transform: [\n        { translateX: currentX.value - translateXOffset },\n        {\n          translateY:\n            type === 'crosshair'\n              ? currentY.value - translateYOffset\n              : position === 'top'\n              ? yGutter\n              : height - elementHeight.value - yGutter,\n        },\n      ],\n      opacity: isActive.value ? 1 : 0,\n    };\n  });\n\n  return (\n    <Animated.View\n      onLayout={handleLayout}\n      {...props}\n      style={[\n        {\n          position: 'absolute',\n          padding: 4,\n          alignSelf: 'flex-start',\n        },\n        animatedCursorStyle,\n        props.style,\n      ]}\n    >\n      {children || <LineChartPriceText style={[textStyle]} {...textProps} />}\n    </Animated.View>\n  );\n}\n"]}
+{"version":3,"sources":["Tooltip.tsx"],"names":["React","Animated","useAnimatedStyle","useSharedValue","LineChartDimensionsContext","CursorContext","LineChartPriceText","useLineChart","LineChartTooltip","displayName","children","xGutter","yGutter","cursorGutter","position","textProps","textStyle","props","width","height","useContext","type","currentX","currentY","isActive","x","elementWidth","elementHeight","handleLayout","useCallback","event","value","nativeEvent","layout","animatedCursorStyle","translateXOffset","xOffset","translateYOffset","transform","translateX","translateY","opacity","padding","alignSelf","style"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { CursorContext } from './Cursor';\nimport { LineChartPriceText, LineChartPriceTextProps } from './PriceText';\nimport { useLineChart } from './useLineChart';\n\ntype LineChartTooltipProps = Animated.AnimateProps<ViewProps> & {\n  children?: React.ReactNode;\n  xGutter?: number;\n  yGutter?: number;\n  cursorGutter?: number;\n  position?: 'top' | 'bottom';\n  textProps?: LineChartPriceTextProps;\n  textStyle?: LineChartPriceTextProps['style'];\n};\n\nLineChartTooltip.displayName = 'LineChartTooltip';\n\nexport function LineChartTooltip({\n  children,\n  xGutter = 8,\n  yGutter = 8,\n  cursorGutter = 48,\n  position = 'top',\n  textProps,\n  textStyle,\n  ...props\n}: LineChartTooltipProps) {\n  const { width, height } = React.useContext(LineChartDimensionsContext);\n  const { type } = React.useContext(CursorContext);\n  const { currentX, currentY, isActive } = useLineChart();\n\n  const x = useSharedValue(0);\n  const elementWidth = useSharedValue(0);\n  const elementHeight = useSharedValue(0);\n\n  const handleLayout = React.useCallback(\n    (event) => {\n      x.value = event.nativeEvent.layout.x;\n      elementWidth.value = event.nativeEvent.layout.width;\n      elementHeight.value = event.nativeEvent.layout.height;\n    },\n    [elementHeight, elementWidth, x]\n  );\n\n  const animatedCursorStyle = useAnimatedStyle(() => {\n    let translateXOffset = elementWidth.value / 2;\n    if (currentX.value < elementWidth.value / 2 + xGutter) {\n      const xOffset = elementWidth.value / 2 + xGutter - currentX.value;\n      translateXOffset = translateXOffset - xOffset;\n    }\n    if (currentX.value > width - elementWidth.value / 2 - xGutter) {\n      const xOffset =\n        currentX.value - (width - elementWidth.value / 2 - xGutter);\n      translateXOffset = translateXOffset + xOffset;\n    }\n\n    let translateYOffset = 0;\n    if (position === 'top') {\n      translateYOffset = elementHeight.value / 2 + cursorGutter;\n      if (currentY.value - translateYOffset < yGutter) {\n        translateYOffset = currentY.value - yGutter;\n      }\n    } else if (position === 'bottom') {\n      translateYOffset = -(elementHeight.value / 2) - cursorGutter / 2;\n      if (\n        currentY.value - translateYOffset + elementHeight.value >\n        height - yGutter\n      ) {\n        translateYOffset =\n          currentY.value - (height - yGutter) + elementHeight.value;\n      }\n    }\n\n    return {\n      transform: [\n        { translateX: currentX.value - translateXOffset },\n        {\n          translateY:\n            type === 'crosshair'\n              ? currentY.value - translateYOffset\n              : position === 'top'\n              ? yGutter\n              : height - elementHeight.value - yGutter,\n        },\n      ],\n      opacity: isActive.value ? 1 : 0,\n    };\n  });\n\n  return (\n    <Animated.View\n      onLayout={handleLayout}\n      {...props}\n      style={[\n        {\n          position: 'absolute',\n          padding: 4,\n          alignSelf: 'flex-start',\n        },\n        animatedCursorStyle,\n        props.style,\n      ]}\n    >\n      {children || <LineChartPriceText style={[textStyle]} {...textProps} />}\n    </Animated.View>\n  );\n}\n"]}

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

@@ -1,10 +1,13 @@
-import { LineChartGradient } from './Gradient';
 import { LineChart as _LineChart } from './Chart';
 import { LineChartPathWrapper } from './ChartPath';
+import { LineChartHighlight } from './Highlight';
 import { LineChartProvider } from './Context';
 import { LineChartCursor } from './Cursor';
 import { LineChartCursorCrosshair } from './CursorCrosshair';
 import { LineChartCursorLine } from './CursorLine';
+import { LineChartDot } from './Dot';
+import { LineChartGradient } from './Gradient';
+import { LineChartGroup } from './Group';
 import { LineChartHorizontalLine } from './HorizontalLine';
 import { LineChartTooltip } from './Tooltip';
 import { LineChartPriceText } from './PriceText';
@@ -12,13 +15,15 @@ import { LineChartDatetimeText } from './DatetimeText';
 import { useLineChartDatetime } from './useDatetime';
 import { useLineChartPrice } from './usePrice';
 import { useLineChart } from './useLineChart';
-export * from './Gradient';
 export * from './Chart';
 export * from './ChartPath';
+export * from './Highlight';
 export * from './Context';
 export * from './Cursor';
 export * from './CursorCrosshair';
 export * from './CursorLine';
+export * from './Dot';
+export * from './Gradient';
 export * from './Tooltip';
 export * from './DatetimeText';
 export * from './Path';
@@ -28,12 +33,15 @@ export * from './useLineChart';
 export * from './usePrice';
 export * from './types';
 export const LineChart = Object.assign(_LineChart, {
-  Gradient: LineChartGradient,
   Chart: _LineChart,
+  Dot: LineChartDot,
   Path: LineChartPathWrapper,
   Cursor: LineChartCursor,
   CursorCrosshair: LineChartCursorCrosshair,
   CursorLine: LineChartCursorLine,
+  Gradient: LineChartGradient,
+  Group: LineChartGroup,
+  Highlight: LineChartHighlight,
   HorizontalLine: LineChartHorizontalLine,
   Tooltip: LineChartTooltip,
   Provider: LineChartProvider,

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["LineChartGradient","LineChart","_LineChart","LineChartPathWrapper","LineChartProvider","LineChartCursor","LineChartCursorCrosshair","LineChartCursorLine","LineChartHorizontalLine","LineChartTooltip","LineChartPriceText","LineChartDatetimeText","useLineChartDatetime","useLineChartPrice","useLineChart","Object","assign","Gradient","Chart","Path","Cursor","CursorCrosshair","CursorLine","HorizontalLine","Tooltip","Provider","PriceText","DatetimeText","useDatetime","usePrice","useChart"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,YAAlC;AACA,SAASC,SAAS,IAAIC,UAAtB,QAAwC,SAAxC;AACA,SAASC,oBAAT,QAAqC,aAArC;AACA,SAASC,iBAAT,QAAkC,WAAlC;AACA,SAASC,eAAT,QAAgC,UAAhC;AACA,SAASC,wBAAT,QAAyC,mBAAzC;AACA,SAASC,mBAAT,QAAoC,cAApC;AACA,SAASC,uBAAT,QAAwC,kBAAxC;AACA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,kBAAT,QAAmC,aAAnC;AACA,SAASC,qBAAT,QAAsC,gBAAtC;AACA,SAASC,oBAAT,QAAqC,eAArC;AACA,SAASC,iBAAT,QAAkC,YAAlC;AACA,SAASC,YAAT,QAA6B,gBAA7B;AAEA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,mBAAd;AACA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,gBAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AAEA,OAAO,MAAMb,SAAS,GAAGc,MAAM,CAACC,MAAP,CAAcd,UAAd,EAA0B;AACjDe,EAAAA,QAAQ,EAAEjB,iBADuC;AAEjDkB,EAAAA,KAAK,EAAEhB,UAF0C;AAGjDiB,EAAAA,IAAI,EAAEhB,oBAH2C;AAIjDiB,EAAAA,MAAM,EAAEf,eAJyC;AAKjDgB,EAAAA,eAAe,EAAEf,wBALgC;AAMjDgB,EAAAA,UAAU,EAAEf,mBANqC;AAOjDgB,EAAAA,cAAc,EAAEf,uBAPiC;AAQjDgB,EAAAA,OAAO,EAAEf,gBARwC;AASjDgB,EAAAA,QAAQ,EAAErB,iBATuC;AAUjDsB,EAAAA,SAAS,EAAEhB,kBAVsC;AAWjDiB,EAAAA,YAAY,EAAEhB,qBAXmC;AAYjDiB,EAAAA,WAAW,EAAEhB,oBAZoC;AAajDiB,EAAAA,QAAQ,EAAEhB,iBAbuC;AAcjDiB,EAAAA,QAAQ,EAAEhB;AAduC,CAA1B,CAAlB","sourcesContent":["import { LineChartGradient } from './Gradient';\nimport { LineChart as _LineChart } from './Chart';\nimport { LineChartPathWrapper } from './ChartPath';\nimport { LineChartProvider } from './Context';\nimport { LineChartCursor } from './Cursor';\nimport { LineChartCursorCrosshair } from './CursorCrosshair';\nimport { LineChartCursorLine } from './CursorLine';\nimport { LineChartHorizontalLine } from './HorizontalLine';\nimport { LineChartTooltip } from './Tooltip';\nimport { LineChartPriceText } from './PriceText';\nimport { LineChartDatetimeText } from './DatetimeText';\nimport { useLineChartDatetime } from './useDatetime';\nimport { useLineChartPrice } from './usePrice';\nimport { useLineChart } from './useLineChart';\n\nexport * from './Gradient';\nexport * from './Chart';\nexport * from './ChartPath';\nexport * from './Context';\nexport * from './Cursor';\nexport * from './CursorCrosshair';\nexport * from './CursorLine';\nexport * from './Tooltip';\nexport * from './DatetimeText';\nexport * from './Path';\nexport * from './PriceText';\nexport * from './useDatetime';\nexport * from './useLineChart';\nexport * from './usePrice';\nexport * from './types';\n\nexport const LineChart = Object.assign(_LineChart, {\n  Gradient: LineChartGradient,\n  Chart: _LineChart,\n  Path: LineChartPathWrapper,\n  Cursor: LineChartCursor,\n  CursorCrosshair: LineChartCursorCrosshair,\n  CursorLine: LineChartCursorLine,\n  HorizontalLine: LineChartHorizontalLine,\n  Tooltip: LineChartTooltip,\n  Provider: LineChartProvider,\n  PriceText: LineChartPriceText,\n  DatetimeText: LineChartDatetimeText,\n  useDatetime: useLineChartDatetime,\n  usePrice: useLineChartPrice,\n  useChart: useLineChart,\n});\n"]}
+{"version":3,"sources":["index.ts"],"names":["LineChart","_LineChart","LineChartPathWrapper","LineChartHighlight","LineChartProvider","LineChartCursor","LineChartCursorCrosshair","LineChartCursorLine","LineChartDot","LineChartGradient","LineChartGroup","LineChartHorizontalLine","LineChartTooltip","LineChartPriceText","LineChartDatetimeText","useLineChartDatetime","useLineChartPrice","useLineChart","Object","assign","Chart","Dot","Path","Cursor","CursorCrosshair","CursorLine","Gradient","Group","Highlight","HorizontalLine","Tooltip","Provider","PriceText","DatetimeText","useDatetime","usePrice","useChart"],"mappings":"AAAA,SAASA,SAAS,IAAIC,UAAtB,QAAwC,SAAxC;AACA,SAASC,oBAAT,QAAqC,aAArC;AACA,SAASC,kBAAT,QAAmC,aAAnC;AACA,SAASC,iBAAT,QAAkC,WAAlC;AACA,SAASC,eAAT,QAAgC,UAAhC;AACA,SAASC,wBAAT,QAAyC,mBAAzC;AACA,SAASC,mBAAT,QAAoC,cAApC;AACA,SAASC,YAAT,QAA6B,OAA7B;AACA,SAASC,iBAAT,QAAkC,YAAlC;AACA,SAASC,cAAT,QAA+B,SAA/B;AACA,SAASC,uBAAT,QAAwC,kBAAxC;AACA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,kBAAT,QAAmC,aAAnC;AACA,SAASC,qBAAT,QAAsC,gBAAtC;AACA,SAASC,oBAAT,QAAqC,eAArC;AACA,SAASC,iBAAT,QAAkC,YAAlC;AACA,SAASC,YAAT,QAA6B,gBAA7B;AAEA,cAAc,SAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,mBAAd;AACA,cAAc,cAAd;AACA,cAAc,OAAd;AACA,cAAc,YAAd;AACA,cAAc,WAAd;AACA,cAAc,gBAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AAEA,OAAO,MAAMjB,SAAS,GAAGkB,MAAM,CAACC,MAAP,CAAclB,UAAd,EAA0B;AACjDmB,EAAAA,KAAK,EAAEnB,UAD0C;AAEjDoB,EAAAA,GAAG,EAAEb,YAF4C;AAGjDc,EAAAA,IAAI,EAAEpB,oBAH2C;AAIjDqB,EAAAA,MAAM,EAAElB,eAJyC;AAKjDmB,EAAAA,eAAe,EAAElB,wBALgC;AAMjDmB,EAAAA,UAAU,EAAElB,mBANqC;AAOjDmB,EAAAA,QAAQ,EAAEjB,iBAPuC;AAQjDkB,EAAAA,KAAK,EAAEjB,cAR0C;AASjDkB,EAAAA,SAAS,EAAEzB,kBATsC;AAUjD0B,EAAAA,cAAc,EAAElB,uBAViC;AAWjDmB,EAAAA,OAAO,EAAElB,gBAXwC;AAYjDmB,EAAAA,QAAQ,EAAE3B,iBAZuC;AAajD4B,EAAAA,SAAS,EAAEnB,kBAbsC;AAcjDoB,EAAAA,YAAY,EAAEnB,qBAdmC;AAejDoB,EAAAA,WAAW,EAAEnB,oBAfoC;AAgBjDoB,EAAAA,QAAQ,EAAEnB,iBAhBuC;AAiBjDoB,EAAAA,QAAQ,EAAEnB;AAjBuC,CAA1B,CAAlB","sourcesContent":["import { LineChart as _LineChart } from './Chart';\nimport { LineChartPathWrapper } from './ChartPath';\nimport { LineChartHighlight } from './Highlight';\nimport { LineChartProvider } from './Context';\nimport { LineChartCursor } from './Cursor';\nimport { LineChartCursorCrosshair } from './CursorCrosshair';\nimport { LineChartCursorLine } from './CursorLine';\nimport { LineChartDot } from './Dot';\nimport { LineChartGradient } from './Gradient';\nimport { LineChartGroup } from './Group';\nimport { LineChartHorizontalLine } from './HorizontalLine';\nimport { LineChartTooltip } from './Tooltip';\nimport { LineChartPriceText } from './PriceText';\nimport { LineChartDatetimeText } from './DatetimeText';\nimport { useLineChartDatetime } from './useDatetime';\nimport { useLineChartPrice } from './usePrice';\nimport { useLineChart } from './useLineChart';\n\nexport * from './Chart';\nexport * from './ChartPath';\nexport * from './Highlight';\nexport * from './Context';\nexport * from './Cursor';\nexport * from './CursorCrosshair';\nexport * from './CursorLine';\nexport * from './Dot';\nexport * from './Gradient';\nexport * from './Tooltip';\nexport * from './DatetimeText';\nexport * from './Path';\nexport * from './PriceText';\nexport * from './useDatetime';\nexport * from './useLineChart';\nexport * from './usePrice';\nexport * from './types';\n\nexport const LineChart = Object.assign(_LineChart, {\n  Chart: _LineChart,\n  Dot: LineChartDot,\n  Path: LineChartPathWrapper,\n  Cursor: LineChartCursor,\n  CursorCrosshair: LineChartCursorCrosshair,\n  CursorLine: LineChartCursorLine,\n  Gradient: LineChartGradient,\n  Group: LineChartGroup,\n  Highlight: LineChartHighlight,\n  HorizontalLine: LineChartHorizontalLine,\n  Tooltip: LineChartTooltip,\n  Provider: LineChartProvider,\n  PriceText: LineChartPriceText,\n  DatetimeText: LineChartDatetimeText,\n  useDatetime: useLineChartDatetime,\n  usePrice: useLineChartPrice,\n  useChart: useLineChart,\n});\n"]}

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

@@ -0,0 +1,34 @@
+import { useAnimatedProps, useAnimatedReaction, useSharedValue, withTiming } from 'react-native-reanimated';
+import { usePrevious } from '../../utils';
+import { interpolatePath } from './utils';
+export default function useAnimatedPath({
+  enabled = true,
+  path
+}) {
+  const transition = useSharedValue(0);
+  const previousPath = usePrevious(path);
+  useAnimatedReaction(() => {
+    return path;
+  }, (_, previous) => {
+    if (previous) {
+      transition.value = 0;
+      transition.value = withTiming(1);
+    }
+  }, [path]);
+  const animatedProps = useAnimatedProps(() => {
+    let d = path || '';
+
+    if (previousPath && enabled) {
+      const pathInterpolator = interpolatePath(previousPath, path, null);
+      d = pathInterpolator(transition.value);
+    }
+
+    return {
+      d
+    };
+  });
+  return {
+    animatedProps
+  };
+}
+//# sourceMappingURL=useAnimatedPath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAnimatedPath.ts"],"names":["useAnimatedProps","useAnimatedReaction","useSharedValue","withTiming","usePrevious","interpolatePath","useAnimatedPath","enabled","path","transition","previousPath","_","previous","value","animatedProps","d","pathInterpolator"],"mappings":"AAAA,SACEA,gBADF,EAEEC,mBAFF,EAGEC,cAHF,EAIEC,UAJF,QAKO,yBALP;AAOA,SAASC,WAAT,QAA4B,aAA5B;AACA,SAASC,eAAT,QAAgC,SAAhC;AAEA,eAAe,SAASC,eAAT,CAAyB;AACtCC,EAAAA,OAAO,GAAG,IAD4B;AAEtCC,EAAAA;AAFsC,CAAzB,EAMZ;AACD,QAAMC,UAAU,GAAGP,cAAc,CAAC,CAAD,CAAjC;AAEA,QAAMQ,YAAY,GAAGN,WAAW,CAACI,IAAD,CAAhC;AAEAP,EAAAA,mBAAmB,CACjB,MAAM;AACJ,WAAOO,IAAP;AACD,GAHgB,EAIjB,CAACG,CAAD,EAAIC,QAAJ,KAAiB;AACf,QAAIA,QAAJ,EAAc;AACZH,MAAAA,UAAU,CAACI,KAAX,GAAmB,CAAnB;AACAJ,MAAAA,UAAU,CAACI,KAAX,GAAmBV,UAAU,CAAC,CAAD,CAA7B;AACD;AACF,GATgB,EAUjB,CAACK,IAAD,CAViB,CAAnB;AAaA,QAAMM,aAAa,GAAGd,gBAAgB,CAAC,MAAM;AAC3C,QAAIe,CAAC,GAAGP,IAAI,IAAI,EAAhB;;AACA,QAAIE,YAAY,IAAIH,OAApB,EAA6B;AAC3B,YAAMS,gBAAgB,GAAGX,eAAe,CAACK,YAAD,EAAeF,IAAf,EAAqB,IAArB,CAAxC;AACAO,MAAAA,CAAC,GAAGC,gBAAgB,CAACP,UAAU,CAACI,KAAZ,CAApB;AACD;;AACD,WAAO;AACLE,MAAAA;AADK,KAAP;AAGD,GATqC,CAAtC;AAWA,SAAO;AAAED,IAAAA;AAAF,GAAP;AACD","sourcesContent":["import {\n  useAnimatedProps,\n  useAnimatedReaction,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { usePrevious } from '../../utils';\nimport { interpolatePath } from './utils';\n\nexport default function useAnimatedPath({\n  enabled = true,\n  path,\n}: {\n  enabled?: boolean;\n  path: string;\n}) {\n  const transition = useSharedValue(0);\n\n  const previousPath = usePrevious(path);\n\n  useAnimatedReaction(\n    () => {\n      return path;\n    },\n    (_, previous) => {\n      if (previous) {\n        transition.value = 0;\n        transition.value = withTiming(1);\n      }\n    },\n    [path]\n  );\n\n  const animatedProps = useAnimatedProps(() => {\n    let d = path || '';\n    if (previousPath && enabled) {\n      const pathInterpolator = interpolatePath(previousPath, path, null);\n      d = pathInterpolator(transition.value);\n    }\n    return {\n      d,\n    };\n  });\n\n  return { animatedProps };\n}\n"]}

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

@@ -0,0 +1,25 @@
+import { useContext, useMemo } from 'react';
+import { useDerivedValue } from 'react-native-reanimated';
+import { getYForX, parse } from 'react-native-redash';
+import { LineChartContext } from './Context';
+import { LineChartDimensionsContext } from './Chart';
+export function useCurrentY() {
+  const {
+    path,
+    width
+  } = useContext(LineChartDimensionsContext);
+  const {
+    currentX
+  } = useContext(LineChartContext);
+  const parsedPath = useMemo(() => path ? parse(path) : undefined, [path]);
+  const currentY = useDerivedValue(() => {
+    if (!parsedPath) {
+      return -1;
+    }
+
+    const boundedX = Math.min(width, currentX.value);
+    return getYForX(parsedPath, boundedX) || 0;
+  });
+  return currentY;
+}
+//# sourceMappingURL=useCurrentY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useCurrentY.ts"],"names":["useContext","useMemo","useDerivedValue","getYForX","parse","LineChartContext","LineChartDimensionsContext","useCurrentY","path","width","currentX","parsedPath","undefined","currentY","boundedX","Math","min","value"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,OAArB,QAAoC,OAApC;AACA,SAASC,eAAT,QAAgC,yBAAhC;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,qBAAhC;AACA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,0BAAT,QAA2C,SAA3C;AAEA,OAAO,SAASC,WAAT,GAAuB;AAC5B,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAkBT,UAAU,CAACM,0BAAD,CAAlC;AACA,QAAM;AAAEI,IAAAA;AAAF,MAAeV,UAAU,CAACK,gBAAD,CAA/B;AACA,QAAMM,UAAU,GAAGV,OAAO,CAAC,MAAOO,IAAI,GAAGJ,KAAK,CAACI,IAAD,CAAR,GAAiBI,SAA7B,EAAyC,CAACJ,IAAD,CAAzC,CAA1B;AAEA,QAAMK,QAAQ,GAAGX,eAAe,CAAC,MAAM;AACrC,QAAI,CAACS,UAAL,EAAiB;AACf,aAAO,CAAC,CAAR;AACD;;AACD,UAAMG,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAASP,KAAT,EAAgBC,QAAQ,CAACO,KAAzB,CAAjB;AACA,WAAOd,QAAQ,CAACQ,UAAD,EAAaG,QAAb,CAAR,IAAkC,CAAzC;AACD,GAN+B,CAAhC;AAQA,SAAOD,QAAP;AACD","sourcesContent":["import { useContext, useMemo } from 'react';\nimport { useDerivedValue } from 'react-native-reanimated';\nimport { getYForX, parse } from 'react-native-redash';\nimport { LineChartContext } from './Context';\nimport { LineChartDimensionsContext } from './Chart';\n\nexport function useCurrentY() {\n  const { path, width } = useContext(LineChartDimensionsContext);\n  const { currentX } = useContext(LineChartContext);\n  const parsedPath = useMemo(() => (path ? parse(path) : undefined), [path]);\n\n  const currentY = useDerivedValue(() => {\n    if (!parsedPath) {\n      return -1;\n    }\n    const boundedX = Math.min(width, currentX.value);\n    return getYForX(parsedPath, boundedX) || 0;\n  });\n\n  return currentY;\n}\n"]}

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

@@ -1,6 +1,17 @@
 import * as React from 'react';
 import { LineChartContext } from './Context';
+import { useLineChartData, useLineChartId } from './Data';
+import { useCurrentY } from './useCurrentY';
 export function useLineChart() {
-  return React.useContext(LineChartContext);
+  const lineChartContext = React.useContext(LineChartContext);
+  const maybeId = useLineChartId();
+  const dataContext = useLineChartData({
+    id: maybeId
+  });
+  const currentY = useCurrentY();
+  return React.useMemo(() => ({ ...lineChartContext,
+    ...dataContext,
+    currentY
+  }), [lineChartContext, dataContext, currentY]);
 }
 //# sourceMappingURL=useLineChart.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useLineChart.ts"],"names":["React","LineChartContext","useLineChart","useContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,gBAAT,QAAiC,WAAjC;AAEA,OAAO,SAASC,YAAT,GAAwB;AAC7B,SAAOF,KAAK,CAACG,UAAN,CAAiBF,gBAAjB,CAAP;AACD","sourcesContent":["import * as React from 'react';\n\nimport { LineChartContext } from './Context';\n\nexport function useLineChart() {\n  return React.useContext(LineChartContext);\n}\n"]}
+{"version":3,"sources":["useLineChart.ts"],"names":["React","LineChartContext","useLineChartData","useLineChartId","useCurrentY","useLineChart","lineChartContext","useContext","maybeId","dataContext","id","currentY","useMemo"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,gBAAT,EAA2BC,cAA3B,QAAiD,QAAjD;AACA,SAASC,WAAT,QAA4B,eAA5B;AAEA,OAAO,SAASC,YAAT,GAAwB;AAC7B,QAAMC,gBAAgB,GAAGN,KAAK,CAACO,UAAN,CAAiBN,gBAAjB,CAAzB;AACA,QAAMO,OAAO,GAAGL,cAAc,EAA9B;AACA,QAAMM,WAAW,GAAGP,gBAAgB,CAAC;AACnCQ,IAAAA,EAAE,EAAEF;AAD+B,GAAD,CAApC;AAGA,QAAMG,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SAAOJ,KAAK,CAACY,OAAN,CACL,OAAO,EAAE,GAAGN,gBAAL;AAAuB,OAAGG,WAA1B;AAAuCE,IAAAA;AAAvC,GAAP,CADK,EAEL,CAACL,gBAAD,EAAmBG,WAAnB,EAAgCE,QAAhC,CAFK,CAAP;AAID","sourcesContent":["import * as React from 'react';\n\nimport { LineChartContext } from './Context';\nimport { useLineChartData, useLineChartId } from './Data';\nimport { useCurrentY } from './useCurrentY';\n\nexport function useLineChart() {\n  const lineChartContext = React.useContext(LineChartContext);\n  const maybeId = useLineChartId();\n  const dataContext = useLineChartData({\n    id: maybeId,\n  });\n  const currentY = useCurrentY();\n\n  return React.useMemo(\n    () => ({ ...lineChartContext, ...dataContext, currentY }),\n    [lineChartContext, dataContext, currentY]\n  );\n}\n"]}

package/lib/module/charts/line/utils/getArea.js

@@ -0,0 +1,19 @@
+// @ts-ignore
+import * as shape from 'd3-shape'; // @ts-ignore
+
+import { scaleLinear } from 'd3-scale';
+export function getArea({
+  data,
+  width,
+  height,
+  gutter,
+  shape: _shape,
+  yDomain
+}) {
+  const timestamps = data.map((_, i) => i);
+  const scaleX = scaleLinear().domain([Math.min(...timestamps), Math.max(...timestamps)]).range([0, width]);
+  const scaleY = scaleLinear().domain([yDomain.min, yDomain.max]).range([height - gutter, gutter]);
+  const area = shape.area().x((_, i) => scaleX(i)).y0(d => scaleY(d.value)).y1(() => height).curve(_shape)(data);
+  return area;
+}
+//# sourceMappingURL=getArea.js.map

package/lib/module/charts/line/utils/getArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getArea.ts"],"names":["shape","scaleLinear","getArea","data","width","height","gutter","_shape","yDomain","timestamps","map","_","i","scaleX","domain","Math","min","max","range","scaleY","area","x","y0","d","value","y1","curve"],"mappings":"AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,UAAvB,C,CACA;;AACA,SAASC,WAAT,QAA4B,UAA5B;AAIA,OAAO,SAASC,OAAT,CAAiB;AACtBC,EAAAA,IADsB;AAEtBC,EAAAA,KAFsB;AAGtBC,EAAAA,MAHsB;AAItBC,EAAAA,MAJsB;AAKtBN,EAAAA,KAAK,EAAEO,MALe;AAMtBC,EAAAA;AANsB,CAAjB,EAcI;AACT,QAAMC,UAAU,GAAGN,IAAI,CAACO,GAAL,CAAS,CAACC,CAAD,EAAIC,CAAJ,KAAUA,CAAnB,CAAnB;AAEA,QAAMC,MAAM,GAAGZ,WAAW,GACvBa,MADY,CACL,CAACC,IAAI,CAACC,GAAL,CAAS,GAAGP,UAAZ,CAAD,EAA0BM,IAAI,CAACE,GAAL,CAAS,GAAGR,UAAZ,CAA1B,CADK,EAEZS,KAFY,CAEN,CAAC,CAAD,EAAId,KAAJ,CAFM,CAAf;AAGA,QAAMe,MAAM,GAAGlB,WAAW,GACvBa,MADY,CACL,CAACN,OAAO,CAACQ,GAAT,EAAcR,OAAO,CAACS,GAAtB,CADK,EAEZC,KAFY,CAEN,CAACb,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,QAAMc,IAAI,GAAGpB,KAAK,CACfoB,IADU,GAEVC,CAFU,CAER,CAACV,CAAD,EAAaC,CAAb,KAA2BC,MAAM,CAACD,CAAD,CAFzB,EAGVU,EAHU,CAGNC,CAAD,IAA2BJ,MAAM,CAACI,CAAC,CAACC,KAAH,CAH1B,EAIVC,EAJU,CAIP,MAAMpB,MAJC,EAKVqB,KALU,CAKJnB,MALI,EAKIJ,IALJ,CAAb;AAMA,SAAOiB,IAAP;AACD","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, YDomain } from '../types';\n\nexport function getArea({\n  data,\n  width,\n  height,\n  gutter,\n  shape: _shape,\n  yDomain,\n}: {\n  data: TLineChartData;\n  width: number;\n  height: number;\n  gutter: number;\n  shape?: unknown;\n  yDomain: YDomain;\n}): string {\n  const timestamps = data.map((_, i) => i);\n\n  const scaleX = scaleLinear()\n    .domain([Math.min(...timestamps), Math.max(...timestamps)])\n    .range([0, width]);\n  const scaleY = scaleLinear()\n    .domain([yDomain.min, yDomain.max])\n    .range([height - gutter, gutter]);\n  const area = shape\n    .area()\n    .x((_: unknown, i: number) => scaleX(i))\n    .y0((d: { value: unknown }) => scaleY(d.value))\n    .y1(() => height)\n    .curve(_shape)(data);\n  return area;\n}\n"]}

package/lib/module/charts/line/utils/getDomain.js

@@ -0,0 +1,9 @@
+export function getDomain(rows) {
+  'worklet';
+
+  const values = rows.map(({
+    value
+  }) => value);
+  return [Math.min(...values), Math.max(...values)];
+}
+//# sourceMappingURL=getDomain.js.map

package/lib/module/charts/line/utils/getDomain.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getDomain.ts"],"names":["getDomain","rows","values","map","value","Math","min","max"],"mappings":"AAEA,OAAO,SAASA,SAAT,CAAmBC,IAAnB,EAA8D;AACnE;;AACA,QAAMC,MAAM,GAAGD,IAAI,CAACE,GAAL,CAAS,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAeA,KAAxB,CAAf;AACA,SAAO,CAACC,IAAI,CAACC,GAAL,CAAS,GAAGJ,MAAZ,CAAD,EAAsBG,IAAI,CAACE,GAAL,CAAS,GAAGL,MAAZ,CAAtB,CAAP;AACD","sourcesContent":["import type { TLineChartPoint } from '../types';\n\nexport function getDomain(rows: TLineChartPoint[]): [number, number] {\n  'worklet';\n  const values = rows.map(({ value }) => value);\n  return [Math.min(...values), Math.max(...values)];\n}\n"]}

package/lib/module/charts/line/utils/getPath.js

@@ -0,0 +1,21 @@
+// @ts-ignore
+import * as shape from 'd3-shape'; // @ts-ignore
+
+import { scaleLinear } from 'd3-scale';
+export function getPath({
+  data,
+  from,
+  to,
+  width,
+  height,
+  gutter,
+  shape: _shape,
+  yDomain
+}) {
+  const timestamps = data.map((_, i) => i);
+  const scaleX = scaleLinear().domain([Math.min(...timestamps), Math.max(...timestamps)]).range([0, width]);
+  const scaleY = scaleLinear().domain([yDomain.min, yDomain.max]).range([height - gutter, gutter]);
+  const path = shape.line().defined(d => from || to ? data.slice(from, to ? to + 1 : undefined).find(item => item.timestamp === d.timestamp) : true).x((_, i) => scaleX(i)).y(d => scaleY(d.value)).curve(_shape)(data);
+  return path;
+}
+//# sourceMappingURL=getPath.js.map

package/lib/module/charts/line/utils/getPath.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getPath.ts"],"names":["shape","scaleLinear","getPath","data","from","to","width","height","gutter","_shape","yDomain","timestamps","map","_","i","scaleX","domain","Math","min","max","range","scaleY","path","line","defined","d","slice","undefined","find","item","timestamp","x","y","value","curve"],"mappings":"AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,UAAvB,C,CACA;;AACA,SAASC,WAAT,QAA4B,UAA5B;AAIA,OAAO,SAASC,OAAT,CAAiB;AACtBC,EAAAA,IADsB;AAEtBC,EAAAA,IAFsB;AAGtBC,EAAAA,EAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,MALsB;AAMtBC,EAAAA,MANsB;AAOtBR,EAAAA,KAAK,EAAES,MAPe;AAQtBC,EAAAA;AARsB,CAAjB,EAkBI;AACT,QAAMC,UAAU,GAAGR,IAAI,CAACS,GAAL,CAAS,CAACC,CAAD,EAAIC,CAAJ,KAAUA,CAAnB,CAAnB;AAEA,QAAMC,MAAM,GAAGd,WAAW,GACvBe,MADY,CACL,CAACC,IAAI,CAACC,GAAL,CAAS,GAAGP,UAAZ,CAAD,EAA0BM,IAAI,CAACE,GAAL,CAAS,GAAGR,UAAZ,CAA1B,CADK,EAEZS,KAFY,CAEN,CAAC,CAAD,EAAId,KAAJ,CAFM,CAAf;AAGA,QAAMe,MAAM,GAAGpB,WAAW,GACvBe,MADY,CACL,CAACN,OAAO,CAACQ,GAAT,EAAcR,OAAO,CAACS,GAAtB,CADK,EAEZC,KAFY,CAEN,CAACb,MAAM,GAAGC,MAAV,EAAkBA,MAAlB,CAFM,CAAf;AAGA,QAAMc,IAAI,GAAGtB,KAAK,CACfuB,IADU,GAEVC,OAFU,CAEDC,CAAD,IACPrB,IAAI,IAAIC,EAAR,GACIF,IAAI,CACDuB,KADH,CACStB,IADT,EACeC,EAAE,GAAGA,EAAE,GAAG,CAAR,GAAYsB,SAD7B,EAEGC,IAFH,CAESC,IAAD,IAAUA,IAAI,CAACC,SAAL,KAAmBL,CAAC,CAACK,SAFvC,CADJ,GAII,IAPK,EASVC,CATU,CASR,CAAClB,CAAD,EAAaC,CAAb,KAA2BC,MAAM,CAACD,CAAD,CATzB,EAUVkB,CAVU,CAUPP,CAAD,IAA0BJ,MAAM,CAACI,CAAC,CAACQ,KAAH,CAVxB,EAWVC,KAXU,CAWJzB,MAXI,EAWIN,IAXJ,CAAb;AAYA,SAAOmB,IAAP;AACD","sourcesContent":["// @ts-ignore\nimport * as shape from 'd3-shape';\n// @ts-ignore\nimport { scaleLinear } from 'd3-scale';\n\nimport type { TLineChartData, YDomain } from '../types';\n\nexport function getPath({\n  data,\n  from,\n  to,\n  width,\n  height,\n  gutter,\n  shape: _shape,\n  yDomain,\n}: {\n  data: TLineChartData;\n  from?: number;\n  to?: number;\n  width: number;\n  height: number;\n  gutter: number;\n  shape?: unknown;\n  yDomain: YDomain;\n}): string {\n  const timestamps = data.map((_, i) => i);\n\n  const scaleX = scaleLinear()\n    .domain([Math.min(...timestamps), Math.max(...timestamps)])\n    .range([0, width]);\n  const scaleY = scaleLinear()\n    .domain([yDomain.min, yDomain.max])\n    .range([height - gutter, gutter]);\n  const path = shape\n    .line()\n    .defined((d: { timestamp: number }) =>\n      from || to\n        ? data\n            .slice(from, to ? to + 1 : undefined)\n            .find((item) => item.timestamp === d.timestamp)\n        : true\n    )\n    .x((_: unknown, i: number) => scaleX(i))\n    .y((d: { value: number }) => scaleY(d.value))\n    .curve(_shape)(data);\n  return path;\n}\n"]}

package/lib/module/charts/line/utils/index.js

@@ -0,0 +1,6 @@
+export * from './getArea';
+export * from './getDomain';
+export * from './getPath';
+export * from './interpolatePath';
+export * from './lineChartDataPropToArray';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,mBAAd;AACA,cAAc,4BAAd","sourcesContent":["export * from './getArea';\nexport * from './getDomain';\nexport * from './getPath';\nexport * from './interpolatePath';\nexport * from './lineChartDataPropToArray';\n"]}

package/lib/module/charts/line/{interpolatePath.js → utils/interpolatePath.js}

@@ -549,7 +549,7 @@ export function interpolatePathCommands(aCommandsInput, bCommandsInput, excludeS
  * @returns {Function} Interpolation function that maps t ([0, 1]) to a path `d` string.
  */
 
-export default function interpolatePath(a, b, excludeSegment) {
+export function interpolatePath(a, b, excludeSegment) {
   'worklet';
 
   let aCommands = pathCommandsFromString(a);