react-native-wagmi-charts 1.0.4 → 1.2.1

package/example/src/CandlestickChart.tsx

@@ -1,27 +1,39 @@
 import * as React from 'react';
 import { Box, Button, Flex, Heading, Text, Stack } from 'bumbag-native';
-import { CandlestickChart } from 'react-native-wagmi-charts';
+import { CandlestickChart, TCandle } from 'react-native-wagmi-charts';
+import * as haptics from 'expo-haptics';
 
-import mockData from './candlestick-data.json';
-import mockData2 from './candlestick-data2.json';
+import mockData from './data/candlestick-data.json';
+import mockData2 from './data/candlestick-data2.json';
+
+function invokeHaptic() {
+  haptics.impactAsync(haptics.ImpactFeedbackStyle.Light);
+}
 
 export default function App() {
-  const [data, setData] = React.useState<any>(mockData);
+  const [data, setData] = React.useState<TCandle[]>(mockData);
 
   return (
     <>
       <Heading.H5 paddingX="major-2" marginBottom="major-2">
-        WAGMI Candlestick Chart 🕯
+        Candlestick Chart 🕯
       </Heading.H5>
       <CandlestickChart.Provider data={data}>
         <CandlestickChart>
           <CandlestickChart.Candles />
-          <CandlestickChart.Crosshair>
+          <CandlestickChart.Crosshair onCurrentXChange={invokeHaptic}>
             <CandlestickChart.Tooltip />
           </CandlestickChart.Crosshair>
         </CandlestickChart>
-        <Button onPress={() => setData(mockData)}>Data 1</Button>
-        <Button onPress={() => setData(mockData2)}>Data 2</Button>
+        <Heading.H6>Load Data</Heading.H6>
+        <Box marginTop="major-2">
+          <Flex flexWrap={'wrap'}>
+            <Button onPress={() => setData(mockData)}>candlestick-data</Button>
+            <Button onPress={() => setData(mockData2)}>
+              candlestick-data2
+            </Button>
+          </Flex>
+        </Box>
         <Stack padding="major-2" spacing="major-1">
           <Heading.H6>PriceText</Heading.H6>
           <Box>
@@ -80,7 +92,7 @@ export default function App() {
               <Box flex="1">
                 <Text fontSize="100">Current</Text>
                 <CandlestickChart.PriceText
-                  format={(d: any) => {
+                  format={(d) => {
                     'worklet';
                     return `$${d.formatted} AUD`;
                   }}
@@ -90,7 +102,7 @@ export default function App() {
                 <Text fontSize="100">Open</Text>
                 <CandlestickChart.PriceText
                   type="open"
-                  format={(d: any) => {
+                  format={(d) => {
                     'worklet';
                     return `$${d.formatted} AUD`;
                   }}
@@ -100,7 +112,7 @@ export default function App() {
                 <Text fontSize="100">Close</Text>
                 <CandlestickChart.PriceText
                   type="close"
-                  format={(d: any) => {
+                  format={(d) => {
                     'worklet';
                     return `$${d.formatted} AUD`;
                   }}

package/example/src/LineChart.tsx

@@ -1,42 +1,73 @@
 import * as React from 'react';
 import { Box, Button, Flex, Heading, Stack, Text } from 'bumbag-native';
-import { LineChart } from 'react-native-wagmi-charts';
+import { LineChart, TLineChartPoint } from 'react-native-wagmi-charts';
+import * as haptics from 'expo-haptics';
 
-import mockData from './line-data.json';
-import mockData2 from './line-data2.json';
+import mockData from './data/line-data.json';
+import mockData2 from './data/line-data2.json';
+
+function invokeHaptic() {
+  haptics.impactAsync(haptics.ImpactFeedbackStyle.Light);
+}
 
 export default function App() {
-  const [data, setData] = React.useState<any>(mockData);
+  const [data, setData] = React.useState<TLineChartPoint[]>(mockData);
 
   return (
     <>
       <Heading.H5 paddingX="major-2" marginBottom="major-2">
-        WAGMI Line Chart 📈
+        Line Chart 📈
       </Heading.H5>
       <LineChart.Provider data={data}>
         <LineChart>
           <LineChart.Path />
-          <LineChart.CursorCrosshair>
+          <LineChart.CursorCrosshair
+            onActivated={invokeHaptic}
+            onEnded={invokeHaptic}
+          >
             <LineChart.Tooltip />
             {/* <LineChart.Tooltip position="bottom">
               <LineChart.DatetimeText />
             </LineChart.Tooltip> */}
           </LineChart.CursorCrosshair>
         </LineChart>
+        <Heading.H6>Load Data</Heading.H6>
         <Box marginTop="major-2">
-          <Button onPress={() => setData(mockData)}>Data 1</Button>
-          <Button onPress={() => setData(mockData2)}>Data 2</Button>
-          <Button onPress={() => setData([...mockData, ...mockData2])}>
-            Data 1 + Data 2
-          </Button>
-          <Button onPress={() => setData([...mockData2, ...mockData])}>
-            Data 2 + Data 1
-          </Button>
-          <Button
-            onPress={() => setData([...mockData2, ...mockData, ...mockData2])}
-          >
-            Data 2 + Data 1 + Data 2
-          </Button>
+          <Flex flexWrap={'wrap'}>
+            <Button onPress={() => setData(mockData)}>Data 1</Button>
+            <Button onPress={() => setData(mockData2)}>Data 2</Button>
+            <Button onPress={() => setData([...mockData, ...mockData2])}>
+              Data 1 + Data 2
+            </Button>
+            <Button onPress={() => setData([...mockData2, ...mockData])}>
+              Data 2 + Data 1
+            </Button>
+            <Button
+              onPress={() => setData([...mockData2, ...mockData, ...mockData2])}
+            >
+              Data 2 + Data 1 + Data 2
+            </Button>
+            <Button
+              onPress={() =>
+                setData([
+                  ...mockData2,
+                  ...mockData,
+                  ...mockData2,
+                  ...mockData,
+                  ...mockData,
+                  ...mockData2,
+                  ...mockData2,
+                  ...mockData,
+                  ...mockData2,
+                  ...mockData,
+                  ...mockData,
+                  ...mockData2,
+                ])
+              }
+            >
+              V large data
+            </Button>
+          </Flex>
         </Box>
         <Stack padding="major-2" spacing="major-1">
           <Heading.H6>PriceText</Heading.H6>
@@ -51,7 +82,7 @@ export default function App() {
           <Flex>
             <Text fontWeight="500">Custom format: </Text>
             <LineChart.PriceText
-              format={(d: any) => {
+              format={(d) => {
                 'worklet';
                 return `$${d.formatted} AUD`;
               }}

package/example/yarn.lock

@@ -5770,6 +5770,11 @@ expo-font@~9.2.1:
     expo-modules-core "~0.2.0"
     fontfaceobserver "^2.1.0"
 
+expo-haptics@^10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/expo-haptics/-/expo-haptics-10.1.0.tgz#2ef5f0c3442f57844f7a7a961d922872e4ea9a71"
+  integrity sha512-2rpixkP3LSCwaJAmbbs0CSqbY7lSk7Ytay4UAYWg3YiJ05My7+MGMPbQJARyAMI5JQNuzcdsZN74btSusBvgYQ==
+
 expo-image-loader@~2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/expo-image-loader/-/expo-image-loader-2.2.0.tgz#b5d49ec65e576c033823050b223ef462c5ec5711"
@@ -10799,11 +10804,6 @@ react-native-gesture-handler@~1.10.2:
     invariant "^2.2.4"
     prop-types "^15.7.2"
 
-react-native-haptic-feedback@^1.11.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/react-native-haptic-feedback/-/react-native-haptic-feedback-1.11.0.tgz#adfd841f3b67046532f912c6ec827aea0037d8ad"
-  integrity sha512-KTIy7lExwMtB6pOpCARyUzFj5EzYTh+A1GN/FB5Eb0LrW5C6hbb1kdj9K2/RHyZC+wyAJD1M823ZaDCU6n6cLA==
-
 react-native-reanimated@~2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-2.2.0.tgz#a6412c56b4e591d1f00fac949f62d0c72c357c78"

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

@@ -9,8 +9,6 @@ var React = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
-
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
 
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
@@ -25,24 +23,15 @@ var _useCandlestickChart = require("./useCandlestickChart");
 
 var _CrosshairTooltip = require("./CrosshairTooltip");
 
-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; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function invokeHaptic() {
-  _reactNativeHapticFeedback.default.trigger('impactLight', {
-    enableVibrateFallback: true,
-    ignoreAndroidSystemSettings: false
-  });
-}
-
 function CandlestickChartCrosshair({
   color,
-  enableHapticFeedback = false,
+  onCurrentXChange,
   children,
   horizontalCrosshairProps = {},
   verticalCrosshairProps = {},
@@ -95,13 +84,13 @@ function CandlestickChartCrosshair({
       translateX: currentX.value
     }]
   }));
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => enableHapticFeedback ? currentX.value : 0, data => {
-    if (data !== 0) {
-      (0, _reactNativeReanimated.runOnJS)(invokeHaptic)();
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => currentX.value, (data, prevData) => {
+    if (data !== -1 && data !== prevData && onCurrentXChange) {
+      (0, _reactNativeReanimated.runOnJS)(onCurrentXChange)(data);
     }
   });
-  return /*#__PURE__*/React.createElement(_reactNativeGestureHandler.PanGestureHandler, _extends({
-    minDist: 0,
+  return /*#__PURE__*/React.createElement(_reactNativeGestureHandler.LongPressGestureHandler, _extends({
+    minDurationMs: 0,
     onGestureEvent: onGestureEvent
   }, props), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
     style: _reactNative.StyleSheet.absoluteFill

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

@@ -1 +1 @@
-{"version":3,"sources":["Crosshair.tsx"],"names":["invokeHaptic","ReactNativeHapticFeedback","trigger","enableVibrateFallback","ignoreAndroidSystemSettings","CandlestickChartCrosshair","color","enableHapticFeedback","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","props","width","height","React","useContext","CandlestickChartDimensionsContext","currentX","currentY","step","tooltipPosition","opacity","onGestureEvent","onActive","x","y","boundedX","value","onEnd","horizontal","transform","translateY","vertical","translateX","data","StyleSheet","absoluteFill","position"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { StyleSheet, ViewProps } from 'react-native';\nimport ReactNativeHapticFeedback from 'react-native-haptic-feedback';\nimport {\n  PanGestureHandler,\n  PanGestureHandlerProps,\n} from 'react-native-gesture-handler';\nimport Animated, {\n  useAnimatedGestureHandler,\n  useSharedValue,\n  useAnimatedStyle,\n  useAnimatedReaction,\n  runOnJS,\n} from 'react-native-reanimated';\nimport { clamp } from 'react-native-redash';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { CandlestickChartLine, CandlestickChartLineProps } from './Line';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport { CandlestickChartCrosshairTooltipContext } from './CrosshairTooltip';\n\ntype CandlestickChartCrosshairProps = PanGestureHandlerProps & {\n  color?: string;\n  children?: React.ReactNode;\n  enableHapticFeedback?: boolean;\n  horizontalCrosshairProps?: Animated.AnimateProps<ViewProps>;\n  verticalCrosshairProps?: Animated.AnimateProps<ViewProps>;\n  lineProps?: Partial<CandlestickChartLineProps>;\n};\n\nfunction invokeHaptic() {\n  ReactNativeHapticFeedback.trigger('impactLight', {\n    enableVibrateFallback: true,\n    ignoreAndroidSystemSettings: false,\n  });\n}\n\nexport function CandlestickChartCrosshair({\n  color,\n  enableHapticFeedback = false,\n  children,\n  horizontalCrosshairProps = {},\n  verticalCrosshairProps = {},\n  lineProps = {},\n  ...props\n}: CandlestickChartCrosshairProps) {\n  const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n  const { currentX, currentY, step } = useCandlestickChart();\n\n  const tooltipPosition = useSharedValue<'left' | 'right'>('left');\n\n  const opacity = useSharedValue(0);\n  const onGestureEvent = useAnimatedGestureHandler({\n    onActive: ({ x, y }) => {\n      const boundedX = x <= width - 1 ? x : width - 1;\n      if (boundedX < 100) {\n        tooltipPosition.value = 'right';\n      } else {\n        tooltipPosition.value = 'left';\n      }\n      opacity.value = 1;\n      currentY.value = clamp(y, 0, height);\n      currentX.value = boundedX - (boundedX % step) + step / 2;\n    },\n    onEnd: () => {\n      opacity.value = 0;\n      currentY.value = -1;\n      currentX.value = -1;\n    },\n  });\n  const horizontal = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n    transform: [{ translateY: currentY.value }],\n  }));\n  const vertical = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n    transform: [{ translateX: currentX.value }],\n  }));\n\n  useAnimatedReaction(\n    () => (enableHapticFeedback ? currentX.value : 0),\n    (data) => {\n      if (data !== 0) {\n        runOnJS(invokeHaptic)();\n      }\n    }\n  );\n\n  return (\n    <PanGestureHandler minDist={0} onGestureEvent={onGestureEvent} {...props}>\n      <Animated.View style={StyleSheet.absoluteFill}>\n        <Animated.View\n          style={[StyleSheet.absoluteFill, horizontal]}\n          {...horizontalCrosshairProps}\n        >\n          <CandlestickChartLine color={color} x={width} y={0} {...lineProps} />\n          <CandlestickChartCrosshairTooltipContext.Provider\n            value={{ position: tooltipPosition }}\n          >\n            {children}\n          </CandlestickChartCrosshairTooltipContext.Provider>\n        </Animated.View>\n        <Animated.View\n          style={[StyleSheet.absoluteFill, vertical]}\n          {...verticalCrosshairProps}\n        >\n          <CandlestickChartLine color={color} x={0} y={height} {...lineProps} />\n        </Animated.View>\n      </Animated.View>\n    </PanGestureHandler>\n  );\n}\n"]}
+{"version":3,"sources":["Crosshair.tsx"],"names":["CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","props","width","height","React","useContext","CandlestickChartDimensionsContext","currentX","currentY","step","tooltipPosition","opacity","onGestureEvent","onActive","x","y","boundedX","value","onEnd","horizontal","transform","translateY","vertical","translateX","data","prevData","StyleSheet","absoluteFill","position"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { StyleSheet, ViewProps } from 'react-native';\nimport {\n  GestureEvent,\n  LongPressGestureHandler,\n  LongPressGestureHandlerEventPayload,\n  LongPressGestureHandlerProps,\n} from 'react-native-gesture-handler';\nimport Animated, {\n  useAnimatedGestureHandler,\n  useSharedValue,\n  useAnimatedStyle,\n  useAnimatedReaction,\n  runOnJS,\n} from 'react-native-reanimated';\nimport { clamp } from 'react-native-redash';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { CandlestickChartLine, CandlestickChartLineProps } from './Line';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport { CandlestickChartCrosshairTooltipContext } from './CrosshairTooltip';\n\ntype CandlestickChartCrosshairProps = LongPressGestureHandlerProps & {\n  color?: string;\n  children?: React.ReactNode;\n  onCurrentXChange?: (value: number) => unknown;\n  horizontalCrosshairProps?: Animated.AnimateProps<ViewProps>;\n  verticalCrosshairProps?: Animated.AnimateProps<ViewProps>;\n  lineProps?: Partial<CandlestickChartLineProps>;\n};\n\nexport function CandlestickChartCrosshair({\n  color,\n  onCurrentXChange,\n  children,\n  horizontalCrosshairProps = {},\n  verticalCrosshairProps = {},\n  lineProps = {},\n  ...props\n}: CandlestickChartCrosshairProps) {\n  const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n  const { currentX, currentY, step } = useCandlestickChart();\n\n  const tooltipPosition = useSharedValue<'left' | 'right'>('left');\n\n  const opacity = useSharedValue(0);\n  const onGestureEvent = useAnimatedGestureHandler<\n    GestureEvent<LongPressGestureHandlerEventPayload>\n  >({\n    onActive: ({ x, y }) => {\n      const boundedX = x <= width - 1 ? x : width - 1;\n      if (boundedX < 100) {\n        tooltipPosition.value = 'right';\n      } else {\n        tooltipPosition.value = 'left';\n      }\n      opacity.value = 1;\n      currentY.value = clamp(y, 0, height);\n      currentX.value = boundedX - (boundedX % step) + step / 2;\n    },\n    onEnd: () => {\n      opacity.value = 0;\n      currentY.value = -1;\n      currentX.value = -1;\n    },\n  });\n  const horizontal = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n    transform: [{ translateY: currentY.value }],\n  }));\n  const vertical = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n    transform: [{ translateX: currentX.value }],\n  }));\n\n  useAnimatedReaction(\n    () => currentX.value,\n    (data, prevData) => {\n      if (data !== -1 && data !== prevData && onCurrentXChange) {\n        runOnJS(onCurrentXChange)(data);\n      }\n    }\n  );\n\n  return (\n    <LongPressGestureHandler\n      minDurationMs={0}\n      onGestureEvent={onGestureEvent}\n      {...props}\n    >\n      <Animated.View style={StyleSheet.absoluteFill}>\n        <Animated.View\n          style={[StyleSheet.absoluteFill, horizontal]}\n          {...horizontalCrosshairProps}\n        >\n          <CandlestickChartLine color={color} x={width} y={0} {...lineProps} />\n          <CandlestickChartCrosshairTooltipContext.Provider\n            value={{ position: tooltipPosition }}\n          >\n            {children}\n          </CandlestickChartCrosshairTooltipContext.Provider>\n        </Animated.View>\n        <Animated.View\n          style={[StyleSheet.absoluteFill, vertical]}\n          {...verticalCrosshairProps}\n        >\n          <CandlestickChartLine color={color} x={0} y={height} {...lineProps} />\n        </Animated.View>\n      </Animated.View>\n    </LongPressGestureHandler>\n  );\n}\n"]}

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

@@ -8,6 +8,8 @@ exports.CandlestickChartCrosshairTooltipContext = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _reactNative = require("react-native");
+
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 
 var _Chart = require("./Chart");
@@ -33,8 +35,8 @@ function CandlestickChartCrosshairTooltip({
   children,
   xGutter = 8,
   yGutter = 8,
-  tooltipTextProps = {},
-  textStyle = {},
+  tooltipTextProps,
+  textStyle,
   ...props
 }) {
   const {
@@ -85,15 +87,17 @@ function CandlestickChartCrosshairTooltip({
   }, props, {
     style: [tooltip, leftTooltip, props.style]
   }), children || /*#__PURE__*/React.createElement(_PriceText.CandlestickChartPriceText, _extends({}, tooltipTextProps, {
-    style: [{
-      fontSize: 14
-    }, tooltipTextProps.style, textStyle]
+    style: [styles.text, tooltipTextProps === null || tooltipTextProps === void 0 ? void 0 : tooltipTextProps.style, textStyle]
   }))), /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, _extends({}, props, {
     style: [tooltip, rightTooltip, props.style]
   }), children || /*#__PURE__*/React.createElement(_PriceText.CandlestickChartPriceText, _extends({}, tooltipTextProps, {
-    style: [{
-      fontSize: 14
-    }, tooltipTextProps.style, textStyle]
+    style: [styles.text, tooltipTextProps === null || tooltipTextProps === void 0 ? void 0 : tooltipTextProps.style, textStyle]
   }))));
 }
+
+const styles = _reactNative.StyleSheet.create({
+  text: {
+    fontSize: 14
+  }
+});
 //# sourceMappingURL=CrosshairTooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["CrosshairTooltip.tsx"],"names":["CandlestickChartCrosshairTooltipContext","React","createContext","position","value","CandlestickChartCrosshairTooltip","children","xGutter","yGutter","tooltipTextProps","textStyle","props","width","height","useContext","CandlestickChartDimensionsContext","currentY","elementHeight","elementWidth","handleLayout","useCallback","event","nativeEvent","layout","topOffset","offset","tooltip","backgroundColor","display","padding","leftTooltip","left","top","opacity","rightTooltip","style","fontSize"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { StyleProp, TextStyle, ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport {\n  CandlestickChartPriceText,\n  CandlestickChartPriceTextProps,\n} from './PriceText';\n\nexport type CandlestickChartCrosshairTooltipProps = ViewProps & {\n  children?: React.ReactNode;\n  xGutter?: number;\n  yGutter?: number;\n  tooltipTextProps?: CandlestickChartPriceTextProps;\n  textStyle?: Animated.AnimateStyle<StyleProp<TextStyle>>;\n};\n\nexport type CandlestickChartCrosshairTooltipContext = {\n  position: Animated.SharedValue<'left' | 'right'>;\n};\n\nexport const CandlestickChartCrosshairTooltipContext =\n  React.createContext<CandlestickChartCrosshairTooltipContext>({\n    position: { value: 'left' },\n  });\n\nexport function CandlestickChartCrosshairTooltip({\n  children,\n  xGutter = 8,\n  yGutter = 8,\n  tooltipTextProps = {},\n  textStyle = {},\n  ...props\n}: CandlestickChartCrosshairTooltipProps) {\n  const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n  const { currentY } = useCandlestickChart();\n  const { position } = React.useContext(\n    CandlestickChartCrosshairTooltipContext\n  );\n\n  const elementHeight = useSharedValue(0);\n  const elementWidth = useSharedValue(0);\n\n  const handleLayout = React.useCallback(\n    (event) => {\n      elementHeight.value = event.nativeEvent.layout.height;\n      elementWidth.value = event.nativeEvent.layout.width;\n    },\n    [elementHeight, elementWidth]\n  );\n\n  const topOffset = useDerivedValue(() => {\n    let offset = 0;\n    if (currentY.value < elementHeight.value / 2 + yGutter) {\n      offset = currentY.value - (elementHeight.value / 2 + yGutter);\n    } else if (currentY.value + elementHeight.value / 2 > height - yGutter) {\n      offset = currentY.value + elementHeight.value / 2 - height + yGutter;\n    }\n\n    return offset;\n  });\n\n  const tooltip = useAnimatedStyle(() => ({\n    backgroundColor: 'white',\n    position: 'absolute',\n    display: 'flex',\n    padding: 4,\n  }));\n  const leftTooltip = useAnimatedStyle(() => ({\n    left: xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'left' ? 1 : 0,\n  }));\n  const rightTooltip = useAnimatedStyle(() => ({\n    left: width - elementWidth.value - xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'right' ? 1 : 0,\n  }));\n\n  return (\n    <>\n      <Animated.View\n        onLayout={handleLayout}\n        {...props}\n        style={[tooltip, leftTooltip, props.style]}\n      >\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[{ fontSize: 14 }, tooltipTextProps.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n      <Animated.View {...props} style={[tooltip, rightTooltip, props.style]}>\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[{ fontSize: 14 }, tooltipTextProps.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["CrosshairTooltip.tsx"],"names":["CandlestickChartCrosshairTooltipContext","React","createContext","position","value","CandlestickChartCrosshairTooltip","children","xGutter","yGutter","tooltipTextProps","textStyle","props","width","height","useContext","CandlestickChartDimensionsContext","currentY","elementHeight","elementWidth","handleLayout","useCallback","event","nativeEvent","layout","topOffset","offset","tooltip","backgroundColor","display","padding","leftTooltip","left","top","opacity","rightTooltip","style","styles","text","StyleSheet","create","fontSize"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { StyleProp, TextStyle, ViewProps } from 'react-native';\nimport { StyleSheet } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { CandlestickChartDimensionsContext } from './Chart';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport {\n  CandlestickChartPriceText,\n  CandlestickChartPriceTextProps,\n} from './PriceText';\n\nexport type CandlestickChartCrosshairTooltipProps = ViewProps & {\n  children?: React.ReactNode;\n  xGutter?: number;\n  yGutter?: number;\n  tooltipTextProps?: CandlestickChartPriceTextProps;\n  textStyle?: Animated.AnimateStyle<StyleProp<TextStyle>>;\n};\n\nexport type CandlestickChartCrosshairTooltipContext = {\n  position: Animated.SharedValue<'left' | 'right'>;\n};\n\nexport const CandlestickChartCrosshairTooltipContext =\n  React.createContext<CandlestickChartCrosshairTooltipContext>({\n    position: { value: 'left' },\n  });\n\nexport function CandlestickChartCrosshairTooltip({\n  children,\n  xGutter = 8,\n  yGutter = 8,\n  tooltipTextProps,\n  textStyle,\n  ...props\n}: CandlestickChartCrosshairTooltipProps) {\n  const { width, height } = React.useContext(CandlestickChartDimensionsContext);\n  const { currentY } = useCandlestickChart();\n  const { position } = React.useContext(\n    CandlestickChartCrosshairTooltipContext\n  );\n\n  const elementHeight = useSharedValue(0);\n  const elementWidth = useSharedValue(0);\n\n  const handleLayout = React.useCallback(\n    (event) => {\n      elementHeight.value = event.nativeEvent.layout.height;\n      elementWidth.value = event.nativeEvent.layout.width;\n    },\n    [elementHeight, elementWidth]\n  );\n\n  const topOffset = useDerivedValue(() => {\n    let offset = 0;\n    if (currentY.value < elementHeight.value / 2 + yGutter) {\n      offset = currentY.value - (elementHeight.value / 2 + yGutter);\n    } else if (currentY.value + elementHeight.value / 2 > height - yGutter) {\n      offset = currentY.value + elementHeight.value / 2 - height + yGutter;\n    }\n\n    return offset;\n  });\n\n  const tooltip = useAnimatedStyle(() => ({\n    backgroundColor: 'white',\n    position: 'absolute',\n    display: 'flex',\n    padding: 4,\n  }));\n  const leftTooltip = useAnimatedStyle(() => ({\n    left: xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'left' ? 1 : 0,\n  }));\n  const rightTooltip = useAnimatedStyle(() => ({\n    left: width - elementWidth.value - xGutter,\n    top: -(elementHeight.value / 2) - topOffset.value,\n    opacity: position.value === 'right' ? 1 : 0,\n  }));\n\n  return (\n    <>\n      <Animated.View\n        onLayout={handleLayout}\n        {...props}\n        style={[tooltip, leftTooltip, props.style]}\n      >\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[styles.text, tooltipTextProps?.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n      <Animated.View {...props} style={[tooltip, rightTooltip, props.style]}>\n        {children || (\n          <CandlestickChartPriceText\n            {...tooltipTextProps}\n            style={[styles.text, tooltipTextProps?.style, textStyle]}\n          />\n        )}\n      </Animated.View>\n    </>\n  );\n}\n\nconst styles = StyleSheet.create({\n  text: {\n    fontSize: 14,\n  },\n});\n"]}

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

@@ -7,30 +7,29 @@ exports.CandlestickChartDatetimeText = CandlestickChartDatetimeText;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _reactNativeRedash = require("react-native-redash");
-
 var _useDatetime = require("./useDatetime");
 
+var _AnimatedText = require("../../components/AnimatedText");
+
 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; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function CandlestickChartDatetimeText({
   locale,
   options,
   format,
   variant = 'formatted',
-  ...props
+  style
 }) {
   const datetime = (0, _useDatetime.useCandlestickChartDatetime)({
     format,
     locale,
     options
   });
-  return /*#__PURE__*/React.createElement(_reactNativeRedash.ReText, _extends({
-    text: datetime[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(_AnimatedText.AnimatedText, {
+    text: datetime[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=DatetimeText.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["DatetimeText.tsx"],"names":["CandlestickChartDatetimeText","locale","options","format","variant","props","datetime"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAUO,SAASA,4BAAT,CAAsC;AAC3CC,EAAAA,MAD2C;AAE3CC,EAAAA,OAF2C;AAG3CC,EAAAA,MAH2C;AAI3CC,EAAAA,OAAO,GAAG,WAJiC;AAK3C,KAAGC;AALwC,CAAtC,EAM4B;AACjC,QAAMC,QAAQ,GAAG,8CAA4B;AAAEH,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAA5B,CAAjB;AACA,sBAAO,oBAAC,yBAAD;AAAQ,IAAA,IAAI,EAAEI,QAAQ,CAACF,OAAD;AAAtB,KAAqCC,KAArC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\n\nimport { useCandlestickChartDatetime } from './useDatetime';\n\ntype CandlestickChartPriceTextProps = {\n  locale?: string;\n  options?: { [key: string]: string };\n  format?: any;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  ...props\n}: CandlestickChartPriceTextProps) {\n  const datetime = useCandlestickChartDatetime({ format, locale, options });\n  return <ReText text={datetime[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["DatetimeText.tsx"],"names":["CandlestickChartDatetimeText","locale","options","format","variant","style","datetime"],"mappings":";;;;;;;AAAA;;AAIA;;AAEA;;;;;;AAUO,SAASA,4BAAT,CAAsC;AAC3CC,EAAAA,MAD2C;AAE3CC,EAAAA,OAF2C;AAG3CC,EAAAA,MAH2C;AAI3CC,EAAAA,OAAO,GAAG,WAJiC;AAK3CC,EAAAA;AAL2C,CAAtC,EAM4B;AACjC,QAAMC,QAAQ,GAAG,8CAA4B;AAAEH,IAAAA,MAAF;AAAUF,IAAAA,MAAV;AAAkBC,IAAAA;AAAlB,GAA5B,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 { useCandlestickChartDatetime } from './useDatetime';\nimport type { TFormatterFn } from 'react-native-wagmi-charts';\nimport { AnimatedText } from '../../components/AnimatedText';\n\ntype CandlestickChartPriceTextProps = {\n  locale?: string;\n  options?: { [key: string]: string };\n  format?: TFormatterFn<number>;\n  variant?: 'formatted' | 'value';\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartDatetimeText({\n  locale,\n  options,\n  format,\n  variant = 'formatted',\n  style,\n}: CandlestickChartPriceTextProps) {\n  const datetime = useCandlestickChartDatetime({ format, locale, options });\n  return <AnimatedText text={datetime[variant]} style={style} />;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Line.tsx"],"names":["CandlestickChartLine","color","x","y","props","StyleSheet","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAQO,MAAMA,oBAAoB,GAAG,CAAC;AACnCC,EAAAA,KAAK,GAAG,MAD2B;AAEnCC,EAAAA,CAFmC;AAGnCC,EAAAA,CAHmC;AAInC,KAAGC;AAJgC,CAAD,KAKH;AAC/B,sBACE,6BAAC,uBAAD;AAAK,IAAA,KAAK,EAAEC,wBAAWC;AAAvB,kBACE,6BAAC,oBAAD;AACE,IAAA,EAAE,EAAE,CADN;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,EAAE,EAAEJ,CAHN;AAIE,IAAA,EAAE,EAAEC,CAJN;AAKE,IAAA,WAAW,EAAE,CALf;AAME,IAAA,MAAM,EAAEF,KANV;AAOE,IAAA,eAAe,EAAC;AAPlB,KAQMG,KARN,EADF,CADF;AAcD,CApBM","sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport Svg, { Line as SVGLine, LineProps } from 'react-native-svg';\n\nexport type CandlestickChartLineProps = LineProps & {\n  color?: string;\n  x: number;\n  y: number;\n};\n\nexport const CandlestickChartLine = ({\n  color = 'gray',\n  x,\n  y,\n  ...props\n}: CandlestickChartLineProps) => {\n  return (\n    <Svg style={StyleSheet.absoluteFill}>\n      <SVGLine\n        x1={0}\n        y1={0}\n        x2={x}\n        y2={y}\n        strokeWidth={2}\n        stroke={color}\n        strokeDasharray=\"6 6\"\n        {...props}\n      />\n    </Svg>\n  );\n};\n"]}
+{"version":3,"sources":["Line.tsx"],"names":["CandlestickChartLine","color","x","y","props","StyleSheet","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAQO,MAAMA,oBAAoB,GAAG,CAAC;AACnCC,EAAAA,KAAK,GAAG,MAD2B;AAEnCC,EAAAA,CAFmC;AAGnCC,EAAAA,CAHmC;AAInC,KAAGC;AAJgC,CAAD,KAKH;AAC/B,sBACE,6BAAC,uBAAD;AAAK,IAAA,KAAK,EAAEC,wBAAWC;AAAvB,kBACE,6BAAC,oBAAD;AACE,IAAA,EAAE,EAAE,CADN;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,EAAE,EAAEJ,CAHN;AAIE,IAAA,EAAE,EAAEC,CAJN;AAKE,IAAA,WAAW,EAAE,CALf;AAME,IAAA,MAAM,EAAEF,KANV;AAOE,IAAA,eAAe,EAAC;AAPlB,KAQMG,KARN,EADF,CADF;AAcD,CApBM","sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport Svg, { Line as SVGLine, LineProps } from 'react-native-svg';\n\nexport type CandlestickChartLineProps = Omit<LineProps, 'x' | 'y'> & {\n  color?: string;\n  x: number;\n  y: number;\n};\n\nexport const CandlestickChartLine = ({\n  color = 'gray',\n  x,\n  y,\n  ...props\n}: CandlestickChartLineProps) => {\n  return (\n    <Svg style={StyleSheet.absoluteFill}>\n      <SVGLine\n        x1={0}\n        y1={0}\n        x2={x}\n        y2={y}\n        strokeWidth={2}\n        stroke={color}\n        strokeDasharray=\"6 6\"\n        {...props}\n      />\n    </Svg>\n  );\n};\n"]}

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

@@ -7,30 +7,29 @@ exports.CandlestickChartPriceText = CandlestickChartPriceText;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _reactNativeRedash = require("react-native-redash");
-
 var _usePrice = require("./usePrice");
 
+var _AnimatedText = require("../../components/AnimatedText");
+
 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; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function CandlestickChartPriceText({
   format,
   precision = 2,
   variant = 'formatted',
   type = 'crosshair',
-  ...props
+  style
 }) {
   const price = (0, _usePrice.useCandlestickChartPrice)({
     format,
     precision,
     type
   });
-  return /*#__PURE__*/React.createElement(_reactNativeRedash.ReText, _extends({
-    text: price[variant]
-  }, props));
+  return /*#__PURE__*/React.createElement(_AnimatedText.AnimatedText, {
+    text: price[variant],
+    style: style
+  });
 }
 //# sourceMappingURL=PriceText.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["PriceText.tsx"],"names":["CandlestickChartPriceText","format","precision","variant","type","props","price"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;;;AAUO,SAASA,yBAAT,CAAmC;AACxCC,EAAAA,MADwC;AAExCC,EAAAA,SAAS,GAAG,CAF4B;AAGxCC,EAAAA,OAAO,GAAG,WAH8B;AAIxCC,EAAAA,IAAI,GAAG,WAJiC;AAKxC,KAAGC;AALqC,CAAnC,EAM4B;AACjC,QAAMC,KAAK,GAAG,wCAAyB;AAAEL,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBE,IAAAA;AAArB,GAAzB,CAAd;AACA,sBAAO,oBAAC,yBAAD;AAAQ,IAAA,IAAI,EAAEE,KAAK,CAACH,OAAD;AAAnB,KAAkCE,KAAlC,EAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { ReText } from 'react-native-redash';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\nimport type { TPriceType } from './types';\n\nimport { useCandlestickChartPrice } from './usePrice';\n\nexport type CandlestickChartPriceTextProps = {\n  format?: any;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  type?: TPriceType;\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  type = 'crosshair',\n  ...props\n}: CandlestickChartPriceTextProps) {\n  const price = useCandlestickChartPrice({ format, precision, type });\n  return <ReText text={price[variant]} {...props} />;\n}\n"]}
+{"version":3,"sources":["PriceText.tsx"],"names":["CandlestickChartPriceText","format","precision","variant","type","style","price"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;;;;;AAUO,SAASA,yBAAT,CAAmC;AACxCC,EAAAA,MADwC;AAExCC,EAAAA,SAAS,GAAG,CAF4B;AAGxCC,EAAAA,OAAO,GAAG,WAH8B;AAIxCC,EAAAA,IAAI,GAAG,WAJiC;AAKxCC,EAAAA;AALwC,CAAnC,EAM4B;AACjC,QAAMC,KAAK,GAAG,wCAAyB;AAAEL,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBE,IAAAA;AAArB,GAAzB,CAAd;AACA,sBAAO,oBAAC,0BAAD;AAAc,IAAA,IAAI,EAAEE,KAAK,CAACH,OAAD,CAAzB;AAAoC,IAAA,KAAK,EAAEE;AAA3C,IAAP;AACD","sourcesContent":["import * as React from 'react';\nimport type { TextProps as RNTextProps } from 'react-native';\nimport type Animated from 'react-native-reanimated';\nimport type { TFormatterFn, TPriceType } from './types';\n\nimport { useCandlestickChartPrice } from './usePrice';\nimport { AnimatedText } from '../../components/AnimatedText';\n\nexport type CandlestickChartPriceTextProps = {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  variant?: 'formatted' | 'value';\n  type?: TPriceType;\n  style?: Animated.AnimateProps<RNTextProps>['style'];\n};\n\nexport function CandlestickChartPriceText({\n  format,\n  precision = 2,\n  variant = 'formatted',\n  type = 'crosshair',\n  style,\n}: CandlestickChartPriceTextProps) {\n  const price = useCandlestickChartPrice({ format, precision, type });\n  return <AnimatedText text={price[variant]} style={style} />;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["useCandleData.ts"],"names":["useCandleData","currentX","data","step","candle","value","timestamp","low","open","high","close","Math","floor"],"mappings":";;;;;;;AAAA;;AAEA;;AAEO,SAASA,aAAT,GAAyB;AAC9B,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,IAAZ;AAAkBC,IAAAA;AAAlB,MAA2B,+CAAjC;AAEA,QAAMC,MAAM,GAAG,4CAAgB,MAAM;AACnC,QAAIH,QAAQ,CAACI,KAAT,KAAmB,CAAC,CAAxB,EAA2B;AACzB,aAAO;AAAEC,QAAAA,SAAS,EAAE,CAAC,CAAd;AAAiBC,QAAAA,GAAG,EAAE,CAAC,CAAvB;AAA0BC,QAAAA,IAAI,EAAE,CAAC,CAAjC;AAAoCC,QAAAA,IAAI,EAAE,CAAC,CAA3C;AAA8CC,QAAAA,KAAK,EAAE,CAAC;AAAtD,OAAP;AACD;;AACD,WAAOR,IAAI,CAACS,IAAI,CAACC,KAAL,CAAWX,QAAQ,CAACI,KAAT,GAAiBF,IAA5B,CAAD,CAAX;AACD,GALc,CAAf;AAOA,SAAOC,MAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { useCandlestickChart } from './useCandlestickChart';\n\nexport function useCandleData() {\n  const { currentX, data, step } = useCandlestickChart();\n\n  const candle = useDerivedValue(() => {\n    if (currentX.value === -1) {\n      return { timestamp: -1, low: -1, open: -1, high: -1, close: -1 };\n    }\n    return data[Math.floor(currentX.value / step)];\n  });\n\n  return candle;\n}\n"]}
+{"version":3,"sources":["useCandleData.ts"],"names":["useCandleData","currentX","data","step","candle","value","timestamp","low","open","high","close","Math","floor"],"mappings":";;;;;;;AAAA;;AAGA;;AAEO,SAASA,aAAT,GAAkE;AACvE,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,IAAZ;AAAkBC,IAAAA;AAAlB,MAA2B,+CAAjC;AAEA,QAAMC,MAAM,GAAG,4CAAgB,MAAM;AACnC,QAAIH,QAAQ,CAACI,KAAT,KAAmB,CAAC,CAAxB,EAA2B;AACzB,aAAO;AAAEC,QAAAA,SAAS,EAAE,CAAC,CAAd;AAAiBC,QAAAA,GAAG,EAAE,CAAC,CAAvB;AAA0BC,QAAAA,IAAI,EAAE,CAAC,CAAjC;AAAoCC,QAAAA,IAAI,EAAE,CAAC,CAA3C;AAA8CC,QAAAA,KAAK,EAAE,CAAC;AAAtD,OAAP;AACD;;AACD,WAAOR,IAAI,CAACS,IAAI,CAACC,KAAL,CAAWX,QAAQ,CAACI,KAAT,GAAiBF,IAA5B,CAAD,CAAX;AACD,GALc,CAAf;AAOA,SAAOC,MAAP;AACD","sourcesContent":["import Animated, { useDerivedValue } from 'react-native-reanimated';\nimport type { TCandle } from './types';\n\nimport { useCandlestickChart } from './useCandlestickChart';\n\nexport function useCandleData(): Readonly<Animated.SharedValue<TCandle>> {\n  const { currentX, data, step } = useCandlestickChart();\n\n  const candle = useDerivedValue(() => {\n    if (currentX.value === -1) {\n      return { timestamp: -1, low: -1, open: -1, high: -1, close: -1 };\n    }\n    return data[Math.floor(currentX.value / step)];\n  });\n\n  return candle;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["useCandlestickChart.ts"],"names":["useCandlestickChart","React","useContext","CandlestickChartContext"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEO,SAASA,mBAAT,GAA+B;AACpC,SAAOC,KAAK,CAACC,UAAN,CAAiBC,gCAAjB,CAAP;AACD","sourcesContent":["import * as React from 'react';\n\nimport { CandlestickChartContext } from './Context';\n\nexport function useCandlestickChart() {\n  return React.useContext(CandlestickChartContext);\n}\n"]}
+{"version":3,"sources":["useCandlestickChart.ts"],"names":["useCandlestickChart","React","useContext","CandlestickChartContext"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAGO,SAASA,mBAAT,GAAyC;AAC9C,SAAOC,KAAK,CAACC,UAAN,CAAiBC,gCAAjB,CAAP;AACD","sourcesContent":["import * as React from 'react';\n\nimport { CandlestickChartContext } from './Context';\nimport type { TContext } from './types';\n\nexport function useCandlestickChart(): TContext {\n  return React.useContext(CandlestickChartContext);\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["useDatetime.ts"],"names":["useCandlestickChartDatetime","format","locale","options","candle","timestamp","value","timestampString","toString","formatted","formattedDatetime"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEO,SAASA,2BAAT,CAAqC;AAC1CC,EAAAA,MAD0C;AAE1CC,EAAAA,MAF0C;AAG1CC,EAAAA;AAH0C,IAQxC,EARG,EAQC;AACN,QAAMC,MAAM,GAAG,mCAAf;AAEA,QAAMC,SAAS,GAAG,4CAAgB,MAAM;AACtC,WAAOD,MAAM,CAACE,KAAP,CAAaD,SAApB;AACD,GAFiB,CAAlB;AAIA,QAAME,eAAe,GAAG,4CAAgB,MAAM;AAC5C,QAAIF,SAAS,CAACC,KAAV,KAAoB,CAAC,CAAzB,EAA4B,OAAO,EAAP;AAC5B,WAAOD,SAAS,CAACC,KAAV,CAAgBE,QAAhB,EAAP;AACD,GAHuB,CAAxB;AAKA,QAAMC,SAAS,GAAG,4CAAgB,MAAM;AACtC,QAAIJ,SAAS,CAACC,KAAV,KAAoB,CAAC,CAAzB,EAA4B,OAAO,EAAP;AAC5B,UAAMI,iBAAiB,GAAG,2BAAe;AACvCJ,MAAAA,KAAK,EAAED,SAAS,CAACC,KADsB;AAEvCJ,MAAAA,MAFuC;AAGvCC,MAAAA;AAHuC,KAAf,CAA1B;AAKA,WAAOF,MAAM,GACTA,MAAM,CAAC;AAAEK,MAAAA,KAAK,EAAED,SAAS,CAACC,KAAnB;AAA0BG,MAAAA,SAAS,EAAEC;AAArC,KAAD,CADG,GAETA,iBAFJ;AAGD,GAViB,CAAlB;AAYA,SAAO;AAAEJ,IAAAA,KAAK,EAAEC,eAAT;AAA0BE,IAAAA;AAA1B,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatDatetime } from '../../utils';\nimport { useCandleData } from './useCandleData';\n\nexport function useCandlestickChartDatetime({\n  format,\n  locale,\n  options,\n}: {\n  format?: any;\n  locale?: string;\n  options?: { [key: string]: string };\n} = {}) {\n  const candle = useCandleData();\n\n  const timestamp = useDerivedValue(() => {\n    return candle.value.timestamp;\n  });\n\n  const timestampString = useDerivedValue(() => {\n    if (timestamp.value === -1) return '';\n    return timestamp.value.toString();\n  });\n\n  const formatted = useDerivedValue(() => {\n    if (timestamp.value === -1) return '';\n    const formattedDatetime = formatDatetime({\n      value: timestamp.value,\n      locale,\n      options,\n    });\n    return format\n      ? format({ value: timestamp.value, formatted: formattedDatetime })\n      : formattedDatetime;\n  });\n\n  return { value: timestampString, formatted };\n}\n"]}
+{"version":3,"sources":["useDatetime.ts"],"names":["useCandlestickChartDatetime","format","locale","options","candle","timestamp","value","timestampString","toString","formatted","formattedDatetime"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEO,SAASA,2BAAT,CAAqC;AAC1CC,EAAAA,MAD0C;AAE1CC,EAAAA,MAF0C;AAG1CC,EAAAA;AAH0C,IAQxC,EARG,EAWL;AACA,QAAMC,MAAM,GAAG,mCAAf;AAEA,QAAMC,SAAS,GAAG,4CAAgB,MAAM;AACtC,WAAOD,MAAM,CAACE,KAAP,CAAaD,SAApB;AACD,GAFiB,CAAlB;AAIA,QAAME,eAAe,GAAG,4CAAgB,MAAM;AAC5C,QAAIF,SAAS,CAACC,KAAV,KAAoB,CAAC,CAAzB,EAA4B,OAAO,EAAP;AAC5B,WAAOD,SAAS,CAACC,KAAV,CAAgBE,QAAhB,EAAP;AACD,GAHuB,CAAxB;AAKA,QAAMC,SAAS,GAAG,4CAAgB,MAAM;AACtC,QAAIJ,SAAS,CAACC,KAAV,KAAoB,CAAC,CAAzB,EAA4B,OAAO,EAAP;AAC5B,UAAMI,iBAAiB,GAAG,2BAAe;AACvCJ,MAAAA,KAAK,EAAED,SAAS,CAACC,KADsB;AAEvCJ,MAAAA,MAFuC;AAGvCC,MAAAA;AAHuC,KAAf,CAA1B;AAKA,WAAOF,MAAM,GACTA,MAAM,CAAC;AAAEK,MAAAA,KAAK,EAAED,SAAS,CAACC,KAAnB;AAA0BG,MAAAA,SAAS,EAAEC;AAArC,KAAD,CADG,GAETA,iBAFJ;AAGD,GAViB,CAAlB;AAYA,SAAO;AAAEJ,IAAAA,KAAK,EAAEC,eAAT;AAA0BE,IAAAA;AAA1B,GAAP;AACD","sourcesContent":["import Animated, { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatDatetime } from '../../utils';\nimport type { TFormatterFn } from './types';\nimport { useCandleData } from './useCandleData';\n\nexport function useCandlestickChartDatetime({\n  format,\n  locale,\n  options,\n}: {\n  format?: TFormatterFn<number>;\n  locale?: string;\n  options?: { [key: string]: string };\n} = {}): {\n  value: Readonly<Animated.SharedValue<string>>;\n  formatted: Readonly<Animated.SharedValue<string>>;\n} {\n  const candle = useCandleData();\n\n  const timestamp = useDerivedValue(() => {\n    return candle.value.timestamp;\n  });\n\n  const timestampString = useDerivedValue(() => {\n    if (timestamp.value === -1) return '';\n    return timestamp.value.toString();\n  });\n\n  const formatted = useDerivedValue(() => {\n    if (timestamp.value === -1) return '';\n    const formattedDatetime = formatDatetime({\n      value: timestamp.value,\n      locale,\n      options,\n    });\n    return format\n      ? format({ value: timestamp.value, formatted: formattedDatetime })\n      : formattedDatetime;\n  });\n\n  return { value: timestampString, formatted };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["usePrice.ts"],"names":["useCandlestickChartPrice","format","precision","type","currentY","domain","height","candle","float","price","y","value","Math","min","max","maxHeight","toFixed","toString","formatted","formattedPrice"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEA;;AAEO,SAASA,wBAAT,CAAkC;AACvCC,EAAAA,MADuC;AAEvCC,EAAAA,SAAS,GAAG,CAF2B;AAGvCC,EAAAA,IAAI,GAAG;AAHgC,IAIoB,EAJtD,EAI0D;AAC/D,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAZ;AAAoBC,IAAAA;AAApB,MAA+B,+CAArC;AACA,QAAMC,MAAM,GAAG,mCAAf;AAEA,QAAMC,KAAK,GAAG,4CAAgB,MAAM;AAClC,QAAIC,KAAK,GAAG,CAAZ;;AACA,QAAIN,IAAI,KAAK,WAAb,EAA0B;AACxBM,MAAAA,KAAK,GAAG,sBAAS;AACfC,QAAAA,CAAC,EAAEN,QAAQ,CAACO,KADG;AAEfN,QAAAA,MAAM,EAAE,CAACO,IAAI,CAACC,GAAL,CAAS,GAAGR,MAAZ,CAAD,EAAsBO,IAAI,CAACE,GAAL,CAAS,GAAGT,MAAZ,CAAtB,CAFO;AAGfU,QAAAA,SAAS,EAAET;AAHI,OAAT,CAAR;AAKD,KAND,MAMO;AACLG,MAAAA,KAAK,GAAGF,MAAM,CAACI,KAAP,CAAaR,IAAb,CAAR;AACD;;AACD,QAAIM,KAAK,KAAK,CAAC,CAAf,EAAkB,OAAO,EAAP;AAClB,WAAOA,KAAK,CAACO,OAAN,CAAcd,SAAd,EAAyBe,QAAzB,EAAP;AACD,GAba,CAAd;AAcA,QAAMC,SAAS,GAAG,4CAAgB,MAAM;AACtC,QAAI,CAACV,KAAK,CAACG,KAAX,EAAkB,OAAO,EAAP;AAClB,UAAMQ,cAAc,GAAG,wBAAY;AAAER,MAAAA,KAAK,EAAEH,KAAK,CAACG;AAAf,KAAZ,CAAvB;AACA,WAAOV,MAAM,GACTA,MAAM,CAAC;AAAEU,MAAAA,KAAK,EAAEH,KAAK,CAACG,KAAf;AAAsBO,MAAAA,SAAS,EAAEC;AAAjC,KAAD,CADG,GAETA,cAFJ;AAGD,GANiB,CAAlB;AAQA,SAAO;AAAER,IAAAA,KAAK,EAAEH,KAAT;AAAgBU,IAAAA;AAAhB,GAAP;AACD","sourcesContent":["import { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatPrice } from '../../utils';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport { getPrice } from './utils';\nimport type { TPriceType } from './types';\nimport { useCandleData } from './useCandleData';\n\nexport function useCandlestickChartPrice({\n  format,\n  precision = 2,\n  type = 'crosshair',\n}: { format?: any; precision?: number; type?: TPriceType } = {}) {\n  const { currentY, domain, height } = useCandlestickChart();\n  const candle = useCandleData();\n\n  const float = useDerivedValue(() => {\n    let price = 0;\n    if (type === 'crosshair') {\n      price = getPrice({\n        y: currentY.value,\n        domain: [Math.min(...domain), Math.max(...domain)],\n        maxHeight: height,\n      });\n    } else {\n      price = candle.value[type];\n    }\n    if (price === -1) return '';\n    return price.toFixed(precision).toString();\n  });\n  const formatted = useDerivedValue(() => {\n    if (!float.value) return '';\n    const formattedPrice = formatPrice({ value: float.value });\n    return format\n      ? format({ value: float.value, formatted: formattedPrice })\n      : formattedPrice;\n  });\n\n  return { value: float, formatted };\n}\n"]}
+{"version":3,"sources":["usePrice.ts"],"names":["useCandlestickChartPrice","format","precision","type","currentY","domain","height","candle","float","price","y","value","Math","min","max","maxHeight","toFixed","toString","formatted","formattedPrice"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEA;;AAEO,SAASA,wBAAT,CAAkC;AACvCC,EAAAA,MADuC;AAEvCC,EAAAA,SAAS,GAAG,CAF2B;AAGvCC,EAAAA,IAAI,GAAG;AAHgC,IAQrC,EARG,EAWL;AACA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAZ;AAAoBC,IAAAA;AAApB,MAA+B,+CAArC;AACA,QAAMC,MAAM,GAAG,mCAAf;AAEA,QAAMC,KAAK,GAAG,4CAAgB,MAAM;AAClC,QAAIC,KAAK,GAAG,CAAZ;;AACA,QAAIN,IAAI,KAAK,WAAb,EAA0B;AACxBM,MAAAA,KAAK,GAAG,sBAAS;AACfC,QAAAA,CAAC,EAAEN,QAAQ,CAACO,KADG;AAEfN,QAAAA,MAAM,EAAE,CAACO,IAAI,CAACC,GAAL,CAAS,GAAGR,MAAZ,CAAD,EAAsBO,IAAI,CAACE,GAAL,CAAS,GAAGT,MAAZ,CAAtB,CAFO;AAGfU,QAAAA,SAAS,EAAET;AAHI,OAAT,CAAR;AAKD,KAND,MAMO;AACLG,MAAAA,KAAK,GAAGF,MAAM,CAACI,KAAP,CAAaR,IAAb,CAAR;AACD;;AACD,QAAIM,KAAK,KAAK,CAAC,CAAf,EAAkB,OAAO,EAAP;AAClB,WAAOA,KAAK,CAACO,OAAN,CAAcd,SAAd,EAAyBe,QAAzB,EAAP;AACD,GAba,CAAd;AAcA,QAAMC,SAAS,GAAG,4CAAgB,MAAM;AACtC,QAAI,CAACV,KAAK,CAACG,KAAX,EAAkB,OAAO,EAAP;AAClB,UAAMQ,cAAc,GAAG,wBAAY;AAAER,MAAAA,KAAK,EAAEH,KAAK,CAACG;AAAf,KAAZ,CAAvB;AACA,WAAOV,MAAM,GACTA,MAAM,CAAC;AAAEU,MAAAA,KAAK,EAAEH,KAAK,CAACG,KAAf;AAAsBO,MAAAA,SAAS,EAAEC;AAAjC,KAAD,CADG,GAETA,cAFJ;AAGD,GANiB,CAAlB;AAQA,SAAO;AAAER,IAAAA,KAAK,EAAEH,KAAT;AAAgBU,IAAAA;AAAhB,GAAP;AACD","sourcesContent":["import Animated, { useDerivedValue } from 'react-native-reanimated';\n\nimport { formatPrice } from '../../utils';\nimport { useCandlestickChart } from './useCandlestickChart';\nimport { getPrice } from './utils';\nimport type { TFormatterFn, TPriceType } from './types';\nimport { useCandleData } from './useCandleData';\n\nexport function useCandlestickChartPrice({\n  format,\n  precision = 2,\n  type = 'crosshair',\n}: {\n  format?: TFormatterFn<string>;\n  precision?: number;\n  type?: TPriceType;\n} = {}): {\n  value: Readonly<Animated.SharedValue<string>>;\n  formatted: Readonly<Animated.SharedValue<string>>;\n} {\n  const { currentY, domain, height } = useCandlestickChart();\n  const candle = useCandleData();\n\n  const float = useDerivedValue(() => {\n    let price = 0;\n    if (type === 'crosshair') {\n      price = getPrice({\n        y: currentY.value,\n        domain: [Math.min(...domain), Math.max(...domain)],\n        maxHeight: height,\n      });\n    } else {\n      price = candle.value[type];\n    }\n    if (price === -1) return '';\n    return price.toFixed(precision).toString();\n  });\n  const formatted = useDerivedValue(() => {\n    if (!float.value) return '';\n    const formattedPrice = formatPrice({ value: float.value });\n    return format\n      ? format({ value: float.value, formatted: formattedPrice })\n      : formattedPrice;\n  });\n\n  return { value: float, formatted };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["getDomain","rows","values","map","high","low","flat","min","Math","max","getY","value","domain","maxHeight","Extrapolate","CLAMP","getHeight","getPrice","y","reverse"],"mappings":";;;;;;;;;;AAAA;;AAIO,SAASA,SAAT,CAAmBC,IAAnB,EAAsD;AAC3D;;AACA,QAAMC,MAAM,GAAGD,IAAI,CAACE,GAAL,CAAS,CAAC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAD,KAAmB,CAACD,IAAD,EAAOC,GAAP,CAA5B,EAAyCC,IAAzC,EAAf;AACA,QAAMC,GAAG,GAAGC,IAAI,CAACD,GAAL,CAAS,GAAGL,MAAZ,CAAZ;AACA,QAAMO,GAAG,GAAGD,IAAI,CAACC,GAAL,CAAS,GAAGP,MAAZ,CAAZ;AACA,SAAO,CAACK,GAAG,GAAG,CAACE,GAAG,GAAGF,GAAP,IAAc,KAArB,EAA4BE,GAAG,GAAG,CAACA,GAAG,GAAGF,GAAP,IAAc,KAAhD,CAAP;AACD;;AAEM,SAASG,IAAT,CAAc;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA,MAFmB;AAGnBC,EAAAA;AAHmB,CAAd,EAQJ;AACD;;AACA,SAAO,wCAAYF,KAAZ,EAAmBC,MAAnB,EAA2B,CAACC,SAAD,EAAY,CAAZ,CAA3B,EAA2CC,mCAAYC,KAAvD,CAAP;AACD;;AAEM,SAASC,SAAT,CAAmB;AACxBL,EAAAA,KADwB;AAExBC,EAAAA,MAFwB;AAGxBC,EAAAA;AAHwB,CAAnB,EAQJ;AACD;;AACA,SAAO,wCACLF,KADK,EAEL,CAAC,CAAD,EAAIH,IAAI,CAACC,GAAL,CAAS,GAAGG,MAAZ,IAAsBJ,IAAI,CAACD,GAAL,CAAS,GAAGK,MAAZ,CAA1B,CAFK,EAGL,CAAC,CAAD,EAAIC,SAAJ,CAHK,EAILC,mCAAYC,KAJP,CAAP;AAMD;;AAEM,SAASE,QAAT,CAAkB;AACvBC,EAAAA,CADuB;AAEvBN,EAAAA,MAFuB;AAGvBC,EAAAA;AAHuB,CAAlB,EAQJ;AACD;;AACA,MAAIK,CAAC,KAAK,CAAC,CAAX,EAAc,OAAO,CAAC,CAAR;AACd,SAAO,wCAAYA,CAAZ,EAAe,CAAC,CAAD,EAAIL,SAAJ,CAAf,EAA+BD,MAAM,CAACO,OAAP,EAA/B,EAAiDL,mCAAYC,KAA7D,CAAP;AACD","sourcesContent":["import { interpolate, Extrapolate } from 'react-native-reanimated';\n\nimport type { TCandle, TDomain } from './types';\n\nexport function getDomain(rows: TCandle[]): [number, number] {\n  'worklet';\n  const values = rows.map(({ high, low }) => [high, low]).flat();\n  const min = Math.min(...values);\n  const max = Math.max(...values);\n  return [min - (max - min) * 0.025, max + (max - min) * 0.025];\n}\n\nexport function getY({\n  value,\n  domain,\n  maxHeight,\n}: {\n  value: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  return interpolate(value, domain, [maxHeight, 0], Extrapolate.CLAMP);\n}\n\nexport function getHeight({\n  value,\n  domain,\n  maxHeight,\n}: {\n  value: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  return interpolate(\n    value,\n    [0, Math.max(...domain) - Math.min(...domain)],\n    [0, maxHeight],\n    Extrapolate.CLAMP\n  );\n}\n\nexport function getPrice({\n  y,\n  domain,\n  maxHeight,\n}: {\n  y: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  if (y === -1) return -1;\n  return interpolate(y, [0, maxHeight], domain.reverse(), Extrapolate.CLAMP);\n}\n"]}
+{"version":3,"sources":["utils.ts"],"names":["getDomain","rows","values","map","high","low","flat","min","Math","max","getY","value","domain","maxHeight","Extrapolate","CLAMP","getHeight","getPrice","y","reverse"],"mappings":";;;;;;;;;;AAAA;;AAIO,SAASA,SAAT,CAAmBC,IAAnB,EAAgE;AACrE;;AACA,QAAMC,MAAM,GAAGD,IAAI,CAACE,GAAL,CAAS,CAAC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAD,KAAmB,CAACD,IAAD,EAAOC,GAAP,CAA5B,EAAyCC,IAAzC,EAAf;AACA,QAAMC,GAAG,GAAGC,IAAI,CAACD,GAAL,CAAS,GAAGL,MAAZ,CAAZ;AACA,QAAMO,GAAG,GAAGD,IAAI,CAACC,GAAL,CAAS,GAAGP,MAAZ,CAAZ;AACA,SAAO,CAACK,GAAG,GAAG,CAACE,GAAG,GAAGF,GAAP,IAAc,KAArB,EAA4BE,GAAG,GAAG,CAACA,GAAG,GAAGF,GAAP,IAAc,KAAhD,CAAP;AACD;;AAEM,SAASG,IAAT,CAAc;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA,MAFmB;AAGnBC,EAAAA;AAHmB,CAAd,EAQJ;AACD;;AACA,SAAO,wCAAYF,KAAZ,EAAmBC,MAAnB,EAA2B,CAACC,SAAD,EAAY,CAAZ,CAA3B,EAA2CC,mCAAYC,KAAvD,CAAP;AACD;;AAEM,SAASC,SAAT,CAAmB;AACxBL,EAAAA,KADwB;AAExBC,EAAAA,MAFwB;AAGxBC,EAAAA;AAHwB,CAAnB,EAQJ;AACD;;AACA,SAAO,wCACLF,KADK,EAEL,CAAC,CAAD,EAAIH,IAAI,CAACC,GAAL,CAAS,GAAGG,MAAZ,IAAsBJ,IAAI,CAACD,GAAL,CAAS,GAAGK,MAAZ,CAA1B,CAFK,EAGL,CAAC,CAAD,EAAIC,SAAJ,CAHK,EAILC,mCAAYC,KAJP,CAAP;AAMD;;AAEM,SAASE,QAAT,CAAkB;AACvBC,EAAAA,CADuB;AAEvBN,EAAAA,MAFuB;AAGvBC,EAAAA;AAHuB,CAAlB,EAQJ;AACD;;AACA,MAAIK,CAAC,KAAK,CAAC,CAAX,EAAc,OAAO,CAAC,CAAR;AACd,SAAO,wCAAYA,CAAZ,EAAe,CAAC,CAAD,EAAIL,SAAJ,CAAf,EAA+BD,MAAM,CAACO,OAAP,EAA/B,EAAiDL,mCAAYC,KAA7D,CAAP;AACD","sourcesContent":["import { interpolate, Extrapolate } from 'react-native-reanimated';\n\nimport type { TCandle, TDomain } from './types';\n\nexport function getDomain(rows: TCandle[]): [min: number, max: number] {\n  'worklet';\n  const values = rows.map(({ high, low }) => [high, low]).flat();\n  const min = Math.min(...values);\n  const max = Math.max(...values);\n  return [min - (max - min) * 0.025, max + (max - min) * 0.025];\n}\n\nexport function getY({\n  value,\n  domain,\n  maxHeight,\n}: {\n  value: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  return interpolate(value, domain, [maxHeight, 0], Extrapolate.CLAMP);\n}\n\nexport function getHeight({\n  value,\n  domain,\n  maxHeight,\n}: {\n  value: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  return interpolate(\n    value,\n    [0, Math.max(...domain) - Math.min(...domain)],\n    [0, maxHeight],\n    Extrapolate.CLAMP\n  );\n}\n\nexport function getPrice({\n  y,\n  domain,\n  maxHeight,\n}: {\n  y: number;\n  domain: TDomain;\n  maxHeight: number;\n}) {\n  'worklet';\n  if (y === -1) return -1;\n  return interpolate(y, [0, maxHeight], domain.reverse(), Extrapolate.CLAMP);\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Chart.tsx"],"names":["LineChartDimensionsContext","React","createContext","width","height","path","gutter","screenWidth","Dimensions","get","LineChart","children","yGutter","shape","props","data","useMemo","length","contextValue"],"mappings":";;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEO,MAAMA,0BAA0B,gBAAGC,KAAK,CAACC,aAAN,CAAoB;AAC5DC,EAAAA,KAAK,EAAE,CADqD;AAE5DC,EAAAA,MAAM,EAAE,CAFoD;AAG5DC,EAAAA,IAAI,EAAE,EAHsD;AAI5DC,EAAAA,MAAM,EAAE;AAJoD,CAApB,CAAnC;;;AAeP,MAAM;AAAEH,EAAAA,KAAK,EAAEI;AAAT,IAAyBC,wBAAWC,GAAX,CAAe,QAAf,CAA/B;;AAEO,SAASC,SAAT,CAAmB;AACxBC,EAAAA,QADwB;AAExBC,EAAAA,OAAO,GAAG,EAFc;AAGxBT,EAAAA,KAAK,GAAGI,WAHgB;AAIxBH,EAAAA,MAAM,GAAGG,WAJe;AAKxBM,EAAAA,KALwB;AAMxB,KAAGC;AANqB,CAAnB,EAOY;AACjB,QAAM;AAAEC,IAAAA;AAAF,MAAW,iCAAjB;AAEA,QAAMV,IAAI,GAAGJ,KAAK,CAACe,OAAN,CAAc,MAAM;AAC/B,QAAID,IAAI,IAAIA,IAAI,CAACE,MAAL,GAAc,CAA1B,EAA6B;AAC3B,aAAO,oBAAQ;AAAEF,QAAAA,IAAF;AAAQZ,QAAAA,KAAR;AAAeC,QAAAA,MAAf;AAAuBE,QAAAA,MAAM,EAAEM,OAA/B;AAAwCC,QAAAA;AAAxC,OAAR,CAAP;AACD;;AACD,WAAO,EAAP;AACD,GALY,EAKV,CAACE,IAAD,EAAOZ,KAAP,EAAcC,MAAd,EAAsBQ,OAAtB,EAA+BC,KAA/B,CALU,CAAb;AAOA,QAAMK,YAAY,GAAGjB,KAAK,CAACe,OAAN,CACnB,OAAO;AACLV,IAAAA,MAAM,EAAEM,OADH;AAELP,IAAAA,IAFK;AAGLF,IAAAA,KAHK;AAILC,IAAAA;AAJK,GAAP,CADmB,EAOnB,CAACA,MAAD,EAASC,IAAT,EAAeF,KAAf,EAAsBS,OAAtB,CAPmB,CAArB;AAUA,sBACE,oBAAC,0BAAD,CAA4B,QAA5B;AAAqC,IAAA,KAAK,EAAEM;AAA5C,kBACE,oBAAC,iBAAD,EAAUJ,KAAV,EAAkBH,QAAlB,CADF,CADF;AAKD","sourcesContent":["import * as React from 'react';\nimport { Dimensions, View, ViewProps } from 'react-native';\n\nimport { useLineChart } from './useLineChart';\nimport { getPath } from './utils';\n\nexport const LineChartDimensionsContext = React.createContext({\n  width: 0,\n  height: 0,\n  path: '',\n  gutter: 0,\n});\n\ntype LineChartProps = ViewProps & {\n  children: React.ReactNode;\n  yGutter?: number;\n  width?: number;\n  height?: number;\n  shape?: any;\n};\n\nconst { width: screenWidth } = Dimensions.get('window');\n\nexport function LineChart({\n  children,\n  yGutter = 16,\n  width = screenWidth,\n  height = screenWidth,\n  shape,\n  ...props\n}: LineChartProps) {\n  const { data } = useLineChart();\n\n  const path = React.useMemo(() => {\n    if (data && data.length > 0) {\n      return getPath({ data, width, height, gutter: yGutter, shape });\n    }\n    return '';\n  }, [data, width, height, yGutter, shape]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      gutter: yGutter,\n      path,\n      width,\n      height,\n    }),\n    [height, path, width, yGutter]\n  );\n\n  return (\n    <LineChartDimensionsContext.Provider value={contextValue}>\n      <View {...props}>{children}</View>\n    </LineChartDimensionsContext.Provider>\n  );\n}\n"]}
+{"version":3,"sources":["Chart.tsx"],"names":["LineChartDimensionsContext","React","createContext","width","height","path","gutter","screenWidth","Dimensions","get","LineChart","children","yGutter","shape","props","data","useMemo","length","contextValue"],"mappings":";;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEO,MAAMA,0BAA0B,gBAAGC,KAAK,CAACC,aAAN,CAAoB;AAC5DC,EAAAA,KAAK,EAAE,CADqD;AAE5DC,EAAAA,MAAM,EAAE,CAFoD;AAG5DC,EAAAA,IAAI,EAAE,EAHsD;AAI5DC,EAAAA,MAAM,EAAE;AAJoD,CAApB,CAAnC;;;AAeP,MAAM;AAAEH,EAAAA,KAAK,EAAEI;AAAT,IAAyBC,wBAAWC,GAAX,CAAe,QAAf,CAA/B;;AAEO,SAASC,SAAT,CAAmB;AACxBC,EAAAA,QADwB;AAExBC,EAAAA,OAAO,GAAG,EAFc;AAGxBT,EAAAA,KAAK,GAAGI,WAHgB;AAIxBH,EAAAA,MAAM,GAAGG,WAJe;AAKxBM,EAAAA,KALwB;AAMxB,KAAGC;AANqB,CAAnB,EAOY;AACjB,QAAM;AAAEC,IAAAA;AAAF,MAAW,iCAAjB;AAEA,QAAMV,IAAI,GAAGJ,KAAK,CAACe,OAAN,CAAc,MAAM;AAC/B,QAAID,IAAI,IAAIA,IAAI,CAACE,MAAL,GAAc,CAA1B,EAA6B;AAC3B,aAAO,oBAAQ;AAAEF,QAAAA,IAAF;AAAQZ,QAAAA,KAAR;AAAeC,QAAAA,MAAf;AAAuBE,QAAAA,MAAM,EAAEM,OAA/B;AAAwCC,QAAAA;AAAxC,OAAR,CAAP;AACD;;AACD,WAAO,EAAP;AACD,GALY,EAKV,CAACE,IAAD,EAAOZ,KAAP,EAAcC,MAAd,EAAsBQ,OAAtB,EAA+BC,KAA/B,CALU,CAAb;AAOA,QAAMK,YAAY,GAAGjB,KAAK,CAACe,OAAN,CACnB,OAAO;AACLV,IAAAA,MAAM,EAAEM,OADH;AAELP,IAAAA,IAFK;AAGLF,IAAAA,KAHK;AAILC,IAAAA;AAJK,GAAP,CADmB,EAOnB,CAACA,MAAD,EAASC,IAAT,EAAeF,KAAf,EAAsBS,OAAtB,CAPmB,CAArB;AAUA,sBACE,oBAAC,0BAAD,CAA4B,QAA5B;AAAqC,IAAA,KAAK,EAAEM;AAA5C,kBACE,oBAAC,iBAAD,EAAUJ,KAAV,EAAkBH,QAAlB,CADF,CADF;AAKD","sourcesContent":["import * as React from 'react';\nimport { Dimensions, View, ViewProps } from 'react-native';\n\nimport { useLineChart } from './useLineChart';\nimport { getPath } from './utils';\n\nexport const LineChartDimensionsContext = React.createContext({\n  width: 0,\n  height: 0,\n  path: '',\n  gutter: 0,\n});\n\ntype LineChartProps = ViewProps & {\n  children: React.ReactNode;\n  yGutter?: number;\n  width?: number;\n  height?: number;\n  shape?: string;\n};\n\nconst { width: screenWidth } = Dimensions.get('window');\n\nexport function LineChart({\n  children,\n  yGutter = 16,\n  width = screenWidth,\n  height = screenWidth,\n  shape,\n  ...props\n}: LineChartProps) {\n  const { data } = useLineChart();\n\n  const path = React.useMemo(() => {\n    if (data && data.length > 0) {\n      return getPath({ data, width, height, gutter: yGutter, shape });\n    }\n    return '';\n  }, [data, width, height, yGutter, shape]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      gutter: yGutter,\n      path,\n      width,\n      height,\n    }),\n    [height, path, width, yGutter]\n  );\n\n  return (\n    <LineChartDimensionsContext.Provider value={contextValue}>\n      <View {...props}>{children}</View>\n    </LineChartDimensionsContext.Provider>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Cursor.tsx"],"names":["CursorContext","React","createContext","type","LineChartCursor","children","props","width","path","useContext","LineChartDimensionsContext","currentX","currentY","currentIndex","isActive","data","parsedPath","useMemo","undefined","onGestureEvent","onActive","x","boundedX","value","Math","round","length","onEnd","StyleSheet","absoluteFill"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;AAIA;;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,KAAF;AAASC,IAAAA;AAAT,MAAkBP,KAAK,CAACQ,UAAN,CAAiBC,iCAAjB,CAAxB;AACA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,YAAtB;AAAoCC,IAAAA,QAApC;AAA8CC,IAAAA;AAA9C,MAAuD,iCAA7D;AAEA,QAAMC,UAAU,GAAGf,KAAK,CAACgB,OAAN,CACjB,MAAOT,IAAI,GAAG,8BAAMA,IAAN,CAAH,GAAiBU,SADX,EAEjB,CAACV,IAAD,CAFiB,CAAnB;AAKA,QAAMW,cAAc,GAAG,sDAA0B;AAC/CC,IAAAA,QAAQ,EAAE,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAAW;AACnB,UAAIL,UAAJ,EAAgB;AACd,cAAMM,QAAQ,GAAGD,CAAC,IAAId,KAAL,GAAac,CAAb,GAAiBd,KAAlC;AACAO,QAAAA,QAAQ,CAACS,KAAT,GAAiB,IAAjB;AACAZ,QAAAA,QAAQ,CAACY,KAAT,GAAiBD,QAAjB;AACAV,QAAAA,QAAQ,CAACW,KAAT,GAAiB,iCAASP,UAAT,EAAqBM,QAArB,KAAkC,CAAnD;AACAT,QAAAA,YAAY,CAACU,KAAb,GAAqBC,IAAI,CAACC,KAAL,CACnBH,QAAQ,GAAGf,KAAX,IAAoB,KAAKQ,IAAI,CAACW,MAAL,GAAc,CAAnB,CAApB,CADmB,CAArB;AAGD;AACF,KAX8C;AAY/CC,IAAAA,KAAK,EAAE,MAAM;AACXb,MAAAA,QAAQ,CAACS,KAAT,GAAiB,KAAjB;AACAV,MAAAA,YAAY,CAACU,KAAb,GAAqB,CAAC,CAAtB;AACD;AAf8C,GAA1B,CAAvB;AAkBA,sBACE,oBAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAE;AAAEpB,MAAAA;AAAF;AAA/B,kBACE,oBAAC,kDAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,cAAc,EAAEgB;AAFlB,KAGMb,KAHN,gBAKE,oBAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEsB,wBAAWC;AAAjC,KACGxB,QADH,CALF,CADF,CADF;AAaD","sourcesContent":["import * as React from 'react';\nimport { StyleSheet } from 'react-native';\nimport {\n  LongPressGestureHandler,\n  LongPressGestureHandlerProps,\n} from 'react-native-gesture-handler';\nimport Animated, { useAnimatedGestureHandler } from 'react-native-reanimated';\nimport { getYForX, parse } from 'react-native-redash';\n\nimport { LineChartDimensionsContext } from './Chart';\nimport { useLineChart } from './useLineChart';\n\ntype 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 { width, path } = React.useContext(LineChartDimensionsContext);\n  const { currentX, currentY, currentIndex, isActive, data } = useLineChart();\n\n  const parsedPath = React.useMemo(\n    () => (path ? parse(path) : undefined),\n    [path]\n  );\n\n  const onGestureEvent = useAnimatedGestureHandler({\n    onActive: ({ x }) => {\n      if (parsedPath) {\n        const boundedX = x <= width ? x : width;\n        isActive.value = true;\n        currentX.value = boundedX;\n        currentY.value = getYForX(parsedPath, boundedX) || 0;\n        currentIndex.value = Math.round(\n          boundedX / width / (1 / (data.length - 1))\n        );\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        onGestureEvent={onGestureEvent as any}\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","children","props","width","path","useContext","LineChartDimensionsContext","currentX","currentY","currentIndex","isActive","data","parsedPath","useMemo","undefined","onGestureEvent","onActive","x","boundedX","value","Math","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,KAAF;AAASC,IAAAA;AAAT,MAAkBP,KAAK,CAACQ,UAAN,CAAiBC,iCAAjB,CAAxB;AACA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,YAAtB;AAAoCC,IAAAA,QAApC;AAA8CC,IAAAA;AAA9C,MAAuD,iCAA7D;AAEA,QAAMC,UAAU,GAAGf,KAAK,CAACgB,OAAN,CACjB,MAAOT,IAAI,GAAG,8BAAMA,IAAN,CAAH,GAAiBU,SADX,EAEjB,CAACV,IAAD,CAFiB,CAAnB;AAKA,QAAMW,cAAc,GAAG,sDAErB;AACAC,IAAAA,QAAQ,EAAE,CAAC;AAAEC,MAAAA;AAAF,KAAD,KAAW;AACnB,UAAIL,UAAJ,EAAgB;AACd,cAAMM,QAAQ,GAAGD,CAAC,IAAId,KAAL,GAAac,CAAb,GAAiBd,KAAlC;AACAO,QAAAA,QAAQ,CAACS,KAAT,GAAiB,IAAjB;AACAZ,QAAAA,QAAQ,CAACY,KAAT,GAAiBD,QAAjB;AACAV,QAAAA,QAAQ,CAACW,KAAT,GAAiB,iCAASP,UAAT,EAAqBM,QAArB,KAAkC,CAAnD;AACAT,QAAAA,YAAY,CAACU,KAAb,GAAqBC,IAAI,CAACC,KAAL,CACnBH,QAAQ,GAAGf,KAAX,IAAoB,KAAKQ,IAAI,CAACW,MAAL,GAAc,CAAnB,CAApB,CADmB,CAArB;AAGD;AACF,KAXD;AAYAC,IAAAA,KAAK,EAAE,MAAM;AACXb,MAAAA,QAAQ,CAACS,KAAT,GAAiB,KAAjB;AACAV,MAAAA,YAAY,CAACU,KAAb,GAAqB,CAAC,CAAtB;AACD;AAfD,GAFqB,CAAvB;AAoBA,sBACE,oBAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAE;AAAEpB,MAAAA;AAAF;AAA/B,kBACE,oBAAC,kDAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,cAAc,EAAEgB;AAFlB,KAGMb,KAHN,gBAKE,oBAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEsB,wBAAWC;AAAjC,KACGxB,QADH,CALF,CADF,CADF;AAaD","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 { getYForX, 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 { width, path } = React.useContext(LineChartDimensionsContext);\n  const { currentX, currentY, 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        currentY.value = getYForX(parsedPath, boundedX) || 0;\n        currentIndex.value = Math.round(\n          boundedX / width / (1 / (data.length - 1))\n        );\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        onGestureEvent={onGestureEvent}\n        {...props}\n      >\n        <Animated.View style={StyleSheet.absoluteFill}>\n          {children}\n        </Animated.View>\n      </LongPressGestureHandler>\n    </CursorContext.Provider>\n  );\n}\n"]}