react-native-wagmi-charts 2.7.3 → 2.8.1
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 +135 -69
- 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,104 +1,133 @@
|
|
|
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.LineChartHoverTrap = void 0;
|
|
7
|
-
var
|
|
8
|
-
var _reactNative = require(
|
|
9
|
-
var _Chart = require(
|
|
10
|
-
var _useLineChart = require(
|
|
11
|
-
var _ExecutionEnvironment = require(
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
var _react = _interopRequireDefault(require('react'));
|
|
8
|
+
var _reactNative = require('react-native');
|
|
9
|
+
var _Chart = require('../Chart');
|
|
10
|
+
var _useLineChart = require('../useLineChart');
|
|
11
|
+
var _ExecutionEnvironment = require('fbjs/lib/ExecutionEnvironment');
|
|
12
|
+
function _interopRequireDefault(e) {
|
|
13
|
+
return e && e.__esModule ? e : { default: e };
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Minimum time in milliseconds that must pass between touch events before a
|
|
17
|
+
* hover state is activated on web.
|
|
18
|
+
*/
|
|
19
|
+
const HOVER_THRESHOLD_MS = 1000;
|
|
15
20
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
* browser firing touch and mouse events on low-powered devices.
|
|
28
|
-
*/
|
|
29
|
-
const HOVER_THRESHOLD_MS = 1000;
|
|
30
|
-
let lastTouchTimestamp = 0;
|
|
31
|
-
function enableHover() {
|
|
32
|
-
if (isEnabled || Date.now() - lastTouchTimestamp < HOVER_THRESHOLD_MS) {
|
|
33
|
-
return;
|
|
21
|
+
/**
|
|
22
|
+
* Hover state manager for web platform. This singleton ensures global hover
|
|
23
|
+
* detection is properly initialized and cleaned up.
|
|
24
|
+
*/
|
|
25
|
+
class HoverStateManager {
|
|
26
|
+
isEnabled = false;
|
|
27
|
+
lastTouchTimestamp = 0;
|
|
28
|
+
initialized = false;
|
|
29
|
+
constructor() {
|
|
30
|
+
if (_ExecutionEnvironment.canUseDOM) {
|
|
31
|
+
this.initialize();
|
|
34
32
|
}
|
|
35
|
-
isEnabled = true;
|
|
36
33
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
34
|
+
initialize() {
|
|
35
|
+
if (this.initialized) return;
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* The following logic comes from the creator of react-native-web:
|
|
39
|
+
* https://gist.github.com/necolas/1c494e44e23eb7f8c5864a2fac66299a
|
|
40
|
+
* It's also used by MotiPressable's hover interactions:
|
|
41
|
+
* https://github.com/nandorojo/moti/blob/master/packages/interactions/src/pressable/hoverable.tsx
|
|
42
|
+
*
|
|
43
|
+
* Web browsers emulate mouse events (and hover states) after touch events.
|
|
44
|
+
* This code infers when the currently-in-use modality supports hover
|
|
45
|
+
* (including for multi-modality devices) and considers "hover" to be enabled
|
|
46
|
+
* if a mouse movement occurs more than 1 second after the last touch event.
|
|
47
|
+
* This threshold is long enough to account for longer delays between the
|
|
48
|
+
* browser firing touch and mouse events on low-powered devices.
|
|
49
|
+
*/
|
|
50
|
+
document.addEventListener('touchstart', this.disableHover, true);
|
|
51
|
+
document.addEventListener('touchmove', this.disableHover, true);
|
|
52
|
+
document.addEventListener('mousemove', this.enableHover, true);
|
|
53
|
+
this.initialized = true;
|
|
54
|
+
}
|
|
55
|
+
enableHover = () => {
|
|
56
|
+
if (
|
|
57
|
+
this.isEnabled ||
|
|
58
|
+
Date.now() - this.lastTouchTimestamp < HOVER_THRESHOLD_MS
|
|
59
|
+
) {
|
|
60
|
+
return;
|
|
41
61
|
}
|
|
62
|
+
this.isEnabled = true;
|
|
63
|
+
};
|
|
64
|
+
disableHover = () => {
|
|
65
|
+
this.lastTouchTimestamp = Date.now();
|
|
66
|
+
if (this.isEnabled) {
|
|
67
|
+
this.isEnabled = false;
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
isHoverEnabled() {
|
|
71
|
+
return this.isEnabled;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* Cleanup method for removing event listeners. Note: In practice, this may
|
|
76
|
+
* never be called since these are app-level listeners, but it's provided for
|
|
77
|
+
* completeness and testing purposes.
|
|
78
|
+
*/
|
|
79
|
+
cleanup() {
|
|
80
|
+
if (!this.initialized || !_ExecutionEnvironment.canUseDOM) return;
|
|
81
|
+
document.removeEventListener('touchstart', this.disableHover, true);
|
|
82
|
+
document.removeEventListener('touchmove', this.disableHover, true);
|
|
83
|
+
document.removeEventListener('mousemove', this.enableHover, true);
|
|
84
|
+
this.initialized = false;
|
|
42
85
|
}
|
|
43
|
-
document.addEventListener('touchstart', disableHover, true);
|
|
44
|
-
document.addEventListener('touchmove', disableHover, true);
|
|
45
|
-
document.addEventListener('mousemove', enableHover, true);
|
|
46
|
-
}
|
|
47
|
-
function isHoverEnabled() {
|
|
48
|
-
return isEnabled;
|
|
49
86
|
}
|
|
50
|
-
const LineChartHoverTrap = () => {
|
|
51
|
-
const {
|
|
52
|
-
width,
|
|
53
|
-
parsedPath
|
|
54
|
-
} = React.useContext(_Chart.LineChartDimensionsContext);
|
|
55
|
-
const {
|
|
56
|
-
currentX,
|
|
57
|
-
currentIndex,
|
|
58
|
-
isActive,
|
|
59
|
-
data
|
|
60
|
-
} = (0, _useLineChart.useLineChart)();
|
|
61
|
-
const onMouseMove = React.useCallback(({
|
|
62
|
-
x
|
|
63
|
-
}) => {
|
|
64
|
-
if (isHoverEnabled()) {
|
|
65
|
-
if (parsedPath) {
|
|
66
|
-
const boundedX = Math.min(x, width);
|
|
67
|
-
isActive.value = true;
|
|
68
|
-
currentX.value = boundedX;
|
|
69
87
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
88
|
+
// Singleton instance
|
|
89
|
+
const hoverStateManager = new HoverStateManager();
|
|
90
|
+
const LineChartHoverTrap = () => {
|
|
91
|
+
const { width, parsedPath } = _react.default.useContext(
|
|
92
|
+
_Chart.LineChartDimensionsContext
|
|
93
|
+
);
|
|
94
|
+
const { currentX, currentIndex, isActive, data } = (0,
|
|
95
|
+
_useLineChart.useLineChart)();
|
|
96
|
+
const onMouseMove = _react.default.useCallback(
|
|
97
|
+
(e) => {
|
|
98
|
+
if (!hoverStateManager.isHoverEnabled()) {
|
|
99
|
+
isActive.value = false;
|
|
100
|
+
currentIndex.value = -1;
|
|
101
|
+
return;
|
|
76
102
|
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
103
|
+
if (!parsedPath) return;
|
|
104
|
+
const rect = e.currentTarget.getBoundingClientRect();
|
|
105
|
+
const boundedX = Math.min(e.clientX - rect.left, width);
|
|
106
|
+
isActive.value = true;
|
|
107
|
+
currentX.value = boundedX;
|
|
108
|
+
|
|
109
|
+
// on Web, we could drag the cursor to be negative, breaking it
|
|
110
|
+
// so we clamp the index at 0 to fix it
|
|
111
|
+
// https://github.com/coinjar/react-native-wagmi-charts/issues/24
|
|
112
|
+
const minIndex = 0;
|
|
113
|
+
const boundedIndex = Math.max(
|
|
114
|
+
minIndex,
|
|
115
|
+
Math.round(boundedX / width / (1 / (data ? data.length - 1 : 1)))
|
|
116
|
+
);
|
|
117
|
+
currentIndex.value = boundedIndex;
|
|
118
|
+
},
|
|
119
|
+
[currentIndex, currentX, data, isActive, parsedPath, width]
|
|
120
|
+
);
|
|
121
|
+
const onMouseLeave = _react.default.useCallback(() => {
|
|
83
122
|
isActive.value = false;
|
|
84
123
|
currentIndex.value = -1;
|
|
85
124
|
}, [currentIndex, isActive]);
|
|
86
|
-
return /*#__PURE__*/
|
|
87
|
-
style: _reactNative.StyleSheet.absoluteFill
|
|
125
|
+
return /*#__PURE__*/ _react.default.createElement(_reactNative.View, {
|
|
126
|
+
style: _reactNative.StyleSheet.absoluteFill,
|
|
88
127
|
// @ts-expect-error mouse move event
|
|
89
|
-
,
|
|
90
|
-
|
|
91
|
-
// eslint-disable-next-line no-undef
|
|
92
|
-
e => {
|
|
93
|
-
let rect = e.currentTarget.getBoundingClientRect();
|
|
94
|
-
let x = e.clientX - rect.left; // x position within the element.
|
|
95
|
-
|
|
96
|
-
onMouseMove({
|
|
97
|
-
x
|
|
98
|
-
});
|
|
99
|
-
}, [onMouseMove]),
|
|
100
|
-
onMouseLeave: onMouseLeave
|
|
128
|
+
onMouseMove: onMouseMove,
|
|
129
|
+
onMouseLeave: onMouseLeave,
|
|
101
130
|
});
|
|
102
131
|
};
|
|
103
132
|
exports.LineChartHoverTrap = LineChartHoverTrap;
|
|
104
|
-
//# sourceMappingURL=index.web.js.map
|
|
133
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Chart","_useLineChart","_ExecutionEnvironment","e","__esModule","default","HOVER_THRESHOLD_MS","HoverStateManager","isEnabled","lastTouchTimestamp","initialized","constructor","canUseDOM","initialize","document","addEventListener","disableHover","enableHover","Date","now","isHoverEnabled","cleanup","removeEventListener","hoverStateManager","LineChartHoverTrap","width","parsedPath","React","useContext","LineChartDimensionsContext","currentX","currentIndex","isActive","data","useLineChart","onMouseMove","useCallback","value","rect","currentTarget","getBoundingClientRect","boundedX","Math","min","clientX","left","minIndex","boundedIndex","max","round","length","onMouseLeave","createElement","View","style","StyleSheet","absoluteFill","exports"],"sourceRoot":"../../../../../src","sources":["charts/line/HoverTrap/index.web.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,14 +1,17 @@
|
|
|
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.LineChartPathContext = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require(
|
|
8
|
-
function _interopRequireDefault(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
var _react = _interopRequireDefault(require('react'));
|
|
8
|
+
function _interopRequireDefault(e) {
|
|
9
|
+
return e && e.__esModule ? e : { default: e };
|
|
10
|
+
}
|
|
11
|
+
const LineChartPathContext = (exports.LineChartPathContext =
|
|
12
|
+
/*#__PURE__*/ _react.default.createContext({
|
|
13
|
+
color: '',
|
|
14
|
+
isInactive: false,
|
|
15
|
+
isTransitionEnabled: true,
|
|
16
|
+
}));
|
|
17
|
+
//# sourceMappingURL=LineChartPathContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","e","__esModule","default","LineChartPathContext","exports","React","createContext","color","isInactive","isTransitionEnabled"],"sourceRoot":"../../../../src","sources":["charts/line/LineChartPathContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnB,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAC;EACtDC,KAAK,EAAE,EAAE;EACTC,UAAU,EAAE,KAAK;EACjBC,mBAAmB,EAAE;AACvB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,20 +1,64 @@
|
|
|
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.LineChartPath = LineChartPath;
|
|
7
|
-
var React = _interopRequireWildcard(require(
|
|
8
|
-
var _reactNativeReanimated = _interopRequireDefault(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
var React = _interopRequireWildcard(require('react'));
|
|
8
|
+
var _reactNativeReanimated = _interopRequireDefault(
|
|
9
|
+
require('react-native-reanimated')
|
|
10
|
+
);
|
|
11
|
+
var _reactNativeSvg = require('react-native-svg');
|
|
12
|
+
var _Chart = require('./Chart');
|
|
13
|
+
var _LineChartPathContext = require('./LineChartPathContext');
|
|
14
|
+
var _useAnimatedPath = require('./useAnimatedPath');
|
|
15
|
+
function _interopRequireDefault(e) {
|
|
16
|
+
return e && e.__esModule ? e : { default: e };
|
|
17
|
+
}
|
|
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 _extends() {
|
|
46
|
+
return (
|
|
47
|
+
(_extends = Object.assign
|
|
48
|
+
? Object.assign.bind()
|
|
49
|
+
: function (n) {
|
|
50
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
51
|
+
var t = arguments[e];
|
|
52
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
53
|
+
}
|
|
54
|
+
return n;
|
|
55
|
+
}),
|
|
56
|
+
_extends.apply(null, arguments)
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
const AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(
|
|
60
|
+
_reactNativeSvg.Path
|
|
61
|
+
);
|
|
18
62
|
LineChartPath.displayName = 'LineChartPath';
|
|
19
63
|
function LineChartPath({
|
|
20
64
|
color = 'black',
|
|
@@ -22,31 +66,26 @@ function LineChartPath({
|
|
|
22
66
|
width: strokeWidth = 3,
|
|
23
67
|
...props
|
|
24
68
|
}) {
|
|
25
|
-
const {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
isInactive
|
|
31
|
-
} = React.useContext(_LineChartPathContext.LineChartPathContext);
|
|
32
|
-
|
|
33
|
-
////////////////////////////////////////////////
|
|
34
|
-
|
|
35
|
-
const {
|
|
36
|
-
animatedProps
|
|
37
|
-
} = (0, _useAnimatedPath.default)({
|
|
69
|
+
const { path } = React.useContext(_Chart.LineChartDimensionsContext);
|
|
70
|
+
const { isTransitionEnabled, isInactive } = React.useContext(
|
|
71
|
+
_LineChartPathContext.LineChartPathContext
|
|
72
|
+
);
|
|
73
|
+
const { animatedProps } = (0, _useAnimatedPath.useAnimatedPath)({
|
|
38
74
|
enabled: isTransitionEnabled,
|
|
39
|
-
path
|
|
75
|
+
path,
|
|
40
76
|
});
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
77
|
+
return /*#__PURE__*/ React.createElement(
|
|
78
|
+
AnimatedPath,
|
|
79
|
+
_extends(
|
|
80
|
+
{
|
|
81
|
+
animatedProps: animatedProps,
|
|
82
|
+
fill: 'transparent',
|
|
83
|
+
stroke: isInactive ? inactiveColor || color : color,
|
|
84
|
+
strokeOpacity: isInactive && !inactiveColor ? 0.2 : 1,
|
|
85
|
+
strokeWidth: strokeWidth,
|
|
86
|
+
},
|
|
87
|
+
props
|
|
88
|
+
)
|
|
89
|
+
);
|
|
51
90
|
}
|
|
52
|
-
//# sourceMappingURL=Path.js.map
|
|
91
|
+
//# sourceMappingURL=Path.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_interopRequireDefault","_reactNativeSvg","_Chart","_LineChartPathContext","_useAnimatedPath","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_interopRequireDefault","_reactNativeSvg","_Chart","_LineChartPathContext","_useAnimatedPath","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","AnimatedPath","Animated","createAnimatedComponent","Path","LineChartPath","displayName","color","inactiveColor","width","strokeWidth","props","path","useContext","LineChartDimensionsContext","isTransitionEnabled","isInactive","LineChartPathContext","animatedProps","useAnimatedPath","enabled","createElement","fill","stroke","strokeOpacity"],"sourceRoot":"../../../../src","sources":["charts/line/Path.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,29 +1,128 @@
|
|
|
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.LineChartPriceText = LineChartPriceText;
|
|
7
|
-
var _react =
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
|
|
7
|
+
var _react = _interopRequireWildcard(require('react'));
|
|
8
|
+
var _reactNative = require('react-native');
|
|
9
|
+
var _reactNativeReanimated = require('react-native-reanimated');
|
|
10
|
+
var _usePrice = require('./usePrice');
|
|
11
|
+
var _useLineChart = require('./useLineChart');
|
|
12
|
+
var _AnimatedText = require('../../components/AnimatedText');
|
|
13
|
+
function _interopRequireWildcard(e, t) {
|
|
14
|
+
if ('function' == typeof WeakMap)
|
|
15
|
+
var r = new WeakMap(),
|
|
16
|
+
n = new WeakMap();
|
|
17
|
+
return (_interopRequireWildcard = function (e, t) {
|
|
18
|
+
if (!t && e && e.__esModule) return e;
|
|
19
|
+
var o,
|
|
20
|
+
i,
|
|
21
|
+
f = { __proto__: null, default: e };
|
|
22
|
+
if (null === e || ('object' != typeof e && 'function' != typeof e))
|
|
23
|
+
return f;
|
|
24
|
+
if ((o = t ? n : r)) {
|
|
25
|
+
if (o.has(e)) return o.get(e);
|
|
26
|
+
o.set(e, f);
|
|
27
|
+
}
|
|
28
|
+
for (const t in e)
|
|
29
|
+
'default' !== t &&
|
|
30
|
+
{}.hasOwnProperty.call(e, t) &&
|
|
31
|
+
((i =
|
|
32
|
+
(o = Object.defineProperty) &&
|
|
33
|
+
Object.getOwnPropertyDescriptor(e, t)) &&
|
|
34
|
+
(i.get || i.set)
|
|
35
|
+
? o(f, t, i)
|
|
36
|
+
: (f[t] = e[t]));
|
|
37
|
+
return f;
|
|
38
|
+
})(e, t);
|
|
39
|
+
}
|
|
11
40
|
LineChartPriceText.displayName = 'LineChartPriceText';
|
|
12
41
|
function LineChartPriceText({
|
|
13
42
|
format,
|
|
14
43
|
precision = 2,
|
|
15
44
|
variant = 'formatted',
|
|
16
45
|
style,
|
|
17
|
-
index
|
|
46
|
+
index,
|
|
47
|
+
useOptimizedRendering = false,
|
|
48
|
+
getTextColor,
|
|
18
49
|
}) {
|
|
19
50
|
const price = (0, _usePrice.useLineChartPrice)({
|
|
20
51
|
format,
|
|
21
52
|
precision,
|
|
22
|
-
index
|
|
23
|
-
});
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_AnimatedText.AnimatedText, {
|
|
25
|
-
text: price[variant],
|
|
26
|
-
style: style
|
|
53
|
+
index,
|
|
27
54
|
});
|
|
55
|
+
|
|
56
|
+
// If we have a custom format function and optimized rendering is enabled,
|
|
57
|
+
// use regular React state instead of AnimatedText
|
|
58
|
+
if (format && useOptimizedRendering) {
|
|
59
|
+
const { currentIndex, data } = (0, _useLineChart.useLineChart)();
|
|
60
|
+
const [displayText, setDisplayText] = (0, _react.useState)('');
|
|
61
|
+
const [textColor, setTextColor] = (0, _react.useState)('#000000');
|
|
62
|
+
const updateText = (newText) => {
|
|
63
|
+
setDisplayText(newText);
|
|
64
|
+
// Update color if getTextColor function is provided
|
|
65
|
+
if (getTextColor) {
|
|
66
|
+
setTextColor(getTextColor(newText));
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
const textValue = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
70
|
+
if (!data) {
|
|
71
|
+
return '';
|
|
72
|
+
}
|
|
73
|
+
if (
|
|
74
|
+
(typeof currentIndex.value === 'undefined' ||
|
|
75
|
+
currentIndex.value === -1) &&
|
|
76
|
+
index == null
|
|
77
|
+
) {
|
|
78
|
+
return '';
|
|
79
|
+
}
|
|
80
|
+
let price = 0;
|
|
81
|
+
price =
|
|
82
|
+
data[Math.min(index ?? currentIndex.value, data.length - 1)].value;
|
|
83
|
+
const valueString = price.toFixed(precision).toString();
|
|
84
|
+
|
|
85
|
+
// Call format function directly in worklet
|
|
86
|
+
return format({
|
|
87
|
+
value: valueString,
|
|
88
|
+
formatted: valueString,
|
|
89
|
+
});
|
|
90
|
+
}, [currentIndex, data, precision]);
|
|
91
|
+
|
|
92
|
+
// Use useAnimatedReaction to update React state with runOnJS
|
|
93
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(
|
|
94
|
+
() => textValue.value,
|
|
95
|
+
(current, previous) => {
|
|
96
|
+
if (current !== previous) {
|
|
97
|
+
(0, _reactNativeReanimated.runOnJS)(updateText)(current);
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
[textValue]
|
|
101
|
+
);
|
|
102
|
+
|
|
103
|
+
// Merge the text color with the provided style
|
|
104
|
+
const dynamicStyle = [
|
|
105
|
+
style,
|
|
106
|
+
{
|
|
107
|
+
color: textColor,
|
|
108
|
+
},
|
|
109
|
+
];
|
|
110
|
+
return /*#__PURE__*/ _react.default.createElement(
|
|
111
|
+
_reactNative.Text,
|
|
112
|
+
{
|
|
113
|
+
style: dynamicStyle,
|
|
114
|
+
},
|
|
115
|
+
displayText
|
|
116
|
+
);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
// For non-custom format, use the original approach
|
|
120
|
+
return /*#__PURE__*/ _react.default.createElement(
|
|
121
|
+
_AnimatedText.AnimatedText,
|
|
122
|
+
{
|
|
123
|
+
text: price[variant],
|
|
124
|
+
style: style,
|
|
125
|
+
}
|
|
126
|
+
);
|
|
28
127
|
}
|
|
29
|
-
//# sourceMappingURL=PriceText.js.map
|
|
128
|
+
//# sourceMappingURL=PriceText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_usePrice","_useLineChart","_AnimatedText","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LineChartPriceText","displayName","format","precision","variant","style","index","useOptimizedRendering","getTextColor","price","useLineChartPrice","currentIndex","data","useLineChart","displayText","setDisplayText","useState","textColor","setTextColor","updateText","newText","textValue","useDerivedValue","value","Math","min","length","valueString","toFixed","toString","formatted","useAnimatedReaction","current","previous","runOnJS","dynamicStyle","color","createElement","Text","AnimatedText","text"],"sourceRoot":"../../../../src","sources":["charts/line/PriceText.tsx"],"mappings":"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","ignoreList":[]}
|