react-native-wagmi-charts 2.7.3 → 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 +190 -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 +129 -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 +151 -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 +86 -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 +18 -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 +16 -10
- 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 +15 -8
- 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 -13
- package/lib/typescript/src/charts/line/Cursor.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/CursorCrosshair.d.ts +24 -12
- 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 +15 -9
- package/lib/typescript/src/charts/line/DatetimeText.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Dot.d.ts +39 -26
- package/lib/typescript/src/charts/line/Dot.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Gradient.d.ts +9 -5
- 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 +17 -9
- 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 +28 -23
- package/lib/typescript/src/charts/line/Path.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/PriceText.d.ts +29 -13
- package/lib/typescript/src/charts/line/PriceText.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Tooltip.d.ts +34 -22
- 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 +20 -8
- package/src/charts/candle/CrosshairTooltip.tsx +3 -1
- package/src/charts/candle/DatetimeText.tsx +1 -1
- package/src/charts/candle/PriceText.tsx +2 -1
- 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 +15 -11
- package/src/charts/line/CursorCrosshair.tsx +27 -8
- package/src/charts/line/CursorLine.tsx +177 -18
- package/src/charts/line/Data.tsx +6 -4
- package/src/charts/line/DatetimeText.tsx +12 -3
- package/src/charts/line/Dot.tsx +2 -2
- package/src/charts/line/Gradient.tsx +2 -5
- package/src/charts/line/Highlight.tsx +8 -4
- package/src/charts/line/HorizontalLine.tsx +2 -8
- package/src/charts/line/HoverTrap/index.web.tsx +93 -60
- package/src/charts/line/Path.tsx +10 -17
- package/src/charts/line/PriceText.tsx +74 -4
- package/src/charts/line/Tooltip.tsx +129 -63
- 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,12 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import {
|
|
3
|
+
runOnJS,
|
|
4
|
+
useAnimatedReaction,
|
|
5
|
+
useSharedValue,
|
|
6
|
+
} from 'react-native-reanimated';
|
|
3
7
|
import { getDomain } from './utils';
|
|
4
|
-
export const CandlestickChartContext = /*#__PURE__*/React.createContext({
|
|
8
|
+
export const CandlestickChartContext = /*#__PURE__*/ React.createContext({
|
|
5
9
|
currentX: {
|
|
6
|
-
value: -1
|
|
10
|
+
value: -1,
|
|
7
11
|
},
|
|
8
12
|
currentY: {
|
|
9
|
-
value: -1
|
|
13
|
+
value: -1,
|
|
14
|
+
},
|
|
15
|
+
currentIndex: {
|
|
16
|
+
value: -1,
|
|
10
17
|
},
|
|
11
18
|
data: [],
|
|
12
19
|
height: 0,
|
|
@@ -14,32 +21,55 @@ export const CandlestickChartContext = /*#__PURE__*/React.createContext({
|
|
|
14
21
|
domain: [0, 0],
|
|
15
22
|
step: 0,
|
|
16
23
|
setWidth: () => undefined,
|
|
17
|
-
setHeight: () => undefined
|
|
24
|
+
setHeight: () => undefined,
|
|
18
25
|
});
|
|
19
26
|
export function CandlestickChartProvider({
|
|
20
27
|
children,
|
|
21
28
|
data = [],
|
|
22
|
-
valueRangeY
|
|
29
|
+
valueRangeY,
|
|
30
|
+
onCurrentIndexChange,
|
|
23
31
|
}) {
|
|
24
32
|
const [width, setWidth] = React.useState(0);
|
|
25
33
|
const [height, setHeight] = React.useState(0);
|
|
26
34
|
const currentX = useSharedValue(-1);
|
|
27
35
|
const currentY = useSharedValue(-1);
|
|
28
|
-
const
|
|
36
|
+
const currentIndex = useSharedValue(-1);
|
|
37
|
+
const domain = React.useMemo(
|
|
38
|
+
() => valueRangeY ?? getDomain(data),
|
|
39
|
+
[data, valueRangeY]
|
|
40
|
+
);
|
|
29
41
|
const step = React.useMemo(() => width / data.length, [data.length, width]);
|
|
30
|
-
const contextValue = React.useMemo(
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
const contextValue = React.useMemo(
|
|
43
|
+
() => ({
|
|
44
|
+
currentX,
|
|
45
|
+
currentY,
|
|
46
|
+
currentIndex,
|
|
47
|
+
data,
|
|
48
|
+
width,
|
|
49
|
+
height,
|
|
50
|
+
domain,
|
|
51
|
+
step,
|
|
52
|
+
setWidth,
|
|
53
|
+
setHeight,
|
|
54
|
+
}),
|
|
55
|
+
[currentIndex, currentX, currentY, data, domain, height, step, width]
|
|
56
|
+
);
|
|
57
|
+
useAnimatedReaction(
|
|
58
|
+
() => currentIndex.value,
|
|
59
|
+
(x, prevX) => {
|
|
60
|
+
if (x !== prevX && onCurrentIndexChange) {
|
|
61
|
+
runOnJS(onCurrentIndexChange)(x);
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
[currentIndex]
|
|
65
|
+
);
|
|
66
|
+
return /*#__PURE__*/ React.createElement(
|
|
67
|
+
CandlestickChartContext.Provider,
|
|
68
|
+
{
|
|
69
|
+
value: contextValue,
|
|
70
|
+
},
|
|
71
|
+
children
|
|
72
|
+
);
|
|
44
73
|
}
|
|
45
|
-
|
|
74
|
+
CandlestickChartProvider.displayName = 'CandlestickChartProvider';
|
|
75
|
+
//# sourceMappingURL=Context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useSharedValue","getDomain","CandlestickChartContext","createContext","currentX","value","currentY","data","height","width","domain","step","setWidth","undefined","setHeight","CandlestickChartProvider","children","valueRangeY","useState","useMemo","length","contextValue","createElement","Provider"],"sourceRoot":"../../../../src","sources":["charts/candle/Context.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","runOnJS","useAnimatedReaction","useSharedValue","getDomain","CandlestickChartContext","createContext","currentX","value","currentY","currentIndex","data","height","width","domain","step","setWidth","undefined","setHeight","CandlestickChartProvider","children","valueRangeY","onCurrentIndexChange","useState","useMemo","length","contextValue","x","prevX","createElement","Provider","displayName"],"sourceRoot":"../../../../src","sources":["charts/candle/Context.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,OAAO,EAEPC,mBAAmB,EACnBC,cAAc,QACT,yBAAyB;AAGhC,SAASC,SAAS,QAAQ,SAAS;AAEnC,OAAO,MAAMC,uBAAuB,gBAAGL,KAAK,CAACM,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;AASF,OAAO,SAASE,wBAAwBA,CAAC;EACvCC,QAAQ;EACRT,IAAI,GAAG,EAAE;EACTU,WAAW;EACXC;AAC6B,CAAC,EAAE;EAChC,MAAM,CAACT,KAAK,EAAEG,QAAQ,CAAC,GAAGhB,KAAK,CAACuB,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAM,CAACX,MAAM,EAAEM,SAAS,CAAC,GAAGlB,KAAK,CAACuB,QAAQ,CAAC,CAAC,CAAC;EAC7C,MAAMhB,QAAQ,GAAGJ,cAAc,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMM,QAAQ,GAAGN,cAAc,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMO,YAAY,GAAGP,cAAc,CAAC,CAAC,CAAC,CAAC;EACvC,MAAMW,MAAM,GAAGd,KAAK,CAACwB,OAAO,CAC1B,MAAMH,WAAW,IAAIjB,SAAS,CAACO,IAAI,CAAC,EACpC,CAACA,IAAI,EAAEU,WAAW,CACpB,CAAC;EAED,MAAMN,IAAI,GAAGf,KAAK,CAACwB,OAAO,CAAC,MAAMX,KAAK,GAAGF,IAAI,CAACc,MAAM,EAAE,CAACd,IAAI,CAACc,MAAM,EAAEZ,KAAK,CAAC,CAAC;EAE3E,MAAMa,YAAY,GAAG1B,KAAK,CAACwB,OAAO,CAChC,OAAO;IACLjB,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;EAEDX,mBAAmB,CACjB,MAAMQ,YAAY,CAACF,KAAK,EACxB,CAACmB,CAAC,EAAEC,KAAK,KAAK;IACZ,IAAID,CAAC,KAAKC,KAAK,IAAIN,oBAAoB,EAAE;MACvCrB,OAAO,CAACqB,oBAAoB,CAAC,CAACK,CAAC,CAAC;IAClC;EACF,CAAC,EACD,CAACjB,YAAY,CACf,CAAC;EAED,oBACEV,KAAA,CAAA6B,aAAA,CAACxB,uBAAuB,CAACyB,QAAQ;IAACtB,KAAK,EAAEkB;EAAa,GACnDN,QAC+B,CAAC;AAEvC;AAEAD,wBAAwB,CAACY,WAAW,GAAG,0BAA0B","ignoreList":[]}
|
|
@@ -1,13 +1,37 @@
|
|
|
1
|
-
function _extends() {
|
|
2
|
-
|
|
1
|
+
function _extends() {
|
|
2
|
+
return (
|
|
3
|
+
(_extends = Object.assign
|
|
4
|
+
? Object.assign.bind()
|
|
5
|
+
: function (n) {
|
|
6
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
7
|
+
var t = arguments[e];
|
|
8
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
9
|
+
}
|
|
10
|
+
return n;
|
|
11
|
+
}),
|
|
12
|
+
_extends.apply(null, arguments)
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
import React from 'react';
|
|
3
16
|
import { StyleSheet } from 'react-native';
|
|
4
17
|
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
5
|
-
import Animated, {
|
|
18
|
+
import Animated, {
|
|
19
|
+
useSharedValue,
|
|
20
|
+
useAnimatedStyle,
|
|
21
|
+
useAnimatedReaction,
|
|
22
|
+
runOnJS,
|
|
23
|
+
} from 'react-native-reanimated';
|
|
6
24
|
import { clamp } from 'react-native-redash';
|
|
7
25
|
import { CandlestickChartDimensionsContext } from './Chart';
|
|
8
26
|
import { CandlestickChartLine } from './Line';
|
|
9
27
|
import { useCandlestickChart } from './useCandlestickChart';
|
|
10
28
|
import { CandlestickChartCrosshairTooltipContext } from './CrosshairTooltip';
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Threshold in pixels from the left edge of the chart. When the cursor is
|
|
32
|
+
* within this distance, the tooltip will be positioned on the right side.
|
|
33
|
+
*/
|
|
34
|
+
const TOOLTIP_POSITION_THRESHOLD = 100;
|
|
11
35
|
export function CandlestickChartCrosshair({
|
|
12
36
|
color,
|
|
13
37
|
onCurrentXChange,
|
|
@@ -15,86 +39,144 @@ export function CandlestickChartCrosshair({
|
|
|
15
39
|
horizontalCrosshairProps = {},
|
|
16
40
|
verticalCrosshairProps = {},
|
|
17
41
|
lineProps = {},
|
|
18
|
-
minDurationMs = 0
|
|
42
|
+
minDurationMs = 0,
|
|
19
43
|
}) {
|
|
20
|
-
const {
|
|
21
|
-
|
|
22
|
-
height
|
|
23
|
-
} = React.useContext(CandlestickChartDimensionsContext);
|
|
24
|
-
const {
|
|
25
|
-
currentX,
|
|
26
|
-
currentY,
|
|
27
|
-
step
|
|
28
|
-
} = useCandlestickChart();
|
|
44
|
+
const { width, height } = React.useContext(CandlestickChartDimensionsContext);
|
|
45
|
+
const { currentX, currentY, currentIndex, step } = useCandlestickChart();
|
|
29
46
|
const tooltipPosition = useSharedValue('left');
|
|
30
47
|
const opacity = useSharedValue(0);
|
|
31
48
|
const updatePosition = (x, y) => {
|
|
32
49
|
'worklet';
|
|
33
50
|
|
|
34
51
|
const boundedX = x <= width - 1 ? x : width - 1;
|
|
35
|
-
if (boundedX <
|
|
52
|
+
if (boundedX < TOOLTIP_POSITION_THRESHOLD) {
|
|
36
53
|
tooltipPosition.value = 'right';
|
|
37
54
|
} else {
|
|
38
55
|
tooltipPosition.value = 'left';
|
|
39
56
|
}
|
|
40
57
|
currentY.value = clamp(y, 0, height);
|
|
41
|
-
currentX.value = boundedX - boundedX % step + step / 2;
|
|
58
|
+
currentX.value = boundedX - (boundedX % step) + step / 2;
|
|
59
|
+
currentIndex.value = Math.floor(boundedX / step);
|
|
42
60
|
};
|
|
43
|
-
const longPressGesture = Gesture.LongPress()
|
|
44
|
-
|
|
61
|
+
const longPressGesture = Gesture.LongPress()
|
|
62
|
+
.minDuration(minDurationMs)
|
|
63
|
+
.maxDistance(999999)
|
|
64
|
+
.onStart((event) => {
|
|
65
|
+
'worklet';
|
|
45
66
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
67
|
+
opacity.value = 1;
|
|
68
|
+
updatePosition(event.x, event.y);
|
|
69
|
+
})
|
|
70
|
+
.onTouchesMove((event) => {
|
|
71
|
+
'worklet';
|
|
50
72
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
73
|
+
if (
|
|
74
|
+
opacity.value === 1 &&
|
|
75
|
+
event.allTouches.length > 0 &&
|
|
76
|
+
event.allTouches[0]
|
|
77
|
+
) {
|
|
78
|
+
updatePosition(event.allTouches[0].x, event.allTouches[0].y);
|
|
79
|
+
}
|
|
80
|
+
})
|
|
81
|
+
.onEnd(() => {
|
|
82
|
+
'worklet';
|
|
56
83
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
84
|
+
opacity.value = 0;
|
|
85
|
+
currentY.value = -1;
|
|
86
|
+
currentX.value = -1;
|
|
87
|
+
currentIndex.value = -1;
|
|
88
|
+
});
|
|
89
|
+
const horizontal = useAnimatedStyle(
|
|
90
|
+
() => ({
|
|
91
|
+
opacity: opacity.value,
|
|
92
|
+
transform: [
|
|
93
|
+
{
|
|
94
|
+
translateY: currentY.value,
|
|
95
|
+
},
|
|
96
|
+
],
|
|
97
|
+
}),
|
|
98
|
+
[opacity, currentY]
|
|
99
|
+
);
|
|
100
|
+
const vertical = useAnimatedStyle(
|
|
101
|
+
() => ({
|
|
102
|
+
opacity: opacity.value,
|
|
103
|
+
transform: [
|
|
104
|
+
{
|
|
105
|
+
translateX: currentX.value,
|
|
106
|
+
},
|
|
107
|
+
],
|
|
108
|
+
}),
|
|
109
|
+
[opacity, currentX]
|
|
110
|
+
);
|
|
111
|
+
useAnimatedReaction(
|
|
112
|
+
() => currentX.value,
|
|
113
|
+
(data, prevData) => {
|
|
114
|
+
if (data !== -1 && data !== prevData && onCurrentXChange) {
|
|
115
|
+
runOnJS(onCurrentXChange)(data);
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
[currentX]
|
|
119
|
+
);
|
|
120
|
+
return /*#__PURE__*/ React.createElement(
|
|
121
|
+
GestureDetector,
|
|
122
|
+
{
|
|
123
|
+
gesture: longPressGesture,
|
|
124
|
+
},
|
|
125
|
+
/*#__PURE__*/ React.createElement(
|
|
126
|
+
Animated.View,
|
|
127
|
+
{
|
|
128
|
+
style: StyleSheet.absoluteFill,
|
|
129
|
+
},
|
|
130
|
+
/*#__PURE__*/ React.createElement(
|
|
131
|
+
Animated.View,
|
|
132
|
+
_extends(
|
|
133
|
+
{
|
|
134
|
+
style: [StyleSheet.absoluteFill, horizontal],
|
|
135
|
+
},
|
|
136
|
+
horizontalCrosshairProps
|
|
137
|
+
),
|
|
138
|
+
/*#__PURE__*/ React.createElement(
|
|
139
|
+
CandlestickChartLine,
|
|
140
|
+
_extends(
|
|
141
|
+
{
|
|
142
|
+
color: color,
|
|
143
|
+
x: width,
|
|
144
|
+
y: 0,
|
|
145
|
+
},
|
|
146
|
+
lineProps
|
|
147
|
+
)
|
|
148
|
+
),
|
|
149
|
+
/*#__PURE__*/ React.createElement(
|
|
150
|
+
CandlestickChartCrosshairTooltipContext.Provider,
|
|
151
|
+
{
|
|
152
|
+
value: {
|
|
153
|
+
position: tooltipPosition,
|
|
154
|
+
},
|
|
155
|
+
},
|
|
156
|
+
children
|
|
157
|
+
)
|
|
158
|
+
),
|
|
159
|
+
/*#__PURE__*/ React.createElement(
|
|
160
|
+
Animated.View,
|
|
161
|
+
_extends(
|
|
162
|
+
{
|
|
163
|
+
style: [StyleSheet.absoluteFill, vertical],
|
|
164
|
+
},
|
|
165
|
+
verticalCrosshairProps
|
|
166
|
+
),
|
|
167
|
+
/*#__PURE__*/ React.createElement(
|
|
168
|
+
CandlestickChartLine,
|
|
169
|
+
_extends(
|
|
170
|
+
{
|
|
171
|
+
color: color,
|
|
172
|
+
x: 0,
|
|
173
|
+
y: height,
|
|
174
|
+
},
|
|
175
|
+
lineProps
|
|
176
|
+
)
|
|
177
|
+
)
|
|
178
|
+
)
|
|
179
|
+
)
|
|
180
|
+
);
|
|
99
181
|
}
|
|
100
|
-
//# sourceMappingURL=Crosshair.js.map
|
|
182
|
+
//# sourceMappingURL=Crosshair.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Gesture","GestureDetector","Animated","useSharedValue","useAnimatedStyle","useAnimatedReaction","runOnJS","clamp","CandlestickChartDimensionsContext","CandlestickChartLine","useCandlestickChart","CandlestickChartCrosshairTooltipContext","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","minDurationMs","width","height","useContext","currentX","currentY","step","tooltipPosition","opacity","updatePosition","x","y","boundedX","value","longPressGesture","LongPress","minDuration","maxDistance","onStart","event","onTouchesMove","allTouches","length","onEnd","horizontal","transform","translateY","vertical","translateX","data","prevData","createElement","gesture","View","style","absoluteFill","_extends","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Gesture","GestureDetector","Animated","useSharedValue","useAnimatedStyle","useAnimatedReaction","runOnJS","clamp","CandlestickChartDimensionsContext","CandlestickChartLine","useCandlestickChart","CandlestickChartCrosshairTooltipContext","TOOLTIP_POSITION_THRESHOLD","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","minDurationMs","width","height","useContext","currentX","currentY","currentIndex","step","tooltipPosition","opacity","updatePosition","x","y","boundedX","value","Math","floor","longPressGesture","LongPress","minDuration","maxDistance","onStart","event","onTouchesMove","allTouches","length","onEnd","horizontal","transform","translateY","vertical","translateX","data","prevData","createElement","gesture","View","style","absoluteFill","_extends","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,15 +1,33 @@
|
|
|
1
|
-
function _extends() {
|
|
2
|
-
|
|
1
|
+
function _extends() {
|
|
2
|
+
return (
|
|
3
|
+
(_extends = Object.assign
|
|
4
|
+
? Object.assign.bind()
|
|
5
|
+
: function (n) {
|
|
6
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
7
|
+
var t = arguments[e];
|
|
8
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
9
|
+
}
|
|
10
|
+
return n;
|
|
11
|
+
}),
|
|
12
|
+
_extends.apply(null, arguments)
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
import React from 'react';
|
|
3
16
|
import { StyleSheet } from 'react-native';
|
|
4
|
-
import Animated, {
|
|
17
|
+
import Animated, {
|
|
18
|
+
useAnimatedStyle,
|
|
19
|
+
useDerivedValue,
|
|
20
|
+
useSharedValue,
|
|
21
|
+
} from 'react-native-reanimated';
|
|
5
22
|
import { CandlestickChartDimensionsContext } from './Chart';
|
|
6
23
|
import { useCandlestickChart } from './useCandlestickChart';
|
|
7
24
|
import { CandlestickChartPriceText } from './PriceText';
|
|
8
|
-
export const CandlestickChartCrosshairTooltipContext =
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
25
|
+
export const CandlestickChartCrosshairTooltipContext =
|
|
26
|
+
/*#__PURE__*/ React.createContext({
|
|
27
|
+
position: {
|
|
28
|
+
value: 'left',
|
|
29
|
+
},
|
|
30
|
+
});
|
|
13
31
|
export function CandlestickChartCrosshairTooltip({
|
|
14
32
|
children,
|
|
15
33
|
xGutter = 8,
|
|
@@ -18,22 +36,20 @@ export function CandlestickChartCrosshairTooltip({
|
|
|
18
36
|
textStyle,
|
|
19
37
|
...props
|
|
20
38
|
}) {
|
|
21
|
-
const {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
currentY
|
|
27
|
-
} = useCandlestickChart();
|
|
28
|
-
const {
|
|
29
|
-
position
|
|
30
|
-
} = React.useContext(CandlestickChartCrosshairTooltipContext);
|
|
39
|
+
const { width, height } = React.useContext(CandlestickChartDimensionsContext);
|
|
40
|
+
const { currentY } = useCandlestickChart();
|
|
41
|
+
const { position } = React.useContext(
|
|
42
|
+
CandlestickChartCrosshairTooltipContext
|
|
43
|
+
);
|
|
31
44
|
const elementHeight = useSharedValue(0);
|
|
32
45
|
const elementWidth = useSharedValue(0);
|
|
33
|
-
const handleLayout = React.useCallback(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
46
|
+
const handleLayout = React.useCallback(
|
|
47
|
+
(event) => {
|
|
48
|
+
elementHeight.value = event.nativeEvent.layout.height;
|
|
49
|
+
elementWidth.value = event.nativeEvent.layout.width;
|
|
50
|
+
},
|
|
51
|
+
[elementHeight, elementWidth]
|
|
52
|
+
);
|
|
37
53
|
const topOffset = useDerivedValue(() => {
|
|
38
54
|
let offset = 0;
|
|
39
55
|
if (currentY.value < elementHeight.value / 2 + yGutter) {
|
|
@@ -43,37 +59,71 @@ export function CandlestickChartCrosshairTooltip({
|
|
|
43
59
|
}
|
|
44
60
|
return offset;
|
|
45
61
|
}, [currentY, elementHeight, height, yGutter]);
|
|
46
|
-
const tooltip = useAnimatedStyle(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
62
|
+
const tooltip = useAnimatedStyle(
|
|
63
|
+
() => ({
|
|
64
|
+
backgroundColor: 'white',
|
|
65
|
+
position: 'absolute',
|
|
66
|
+
display: 'flex',
|
|
67
|
+
padding: 4,
|
|
68
|
+
}),
|
|
69
|
+
[]
|
|
70
|
+
);
|
|
71
|
+
const leftTooltip = useAnimatedStyle(
|
|
72
|
+
() => ({
|
|
73
|
+
left: xGutter,
|
|
74
|
+
top: -(elementHeight.value / 2) - topOffset.value,
|
|
75
|
+
opacity: position.value === 'left' ? 1 : 0,
|
|
76
|
+
}),
|
|
77
|
+
[elementHeight, position, topOffset, xGutter]
|
|
78
|
+
);
|
|
79
|
+
const rightTooltip = useAnimatedStyle(
|
|
80
|
+
() => ({
|
|
81
|
+
left: width - elementWidth.value - xGutter,
|
|
82
|
+
top: -(elementHeight.value / 2) - topOffset.value,
|
|
83
|
+
opacity: position.value === 'right' ? 1 : 0,
|
|
84
|
+
}),
|
|
85
|
+
[elementHeight, elementWidth, position, topOffset, width, xGutter]
|
|
86
|
+
);
|
|
87
|
+
return /*#__PURE__*/ React.createElement(
|
|
88
|
+
React.Fragment,
|
|
89
|
+
null,
|
|
90
|
+
/*#__PURE__*/ React.createElement(
|
|
91
|
+
Animated.View,
|
|
92
|
+
_extends(
|
|
93
|
+
{
|
|
94
|
+
onLayout: handleLayout,
|
|
95
|
+
},
|
|
96
|
+
props,
|
|
97
|
+
{
|
|
98
|
+
style: [tooltip, leftTooltip, props.style],
|
|
99
|
+
}
|
|
100
|
+
),
|
|
101
|
+
children ||
|
|
102
|
+
/*#__PURE__*/ React.createElement(
|
|
103
|
+
CandlestickChartPriceText,
|
|
104
|
+
_extends({}, tooltipTextProps, {
|
|
105
|
+
style: [styles.text, tooltipTextProps?.style, textStyle],
|
|
106
|
+
})
|
|
107
|
+
)
|
|
108
|
+
),
|
|
109
|
+
/*#__PURE__*/ React.createElement(
|
|
110
|
+
Animated.View,
|
|
111
|
+
_extends({}, props, {
|
|
112
|
+
style: [tooltip, rightTooltip, props.style],
|
|
113
|
+
}),
|
|
114
|
+
children ||
|
|
115
|
+
/*#__PURE__*/ React.createElement(
|
|
116
|
+
CandlestickChartPriceText,
|
|
117
|
+
_extends({}, tooltipTextProps, {
|
|
118
|
+
style: [styles.text, tooltipTextProps?.style, textStyle],
|
|
119
|
+
})
|
|
120
|
+
)
|
|
121
|
+
)
|
|
122
|
+
);
|
|
73
123
|
}
|
|
74
124
|
const styles = StyleSheet.create({
|
|
75
125
|
text: {
|
|
76
|
-
fontSize: 14
|
|
77
|
-
}
|
|
126
|
+
fontSize: 14,
|
|
127
|
+
},
|
|
78
128
|
});
|
|
79
|
-
//# sourceMappingURL=CrosshairTooltip.js.map
|
|
129
|
+
//# sourceMappingURL=CrosshairTooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","CandlestickChartDimensionsContext","useCandlestickChart","CandlestickChartPriceText","CandlestickChartCrosshairTooltipContext","createContext","position","value","CandlestickChartCrosshairTooltip","children","xGutter","yGutter","tooltipTextProps","textStyle","props","width","height","useContext","currentY","elementHeight","elementWidth","handleLayout","useCallback","event","nativeEvent","layout","topOffset","offset","tooltip","backgroundColor","display","padding","leftTooltip","left","top","opacity","rightTooltip","createElement","Fragment","View","_extends","onLayout","style","styles","text","create","fontSize"],"sourceRoot":"../../../../src","sources":["charts/candle/CrosshairTooltip.tsx"],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","CandlestickChartDimensionsContext","useCandlestickChart","CandlestickChartPriceText","CandlestickChartCrosshairTooltipContext","createContext","position","value","CandlestickChartCrosshairTooltip","children","xGutter","yGutter","tooltipTextProps","textStyle","props","width","height","useContext","currentY","elementHeight","elementWidth","handleLayout","useCallback","event","nativeEvent","layout","topOffset","offset","tooltip","backgroundColor","display","padding","leftTooltip","left","top","opacity","rightTooltip","createElement","Fragment","View","_extends","onLayout","style","styles","text","create","fontSize"],"sourceRoot":"../../../../src","sources":["charts/candle/CrosshairTooltip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,16 +6,16 @@ export function CandlestickChartDatetimeText({
|
|
|
6
6
|
options,
|
|
7
7
|
format,
|
|
8
8
|
variant = 'formatted',
|
|
9
|
-
style
|
|
9
|
+
style,
|
|
10
10
|
}) {
|
|
11
11
|
const datetime = useCandlestickChartDatetime({
|
|
12
12
|
format,
|
|
13
13
|
locale,
|
|
14
|
-
options
|
|
14
|
+
options,
|
|
15
15
|
});
|
|
16
|
-
return /*#__PURE__*/React.createElement(AnimatedText, {
|
|
16
|
+
return /*#__PURE__*/ React.createElement(AnimatedText, {
|
|
17
17
|
text: datetime[variant],
|
|
18
|
-
style: style
|
|
18
|
+
style: style,
|
|
19
19
|
});
|
|
20
20
|
}
|
|
21
|
-
//# sourceMappingURL=DatetimeText.js.map
|
|
21
|
+
//# sourceMappingURL=DatetimeText.js.map
|