react-native-wagmi-charts 1.8.0 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["Cursor.tsx"],"names":["CursorContext","React","createContext","type","LineChartCursor","children","props","pathWidth","width","path","useContext","LineChartDimensionsContext","currentX","currentIndex","isActive","data","parsedPath","useMemo","undefined","onGestureEvent","onActive","x","boundedX","value","minIndex","boundedIndex","Math","max","round","length","onEnd","StyleSheet","absoluteFill"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;AAMA;;AACA;;AAEA;;AACA;;;;;;;;AAOO,MAAMA,aAAa,gBAAGC,KAAK,CAACC,aAAN,CAAoB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAApB,CAAtB;;;AAEA,SAASC,eAAT,CAAyB;AAC9BC,EAAAA,QAD8B;AAE9BF,EAAAA,IAF8B;AAG9B,KAAGG;AAH2B,CAAzB,EAIkB;AACvB,QAAM;AAAEC,IAAAA,SAAS,EAAEC,KAAb;AAAoBC,IAAAA;AAApB,MAA6BR,KAAK,CAACS,UAAN,CACjCC,iCADiC,CAAnC;AAGA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA;AAApC,MAA6C,iCAAnD;AAEA,QAAMC,UAAU,GAAGf,KAAK,CAACgB,OAAN,CACjB,MAAOR,IAAI,GAAG,8BAAMA,IAAN,CAAH,GAAiBS,SADX,EAEjB,CAACT,IAAD,CAFiB,CAAnB;AAKA,QAAMU,cAAc,GAAG,sDAErB;AACAC,IAAAA,QAAQ,EAAE,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAAW;AACnB,UAAIL,UAAJ,EAAgB;AACd,cAAMM,QAAQ,GAAGD,CAAC,IAAIb,KAAL,GAAaa,CAAb,GAAiBb,KAAlC;AACAM,QAAAA,QAAQ,CAACS,KAAT,GAAiB,IAAjB;AACAX,QAAAA,QAAQ,CAACW,KAAT,GAAiBD,QAAjB,CAHc,CAKd;AACA;AACA;;AACA,cAAME,QAAQ,GAAG,CAAjB;AACA,cAAMC,YAAY,GAAGC,IAAI,CAACC,GAAL,CACnBH,QADmB,EAEnBE,IAAI,CAACE,KAAL,CAAWN,QAAQ,GAAGd,KAAX,IAAoB,KAAKO,IAAI,CAACc,MAAL,GAAc,CAAnB,CAApB,CAAX,CAFmB,CAArB;AAKAhB,QAAAA,YAAY,CAACU,KAAb,GAAqBE,YAArB;AACD;AACF,KAlBD;AAmBAK,IAAAA,KAAK,EAAE,MAAM;AACXhB,MAAAA,QAAQ,CAACS,KAAT,GAAiB,KAAjB;AACAV,MAAAA,YAAY,CAACU,KAAb,GAAqB,CAAC,CAAtB;AACD;AAtBD,GAFqB,CAAvB;AA2BA,sBACE,oBAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAE;AAAEpB,MAAAA;AAAF;AAA/B,kBACE,oBAAC,kDAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,OAAO,EAAE,MAFX;AAGE,IAAA,cAAc,EAAEgB;AAHlB,KAIMb,KAJN,gBAME,oBAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEyB,wBAAWC;AAAjC,KACG3B,QADH,CANF,CADF,CADF;AAcD","sourcesContent":["import * as React from 'react';\nimport { StyleSheet } from 'react-native';\nimport {\n  GestureEvent,\n  LongPressGestureHandler,\n  LongPressGestureHandlerEventPayload,\n  LongPressGestureHandlerProps,\n} from 'react-native-gesture-handler';\nimport Animated, { useAnimatedGestureHandler } from 'react-native-reanimated';\nimport { parse } from 'react-native-redash';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { useLineChart } from './useLineChart';\n\nexport type LineChartCursorProps = LongPressGestureHandlerProps & {\n  children: React.ReactNode;\n  type: 'line' | 'crosshair';\n};\n\nexport const CursorContext = React.createContext({ type: '' });\n\nexport function LineChartCursor({\n  children,\n  type,\n  ...props\n}: LineChartCursorProps) {\n  const { pathWidth: width, path } = React.useContext(\n    LineChartDimensionsContext\n  );\n  const { currentX, currentIndex, isActive, data } = useLineChart();\n\n  const parsedPath = React.useMemo(\n    () => (path ? parse(path) : undefined),\n    [path]\n  );\n\n  const onGestureEvent = useAnimatedGestureHandler<\n    GestureEvent<LongPressGestureHandlerEventPayload>\n  >({\n    onActive: ({ x }) => {\n      if (parsedPath) {\n        const boundedX = x <= width ? x : width;\n        isActive.value = true;\n        currentX.value = boundedX;\n\n        // on Web, we could drag the cursor to be negative, breaking it\n        // so we clamp the index at 0 to fix it\n        // https://github.com/coinjar/react-native-wagmi-charts/issues/24\n        const minIndex = 0;\n        const boundedIndex = Math.max(\n          minIndex,\n          Math.round(boundedX / width / (1 / (data.length - 1)))\n        );\n\n        currentIndex.value = boundedIndex;\n      }\n    },\n    onEnd: () => {\n      isActive.value = false;\n      currentIndex.value = -1;\n    },\n  });\n\n  return (\n    <CursorContext.Provider value={{ type }}>\n      <LongPressGestureHandler\n        minDurationMs={0}\n        maxDist={999999}\n        onGestureEvent={onGestureEvent}\n        {...props}\n      >\n        <Animated.View style={StyleSheet.absoluteFill}>\n          {children}\n        </Animated.View>\n      </LongPressGestureHandler>\n    </CursorContext.Provider>\n  );\n}\n"]}
+{"version":3,"sources":["Cursor.tsx"],"names":["CursorContext","React","createContext","type","LineChartCursor","displayName","children","props","pathWidth","width","path","useContext","LineChartDimensionsContext","currentX","currentIndex","isActive","data","parsedPath","useMemo","undefined","onGestureEvent","onActive","x","boundedX","value","minIndex","boundedIndex","Math","max","round","length","onEnd","StyleSheet","absoluteFill"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;AAMA;;AACA;;AAEA;;AACA;;;;;;;;AAOO,MAAMA,aAAa,gBAAGC,KAAK,CAACC,aAAN,CAAoB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAApB,CAAtB;;AAEPC,eAAe,CAACC,WAAhB,GAA8B,iBAA9B;;AAEO,SAASD,eAAT,CAAyB;AAC9BE,EAAAA,QAD8B;AAE9BH,EAAAA,IAF8B;AAG9B,KAAGI;AAH2B,CAAzB,EAIkB;AACvB,QAAM;AAAEC,IAAAA,SAAS,EAAEC,KAAb;AAAoBC,IAAAA;AAApB,MAA6BT,KAAK,CAACU,UAAN,CACjCC,iCADiC,CAAnC;AAGA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA;AAApC,MAA6C,iCAAnD;AAEA,QAAMC,UAAU,GAAGhB,KAAK,CAACiB,OAAN,CACjB,MAAOR,IAAI,GAAG,8BAAMA,IAAN,CAAH,GAAiBS,SADX,EAEjB,CAACT,IAAD,CAFiB,CAAnB;AAKA,QAAMU,cAAc,GAAG,sDAErB;AACAC,IAAAA,QAAQ,EAAE,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAAW;AACnB,UAAIL,UAAJ,EAAgB;AACd,cAAMM,QAAQ,GAAGD,CAAC,IAAIb,KAAL,GAAaa,CAAb,GAAiBb,KAAlC;AACAM,QAAAA,QAAQ,CAACS,KAAT,GAAiB,IAAjB;AACAX,QAAAA,QAAQ,CAACW,KAAT,GAAiBD,QAAjB,CAHc,CAKd;AACA;AACA;;AACA,cAAME,QAAQ,GAAG,CAAjB;AACA,cAAMC,YAAY,GAAGC,IAAI,CAACC,GAAL,CACnBH,QADmB,EAEnBE,IAAI,CAACE,KAAL,CAAWN,QAAQ,GAAGd,KAAX,IAAoB,KAAKO,IAAI,CAACc,MAAL,GAAc,CAAnB,CAApB,CAAX,CAFmB,CAArB;AAKAhB,QAAAA,YAAY,CAACU,KAAb,GAAqBE,YAArB;AACD;AACF,KAlBD;AAmBAK,IAAAA,KAAK,EAAE,MAAM;AACXhB,MAAAA,QAAQ,CAACS,KAAT,GAAiB,KAAjB;AACAV,MAAAA,YAAY,CAACU,KAAb,GAAqB,CAAC,CAAtB;AACD;AAtBD,GAFqB,CAAvB;AA2BA,sBACE,oBAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAE;AAAErB,MAAAA;AAAF;AAA/B,kBACE,oBAAC,kDAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,OAAO,EAAE,MAFX;AAGE,IAAA,cAAc,EAAEiB;AAHlB,KAIMb,KAJN,gBAME,oBAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEyB,wBAAWC;AAAjC,KACG3B,QADH,CANF,CADF,CADF;AAcD","sourcesContent":["import * as React from 'react';\nimport { StyleSheet } from 'react-native';\nimport {\n  GestureEvent,\n  LongPressGestureHandler,\n  LongPressGestureHandlerEventPayload,\n  LongPressGestureHandlerProps,\n} from 'react-native-gesture-handler';\nimport Animated, { useAnimatedGestureHandler } from 'react-native-reanimated';\nimport { parse } from 'react-native-redash';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { useLineChart } from './useLineChart';\n\nexport type LineChartCursorProps = LongPressGestureHandlerProps & {\n  children: React.ReactNode;\n  type: 'line' | 'crosshair';\n};\n\nexport const CursorContext = React.createContext({ type: '' });\n\nLineChartCursor.displayName = 'LineChartCursor';\n\nexport function LineChartCursor({\n  children,\n  type,\n  ...props\n}: LineChartCursorProps) {\n  const { pathWidth: width, path } = React.useContext(\n    LineChartDimensionsContext\n  );\n  const { currentX, currentIndex, isActive, data } = useLineChart();\n\n  const parsedPath = React.useMemo(\n    () => (path ? parse(path) : undefined),\n    [path]\n  );\n\n  const onGestureEvent = useAnimatedGestureHandler<\n    GestureEvent<LongPressGestureHandlerEventPayload>\n  >({\n    onActive: ({ x }) => {\n      if (parsedPath) {\n        const boundedX = x <= width ? x : width;\n        isActive.value = true;\n        currentX.value = boundedX;\n\n        // on Web, we could drag the cursor to be negative, breaking it\n        // so we clamp the index at 0 to fix it\n        // https://github.com/coinjar/react-native-wagmi-charts/issues/24\n        const minIndex = 0;\n        const boundedIndex = Math.max(\n          minIndex,\n          Math.round(boundedX / width / (1 / (data.length - 1)))\n        );\n\n        currentIndex.value = boundedIndex;\n      }\n    },\n    onEnd: () => {\n      isActive.value = false;\n      currentIndex.value = -1;\n    },\n  });\n\n  return (\n    <CursorContext.Provider value={{ type }}>\n      <LongPressGestureHandler\n        minDurationMs={0}\n        maxDist={999999}\n        onGestureEvent={onGestureEvent}\n        {...props}\n      >\n        <Animated.View style={StyleSheet.absoluteFill}>\n          {children}\n        </Animated.View>\n      </LongPressGestureHandler>\n    </CursorContext.Provider>\n  );\n}\n"]}

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

@@ -21,6 +21,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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); }
 
+LineChartCursorCrosshair.displayName = 'LineChartCursorCrosshair';
+
 function LineChartCursorCrosshair({
   children,
   color = 'black',
@@ -35,16 +37,21 @@ function LineChartCursorCrosshair({
     currentX,
     currentY,
     isActive
-  } = (0, _useLineChart.useLineChart)();
+  } = (0, _useLineChart.useLineChart)(); // It seems that enabling spring animation on initial render on Android causes a crash.
+
+  const [enableSpringAnimation, setEnableSpringAnimation] = React.useState(_reactNative.Platform.OS === 'ios');
+  React.useEffect(() => {
+    setEnableSpringAnimation(true);
+  }, []);
   const animatedCursorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     transform: [{
       translateX: currentX.value - outerSize / 2
     }, {
       translateY: currentY.value - outerSize / 2
     }, {
-      scale: (0, _reactNativeReanimated.withSpring)(isActive.value ? 1 : 0, {
+      scale: enableSpringAnimation ? (0, _reactNativeReanimated.withSpring)(isActive.value ? 1 : 0, {
         damping: 10
-      })
+      }) : 0
     }]
   }));
   return /*#__PURE__*/React.createElement(_Cursor.LineChartCursor, _extends({

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

@@ -1 +1 @@
-{"version":3,"sources":["CursorCrosshair.tsx"],"names":["LineChartCursorCrosshair","children","color","size","outerSize","crosshairWrapperProps","crosshairProps","crosshairOuterProps","props","currentX","currentY","isActive","animatedCursorStyle","transform","translateX","value","translateY","scale","damping","width","height","alignItems","justifyContent","style","backgroundColor","borderRadius","opacity","position"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;AAYO,SAASA,wBAAT,CAAkC;AACvCC,EAAAA,QADuC;AAEvCC,EAAAA,KAAK,GAAG,OAF+B;AAGvCC,EAAAA,IAAI,GAAG,CAHgC;AAIvCC,EAAAA,SAAS,GAAG,EAJ2B;AAKvCC,EAAAA,qBAAqB,GAAG,EALe;AAMvCC,EAAAA,cAAc,GAAG,EANsB;AAOvCC,EAAAA,mBAAmB,GAAG,EAPiB;AAQvC,KAAGC;AARoC,CAAlC,EAS2B;AAChC,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAAmC,iCAAzC;AAEA,QAAMC,mBAAmB,GAAG,6CAAiB,OAAO;AAClDC,IAAAA,SAAS,EAAE,CACT;AAAEC,MAAAA,UAAU,EAAEL,QAAQ,CAACM,KAAT,GAAiBX,SAAS,GAAG;AAA3C,KADS,EAET;AAAEY,MAAAA,UAAU,EAAEN,QAAQ,CAACK,KAAT,GAAiBX,SAAS,GAAG;AAA3C,KAFS,EAGT;AACEa,MAAAA,KAAK,EAAE,uCAAWN,QAAQ,CAACI,KAAT,GAAiB,CAAjB,GAAqB,CAAhC,EAAmC;AACxCG,QAAAA,OAAO,EAAE;AAD+B,OAAnC;AADT,KAHS;AADuC,GAAP,CAAjB,CAA5B;AAYA,sBACE,oBAAC,uBAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KAAsCV,KAAtC,gBACE,oBAAC,8BAAD,CAAU,IAAV,eACMH,qBADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEc,MAAAA,KAAK,EAAEf,SADT;AAEEgB,MAAAA,MAAM,EAAEhB,SAFV;AAGEiB,MAAAA,UAAU,EAAE,QAHd;AAIEC,MAAAA,cAAc,EAAE;AAJlB,KADK,EAOLV,mBAPK,EAQLP,qBAAqB,CAACkB,KARjB;AAFT,mBAaE,oBAAC,iBAAD,eACMhB,mBADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEiB,MAAAA,eAAe,EAAEtB,KADnB;AAEEiB,MAAAA,KAAK,EAAEf,SAFT;AAGEgB,MAAAA,MAAM,EAAEhB,SAHV;AAIEqB,MAAAA,YAAY,EAAErB,SAJhB;AAKEsB,MAAAA,OAAO,EAAE,GALX;AAMEC,MAAAA,QAAQ,EAAE;AANZ,KADK,EASLpB,mBAAmB,CAACgB,KATf;AAFT,KAbF,eA2BE,oBAAC,iBAAD,eACMjB,cADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEkB,MAAAA,eAAe,EAAEtB,KADnB;AAEEiB,MAAAA,KAAK,EAAEhB,IAFT;AAGEiB,MAAAA,MAAM,EAAEjB,IAHV;AAIEsB,MAAAA,YAAY,EAAEtB;AAJhB,KADK,EAOLG,cAAc,CAACiB,KAPV;AAFT,KA3BF,CADF,EAyCGtB,QAzCH,CADF;AA6CD","sourcesContent":["import * as React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  withSpring,\n} from 'react-native-reanimated';\n\nimport { LineChartCursor, LineChartCursorProps } from './Cursor';\nimport { useLineChart } from './useLineChart';\n\ntype LineChartCursorCrosshairProps = Omit<LineChartCursorProps, 'type'> & {\n  children?: React.ReactNode;\n  color?: string;\n  size?: number;\n  outerSize?: number;\n  crosshairWrapperProps?: Animated.AnimateProps<ViewProps>;\n  crosshairProps?: ViewProps;\n  crosshairOuterProps?: ViewProps;\n};\n\nexport function LineChartCursorCrosshair({\n  children,\n  color = 'black',\n  size = 8,\n  outerSize = 32,\n  crosshairWrapperProps = {},\n  crosshairProps = {},\n  crosshairOuterProps = {},\n  ...props\n}: LineChartCursorCrosshairProps) {\n  const { currentX, currentY, isActive } = useLineChart();\n\n  const animatedCursorStyle = useAnimatedStyle(() => ({\n    transform: [\n      { translateX: currentX.value - outerSize / 2 },\n      { translateY: currentY.value - outerSize / 2 },\n      {\n        scale: withSpring(isActive.value ? 1 : 0, {\n          damping: 10,\n        }),\n      },\n    ],\n  }));\n\n  return (\n    <LineChartCursor type=\"crosshair\" {...props}>\n      <Animated.View\n        {...crosshairWrapperProps}\n        style={[\n          {\n            width: outerSize,\n            height: outerSize,\n            alignItems: 'center',\n            justifyContent: 'center',\n          },\n          animatedCursorStyle,\n          crosshairWrapperProps.style,\n        ]}\n      >\n        <View\n          {...crosshairOuterProps}\n          style={[\n            {\n              backgroundColor: color,\n              width: outerSize,\n              height: outerSize,\n              borderRadius: outerSize,\n              opacity: 0.1,\n              position: 'absolute',\n            },\n            crosshairOuterProps.style,\n          ]}\n        />\n        <View\n          {...crosshairProps}\n          style={[\n            {\n              backgroundColor: color,\n              width: size,\n              height: size,\n              borderRadius: size,\n            },\n            crosshairProps.style,\n          ]}\n        />\n      </Animated.View>\n      {children}\n    </LineChartCursor>\n  );\n}\n"]}
+{"version":3,"sources":["CursorCrosshair.tsx"],"names":["LineChartCursorCrosshair","displayName","children","color","size","outerSize","crosshairWrapperProps","crosshairProps","crosshairOuterProps","props","currentX","currentY","isActive","enableSpringAnimation","setEnableSpringAnimation","React","useState","Platform","OS","useEffect","animatedCursorStyle","transform","translateX","value","translateY","scale","damping","width","height","alignItems","justifyContent","style","backgroundColor","borderRadius","opacity","position"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;AAeAA,wBAAwB,CAACC,WAAzB,GAAuC,0BAAvC;;AAEO,SAASD,wBAAT,CAAkC;AACvCE,EAAAA,QADuC;AAEvCC,EAAAA,KAAK,GAAG,OAF+B;AAGvCC,EAAAA,IAAI,GAAG,CAHgC;AAIvCC,EAAAA,SAAS,GAAG,EAJ2B;AAKvCC,EAAAA,qBAAqB,GAAG,EALe;AAMvCC,EAAAA,cAAc,GAAG,EANsB;AAOvCC,EAAAA,mBAAmB,GAAG,EAPiB;AAQvC,KAAGC;AARoC,CAAlC,EAS2B;AAChC,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA;AAAtB,MAAmC,iCAAzC,CADgC,CAGhC;;AACA,QAAM,CAACC,qBAAD,EAAwBC,wBAAxB,IAAoDC,KAAK,CAACC,QAAN,CACxDC,sBAASC,EAAT,KAAgB,KADwC,CAA1D;AAGAH,EAAAA,KAAK,CAACI,SAAN,CAAgB,MAAM;AACpBL,IAAAA,wBAAwB,CAAC,IAAD,CAAxB;AACD,GAFD,EAEG,EAFH;AAIA,QAAMM,mBAAmB,GAAG,6CAAiB,OAAO;AAClDC,IAAAA,SAAS,EAAE,CACT;AAAEC,MAAAA,UAAU,EAAEZ,QAAQ,CAACa,KAAT,GAAiBlB,SAAS,GAAG;AAA3C,KADS,EAET;AAAEmB,MAAAA,UAAU,EAAEb,QAAQ,CAACY,KAAT,GAAiBlB,SAAS,GAAG;AAA3C,KAFS,EAGT;AACEoB,MAAAA,KAAK,EAAEZ,qBAAqB,GACxB,uCAAWD,QAAQ,CAACW,KAAT,GAAiB,CAAjB,GAAqB,CAAhC,EAAmC;AACjCG,QAAAA,OAAO,EAAE;AADwB,OAAnC,CADwB,GAIxB;AALN,KAHS;AADuC,GAAP,CAAjB,CAA5B;AAcA,sBACE,oBAAC,uBAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,KAAsCjB,KAAtC,gBACE,oBAAC,8BAAD,CAAU,IAAV,eACMH,qBADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEqB,MAAAA,KAAK,EAAEtB,SADT;AAEEuB,MAAAA,MAAM,EAAEvB,SAFV;AAGEwB,MAAAA,UAAU,EAAE,QAHd;AAIEC,MAAAA,cAAc,EAAE;AAJlB,KADK,EAOLV,mBAPK,EAQLd,qBAAqB,CAACyB,KARjB;AAFT,mBAaE,oBAAC,iBAAD,eACMvB,mBADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEwB,MAAAA,eAAe,EAAE7B,KADnB;AAEEwB,MAAAA,KAAK,EAAEtB,SAFT;AAGEuB,MAAAA,MAAM,EAAEvB,SAHV;AAIE4B,MAAAA,YAAY,EAAE5B,SAJhB;AAKE6B,MAAAA,OAAO,EAAE,GALX;AAMEC,MAAAA,QAAQ,EAAE;AANZ,KADK,EASL3B,mBAAmB,CAACuB,KATf;AAFT,KAbF,eA2BE,oBAAC,iBAAD,eACMxB,cADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEyB,MAAAA,eAAe,EAAE7B,KADnB;AAEEwB,MAAAA,KAAK,EAAEvB,IAFT;AAGEwB,MAAAA,MAAM,EAAExB,IAHV;AAIE6B,MAAAA,YAAY,EAAE7B;AAJhB,KADK,EAOLG,cAAc,CAACwB,KAPV;AAFT,KA3BF,CADF,EAyCG7B,QAzCH,CADF;AA6CD","sourcesContent":["import * as React from 'react';\nimport { Platform, View, ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  withSpring,\n} from 'react-native-reanimated';\n\nimport { LineChartCursor, LineChartCursorProps } from './Cursor';\nimport { useLineChart } from './useLineChart';\n\ntype LineChartCursorCrosshairProps = Omit<\n  LineChartCursorProps,\n  'children' | 'type'\n> & {\n  children?: React.ReactNode;\n  color?: string;\n  size?: number;\n  outerSize?: number;\n  crosshairWrapperProps?: Animated.AnimateProps<ViewProps>;\n  crosshairProps?: ViewProps;\n  crosshairOuterProps?: ViewProps;\n};\n\nLineChartCursorCrosshair.displayName = 'LineChartCursorCrosshair';\n\nexport function LineChartCursorCrosshair({\n  children,\n  color = 'black',\n  size = 8,\n  outerSize = 32,\n  crosshairWrapperProps = {},\n  crosshairProps = {},\n  crosshairOuterProps = {},\n  ...props\n}: LineChartCursorCrosshairProps) {\n  const { currentX, currentY, isActive } = useLineChart();\n\n  // It seems that enabling spring animation on initial render on Android causes a crash.\n  const [enableSpringAnimation, setEnableSpringAnimation] = React.useState(\n    Platform.OS === 'ios'\n  );\n  React.useEffect(() => {\n    setEnableSpringAnimation(true);\n  }, []);\n\n  const animatedCursorStyle = useAnimatedStyle(() => ({\n    transform: [\n      { translateX: currentX.value - outerSize / 2 },\n      { translateY: currentY.value - outerSize / 2 },\n      {\n        scale: enableSpringAnimation\n          ? withSpring(isActive.value ? 1 : 0, {\n              damping: 10,\n            })\n          : 0,\n      },\n    ],\n  }));\n\n  return (\n    <LineChartCursor type=\"crosshair\" {...props}>\n      <Animated.View\n        {...crosshairWrapperProps}\n        style={[\n          {\n            width: outerSize,\n            height: outerSize,\n            alignItems: 'center',\n            justifyContent: 'center',\n          },\n          animatedCursorStyle,\n          crosshairWrapperProps.style,\n        ]}\n      >\n        <View\n          {...crosshairOuterProps}\n          style={[\n            {\n              backgroundColor: color,\n              width: outerSize,\n              height: outerSize,\n              borderRadius: outerSize,\n              opacity: 0.1,\n              position: 'absolute',\n            },\n            crosshairOuterProps.style,\n          ]}\n        />\n        <View\n          {...crosshairProps}\n          style={[\n            {\n              backgroundColor: color,\n              width: size,\n              height: size,\n              borderRadius: size,\n            },\n            crosshairProps.style,\n          ]}\n        />\n      </Animated.View>\n      {children}\n    </LineChartCursor>\n  );\n}\n"]}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LineChartCursorLine = void 0;
+exports.LineChartCursorLine = LineChartCursorLine;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -27,11 +27,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const LineChartCursorLine = ({
+LineChartCursorLine.displayName = 'LineChartCursorLine';
+
+function LineChartCursorLine({
   children,
   color = 'gray',
   lineProps = {}
-}) => {
+}) {
   const {
     height
   } = _react.default.useContext(_Chart.LineChartDimensionsContext);
@@ -62,9 +64,7 @@ const LineChartCursorLine = ({
     stroke: color,
     strokeDasharray: "3 3"
   }, lineProps)))), children);
-};
-
-exports.LineChartCursorLine = LineChartCursorLine;
+}
 
 const styles = _reactNative.StyleSheet.create({
   svg: { ..._reactNative.StyleSheet.absoluteFillObject,

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

@@ -1 +1 @@
-{"version":3,"sources":["CursorLine.tsx"],"names":["LineChartCursorLine","children","color","lineProps","height","React","useContext","LineChartDimensionsContext","currentX","isActive","vertical","opacity","value","transform","translateX","styles","svg","StyleSheet","create","absoluteFillObject"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAQO,MAAMA,mBAAmB,GAAG,CAAC;AAClCC,EAAAA,QADkC;AAElCC,EAAAA,KAAK,GAAG,MAF0B;AAGlCC,EAAAA,SAAS,GAAG;AAHsB,CAAD,KAIH;AAC9B,QAAM;AAAEC,IAAAA;AAAF,MAAaC,eAAMC,UAAN,CAAiBC,iCAAjB,CAAnB;;AACA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAAyB,iCAA/B;AAEA,QAAMC,QAAQ,GAAG,6CAAiB,OAAO;AACvCC,IAAAA,OAAO,EAAEF,QAAQ,CAACG,KAAT,GAAiB,CAAjB,GAAqB,CADS;AAEvCR,IAAAA,MAAM,EAAE,MAF+B;AAGvCS,IAAAA,SAAS,EAAE,CAAC;AAAEC,MAAAA,UAAU,EAAEN,QAAQ,CAACI;AAAvB,KAAD;AAH4B,GAAP,CAAjB,CAAjB;AAMA,sBACE,6BAAC,uBAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,kBACE,6BAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEF;AAAtB,kBACE,6BAAC,uBAAD;AAAK,IAAA,KAAK,EAAEK,MAAM,CAACC;AAAnB,kBACE,6BAAC,oBAAD;AACE,IAAA,EAAE,EAAE,CADN;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,EAAE,EAAE,CAHN;AAIE,IAAA,EAAE,EAAEZ,MAJN;AAKE,IAAA,WAAW,EAAE,CALf;AAME,IAAA,MAAM,EAAEF,KANV;AAOE,IAAA,eAAe,EAAC;AAPlB,KAQMC,SARN,EADF,CADF,CADF,EAeGF,QAfH,CADF;AAmBD,CAjCM;;;;AAmCP,MAAMc,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,GAAG,EAAE,EACH,GAAGC,wBAAWE,kBADX;AAEH;AACAf,IAAAA,MAAM,EAAE;AAHL;AAD0B,CAAlB,CAAf","sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport Animated, { useAnimatedStyle } from 'react-native-reanimated';\nimport Svg, { Line as SVGLine, LineProps } from 'react-native-svg';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartCursor } from './Cursor';\nimport { useLineChart } from './useLineChart';\n\ntype LineChartCursorLineProps = {\n  children?: React.ReactNode;\n  color?: string;\n  lineProps?: Partial<LineProps>;\n};\n\nexport const LineChartCursorLine = ({\n  children,\n  color = 'gray',\n  lineProps = {},\n}: LineChartCursorLineProps) => {\n  const { height } = React.useContext(LineChartDimensionsContext);\n  const { currentX, isActive } = useLineChart();\n\n  const vertical = useAnimatedStyle(() => ({\n    opacity: isActive.value ? 1 : 0,\n    height: '100%',\n    transform: [{ translateX: currentX.value }],\n  }));\n\n  return (\n    <LineChartCursor type=\"line\">\n      <Animated.View style={vertical}>\n        <Svg style={styles.svg}>\n          <SVGLine\n            x1={0}\n            y1={0}\n            x2={0}\n            y2={height}\n            strokeWidth={2}\n            stroke={color}\n            strokeDasharray=\"3 3\"\n            {...lineProps}\n          />\n        </Svg>\n      </Animated.View>\n      {children}\n    </LineChartCursor>\n  );\n};\n\nconst styles = StyleSheet.create({\n  svg: {\n    ...StyleSheet.absoluteFillObject,\n    // height: 100% is required for <svg /> on web\n    height: '100%',\n  },\n});\n"]}
+{"version":3,"sources":["CursorLine.tsx"],"names":["LineChartCursorLine","displayName","children","color","lineProps","height","React","useContext","LineChartDimensionsContext","currentX","isActive","vertical","opacity","value","transform","translateX","styles","svg","StyleSheet","create","absoluteFillObject"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAQAA,mBAAmB,CAACC,WAApB,GAAkC,qBAAlC;;AAEO,SAASD,mBAAT,CAA6B;AAClCE,EAAAA,QADkC;AAElCC,EAAAA,KAAK,GAAG,MAF0B;AAGlCC,EAAAA,SAAS,GAAG;AAHsB,CAA7B,EAIsB;AAC3B,QAAM;AAAEC,IAAAA;AAAF,MAAaC,eAAMC,UAAN,CAAiBC,iCAAjB,CAAnB;;AACA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAAyB,iCAA/B;AAEA,QAAMC,QAAQ,GAAG,6CAAiB,OAAO;AACvCC,IAAAA,OAAO,EAAEF,QAAQ,CAACG,KAAT,GAAiB,CAAjB,GAAqB,CADS;AAEvCR,IAAAA,MAAM,EAAE,MAF+B;AAGvCS,IAAAA,SAAS,EAAE,CAAC;AAAEC,MAAAA,UAAU,EAAEN,QAAQ,CAACI;AAAvB,KAAD;AAH4B,GAAP,CAAjB,CAAjB;AAMA,sBACE,6BAAC,uBAAD;AAAiB,IAAA,IAAI,EAAC;AAAtB,kBACE,6BAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEF;AAAtB,kBACE,6BAAC,uBAAD;AAAK,IAAA,KAAK,EAAEK,MAAM,CAACC;AAAnB,kBACE,6BAAC,oBAAD;AACE,IAAA,EAAE,EAAE,CADN;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,EAAE,EAAE,CAHN;AAIE,IAAA,EAAE,EAAEZ,MAJN;AAKE,IAAA,WAAW,EAAE,CALf;AAME,IAAA,MAAM,EAAEF,KANV;AAOE,IAAA,eAAe,EAAC;AAPlB,KAQMC,SARN,EADF,CADF,CADF,EAeGF,QAfH,CADF;AAmBD;;AAED,MAAMc,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,GAAG,EAAE,EACH,GAAGC,wBAAWE,kBADX;AAEH;AACAf,IAAAA,MAAM,EAAE;AAHL;AAD0B,CAAlB,CAAf","sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport Animated, { useAnimatedStyle } from 'react-native-reanimated';\nimport Svg, { Line as SVGLine, LineProps } from 'react-native-svg';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartCursor } from './Cursor';\nimport { useLineChart } from './useLineChart';\n\ntype LineChartCursorLineProps = {\n  children?: React.ReactNode;\n  color?: string;\n  lineProps?: Partial<LineProps>;\n};\n\nLineChartCursorLine.displayName = 'LineChartCursorLine';\n\nexport function LineChartCursorLine({\n  children,\n  color = 'gray',\n  lineProps = {},\n}: LineChartCursorLineProps) {\n  const { height } = React.useContext(LineChartDimensionsContext);\n  const { currentX, isActive } = useLineChart();\n\n  const vertical = useAnimatedStyle(() => ({\n    opacity: isActive.value ? 1 : 0,\n    height: '100%',\n    transform: [{ translateX: currentX.value }],\n  }));\n\n  return (\n    <LineChartCursor type=\"line\">\n      <Animated.View style={vertical}>\n        <Svg style={styles.svg}>\n          <SVGLine\n            x1={0}\n            y1={0}\n            x2={0}\n            y2={height}\n            strokeWidth={2}\n            stroke={color}\n            strokeDasharray=\"3 3\"\n            {...lineProps}\n          />\n        </Svg>\n      </Animated.View>\n      {children}\n    </LineChartCursor>\n  );\n}\n\nconst styles = StyleSheet.create({\n  svg: {\n    ...StyleSheet.absoluteFillObject,\n    // height: 100% is required for <svg /> on web\n    height: '100%',\n  },\n});\n"]}

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

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+LineChartDatetimeText.displayName = 'LineChartDatetimeText';
+
 function LineChartDatetimeText({
   locale,
   options,

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

@@ -1 +1 @@
-{"version":3,"sources":["DatetimeText.tsx"],"names":["LineChartDatetimeText","locale","options","format","variant","style","datetime"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;;;;;AAUO,SAASA,qBAAT,CAA+B;AACpCC,EAAAA,MADoC;AAEpCC,EAAAA,OAFoC;AAGpCC,EAAAA,MAHoC;AAIpCC,EAAAA,OAAO,GAAG,WAJ0B;AAKpCC,EAAAA;AALoC,CAA/B,EAMoB;AACzB,QAAMC,QAAQ,GAAG,uCAAqB;AAAEH,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAArB,CAAjB;AACA,sBAAO,oBAAC,0BAAD;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\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,"sources":["DatetimeText.tsx"],"names":["LineChartDatetimeText","displayName","locale","options","format","variant","style","datetime"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;;;;;AAUAA,qBAAqB,CAACC,WAAtB,GAAoC,uBAApC;;AAEO,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,GAAG,uCAAqB;AAAEH,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAArB,CAAjB;AACA,sBAAO,oBAAC,0BAAD;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"]}

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

@@ -9,12 +9,14 @@ var React = _interopRequireWildcard(require("react"));
 
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 
-var _reactNative = require("react-native");
+var _reactNativeSvg = require("react-native-svg");
 
 var _reactNativeRedash = require("react-native-redash");
 
 var _Chart = require("./Chart");
 
+var _ChartPath = require("./ChartPath");
+
 var _useLineChart = require("./useLineChart");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -23,16 +25,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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); }
 
+const AnimatedCircle = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Circle);
+
 LineChartDot.displayName = 'LineChartDot';
 
 function LineChartDot({
-  color = 'black',
   at,
-  size = 8,
-  pulsesOuter = 'while-inactive',
-  outerSize = size * 4,
+  color: defaultColor = 'black',
   dotProps,
-  outerDotProps
+  hasOuterDot: defaultHasOuterDot = false,
+  hasPulse = false,
+  inactiveColor,
+  outerDotProps,
+  pulseBehaviour = 'while-inactive',
+  pulseDurationMs = 800,
+  showInactiveColor = true,
+  size = 4,
+  outerSize = size * 4
 }) {
   const {
     data,
@@ -41,81 +50,77 @@ function LineChartDot({
   const {
     path,
     pathWidth: width
-  } = React.useContext(_Chart.LineChartDimensionsContext);
-  const parsedPath = React.useMemo(() => (0, _reactNativeRedash.parse)(path), [path]);
-  const pointWidth = React.useMemo(() => width / (data.length - 1), [data.length, width]);
+  } = React.useContext(_Chart.LineChartDimensionsContext); ////////////////////////////////////////////////////////////
+
+  const {
+    isInactive: _isInactive
+  } = React.useContext(_ChartPath.LineChartPathContext);
+  const isInactive = showInactiveColor && _isInactive;
+  const color = isInactive ? inactiveColor || defaultColor : defaultColor;
+  const opacity = isInactive && !inactiveColor ? 0.5 : 1;
+  const hasOuterDot = defaultHasOuterDot || hasPulse; ////////////////////////////////////////////////////////////
+
+  const parsedPath = React.useMemo(() => (0, _reactNativeRedash.parse)(path), [path]); ////////////////////////////////////////////////////////////
+
+  const pointWidth = React.useMemo(() => width / (data.length - 1), [data.length, width]); ////////////////////////////////////////////////////////////
+
   const x = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withTiming)(pointWidth * at));
-  const y = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withTiming)((0, _reactNativeRedash.getYForX)(parsedPath, x.value) || 0));
-  const containerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    return {
-      transform: [{
-        translateX: x.value - outerSize / 2
-      }, {
-        translateY: y.value - outerSize / 2
-      }]
+  const y = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withTiming)((0, _reactNativeRedash.getYForX)(parsedPath, x.value) || 0)); ////////////////////////////////////////////////////////////
+
+  const animatedDotProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
+    cx: x.value,
+    cy: y.value
+  }));
+  const animatedOuterDotProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    let defaultProps = {
+      cx: x.value,
+      cy: y.value,
+      opacity: 0.1,
+      r: outerSize
     };
-  });
-  const outerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    let opacity = 0.1;
 
-    if (pulsesOuter === 'never') {
-      return {
-        opacity
-      };
+    if (!hasPulse) {
+      return defaultProps;
     }
 
-    const enterMs = 800;
+    if (isActive.value && pulseBehaviour === 'while-inactive') {
+      return { ...defaultProps,
+        r: 0
+      };
+    }
 
     const easing = _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.sin);
 
     const animatedOpacity = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(0.8), (0, _reactNativeReanimated.withTiming)(0, {
-      duration: enterMs,
+      duration: pulseDurationMs,
       easing
     })), -1, false);
-    const scale = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(0), (0, _reactNativeReanimated.withTiming)(1, {
-      duration: enterMs,
+    const scale = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(0), (0, _reactNativeReanimated.withTiming)(outerSize, {
+      duration: pulseDurationMs,
       easing
     })), -1, false);
 
-    if (pulsesOuter === 'while-inactive') {
-      return {
+    if (pulseBehaviour === 'while-inactive') {
+      return { ...defaultProps,
         opacity: isActive.value ? (0, _reactNativeReanimated.withTiming)(0) : animatedOpacity,
-        transform: [{
-          scale: isActive.value ? (0, _reactNativeReanimated.withTiming)(0) : scale
-        }]
+        r: isActive.value ? (0, _reactNativeReanimated.withTiming)(0) : scale
       };
     }
 
-    return {
+    return { ...defaultProps,
       opacity: animatedOpacity,
-      transform: [{
-        scale
-      }]
+      r: scale
     };
-  }, [pulsesOuter]);
-  return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
-    pointerEvents: "none",
-    style: (0, React.useMemo)(() => [{
-      width: outerSize,
-      height: outerSize,
-      alignItems: 'center',
-      justifyContent: 'center'
-    }, containerStyle], [containerStyle, outerSize])
-  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, _extends({}, outerDotProps, {
-    style: (0, React.useMemo)(() => [{
-      backgroundColor: color,
-      width: outerSize,
-      height: outerSize,
-      borderRadius: outerSize,
-      position: 'absolute'
-    }, outerStyle, outerDotProps === null || outerDotProps === void 0 ? void 0 : outerDotProps.style], [color, outerSize, outerStyle, outerDotProps === null || outerDotProps === void 0 ? void 0 : outerDotProps.style])
-  })), /*#__PURE__*/React.createElement(_reactNative.View, _extends({}, dotProps, {
-    style: (0, React.useMemo)(() => [{
-      backgroundColor: color,
-      width: size,
-      height: size,
-      borderRadius: size
-    }, dotProps === null || dotProps === void 0 ? void 0 : dotProps.style], [color, size, dotProps === null || dotProps === void 0 ? void 0 : dotProps.style])
-  })));
+  }, [outerSize]); ////////////////////////////////////////////////////////////
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedCircle, _extends({
+    animatedProps: animatedDotProps,
+    r: size,
+    fill: color,
+    opacity: opacity
+  }, dotProps)), hasOuterDot && /*#__PURE__*/React.createElement(AnimatedCircle, _extends({
+    animatedProps: animatedOuterDotProps,
+    fill: color
+  }, outerDotProps)));
 }
 //# sourceMappingURL=Dot.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Dot.tsx"],"names":["LineChartDot","displayName","color","at","size","pulsesOuter","outerSize","dotProps","outerDotProps","data","isActive","path","pathWidth","width","React","useContext","LineChartDimensionsContext","parsedPath","useMemo","pointWidth","length","x","y","value","containerStyle","transform","translateX","translateY","outerStyle","opacity","enterMs","easing","Easing","out","sin","animatedOpacity","duration","scale","height","alignItems","justifyContent","backgroundColor","borderRadius","position","style"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport { View } from 'react-native';\nimport { getYForX, parse } from 'react-native-redash';\nimport { useMemo } from 'react';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { useLineChart } from './useLineChart';\nimport type { ViewProps } from 'react-native';\n\nexport type LineChartDotProps = {\n  dotProps?: ViewProps;\n  outerDotProps?: ViewProps;\n  color?: string;\n  at: number;\n  size?: number;\n  /**\n   * If `always`, the outer dot will still animate when interaction is active.\n   *\n   * If `never`, the outer dot will never animate.\n   *\n   * If `while-inactive`, the outer dot will animate only when the interaction is inactive.\n   *\n   * Default: `while-inactive`\n   */\n  pulsesOuter?: 'always' | 'while-inactive' | 'never';\n  /**\n   * Defaults to `size * 4`\n   */\n  outerSize?: number;\n  pulseDurationMs?: number;\n};\n\nLineChartDot.displayName = 'LineChartDot';\n\nexport function LineChartDot({\n  color = 'black',\n  at,\n  size = 8,\n  pulsesOuter = 'while-inactive',\n  outerSize = size * 4,\n  dotProps,\n  outerDotProps,\n}: LineChartDotProps) {\n  const { data, isActive } = useLineChart();\n  const { path, pathWidth: width } = React.useContext(\n    LineChartDimensionsContext\n  );\n\n  const parsedPath = React.useMemo(() => parse(path), [path]);\n  const pointWidth = React.useMemo(\n    () => width / (data.length - 1),\n    [data.length, width]\n  );\n\n  const x = useDerivedValue(() => withTiming(pointWidth * at));\n  const y = useDerivedValue(() =>\n    withTiming(getYForX(parsedPath!, x.value) || 0)\n  );\n\n  const containerStyle = useAnimatedStyle(() => {\n    return {\n      transform: [\n        { translateX: x.value - outerSize / 2 },\n        { translateY: y.value - outerSize / 2 },\n      ],\n    };\n  });\n  const outerStyle = useAnimatedStyle(() => {\n    let opacity = 0.1;\n    if (pulsesOuter === 'never') {\n      return {\n        opacity,\n      };\n    }\n    const enterMs = 800;\n    const easing = Easing.out(Easing.sin);\n    const animatedOpacity = withRepeat(\n      withSequence(\n        withTiming(0.8),\n        withTiming(0, {\n          duration: enterMs,\n          easing,\n        })\n      ),\n      -1,\n      false\n    );\n    const scale = withRepeat(\n      withSequence(\n        withTiming(0),\n        withTiming(1, {\n          duration: enterMs,\n          easing,\n        })\n      ),\n      -1,\n      false\n    );\n\n    if (pulsesOuter === 'while-inactive') {\n      return {\n        opacity: isActive.value ? withTiming(0) : animatedOpacity,\n        transform: [\n          {\n            scale: isActive.value ? withTiming(0) : scale,\n          },\n        ],\n      };\n    }\n    return {\n      opacity: animatedOpacity,\n      transform: [\n        {\n          scale,\n        },\n      ],\n    };\n  }, [pulsesOuter]);\n\n  return (\n    <Animated.View\n      pointerEvents=\"none\"\n      style={useMemo(\n        () => [\n          {\n            width: outerSize,\n            height: outerSize,\n            alignItems: 'center',\n            justifyContent: 'center',\n          },\n          containerStyle,\n        ],\n        [containerStyle, outerSize]\n      )}\n    >\n      <Animated.View\n        {...outerDotProps}\n        style={useMemo(\n          () => [\n            {\n              backgroundColor: color,\n              width: outerSize,\n              height: outerSize,\n              borderRadius: outerSize,\n              position: 'absolute',\n            },\n            outerStyle,\n            outerDotProps?.style,\n          ],\n          [color, outerSize, outerStyle, outerDotProps?.style]\n        )}\n      />\n      <View\n        {...dotProps}\n        style={useMemo(\n          () => [\n            {\n              backgroundColor: color,\n              width: size,\n              height: size,\n              borderRadius: size,\n            },\n            dotProps?.style,\n          ],\n          [color, size, dotProps?.style]\n        )}\n      />\n    </Animated.View>\n  );\n}\n"]}
+{"version":3,"sources":["Dot.tsx"],"names":["AnimatedCircle","Animated","createAnimatedComponent","Circle","LineChartDot","displayName","at","color","defaultColor","dotProps","hasOuterDot","defaultHasOuterDot","hasPulse","inactiveColor","outerDotProps","pulseBehaviour","pulseDurationMs","showInactiveColor","size","outerSize","data","isActive","path","pathWidth","width","React","useContext","LineChartDimensionsContext","isInactive","_isInactive","LineChartPathContext","opacity","parsedPath","useMemo","pointWidth","length","x","y","value","animatedDotProps","cx","cy","animatedOuterDotProps","defaultProps","r","easing","Easing","out","sin","animatedOpacity","duration","scale"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,+BAASC,uBAAT,CAAiCC,sBAAjC,CAAvB;;AA2BAC,YAAY,CAACC,WAAb,GAA2B,cAA3B;;AAEO,SAASD,YAAT,CAAsB;AAC3BE,EAAAA,EAD2B;AAE3BC,EAAAA,KAAK,EAAEC,YAAY,GAAG,OAFK;AAG3BC,EAAAA,QAH2B;AAI3BC,EAAAA,WAAW,EAAEC,kBAAkB,GAAG,KAJP;AAK3BC,EAAAA,QAAQ,GAAG,KALgB;AAM3BC,EAAAA,aAN2B;AAO3BC,EAAAA,aAP2B;AAQ3BC,EAAAA,cAAc,GAAG,gBARU;AAS3BC,EAAAA,eAAe,GAAG,GATS;AAU3BC,EAAAA,iBAAiB,GAAG,IAVO;AAW3BC,EAAAA,IAAI,GAAG,CAXoB;AAY3BC,EAAAA,SAAS,GAAGD,IAAI,GAAG;AAZQ,CAAtB,EAae;AACpB,QAAM;AAAEE,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAqB,iCAA3B;AACA,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,SAAS,EAAEC;AAAnB,MAA6BC,KAAK,CAACC,UAAN,CACjCC,iCADiC,CAAnC,CAFoB,CAMpB;;AAEA,QAAM;AAAEC,IAAAA,UAAU,EAAEC;AAAd,MAA8BJ,KAAK,CAACC,UAAN,CAAiBI,+BAAjB,CAApC;AACA,QAAMF,UAAU,GAAGX,iBAAiB,IAAIY,WAAxC;AACA,QAAMtB,KAAK,GAAGqB,UAAU,GAAGf,aAAa,IAAIL,YAApB,GAAmCA,YAA3D;AACA,QAAMuB,OAAO,GAAGH,UAAU,IAAI,CAACf,aAAf,GAA+B,GAA/B,GAAqC,CAArD;AACA,QAAMH,WAAW,GAAGC,kBAAkB,IAAIC,QAA1C,CAZoB,CAcpB;;AAEA,QAAMoB,UAAU,GAAGP,KAAK,CAACQ,OAAN,CAAc,MAAM,8BAAMX,IAAN,CAApB,EAAiC,CAACA,IAAD,CAAjC,CAAnB,CAhBoB,CAkBpB;;AAEA,QAAMY,UAAU,GAAGT,KAAK,CAACQ,OAAN,CACjB,MAAMT,KAAK,IAAIJ,IAAI,CAACe,MAAL,GAAc,CAAlB,CADM,EAEjB,CAACf,IAAI,CAACe,MAAN,EAAcX,KAAd,CAFiB,CAAnB,CApBoB,CAyBpB;;AAEA,QAAMY,CAAC,GAAG,4CAAgB,MAAM,uCAAWF,UAAU,GAAG5B,EAAxB,CAAtB,CAAV;AACA,QAAM+B,CAAC,GAAG,4CAAgB,MACxB,uCAAW,iCAASL,UAAT,EAAsBI,CAAC,CAACE,KAAxB,KAAkC,CAA7C,CADQ,CAAV,CA5BoB,CAgCpB;;AAEA,QAAMC,gBAAgB,GAAG,6CAAiB,OAAO;AAC/CC,IAAAA,EAAE,EAAEJ,CAAC,CAACE,KADyC;AAE/CG,IAAAA,EAAE,EAAEJ,CAAC,CAACC;AAFyC,GAAP,CAAjB,CAAzB;AAKA,QAAMI,qBAAqB,GAAG,6CAAiB,MAAM;AACnD,QAAIC,YAAY,GAAG;AACjBH,MAAAA,EAAE,EAAEJ,CAAC,CAACE,KADW;AAEjBG,MAAAA,EAAE,EAAEJ,CAAC,CAACC,KAFW;AAGjBP,MAAAA,OAAO,EAAE,GAHQ;AAIjBa,MAAAA,CAAC,EAAEzB;AAJc,KAAnB;;AAOA,QAAI,CAACP,QAAL,EAAe;AACb,aAAO+B,YAAP;AACD;;AAED,QAAItB,QAAQ,CAACiB,KAAT,IAAkBvB,cAAc,KAAK,gBAAzC,EAA2D;AACzD,aAAO,EACL,GAAG4B,YADE;AAELC,QAAAA,CAAC,EAAE;AAFE,OAAP;AAID;;AAED,UAAMC,MAAM,GAAGC,8BAAOC,GAAP,CAAWD,8BAAOE,GAAlB,CAAf;;AACA,UAAMC,eAAe,GAAG,uCACtB,yCACE,uCAAW,GAAX,CADF,EAEE,uCAAW,CAAX,EAAc;AACZC,MAAAA,QAAQ,EAAElC,eADE;AAEZ6B,MAAAA;AAFY,KAAd,CAFF,CADsB,EAQtB,CAAC,CARqB,EAStB,KATsB,CAAxB;AAWA,UAAMM,KAAK,GAAG,uCACZ,yCACE,uCAAW,CAAX,CADF,EAEE,uCAAWhC,SAAX,EAAsB;AACpB+B,MAAAA,QAAQ,EAAElC,eADU;AAEpB6B,MAAAA;AAFoB,KAAtB,CAFF,CADY,EAQZ,CAAC,CARW,EASZ,KATY,CAAd;;AAYA,QAAI9B,cAAc,KAAK,gBAAvB,EAAyC;AACvC,aAAO,EACL,GAAG4B,YADE;AAELZ,QAAAA,OAAO,EAAEV,QAAQ,CAACiB,KAAT,GAAiB,uCAAW,CAAX,CAAjB,GAAiCW,eAFrC;AAGLL,QAAAA,CAAC,EAAEvB,QAAQ,CAACiB,KAAT,GAAiB,uCAAW,CAAX,CAAjB,GAAiCa;AAH/B,OAAP;AAKD;;AACD,WAAO,EACL,GAAGR,YADE;AAELZ,MAAAA,OAAO,EAAEkB,eAFJ;AAGLL,MAAAA,CAAC,EAAEO;AAHE,KAAP;AAKD,GAvD6B,EAuD3B,CAAChC,SAAD,CAvD2B,CAA9B,CAvCoB,CAgGpB;;AAEA,sBACE,uDACE,oBAAC,cAAD;AACE,IAAA,aAAa,EAAEoB,gBADjB;AAEE,IAAA,CAAC,EAAErB,IAFL;AAGE,IAAA,IAAI,EAAEX,KAHR;AAIE,IAAA,OAAO,EAAEwB;AAJX,KAKMtB,QALN,EADF,EAQGC,WAAW,iBACV,oBAAC,cAAD;AACE,IAAA,aAAa,EAAEgC,qBADjB;AAEE,IAAA,IAAI,EAAEnC;AAFR,KAGMO,aAHN,EATJ,CADF;AAkBD","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, parse } from 'react-native-redash';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartPathContext } from './ChartPath';\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 { data, isActive } = useLineChart();\n  const { path, pathWidth: width } = 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 parsedPath = React.useMemo(() => parse(path), [path]);\n\n  ////////////////////////////////////////////////////////////\n\n  const pointWidth = React.useMemo(\n    () => width / (data.length - 1),\n    [data.length, width]\n  );\n\n  ////////////////////////////////////////////////////////////\n\n  const x = useDerivedValue(() => withTiming(pointWidth * at));\n  const y = useDerivedValue(() =>\n    withTiming(getYForX(parsedPath!, x.value) || 0)\n  );\n\n  ////////////////////////////////////////////////////////////\n\n  const animatedDotProps = useAnimatedProps(() => ({\n    cx: x.value,\n    cy: y.value,\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  }, [outerSize]);\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"]}

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

@@ -7,7 +7,7 @@ exports.LineChartGradient = LineChartGradient;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 
 var _reactNativeSvg = require("react-native-svg");
 
@@ -15,9 +15,7 @@ var _Chart = require("./Chart");
 
 var _ChartPath = require("./ChartPath");
 
-var _interpolatePath = _interopRequireDefault(require("./interpolatePath"));
-
-var _utils = require("../../utils");
+var _useAnimatedPath = _interopRequireDefault(require("./useAnimatedPath"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -30,6 +28,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Path);
 
 let id = 0;
+LineChartGradient.displayName = 'LineChartGradient';
 
 function LineChartGradient({
   color: overrideColor = undefined,
@@ -45,27 +44,11 @@ function LineChartGradient({
   } = React.useContext(_ChartPath.LineChartPathContext);
   const color = overrideColor || contextColor; ////////////////////////////////////////////////
 
-  const transition = (0, _reactNativeReanimated.useSharedValue)(0);
-  const previousPath = (0, _utils.usePrevious)(area);
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
-    return area;
-  }, (_, previous) => {
-    if (previous) {
-      transition.value = 0;
-      transition.value = (0, _reactNativeReanimated.withTiming)(1);
-    }
-  }, [area]);
-  const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
-    let d = area || '';
-
-    if (previousPath && isTransitionEnabled) {
-      const pathInterpolator = (0, _interpolatePath.default)(previousPath, area, null);
-      d = pathInterpolator(transition.value);
-    }
-
-    return {
-      d
-    };
+  const {
+    animatedProps
+  } = (0, _useAnimatedPath.default)({
+    enabled: isTransitionEnabled,
+    path: area
   }); ////////////////////////////////////////////////
 
   const localId = React.useRef(++id); ////////////////////////////////////////////////

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

@@ -1 +1 @@
-{"version":3,"sources":["Gradient.tsx"],"names":["AnimatedPath","Animated","createAnimatedComponent","Path","id","LineChartGradient","color","overrideColor","undefined","children","props","area","React","useContext","LineChartDimensionsContext","contextColor","isTransitionEnabled","LineChartPathContext","transition","previousPath","_","previous","value","animatedProps","d","pathInterpolator","localId","useRef","current"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Animated, {\n  useAnimatedProps,\n  useAnimatedReaction,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { Defs, LinearGradient, Stop, Path, PathProps } from 'react-native-svg';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { LineChartPathContext } from './ChartPath';\nimport interpolatePath from './interpolatePath';\nimport { usePrevious } from '../../utils';\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\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 transition = useSharedValue(0);\n\n  const previousPath = usePrevious(area);\n\n  useAnimatedReaction(\n    () => {\n      return area;\n    },\n    (_, previous) => {\n      if (previous) {\n        transition.value = 0;\n        transition.value = withTiming(1);\n      }\n    },\n    [area]\n  );\n\n  const animatedProps = useAnimatedProps(() => {\n    let d = area || '';\n    if (previousPath && isTransitionEnabled) {\n      const pathInterpolator = interpolatePath(previousPath, area, null);\n      d = pathInterpolator(transition.value);\n    }\n    return {\n      d,\n    };\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,"sources":["Gradient.tsx"],"names":["AnimatedPath","Animated","createAnimatedComponent","Path","id","LineChartGradient","displayName","color","overrideColor","undefined","children","props","area","React","useContext","LineChartDimensionsContext","contextColor","isTransitionEnabled","LineChartPathContext","animatedProps","enabled","path","localId","useRef","current"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,YAAY,GAAGC,+BAASC,uBAAT,CAAiCC,oBAAjC,CAArB;;AAOA,IAAIC,EAAE,GAAG,CAAT;AAEAC,iBAAiB,CAACC,WAAlB,GAAgC,mBAAhC;;AAEO,SAASD,iBAAT,CAA2B;AAChCE,EAAAA,KAAK,EAAEC,aAAa,GAAGC,SADS;AAEhCC,EAAAA,QAFgC;AAGhC,KAAGC;AAH6B,CAA3B,EAIoB;AACzB,QAAM;AAAEC,IAAAA;AAAF,MAAWC,KAAK,CAACC,UAAN,CAAiBC,iCAAjB,CAAjB;AACA,QAAM;AAAER,IAAAA,KAAK,EAAES,YAAT;AAAuBC,IAAAA;AAAvB,MACJJ,KAAK,CAACC,UAAN,CAAiBI,+BAAjB,CADF;AAGA,QAAMX,KAAK,GAAGC,aAAa,IAAIQ,YAA/B,CALyB,CAOzB;;AAEA,QAAM;AAAEG,IAAAA;AAAF,MAAoB,8BAAgB;AACxCC,IAAAA,OAAO,EAAEH,mBAD+B;AAExCI,IAAAA,IAAI,EAAET;AAFkC,GAAhB,CAA1B,CATyB,CAczB;;AAEA,QAAMU,OAAO,GAAGT,KAAK,CAACU,MAAN,CAAa,EAAEnB,EAAf,CAAhB,CAhByB,CAkBzB;;AAEA,sBACE,0CACGM,QAAQ,gBACP,oBAAC,oBAAD,qBACE,oBAAC,8BAAD;AACE,IAAA,EAAE,EAAG,GAAEY,OAAO,CAACE,OAAQ,EADzB;AAEE,IAAA,EAAE,EAAC,GAFL;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,EAAE,EAAC,GAJL;AAKE,IAAA,EAAE,EAAC;AALL,KAOGd,QAPH,CADF,CADO,gBAaP,oBAAC,oBAAD,qBACE,oBAAC,8BAAD;AACE,IAAA,EAAE,EAAG,GAAEY,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,oBAAD;AAAM,IAAA,MAAM,EAAC,KAAb;AAAmB,IAAA,SAAS,EAAEjB,KAA9B;AAAqC,IAAA,WAAW,EAAE;AAAlD,IAPF,eAQE,oBAAC,oBAAD;AAAM,IAAA,MAAM,EAAC,KAAb;AAAmB,IAAA,SAAS,EAAEA,KAA9B;AAAqC,IAAA,WAAW,EAAE;AAAlD,IARF,eASE,oBAAC,oBAAD;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,EAAEY,aADjB;AAEE,IAAA,IAAI,EAAG,QAAOG,OAAO,CAACE,OAAQ;AAFhC,KAGMb,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 './ChartPath';\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"]}

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

@@ -3,47 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = flattenChildren;
 exports.LineChartGroup = LineChartGroup;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _reactKeyedFlattenChildren = _interopRequireDefault(require("react-keyed-flatten-children"));
+
 var _Chart = require("./Chart");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/* Returns React children into an array, flattening fragments.
-
-Forked from https://github.com/grrowl/react-keyed-flatten-children/blob/master/index.ts
-*/
-function flattenChildren(children, depth = 0, keys = []) {
-  return _react.Children.toArray(children).reduce( // eslint-disable-next-line
-  (acc, node, nodeIndex) => {
-    if (node.type === _react.default.Fragment) {
-      acc.push.apply(acc, flattenChildren(node.props.children, depth + 1, keys.concat(node.key || nodeIndex)));
-    } else {
-      if ( /*#__PURE__*/(0, _react.isValidElement)(node)) {
-        acc.push( /*#__PURE__*/(0, _react.cloneElement)(node, {
-          key: keys.concat(String(node.key)).join('.')
-        }));
-      } else if (typeof node === 'string' || typeof node === 'number') {
-        acc.push(node);
-      }
-    }
-
-    return acc;
-  }, []);
-}
-
 function LineChartGroup({
   children,
   ...props
 }) {
-  const flatChildren = flattenChildren(children);
+  const flatChildren = (0, _reactKeyedFlattenChildren.default)(children);
 
   const flatChildrenCount = _react.Children.count(flatChildren);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Group.tsx"],"names":["flattenChildren","children","depth","keys","Children","toArray","reduce","acc","node","nodeIndex","type","React","Fragment","push","apply","props","concat","key","String","join","LineChartGroup","flatChildren","flatChildrenCount","count","map","child","index","isLast","LineChart","absolute"],"mappings":";;;;;;;;AAAA;;AAaA;;AACA;;;;;;AAZA;AACA;AACA;AACA;AAWe,SAASA,eAAT,CACbC,QADa,EAEbC,KAAa,GAAG,CAFH,EAGbC,IAAyB,GAAG,EAHf,EAIC;AACd,SAAOC,gBAASC,OAAT,CAAiBJ,QAAjB,EAA2BK,MAA3B,EACL;AACA,GAACC,GAAD,EAAoBC,IAApB,EAA+BC,SAA/B,KAA6C;AAC3C,QAAID,IAAI,CAACE,IAAL,KAAcC,eAAMC,QAAxB,EAAkC;AAChCL,MAAAA,GAAG,CAACM,IAAJ,CAASC,KAAT,CACEP,GADF,EAEEP,eAAe,CACbQ,IAAI,CAACO,KAAL,CAAWd,QADE,EAEbC,KAAK,GAAG,CAFK,EAGbC,IAAI,CAACa,MAAL,CAAYR,IAAI,CAACS,GAAL,IAAYR,SAAxB,CAHa,CAFjB;AAQD,KATD,MASO;AACL,wBAAI,2BAAeD,IAAf,CAAJ,EAA0B;AACxBD,QAAAA,GAAG,CAACM,IAAJ,eACE,yBAAaL,IAAb,EAAmB;AACjBS,UAAAA,GAAG,EAAEd,IAAI,CAACa,MAAL,CAAYE,MAAM,CAACV,IAAI,CAACS,GAAN,CAAlB,EAA8BE,IAA9B,CAAmC,GAAnC;AADY,SAAnB,CADF;AAKD,OAND,MAMO,IAAI,OAAOX,IAAP,KAAgB,QAAhB,IAA4B,OAAOA,IAAP,KAAgB,QAAhD,EAA0D;AAC/DD,QAAAA,GAAG,CAACM,IAAJ,CAASL,IAAT;AACD;AACF;;AACD,WAAOD,GAAP;AACD,GAxBI,EAyBL,EAzBK,CAAP;AA2BD;;AAMM,SAASa,cAAT,CAAwB;AAAEnB,EAAAA,QAAF;AAAY,KAAGc;AAAf,CAAxB,EAAuD;AAC5D,QAAMM,YAAY,GAAGrB,eAAe,CAACC,QAAD,CAApC;;AACA,QAAMqB,iBAAiB,GAAGlB,gBAASmB,KAAT,CAAeF,YAAf,CAA1B;;AACA,sBACE,6BAAC,iBAAD,EAAUN,KAAV,EAEGX,gBAASoB,GAAT,CAAaH,YAAb,EAA2B,CAACI,KAAD,EAAaC,KAAb,KAAuB;AACjD,UAAMC,MAAM,GAAGD,KAAK,KAAKJ,iBAAiB,GAAG,CAA7C;;AACA,QAAI,CAACK,MAAD,IAAWF,KAAK,CAACf,IAAN,KAAekB,gBAA9B,EAAyC;AACvC,0BAAO,yBAAaH,KAAb,EAAoB;AACzBI,QAAAA,QAAQ,EAAE;AADe,OAApB,CAAP;AAGD;;AACD,WAAOJ,KAAP;AACD,GARA,CAFH,CADF;AAcD","sourcesContent":["import React from 'react';\n\n/* Returns React children into an array, flattening fragments.\n\nForked from https://github.com/grrowl/react-keyed-flatten-children/blob/master/index.ts\n*/\nimport {\n  ReactNode,\n  ReactChild,\n  Children,\n  isValidElement,\n  cloneElement,\n} from 'react';\nimport { ViewProps, View } from 'react-native';\nimport { LineChart } from './Chart';\n\nexport default function flattenChildren(\n  children: ReactNode,\n  depth: number = 0,\n  keys: (string | number)[] = []\n): ReactChild[] {\n  return Children.toArray(children).reduce(\n    // eslint-disable-next-line\n    (acc: ReactChild[], node: any, nodeIndex) => {\n      if (node.type === React.Fragment) {\n        acc.push.apply(\n          acc,\n          flattenChildren(\n            node.props.children,\n            depth + 1,\n            keys.concat(node.key || nodeIndex)\n          )\n        );\n      } else {\n        if (isValidElement(node)) {\n          acc.push(\n            cloneElement(node, {\n              key: keys.concat(String(node.key)).join('.'),\n            })\n          );\n        } else if (typeof node === 'string' || typeof node === 'number') {\n          acc.push(node);\n        }\n      }\n      return acc;\n    },\n    []\n  );\n}\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 */}\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,"sources":["Group.tsx"],"names":["LineChartGroup","children","props","flatChildren","flatChildrenCount","Children","count","map","child","index","isLast","type","LineChart","absolute"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;;;;;;;AAMO,SAASA,cAAT,CAAwB;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAxB,EAAuD;AAC5D,QAAMC,YAAY,GAAG,wCAAgBF,QAAhB,CAArB;;AACA,QAAMG,iBAAiB,GAAGC,gBAASC,KAAT,CAAeH,YAAf,CAA1B;;AACA,sBACE,6BAAC,iBAAD,EAAUD,KAAV,EAEGG,gBAASE,GAAT,CAAaJ,YAAb,EAA2B,CAACK,KAAD,EAAaC,KAAb,KAAuB;AACjD,UAAMC,MAAM,GAAGD,KAAK,KAAKL,iBAAiB,GAAG,CAA7C;;AACA,QAAI,CAACM,MAAD,IAAWF,KAAK,CAACG,IAAN,KAAeC,gBAA9B,EAAyC;AACvC,0BAAO,yBAAaJ,KAAb,EAAoB;AACzBK,QAAAA,QAAQ,EAAE;AADe,OAApB,CAAP;AAGD;;AACD,WAAOL,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"]}