react-native-wagmi-charts 2.7.2 → 2.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +42 -15
- package/lib/commonjs/charts/candle/Candle.js +177 -93
- package/lib/commonjs/charts/candle/Candle.js.map +1 -1
- package/lib/commonjs/charts/candle/Candles.js +66 -43
- package/lib/commonjs/charts/candle/Candles.js.map +1 -1
- package/lib/commonjs/charts/candle/Chart.js +38 -28
- package/lib/commonjs/charts/candle/Chart.js.map +1 -1
- package/lib/commonjs/charts/candle/Context.js +74 -43
- package/lib/commonjs/charts/candle/Context.js.map +1 -1
- package/lib/commonjs/charts/candle/Crosshair.js +191 -81
- package/lib/commonjs/charts/candle/Crosshair.js.map +1 -1
- package/lib/commonjs/charts/candle/CrosshairTooltip.js +140 -61
- package/lib/commonjs/charts/candle/CrosshairTooltip.js.map +1 -1
- package/lib/commonjs/charts/candle/DatetimeText.js +19 -14
- package/lib/commonjs/charts/candle/DatetimeText.js.map +1 -1
- package/lib/commonjs/charts/candle/Line.js +73 -28
- package/lib/commonjs/charts/candle/Line.js.map +1 -1
- package/lib/commonjs/charts/candle/PriceText.js +19 -14
- package/lib/commonjs/charts/candle/PriceText.js.map +1 -1
- package/lib/commonjs/charts/candle/index.js +67 -64
- package/lib/commonjs/charts/candle/types.js +4 -4
- package/lib/commonjs/charts/candle/useCandleData.js +9 -12
- package/lib/commonjs/charts/candle/useCandlestickChart.js +10 -9
- package/lib/commonjs/charts/candle/useCandlestickChart.js.map +1 -1
- package/lib/commonjs/charts/candle/useDatetime.js +16 -18
- package/lib/commonjs/charts/candle/useDatetime.js.map +1 -1
- package/lib/commonjs/charts/candle/usePrice.js +21 -22
- package/lib/commonjs/charts/candle/usePrice.js.map +1 -1
- package/lib/commonjs/charts/candle/utils/getDomain.js +5 -8
- package/lib/commonjs/charts/candle/utils/getHeight.js +12 -11
- package/lib/commonjs/charts/candle/utils/getPrice.js +12 -11
- package/lib/commonjs/charts/candle/utils/getY.js +12 -11
- package/lib/commonjs/charts/candle/utils/index.js +16 -16
- package/lib/commonjs/charts/line/Axis.js +402 -0
- package/lib/commonjs/charts/line/Axis.js.map +1 -0
- package/lib/commonjs/charts/line/Chart.js +140 -69
- package/lib/commonjs/charts/line/Chart.js.map +1 -1
- package/lib/commonjs/charts/line/ChartPath.js +290 -90
- package/lib/commonjs/charts/line/ChartPath.js.map +1 -1
- package/lib/commonjs/charts/line/Context.js +98 -40
- package/lib/commonjs/charts/line/Context.js.map +1 -1
- package/lib/commonjs/charts/line/Cursor.js +130 -75
- package/lib/commonjs/charts/line/Cursor.js.map +1 -1
- package/lib/commonjs/charts/line/CursorCrosshair.js +151 -58
- package/lib/commonjs/charts/line/CursorCrosshair.js.map +1 -1
- package/lib/commonjs/charts/line/CursorLine.js +251 -45
- package/lib/commonjs/charts/line/CursorLine.js.map +1 -1
- package/lib/commonjs/charts/line/Data.js +73 -35
- package/lib/commonjs/charts/line/Data.js.map +1 -1
- package/lib/commonjs/charts/line/DatetimeText.js +27 -14
- package/lib/commonjs/charts/line/DatetimeText.js.map +1 -1
- package/lib/commonjs/charts/line/Dot.js +150 -57
- package/lib/commonjs/charts/line/Dot.js.map +1 -1
- package/lib/commonjs/charts/line/Gradient.js +124 -54
- package/lib/commonjs/charts/line/Gradient.js.map +1 -1
- package/lib/commonjs/charts/line/Group.js +54 -24
- package/lib/commonjs/charts/line/Group.js.map +1 -1
- package/lib/commonjs/charts/line/Highlight.js +115 -47
- package/lib/commonjs/charts/line/Highlight.js.map +1 -1
- package/lib/commonjs/charts/line/HorizontalLine.js +92 -40
- package/lib/commonjs/charts/line/HorizontalLine.js.map +1 -1
- package/lib/commonjs/charts/line/HoverTrap/index.js +10 -7
- package/lib/commonjs/charts/line/HoverTrap/index.js.map +1 -1
- package/lib/commonjs/charts/line/HoverTrap/index.web.js +115 -86
- package/lib/commonjs/charts/line/HoverTrap/index.web.js.map +1 -1
- package/lib/commonjs/charts/line/LineChartPathContext.js +14 -11
- package/lib/commonjs/charts/line/LineChartPathContext.js.map +1 -1
- package/lib/commonjs/charts/line/Path.js +78 -39
- package/lib/commonjs/charts/line/Path.js.map +1 -1
- package/lib/commonjs/charts/line/PriceText.js +113 -14
- package/lib/commonjs/charts/line/PriceText.js.map +1 -1
- package/lib/commonjs/charts/line/Tooltip.js +236 -106
- package/lib/commonjs/charts/line/Tooltip.js.map +1 -1
- package/lib/commonjs/charts/line/index.js +75 -62
- package/lib/commonjs/charts/line/index.js.map +1 -1
- package/lib/commonjs/charts/line/types.js +4 -4
- package/lib/commonjs/charts/line/useAnimatedPath.js +28 -23
- package/lib/commonjs/charts/line/useAnimatedPath.js.map +1 -1
- package/lib/commonjs/charts/line/useCurrentY.js +17 -17
- package/lib/commonjs/charts/line/useDatetime.js +34 -33
- package/lib/commonjs/charts/line/useDatetime.js.map +1 -1
- package/lib/commonjs/charts/line/useLineChart.js +21 -17
- package/lib/commonjs/charts/line/useLineChart.js.map +1 -1
- package/lib/commonjs/charts/line/usePrice.js +30 -28
- package/lib/commonjs/charts/line/usePrice.js.map +1 -1
- package/lib/commonjs/charts/line/utils/getArea.js +48 -20
- package/lib/commonjs/charts/line/utils/getArea.js.map +1 -1
- package/lib/commonjs/charts/line/utils/getDomain.js +5 -7
- package/lib/commonjs/charts/line/utils/getPath.js +54 -20
- package/lib/commonjs/charts/line/utils/getPath.js.map +1 -1
- package/lib/commonjs/charts/line/utils/getXPositionForCurve.js +8 -5
- package/lib/commonjs/charts/line/utils/getXPositionForCurve.js.map +1 -1
- package/lib/commonjs/charts/line/utils/index.js +19 -19
- package/lib/commonjs/charts/line/utils/interpolatePath.js +102 -62
- package/lib/commonjs/charts/line/utils/interpolatePath.js.map +1 -1
- package/lib/commonjs/charts/line/utils/lineChartDataPropToArray.js +5 -5
- package/lib/commonjs/components/AnimatedText.js +66 -39
- package/lib/commonjs/components/AnimatedText.js.map +1 -1
- package/lib/commonjs/index.js +27 -16
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/types.js +2 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/utils/formatDatetime.js +5 -9
- package/lib/commonjs/utils/formatPrice.js +13 -9
- package/lib/commonjs/utils/formatPrice.js.map +1 -1
- package/lib/commonjs/utils/index.js +13 -13
- package/lib/commonjs/utils/usePrevious.js +10 -9
- package/lib/commonjs/utils/usePrevious.js.map +1 -1
- package/lib/module/charts/candle/Candle.js +126 -76
- package/lib/module/charts/candle/Candle.js.map +1 -1
- package/lib/module/charts/candle/Candles.js +53 -34
- package/lib/module/charts/candle/Candles.js.map +1 -1
- package/lib/module/charts/candle/Chart.js +23 -20
- package/lib/module/charts/candle/Chart.js.map +1 -1
- package/lib/module/charts/candle/Context.js +53 -23
- package/lib/module/charts/candle/Context.js.map +1 -1
- package/lib/module/charts/candle/Crosshair.js +152 -69
- package/lib/module/charts/candle/Crosshair.js.map +1 -1
- package/lib/module/charts/candle/CrosshairTooltip.js +102 -52
- package/lib/module/charts/candle/CrosshairTooltip.js.map +1 -1
- package/lib/module/charts/candle/DatetimeText.js +5 -5
- package/lib/module/charts/candle/Line.js +37 -19
- package/lib/module/charts/candle/PriceText.js +5 -5
- package/lib/module/charts/candle/PriceText.js.map +1 -1
- package/lib/module/charts/candle/index.js +2 -2
- package/lib/module/charts/candle/types.js +1 -1
- package/lib/module/charts/candle/useCandleData.js +3 -7
- package/lib/module/charts/candle/useCandlestickChart.js +2 -2
- package/lib/module/charts/candle/useCandlestickChart.js.map +1 -1
- package/lib/module/charts/candle/useDatetime.js +10 -12
- package/lib/module/charts/candle/useDatetime.js.map +1 -1
- package/lib/module/charts/candle/usePrice.js +12 -14
- package/lib/module/charts/candle/usePrice.js.map +1 -1
- package/lib/module/charts/candle/utils/getDomain.js +2 -5
- package/lib/module/charts/candle/utils/getHeight.js +8 -7
- package/lib/module/charts/candle/utils/getPrice.js +2 -6
- package/lib/module/charts/candle/utils/getY.js +2 -6
- package/lib/module/charts/candle/utils/index.js +1 -1
- package/lib/module/charts/line/Axis.js +349 -0
- package/lib/module/charts/line/Axis.js.map +1 -0
- package/lib/module/charts/line/Chart.js +82 -46
- package/lib/module/charts/line/Chart.js.map +1 -1
- package/lib/module/charts/line/ChartPath.js +246 -77
- package/lib/module/charts/line/ChartPath.js.map +1 -1
- package/lib/module/charts/line/Context.js +65 -32
- package/lib/module/charts/line/Context.js.map +1 -1
- package/lib/module/charts/line/Cursor.js +87 -60
- package/lib/module/charts/line/Cursor.js.map +1 -1
- package/lib/module/charts/line/CursorCrosshair.js +118 -50
- package/lib/module/charts/line/CursorCrosshair.js.map +1 -1
- package/lib/module/charts/line/CursorLine.js +210 -33
- package/lib/module/charts/line/CursorLine.js.map +1 -1
- package/lib/module/charts/line/Data.js +41 -28
- package/lib/module/charts/line/Data.js.map +1 -1
- package/lib/module/charts/line/DatetimeText.js +14 -6
- package/lib/module/charts/line/DatetimeText.js.map +1 -1
- package/lib/module/charts/line/Dot.js +95 -41
- package/lib/module/charts/line/Dot.js.map +1 -1
- package/lib/module/charts/line/Gradient.js +80 -42
- package/lib/module/charts/line/Gradient.js.map +1 -1
- package/lib/module/charts/line/Group.js +15 -14
- package/lib/module/charts/line/Highlight.js +62 -32
- package/lib/module/charts/line/Highlight.js.map +1 -1
- package/lib/module/charts/line/HorizontalLine.js +49 -27
- package/lib/module/charts/line/HorizontalLine.js.map +1 -1
- package/lib/module/charts/line/HoverTrap/index.js +3 -2
- package/lib/module/charts/line/HoverTrap/index.web.js +102 -76
- package/lib/module/charts/line/HoverTrap/index.web.js.map +1 -1
- package/lib/module/charts/line/LineChartPathContext.js +3 -3
- package/lib/module/charts/line/Path.js +34 -27
- package/lib/module/charts/line/Path.js.map +1 -1
- package/lib/module/charts/line/PriceText.js +80 -6
- package/lib/module/charts/line/PriceText.js.map +1 -1
- package/lib/module/charts/line/Tooltip.js +202 -94
- package/lib/module/charts/line/Tooltip.js.map +1 -1
- package/lib/module/charts/line/index.js +6 -3
- package/lib/module/charts/line/index.js.map +1 -1
- package/lib/module/charts/line/types.js +1 -1
- package/lib/module/charts/line/useAnimatedPath.js +22 -16
- package/lib/module/charts/line/useAnimatedPath.js.map +1 -1
- package/lib/module/charts/line/useCurrentY.js +4 -9
- package/lib/module/charts/line/useDatetime.js +28 -27
- package/lib/module/charts/line/useDatetime.js.map +1 -1
- package/lib/module/charts/line/useLineChart.js +11 -8
- package/lib/module/charts/line/useLineChart.js.map +1 -1
- package/lib/module/charts/line/usePrice.js +24 -22
- package/lib/module/charts/line/usePrice.js.map +1 -1
- package/lib/module/charts/line/utils/getArea.js +16 -11
- package/lib/module/charts/line/utils/getArea.js.map +1 -1
- package/lib/module/charts/line/utils/getDomain.js +2 -4
- package/lib/module/charts/line/utils/getPath.js +22 -11
- package/lib/module/charts/line/utils/getPath.js.map +1 -1
- package/lib/module/charts/line/utils/getXPositionForCurve.js +5 -2
- package/lib/module/charts/line/utils/getXPositionForCurve.js.map +1 -1
- package/lib/module/charts/line/utils/index.js +1 -1
- package/lib/module/charts/line/utils/interpolatePath.js +99 -59
- package/lib/module/charts/line/utils/interpolatePath.js.map +1 -1
- package/lib/module/charts/line/utils/lineChartDataPropToArray.js +2 -2
- package/lib/module/components/AnimatedText.js +24 -30
- package/lib/module/components/AnimatedText.js.map +1 -1
- package/lib/module/index.js +2 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/types.js +1 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/utils/formatDatetime.js +2 -6
- package/lib/module/utils/formatPrice.js +10 -6
- package/lib/module/utils/formatPrice.js.map +1 -1
- package/lib/module/utils/index.js +1 -1
- package/lib/module/utils/usePrevious.js +2 -2
- package/lib/module/utils/usePrevious.js.map +1 -1
- package/lib/typescript/src/charts/candle/Candle.d.ts +45 -31
- package/lib/typescript/src/charts/candle/Candle.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Candles.d.ts +25 -14
- package/lib/typescript/src/charts/candle/Candles.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Chart.d.ts +13 -8
- package/lib/typescript/src/charts/candle/Chart.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Context.d.ts +15 -8
- package/lib/typescript/src/charts/candle/Context.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Crosshair.d.ts +19 -10
- package/lib/typescript/src/charts/candle/Crosshair.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/CrosshairTooltip.d.ts +16 -9
- package/lib/typescript/src/charts/candle/CrosshairTooltip.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/DatetimeText.d.ts +17 -11
- package/lib/typescript/src/charts/candle/DatetimeText.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/Line.d.ts +10 -5
- package/lib/typescript/src/charts/candle/Line.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/PriceText.d.ts +16 -9
- package/lib/typescript/src/charts/candle/PriceText.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/index.d.ts +32 -14
- package/lib/typescript/src/charts/candle/index.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/types.d.ts +16 -19
- package/lib/typescript/src/charts/candle/types.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/useCandleData.d.ts +1 -1
- package/lib/typescript/src/charts/candle/useCandlestickChart.d.ts +1 -1
- package/lib/typescript/src/charts/candle/useDatetime.d.ts +14 -10
- package/lib/typescript/src/charts/candle/useDatetime.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/usePrice.d.ts +13 -8
- package/lib/typescript/src/charts/candle/usePrice.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/utils/getDomain.d.ts +1 -1
- package/lib/typescript/src/charts/candle/utils/getHeight.d.ts +9 -5
- package/lib/typescript/src/charts/candle/utils/getPrice.d.ts +9 -5
- package/lib/typescript/src/charts/candle/utils/getY.d.ts +9 -5
- package/lib/typescript/src/charts/candle/utils/index.d.ts +1 -1
- package/lib/typescript/src/charts/line/Axis.d.ts +33 -0
- package/lib/typescript/src/charts/line/Axis.d.ts.map +1 -0
- package/lib/typescript/src/charts/line/Chart.d.ts +33 -23
- package/lib/typescript/src/charts/line/Chart.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/ChartPath.d.ts +29 -16
- package/lib/typescript/src/charts/line/ChartPath.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Context.d.ts +17 -10
- package/lib/typescript/src/charts/line/Context.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Cursor.d.ts +23 -12
- package/lib/typescript/src/charts/line/Cursor.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/CursorCrosshair.d.ts +25 -13
- package/lib/typescript/src/charts/line/CursorCrosshair.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/CursorLine.d.ts +19 -8
- package/lib/typescript/src/charts/line/CursorLine.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Data.d.ts +17 -13
- package/lib/typescript/src/charts/line/DatetimeText.d.ts +16 -10
- package/lib/typescript/src/charts/line/DatetimeText.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Dot.d.ts +40 -27
- package/lib/typescript/src/charts/line/Dot.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Gradient.d.ts +11 -7
- package/lib/typescript/src/charts/line/Gradient.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Group.d.ts +6 -3
- package/lib/typescript/src/charts/line/Highlight.d.ts +19 -11
- package/lib/typescript/src/charts/line/Highlight.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/HorizontalLine.d.ts +30 -26
- package/lib/typescript/src/charts/line/HorizontalLine.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/HoverTrap/index.d.ts +1 -1
- package/lib/typescript/src/charts/line/HoverTrap/index.web.d.ts +2 -2
- package/lib/typescript/src/charts/line/HoverTrap/index.web.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/LineChartPathContext.d.ts +4 -4
- package/lib/typescript/src/charts/line/Path.d.ts +30 -25
- package/lib/typescript/src/charts/line/Path.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/PriceText.d.ts +30 -14
- package/lib/typescript/src/charts/line/PriceText.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Tooltip.d.ts +36 -24
- package/lib/typescript/src/charts/line/Tooltip.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/index.d.ts +34 -20
- package/lib/typescript/src/charts/line/index.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/types.d.ts +19 -18
- package/lib/typescript/src/charts/line/types.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/useAnimatedPath.d.ts +10 -7
- package/lib/typescript/src/charts/line/useAnimatedPath.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/useCurrentY.d.ts +2 -2
- package/lib/typescript/src/charts/line/useCurrentY.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/useDatetime.d.ts +12 -8
- package/lib/typescript/src/charts/line/useDatetime.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/useLineChart.d.ts +10 -10
- package/lib/typescript/src/charts/line/usePrice.d.ts +12 -8
- package/lib/typescript/src/charts/line/usePrice.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/utils/getArea.d.ts +17 -9
- package/lib/typescript/src/charts/line/utils/getArea.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/utils/getDomain.d.ts +1 -1
- package/lib/typescript/src/charts/line/utils/getPath.d.ts +21 -11
- package/lib/typescript/src/charts/line/utils/getPath.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/utils/getXPositionForCurve.d.ts +1 -1
- package/lib/typescript/src/charts/line/utils/index.d.ts +1 -1
- package/lib/typescript/src/charts/line/utils/interpolatePath.d.ts +17 -5
- package/lib/typescript/src/charts/line/utils/lineChartDataPropToArray.d.ts +4 -2
- package/lib/typescript/src/components/AnimatedText.d.ts +7 -4
- package/lib/typescript/src/components/AnimatedText.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +2 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +8 -0
- package/lib/typescript/src/types.d.ts.map +1 -0
- package/lib/typescript/src/utils/formatDatetime.d.ts +9 -5
- package/lib/typescript/src/utils/formatPrice.d.ts +9 -5
- package/lib/typescript/src/utils/formatPrice.d.ts.map +1 -1
- package/lib/typescript/src/utils/index.d.ts +1 -1
- package/lib/typescript/src/utils/usePrevious.d.ts +1 -1
- package/package.json +19 -43
- package/src/charts/candle/Candle.tsx +2 -17
- package/src/charts/candle/Candles.tsx +1 -3
- package/src/charts/candle/Chart.tsx +1 -1
- package/src/charts/candle/Context.tsx +30 -7
- package/src/charts/candle/Crosshair.tsx +25 -10
- package/src/charts/candle/CrosshairTooltip.tsx +3 -1
- package/src/charts/candle/DatetimeText.tsx +3 -3
- package/src/charts/candle/PriceText.tsx +4 -3
- package/src/charts/candle/types.ts +1 -7
- package/src/charts/candle/useCandlestickChart.ts +1 -1
- package/src/charts/candle/useDatetime.ts +3 -1
- package/src/charts/candle/usePrice.ts +5 -1
- package/src/charts/line/Axis.tsx +363 -0
- package/src/charts/line/Chart.tsx +10 -7
- package/src/charts/line/ChartPath.tsx +77 -18
- package/src/charts/line/Context.tsx +29 -18
- package/src/charts/line/Cursor.tsx +18 -9
- package/src/charts/line/CursorCrosshair.tsx +29 -9
- package/src/charts/line/CursorLine.tsx +177 -18
- package/src/charts/line/Data.tsx +6 -4
- package/src/charts/line/DatetimeText.tsx +14 -5
- package/src/charts/line/Dot.tsx +5 -4
- package/src/charts/line/Gradient.tsx +4 -7
- package/src/charts/line/Highlight.tsx +10 -6
- package/src/charts/line/HorizontalLine.tsx +2 -8
- package/src/charts/line/HoverTrap/index.web.tsx +93 -60
- package/src/charts/line/Path.tsx +12 -19
- package/src/charts/line/PriceText.tsx +76 -6
- package/src/charts/line/Tooltip.tsx +131 -64
- package/src/charts/line/index.ts +4 -1
- package/src/charts/line/types.ts +1 -2
- package/src/charts/line/useAnimatedPath.ts +1 -2
- package/src/charts/line/useDatetime.ts +13 -10
- package/src/charts/line/useLineChart.ts +1 -1
- package/src/charts/line/usePrice.ts +6 -4
- package/src/charts/line/utils/getArea.ts +12 -10
- package/src/charts/line/utils/getPath.ts +13 -10
- package/src/charts/line/utils/getXPositionForCurve.ts +1 -1
- package/src/charts/line/utils/interpolatePath.ts +2 -2
- package/src/components/AnimatedText.tsx +13 -20
- package/src/index.ts +1 -0
- package/src/types.ts +7 -0
- package/src/utils/formatPrice.ts +7 -7
- package/src/utils/usePrevious.ts +1 -1
|
@@ -1,42 +1,52 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
value: true
|
|
3
|
+
Object.defineProperty(exports, '__esModule', {
|
|
4
|
+
value: true,
|
|
5
5
|
});
|
|
6
6
|
exports.CandlestickChart = CandlestickChart;
|
|
7
7
|
exports.CandlestickChartDimensionsContext = void 0;
|
|
8
|
-
var
|
|
9
|
-
var _reactNative = require(
|
|
10
|
-
var _useCandlestickChart = require(
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
8
|
+
var _react = _interopRequireDefault(require('react'));
|
|
9
|
+
var _reactNative = require('react-native');
|
|
10
|
+
var _useCandlestickChart = require('./useCandlestickChart');
|
|
11
|
+
function _interopRequireDefault(e) {
|
|
12
|
+
return e && e.__esModule ? e : { default: e };
|
|
13
|
+
}
|
|
14
|
+
const CandlestickChartDimensionsContext =
|
|
15
|
+
(exports.CandlestickChartDimensionsContext =
|
|
16
|
+
/*#__PURE__*/ _react.default.createContext({
|
|
17
|
+
width: 0,
|
|
18
|
+
height: 0,
|
|
19
|
+
}));
|
|
20
|
+
const { width: screenWidth } = _reactNative.Dimensions.get('window');
|
|
20
21
|
function CandlestickChart({
|
|
21
22
|
children,
|
|
22
23
|
width = screenWidth,
|
|
23
24
|
height = screenWidth,
|
|
24
25
|
...props
|
|
25
26
|
}) {
|
|
26
|
-
const {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
} = (0, _useCandlestickChart.useCandlestickChart)();
|
|
30
|
-
React.useEffect(() => {
|
|
27
|
+
const { setWidth, setHeight } = (0,
|
|
28
|
+
_useCandlestickChart.useCandlestickChart)();
|
|
29
|
+
_react.default.useEffect(() => {
|
|
31
30
|
setWidth(width);
|
|
32
31
|
setHeight(height);
|
|
33
32
|
}, [height, setHeight, setWidth, width]);
|
|
34
|
-
const contextValue =
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
const contextValue = _react.default.useMemo(
|
|
34
|
+
() => ({
|
|
35
|
+
width,
|
|
36
|
+
height,
|
|
37
|
+
}),
|
|
38
|
+
[height, width]
|
|
39
|
+
);
|
|
40
|
+
return /*#__PURE__*/ _react.default.createElement(
|
|
41
|
+
CandlestickChartDimensionsContext.Provider,
|
|
42
|
+
{
|
|
43
|
+
value: contextValue,
|
|
44
|
+
},
|
|
45
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
46
|
+
_reactNative.View,
|
|
47
|
+
props,
|
|
48
|
+
children
|
|
49
|
+
)
|
|
50
|
+
);
|
|
41
51
|
}
|
|
42
|
-
//# sourceMappingURL=Chart.js.map
|
|
52
|
+
//# sourceMappingURL=Chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useCandlestickChart","e","__esModule","default","CandlestickChartDimensionsContext","exports","React","createContext","width","height","screenWidth","Dimensions","get","CandlestickChart","children","props","setWidth","setHeight","useCandlestickChart","useEffect","contextValue","useMemo","createElement","Provider","value","View"],"sourceRoot":"../../../../src","sources":["charts/candle/Chart.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAF,OAAA;AAA4D,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErD,MAAMG,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,gBAAGE,cAAK,CAACC,aAAa,CAAC;EACnEC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE;AACV,CAAC,CAAC;AAQF,MAAM;EAAED,KAAK,EAAEE;AAAY,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;AAEhD,SAASC,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRN,KAAK,GAAGE,WAAW;EACnBD,MAAM,GAAGC,WAAW;EACpB,GAAGK;AACkB,CAAC,EAAE;EACxB,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAErDZ,cAAK,CAACa,SAAS,CAAC,MAAM;IACpBH,QAAQ,CAACR,KAAK,CAAC;IACfS,SAAS,CAACR,MAAM,CAAC;EACnB,CAAC,EAAE,CAACA,MAAM,EAAEQ,SAAS,EAAED,QAAQ,EAAER,KAAK,CAAC,CAAC;EAExC,MAAMY,YAAY,GAAGd,cAAK,CAACe,OAAO,CAChC,OAAO;IACLb,KAAK;IACLC;EACF,CAAC,CAAC,EACF,CAACA,MAAM,EAAED,KAAK,CAChB,CAAC;EAED,oBACEZ,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAAClB,iCAAiC,CAACmB,QAAQ;IAACC,KAAK,EAAEJ;EAAa,gBAC9DxB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,YAAA,CAAA0B,IAAI,EAAKV,KAAK,EAAGD,QAAe,CACS,CAAC;AAEjD","ignoreList":[]}
|
|
@@ -1,54 +1,85 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
value: true
|
|
3
|
+
Object.defineProperty(exports, '__esModule', {
|
|
4
|
+
value: true,
|
|
5
5
|
});
|
|
6
6
|
exports.CandlestickChartContext = void 0;
|
|
7
7
|
exports.CandlestickChartProvider = CandlestickChartProvider;
|
|
8
|
-
var
|
|
9
|
-
var _reactNativeReanimated = require(
|
|
10
|
-
var _utils = require(
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
8
|
+
var _react = _interopRequireDefault(require('react'));
|
|
9
|
+
var _reactNativeReanimated = require('react-native-reanimated');
|
|
10
|
+
var _utils = require('./utils');
|
|
11
|
+
function _interopRequireDefault(e) {
|
|
12
|
+
return e && e.__esModule ? e : { default: e };
|
|
13
|
+
}
|
|
14
|
+
const CandlestickChartContext = (exports.CandlestickChartContext =
|
|
15
|
+
/*#__PURE__*/ _react.default.createContext({
|
|
16
|
+
currentX: {
|
|
17
|
+
value: -1,
|
|
18
|
+
},
|
|
19
|
+
currentY: {
|
|
20
|
+
value: -1,
|
|
21
|
+
},
|
|
22
|
+
currentIndex: {
|
|
23
|
+
value: -1,
|
|
24
|
+
},
|
|
25
|
+
data: [],
|
|
26
|
+
height: 0,
|
|
27
|
+
width: 0,
|
|
28
|
+
domain: [0, 0],
|
|
29
|
+
step: 0,
|
|
30
|
+
setWidth: () => undefined,
|
|
31
|
+
setHeight: () => undefined,
|
|
32
|
+
}));
|
|
28
33
|
function CandlestickChartProvider({
|
|
29
34
|
children,
|
|
30
35
|
data = [],
|
|
31
|
-
valueRangeY
|
|
36
|
+
valueRangeY,
|
|
37
|
+
onCurrentIndexChange,
|
|
32
38
|
}) {
|
|
33
|
-
const [width, setWidth] =
|
|
34
|
-
const [height, setHeight] =
|
|
39
|
+
const [width, setWidth] = _react.default.useState(0);
|
|
40
|
+
const [height, setHeight] = _react.default.useState(0);
|
|
35
41
|
const currentX = (0, _reactNativeReanimated.useSharedValue)(-1);
|
|
36
42
|
const currentY = (0, _reactNativeReanimated.useSharedValue)(-1);
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
width,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
const currentIndex = (0, _reactNativeReanimated.useSharedValue)(-1);
|
|
44
|
+
const domain = _react.default.useMemo(
|
|
45
|
+
() => valueRangeY ?? (0, _utils.getDomain)(data),
|
|
46
|
+
[data, valueRangeY]
|
|
47
|
+
);
|
|
48
|
+
const step = _react.default.useMemo(
|
|
49
|
+
() => width / data.length,
|
|
50
|
+
[data.length, width]
|
|
51
|
+
);
|
|
52
|
+
const contextValue = _react.default.useMemo(
|
|
53
|
+
() => ({
|
|
54
|
+
currentX,
|
|
55
|
+
currentY,
|
|
56
|
+
currentIndex,
|
|
57
|
+
data,
|
|
58
|
+
width,
|
|
59
|
+
height,
|
|
60
|
+
domain,
|
|
61
|
+
step,
|
|
62
|
+
setWidth,
|
|
63
|
+
setHeight,
|
|
64
|
+
}),
|
|
65
|
+
[currentIndex, currentX, currentY, data, domain, height, step, width]
|
|
66
|
+
);
|
|
67
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(
|
|
68
|
+
() => currentIndex.value,
|
|
69
|
+
(x, prevX) => {
|
|
70
|
+
if (x !== prevX && onCurrentIndexChange) {
|
|
71
|
+
(0, _reactNativeReanimated.runOnJS)(onCurrentIndexChange)(x);
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
[currentIndex]
|
|
75
|
+
);
|
|
76
|
+
return /*#__PURE__*/ _react.default.createElement(
|
|
77
|
+
CandlestickChartContext.Provider,
|
|
78
|
+
{
|
|
79
|
+
value: contextValue,
|
|
80
|
+
},
|
|
81
|
+
children
|
|
82
|
+
);
|
|
53
83
|
}
|
|
54
|
-
|
|
84
|
+
CandlestickChartProvider.displayName = 'CandlestickChartProvider';
|
|
85
|
+
//# sourceMappingURL=Context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_utils","e","__esModule","default","CandlestickChartContext","exports","React","createContext","currentX","value","currentY","currentIndex","data","height","width","domain","step","setWidth","undefined","setHeight","CandlestickChartProvider","children","valueRangeY","onCurrentIndexChange","useState","useSharedValue","useMemo","getDomain","length","contextValue","useAnimatedReaction","x","prevX","runOnJS","createElement","Provider","displayName"],"sourceRoot":"../../../../src","sources":["charts/candle/Context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAF,OAAA;AAAoC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7B,MAAMG,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAW;EACnEC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;EAAE,CAAwB;EAC9CC,QAAQ,EAAE;IAAED,KAAK,EAAE,CAAC;EAAE,CAAwB;EAC9CE,YAAY,EAAE;IAAEF,KAAK,EAAE,CAAC;EAAE,CAAwB;EAClDG,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAEA,CAAA,KAAMC,SAAS;EACzBC,SAAS,EAAEA,CAAA,KAAMD;AACnB,CAAC,CAAC;AASK,SAASE,wBAAwBA,CAAC;EACvCC,QAAQ;EACRT,IAAI,GAAG,EAAE;EACTU,WAAW;EACXC;AAC6B,CAAC,EAAE;EAChC,MAAM,CAACT,KAAK,EAAEG,QAAQ,CAAC,GAAGX,cAAK,CAACkB,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAM,CAACX,MAAM,EAAEM,SAAS,CAAC,GAAGb,cAAK,CAACkB,QAAQ,CAAC,CAAC,CAAC;EAC7C,MAAMhB,QAAQ,GAAG,IAAAiB,qCAAc,EAAC,CAAC,CAAC,CAAC;EACnC,MAAMf,QAAQ,GAAG,IAAAe,qCAAc,EAAC,CAAC,CAAC,CAAC;EACnC,MAAMd,YAAY,GAAG,IAAAc,qCAAc,EAAC,CAAC,CAAC,CAAC;EACvC,MAAMV,MAAM,GAAGT,cAAK,CAACoB,OAAO,CAC1B,MAAMJ,WAAW,IAAI,IAAAK,gBAAS,EAACf,IAAI,CAAC,EACpC,CAACA,IAAI,EAAEU,WAAW,CACpB,CAAC;EAED,MAAMN,IAAI,GAAGV,cAAK,CAACoB,OAAO,CAAC,MAAMZ,KAAK,GAAGF,IAAI,CAACgB,MAAM,EAAE,CAAChB,IAAI,CAACgB,MAAM,EAAEd,KAAK,CAAC,CAAC;EAE3E,MAAMe,YAAY,GAAGvB,cAAK,CAACoB,OAAO,CAChC,OAAO;IACLlB,QAAQ;IACRE,QAAQ;IACRC,YAAY;IACZC,IAAI;IACJE,KAAK;IACLD,MAAM;IACNE,MAAM;IACNC,IAAI;IACJC,QAAQ;IACRE;EACF,CAAC,CAAC,EACF,CAACR,YAAY,EAAEH,QAAQ,EAAEE,QAAQ,EAAEE,IAAI,EAAEG,MAAM,EAAEF,MAAM,EAAEG,IAAI,EAAEF,KAAK,CACtE,CAAC;EAED,IAAAgB,0CAAmB,EACjB,MAAMnB,YAAY,CAACF,KAAK,EACxB,CAACsB,CAAC,EAAEC,KAAK,KAAK;IACZ,IAAID,CAAC,KAAKC,KAAK,IAAIT,oBAAoB,EAAE;MACvC,IAAAU,8BAAO,EAACV,oBAAoB,CAAC,CAACQ,CAAC,CAAC;IAClC;EACF,CAAC,EACD,CAACpB,YAAY,CACf,CAAC;EAED,oBACEf,MAAA,CAAAO,OAAA,CAAA+B,aAAA,CAAC9B,uBAAuB,CAAC+B,QAAQ;IAAC1B,KAAK,EAAEoB;EAAa,GACnDR,QAC+B,CAAC;AAEvC;AAEAD,wBAAwB,CAACgB,WAAW,GAAG,0BAA0B","ignoreList":[]}
|
|
@@ -1,107 +1,217 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
value: true
|
|
3
|
+
Object.defineProperty(exports, '__esModule', {
|
|
4
|
+
value: true,
|
|
5
5
|
});
|
|
6
6
|
exports.CandlestickChartCrosshair = CandlestickChartCrosshair;
|
|
7
|
-
var
|
|
8
|
-
var _reactNative = require(
|
|
9
|
-
var _reactNativeGestureHandler = require(
|
|
10
|
-
var _reactNativeReanimated = _interopRequireWildcard(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
function
|
|
7
|
+
var _react = _interopRequireDefault(require('react'));
|
|
8
|
+
var _reactNative = require('react-native');
|
|
9
|
+
var _reactNativeGestureHandler = require('react-native-gesture-handler');
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(
|
|
11
|
+
require('react-native-reanimated')
|
|
12
|
+
);
|
|
13
|
+
var _reactNativeRedash = require('react-native-redash');
|
|
14
|
+
var _Chart = require('./Chart');
|
|
15
|
+
var _Line = require('./Line');
|
|
16
|
+
var _useCandlestickChart = require('./useCandlestickChart');
|
|
17
|
+
var _CrosshairTooltip = require('./CrosshairTooltip');
|
|
18
|
+
function _interopRequireWildcard(e, t) {
|
|
19
|
+
if ('function' == typeof WeakMap)
|
|
20
|
+
var r = new WeakMap(),
|
|
21
|
+
n = new WeakMap();
|
|
22
|
+
return (_interopRequireWildcard = function (e, t) {
|
|
23
|
+
if (!t && e && e.__esModule) return e;
|
|
24
|
+
var o,
|
|
25
|
+
i,
|
|
26
|
+
f = { __proto__: null, default: e };
|
|
27
|
+
if (null === e || ('object' != typeof e && 'function' != typeof e))
|
|
28
|
+
return f;
|
|
29
|
+
if ((o = t ? n : r)) {
|
|
30
|
+
if (o.has(e)) return o.get(e);
|
|
31
|
+
o.set(e, f);
|
|
32
|
+
}
|
|
33
|
+
for (const t in e)
|
|
34
|
+
'default' !== t &&
|
|
35
|
+
{}.hasOwnProperty.call(e, t) &&
|
|
36
|
+
((i =
|
|
37
|
+
(o = Object.defineProperty) &&
|
|
38
|
+
Object.getOwnPropertyDescriptor(e, t)) &&
|
|
39
|
+
(i.get || i.set)
|
|
40
|
+
? o(f, t, i)
|
|
41
|
+
: (f[t] = e[t]));
|
|
42
|
+
return f;
|
|
43
|
+
})(e, t);
|
|
44
|
+
}
|
|
45
|
+
function _interopRequireDefault(e) {
|
|
46
|
+
return e && e.__esModule ? e : { default: e };
|
|
47
|
+
}
|
|
48
|
+
function _extends() {
|
|
49
|
+
return (
|
|
50
|
+
(_extends = Object.assign
|
|
51
|
+
? Object.assign.bind()
|
|
52
|
+
: function (n) {
|
|
53
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
54
|
+
var t = arguments[e];
|
|
55
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
56
|
+
}
|
|
57
|
+
return n;
|
|
58
|
+
}),
|
|
59
|
+
_extends.apply(null, arguments)
|
|
60
|
+
);
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Threshold in pixels from the left edge of the chart. When the cursor is
|
|
64
|
+
* within this distance, the tooltip will be positioned on the right side.
|
|
65
|
+
*/
|
|
66
|
+
const TOOLTIP_POSITION_THRESHOLD = 100;
|
|
19
67
|
function CandlestickChartCrosshair({
|
|
20
68
|
color,
|
|
21
69
|
onCurrentXChange,
|
|
22
70
|
children,
|
|
23
71
|
horizontalCrosshairProps = {},
|
|
24
72
|
verticalCrosshairProps = {},
|
|
25
|
-
lineProps = {}
|
|
73
|
+
lineProps = {},
|
|
74
|
+
minDurationMs = 0,
|
|
26
75
|
}) {
|
|
27
|
-
const {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
} =
|
|
31
|
-
|
|
32
|
-
currentX,
|
|
33
|
-
currentY,
|
|
34
|
-
step
|
|
35
|
-
} = (0, _useCandlestickChart.useCandlestickChart)();
|
|
76
|
+
const { width, height } = _react.default.useContext(
|
|
77
|
+
_Chart.CandlestickChartDimensionsContext
|
|
78
|
+
);
|
|
79
|
+
const { currentX, currentY, currentIndex, step } = (0,
|
|
80
|
+
_useCandlestickChart.useCandlestickChart)();
|
|
36
81
|
const tooltipPosition = (0, _reactNativeReanimated.useSharedValue)('left');
|
|
37
82
|
const opacity = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
38
83
|
const updatePosition = (x, y) => {
|
|
39
84
|
'worklet';
|
|
40
85
|
|
|
41
86
|
const boundedX = x <= width - 1 ? x : width - 1;
|
|
42
|
-
if (boundedX <
|
|
87
|
+
if (boundedX < TOOLTIP_POSITION_THRESHOLD) {
|
|
43
88
|
tooltipPosition.value = 'right';
|
|
44
89
|
} else {
|
|
45
90
|
tooltipPosition.value = 'left';
|
|
46
91
|
}
|
|
47
92
|
currentY.value = (0, _reactNativeRedash.clamp)(y, 0, height);
|
|
48
|
-
currentX.value = boundedX - boundedX % step + step / 2;
|
|
93
|
+
currentX.value = boundedX - (boundedX % step) + step / 2;
|
|
94
|
+
currentIndex.value = Math.floor(boundedX / step);
|
|
49
95
|
};
|
|
50
|
-
const longPressGesture = _reactNativeGestureHandler.Gesture.LongPress()
|
|
51
|
-
|
|
96
|
+
const longPressGesture = _reactNativeGestureHandler.Gesture.LongPress()
|
|
97
|
+
.minDuration(minDurationMs)
|
|
98
|
+
.maxDistance(999999)
|
|
99
|
+
.onStart((event) => {
|
|
100
|
+
'worklet';
|
|
52
101
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
102
|
+
opacity.value = 1;
|
|
103
|
+
updatePosition(event.x, event.y);
|
|
104
|
+
})
|
|
105
|
+
.onTouchesMove((event) => {
|
|
106
|
+
'worklet';
|
|
57
107
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
108
|
+
if (
|
|
109
|
+
opacity.value === 1 &&
|
|
110
|
+
event.allTouches.length > 0 &&
|
|
111
|
+
event.allTouches[0]
|
|
112
|
+
) {
|
|
113
|
+
updatePosition(event.allTouches[0].x, event.allTouches[0].y);
|
|
114
|
+
}
|
|
115
|
+
})
|
|
116
|
+
.onEnd(() => {
|
|
117
|
+
'worklet';
|
|
63
118
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
(0, _reactNativeReanimated.
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
119
|
+
opacity.value = 0;
|
|
120
|
+
currentY.value = -1;
|
|
121
|
+
currentX.value = -1;
|
|
122
|
+
currentIndex.value = -1;
|
|
123
|
+
});
|
|
124
|
+
const horizontal = (0, _reactNativeReanimated.useAnimatedStyle)(
|
|
125
|
+
() => ({
|
|
126
|
+
opacity: opacity.value,
|
|
127
|
+
transform: [
|
|
128
|
+
{
|
|
129
|
+
translateY: currentY.value,
|
|
130
|
+
},
|
|
131
|
+
],
|
|
132
|
+
}),
|
|
133
|
+
[opacity, currentY]
|
|
134
|
+
);
|
|
135
|
+
const vertical = (0, _reactNativeReanimated.useAnimatedStyle)(
|
|
136
|
+
() => ({
|
|
137
|
+
opacity: opacity.value,
|
|
138
|
+
transform: [
|
|
139
|
+
{
|
|
140
|
+
translateX: currentX.value,
|
|
141
|
+
},
|
|
142
|
+
],
|
|
143
|
+
}),
|
|
144
|
+
[opacity, currentX]
|
|
145
|
+
);
|
|
146
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(
|
|
147
|
+
() => currentX.value,
|
|
148
|
+
(data, prevData) => {
|
|
149
|
+
if (data !== -1 && data !== prevData && onCurrentXChange) {
|
|
150
|
+
(0, _reactNativeReanimated.runOnJS)(onCurrentXChange)(data);
|
|
151
|
+
}
|
|
152
|
+
},
|
|
153
|
+
[currentX]
|
|
154
|
+
);
|
|
155
|
+
return /*#__PURE__*/ _react.default.createElement(
|
|
156
|
+
_reactNativeGestureHandler.GestureDetector,
|
|
157
|
+
{
|
|
158
|
+
gesture: longPressGesture,
|
|
159
|
+
},
|
|
160
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
161
|
+
_reactNativeReanimated.default.View,
|
|
162
|
+
{
|
|
163
|
+
style: _reactNative.StyleSheet.absoluteFill,
|
|
164
|
+
},
|
|
165
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
166
|
+
_reactNativeReanimated.default.View,
|
|
167
|
+
_extends(
|
|
168
|
+
{
|
|
169
|
+
style: [_reactNative.StyleSheet.absoluteFill, horizontal],
|
|
170
|
+
},
|
|
171
|
+
horizontalCrosshairProps
|
|
172
|
+
),
|
|
173
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
174
|
+
_Line.CandlestickChartLine,
|
|
175
|
+
_extends(
|
|
176
|
+
{
|
|
177
|
+
color: color,
|
|
178
|
+
x: width,
|
|
179
|
+
y: 0,
|
|
180
|
+
},
|
|
181
|
+
lineProps
|
|
182
|
+
)
|
|
183
|
+
),
|
|
184
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
185
|
+
_CrosshairTooltip.CandlestickChartCrosshairTooltipContext.Provider,
|
|
186
|
+
{
|
|
187
|
+
value: {
|
|
188
|
+
position: tooltipPosition,
|
|
189
|
+
},
|
|
190
|
+
},
|
|
191
|
+
children
|
|
192
|
+
)
|
|
193
|
+
),
|
|
194
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
195
|
+
_reactNativeReanimated.default.View,
|
|
196
|
+
_extends(
|
|
197
|
+
{
|
|
198
|
+
style: [_reactNative.StyleSheet.absoluteFill, vertical],
|
|
199
|
+
},
|
|
200
|
+
verticalCrosshairProps
|
|
201
|
+
),
|
|
202
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
203
|
+
_Line.CandlestickChartLine,
|
|
204
|
+
_extends(
|
|
205
|
+
{
|
|
206
|
+
color: color,
|
|
207
|
+
x: 0,
|
|
208
|
+
y: height,
|
|
209
|
+
},
|
|
210
|
+
lineProps
|
|
211
|
+
)
|
|
212
|
+
)
|
|
213
|
+
)
|
|
214
|
+
)
|
|
215
|
+
);
|
|
106
216
|
}
|
|
107
|
-
//# sourceMappingURL=Crosshair.js.map
|
|
217
|
+
//# sourceMappingURL=Crosshair.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_reactNativeRedash","_Chart","_Line","_useCandlestickChart","_CrosshairTooltip","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","TOOLTIP_POSITION_THRESHOLD","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","minDurationMs","width","height","React","useContext","CandlestickChartDimensionsContext","currentX","currentY","currentIndex","step","useCandlestickChart","tooltipPosition","useSharedValue","opacity","updatePosition","x","y","boundedX","value","clamp","Math","floor","longPressGesture","Gesture","LongPress","minDuration","maxDistance","onStart","event","onTouchesMove","allTouches","onEnd","horizontal","useAnimatedStyle","transform","translateY","vertical","translateX","useAnimatedReaction","data","prevData","runOnJS","createElement","GestureDetector","gesture","View","style","StyleSheet","absoluteFill","CandlestickChartLine","CandlestickChartCrosshairTooltipContext","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":"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","ignoreList":[]}
|