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,6 +1,25 @@
|
|
|
1
|
-
function _extends() {
|
|
2
|
-
|
|
3
|
-
|
|
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';
|
|
16
|
+
import Animated, {
|
|
17
|
+
useAnimatedStyle,
|
|
18
|
+
useDerivedValue,
|
|
19
|
+
useSharedValue,
|
|
20
|
+
withTiming,
|
|
21
|
+
} from 'react-native-reanimated';
|
|
22
|
+
import { StyleSheet } from 'react-native';
|
|
4
23
|
import { LineChartPriceText } from './PriceText';
|
|
5
24
|
import { CursorContext } from './Cursor';
|
|
6
25
|
import { LineChartDimensionsContext } from './Chart';
|
|
@@ -22,129 +41,218 @@ export function LineChartTooltip({
|
|
|
22
41
|
at,
|
|
23
42
|
...props
|
|
24
43
|
}) {
|
|
25
|
-
const {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
} =
|
|
30
|
-
const {
|
|
31
|
-
type
|
|
32
|
-
} = React.useContext(CursorContext);
|
|
33
|
-
const {
|
|
34
|
-
currentX,
|
|
35
|
-
currentY,
|
|
36
|
-
isActive
|
|
37
|
-
} = useLineChart();
|
|
44
|
+
const { width, height, parsedPath } = React.useContext(
|
|
45
|
+
LineChartDimensionsContext
|
|
46
|
+
);
|
|
47
|
+
const { type } = React.useContext(CursorContext);
|
|
48
|
+
const { currentX, currentY, isActive } = useLineChart();
|
|
38
49
|
const elementWidth = useSharedValue(0);
|
|
39
50
|
const elementHeight = useSharedValue(0);
|
|
40
|
-
const handleLayout = React.useCallback(
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
51
|
+
const handleLayout = React.useCallback(
|
|
52
|
+
(event) => {
|
|
53
|
+
elementWidth.value = event.nativeEvent.layout.width;
|
|
54
|
+
elementHeight.value = event.nativeEvent.layout.height;
|
|
55
|
+
},
|
|
56
|
+
[elementHeight, elementWidth]
|
|
57
|
+
);
|
|
44
58
|
|
|
45
59
|
// When the user set a `at` index, get the index's y & x positions
|
|
46
|
-
const atXPosition = useMemo(
|
|
60
|
+
const atXPosition = useMemo(
|
|
61
|
+
() =>
|
|
62
|
+
at !== null && at !== undefined
|
|
63
|
+
? getXPositionForCurve(parsedPath, at)
|
|
64
|
+
: undefined,
|
|
65
|
+
[at, parsedPath]
|
|
66
|
+
);
|
|
47
67
|
const atYPosition = useDerivedValue(() => {
|
|
48
|
-
return atXPosition == null
|
|
68
|
+
return atXPosition == null
|
|
69
|
+
? undefined
|
|
70
|
+
: getYForX(parsedPath, atXPosition) ?? 0;
|
|
49
71
|
}, [atXPosition]);
|
|
50
|
-
const getInitialTranslateXOffset = React.useCallback(
|
|
51
|
-
|
|
72
|
+
const getInitialTranslateXOffset = React.useCallback(
|
|
73
|
+
(elementWidth) => {
|
|
74
|
+
'worklet';
|
|
52
75
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
const isStatic = atYPosition.value != null;
|
|
76
|
+
if (position === 'right') return elementWidth + cursorGutter;
|
|
77
|
+
if (position === 'left') return -cursorGutter;
|
|
78
|
+
return elementWidth / 2;
|
|
79
|
+
},
|
|
80
|
+
[cursorGutter, position]
|
|
81
|
+
);
|
|
60
82
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
83
|
+
/**
|
|
84
|
+
* Helper function to calculate the X translation offset based on position
|
|
85
|
+
* and boundary constraints
|
|
86
|
+
*/
|
|
87
|
+
const calculateXTranslateOffset = React.useCallback(
|
|
88
|
+
(params) => {
|
|
89
|
+
'worklet';
|
|
90
|
+
|
|
91
|
+
const {
|
|
92
|
+
position,
|
|
93
|
+
x,
|
|
94
|
+
elementWidth,
|
|
95
|
+
width,
|
|
96
|
+
xGutter,
|
|
97
|
+
cursorGutter,
|
|
98
|
+
withHorizontalFloating,
|
|
99
|
+
} = params;
|
|
100
|
+
let translateXOffset = getInitialTranslateXOffset(elementWidth);
|
|
101
|
+
const elementFullWidth = elementWidth + xGutter + cursorGutter;
|
|
102
|
+
if (position === 'right') {
|
|
103
|
+
if (x < elementFullWidth) {
|
|
104
|
+
translateXOffset = withHorizontalFloating
|
|
105
|
+
? -cursorGutter
|
|
106
|
+
: translateXOffset - elementFullWidth + x;
|
|
71
107
|
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
|
|
108
|
+
} else if (position === 'left') {
|
|
109
|
+
if (x > width - elementFullWidth) {
|
|
110
|
+
translateXOffset = withHorizontalFloating
|
|
111
|
+
? elementWidth + cursorGutter
|
|
112
|
+
: translateXOffset + (x - (width - elementFullWidth));
|
|
113
|
+
}
|
|
114
|
+
} else {
|
|
115
|
+
// Center position
|
|
116
|
+
if (x < elementWidth / 2 + xGutter) {
|
|
117
|
+
translateXOffset -= elementWidth / 2 + xGutter - x;
|
|
118
|
+
}
|
|
119
|
+
if (x > width - elementWidth / 2 - xGutter) {
|
|
120
|
+
translateXOffset += x - (width - elementWidth / 2 - xGutter);
|
|
80
121
|
}
|
|
81
122
|
}
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}
|
|
87
|
-
if (x > width - elementWidth.value / 2 - xGutter) {
|
|
88
|
-
const xOffset = x - (width - elementWidth.value / 2 - xGutter);
|
|
89
|
-
translateXOffset = translateXOffset + xOffset;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
const translateX = x - translateXOffset;
|
|
123
|
+
return translateXOffset;
|
|
124
|
+
},
|
|
125
|
+
[getInitialTranslateXOffset]
|
|
126
|
+
);
|
|
93
127
|
|
|
94
|
-
|
|
128
|
+
/**
|
|
129
|
+
* Helper function to calculate the Y translation offset based on position and
|
|
130
|
+
* boundary constraints
|
|
131
|
+
*/
|
|
132
|
+
const calculateYTranslateOffset = React.useCallback((params) => {
|
|
133
|
+
'worklet';
|
|
134
|
+
|
|
135
|
+
const { position, y, elementHeight, height, yGutter, cursorGutter } =
|
|
136
|
+
params;
|
|
95
137
|
let translateYOffset = 0;
|
|
96
|
-
const y = atYPosition.value ?? currentY.value;
|
|
97
138
|
if (position === 'top') {
|
|
98
|
-
translateYOffset = elementHeight
|
|
139
|
+
translateYOffset = elementHeight / 2 + cursorGutter;
|
|
99
140
|
if (y - translateYOffset < yGutter) {
|
|
100
141
|
translateYOffset = y - yGutter;
|
|
101
142
|
}
|
|
102
143
|
} else if (position === 'bottom') {
|
|
103
|
-
translateYOffset = -(elementHeight
|
|
104
|
-
if (y - translateYOffset + elementHeight
|
|
105
|
-
translateYOffset = y - (height - yGutter) + elementHeight
|
|
144
|
+
translateYOffset = -(elementHeight / 2) - cursorGutter / 2;
|
|
145
|
+
if (y - translateYOffset + elementHeight > height - yGutter) {
|
|
146
|
+
translateYOffset = y - (height - yGutter) + elementHeight;
|
|
106
147
|
}
|
|
107
148
|
} else if (position === 'right' || position === 'left') {
|
|
108
|
-
translateYOffset = elementHeight
|
|
149
|
+
translateYOffset = elementHeight / 2;
|
|
109
150
|
}
|
|
151
|
+
return translateYOffset;
|
|
152
|
+
}, []);
|
|
153
|
+
const animatedCursorStyle = useAnimatedStyle(() => {
|
|
154
|
+
// the tooltip is considered static when the user specified an `at` prop
|
|
155
|
+
const isStatic = atYPosition.value != null;
|
|
156
|
+
|
|
157
|
+
// Calculate X position:
|
|
158
|
+
const x = atXPosition ?? currentX.value;
|
|
159
|
+
const translateXOffset = calculateXTranslateOffset({
|
|
160
|
+
position,
|
|
161
|
+
x,
|
|
162
|
+
elementWidth: elementWidth.value,
|
|
163
|
+
width,
|
|
164
|
+
xGutter,
|
|
165
|
+
cursorGutter,
|
|
166
|
+
withHorizontalFloating,
|
|
167
|
+
});
|
|
168
|
+
const translateX = x - translateXOffset;
|
|
110
169
|
|
|
111
|
-
//
|
|
170
|
+
// Calculate Y position:
|
|
171
|
+
const y = atYPosition.value ?? currentY.value;
|
|
172
|
+
const translateYOffset = calculateYTranslateOffset({
|
|
173
|
+
position,
|
|
174
|
+
y,
|
|
175
|
+
elementHeight: elementHeight.value,
|
|
176
|
+
height,
|
|
177
|
+
yGutter,
|
|
178
|
+
cursorGutter,
|
|
179
|
+
});
|
|
180
|
+
|
|
181
|
+
// Determine final translateY value
|
|
112
182
|
let translateY;
|
|
113
183
|
if (type === 'crosshair' || isStatic) {
|
|
114
184
|
translateY = y - translateYOffset;
|
|
115
185
|
} else {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
} else {
|
|
119
|
-
translateY = height - elementHeight.value - yGutter;
|
|
120
|
-
}
|
|
186
|
+
translateY =
|
|
187
|
+
position === 'top' ? yGutter : height - elementHeight.value - yGutter;
|
|
121
188
|
}
|
|
189
|
+
|
|
190
|
+
// Calculate opacity
|
|
122
191
|
let opacity = isActive.value ? 1 : 0;
|
|
123
192
|
if (isStatic) {
|
|
124
193
|
// Only show static when there is no active cursor
|
|
125
194
|
opacity = withTiming(isActive.value ? 0 : 1);
|
|
126
195
|
}
|
|
127
196
|
return {
|
|
128
|
-
transform: [
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
197
|
+
transform: [
|
|
198
|
+
{
|
|
199
|
+
translateX,
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
translateY,
|
|
203
|
+
},
|
|
204
|
+
],
|
|
205
|
+
opacity: opacity,
|
|
134
206
|
};
|
|
135
|
-
}, [
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
207
|
+
}, [
|
|
208
|
+
atXPosition,
|
|
209
|
+
atYPosition.value,
|
|
210
|
+
calculateXTranslateOffset,
|
|
211
|
+
calculateYTranslateOffset,
|
|
212
|
+
currentX.value,
|
|
213
|
+
currentY.value,
|
|
214
|
+
cursorGutter,
|
|
215
|
+
elementHeight.value,
|
|
216
|
+
elementWidth.value,
|
|
217
|
+
height,
|
|
218
|
+
isActive.value,
|
|
219
|
+
position,
|
|
220
|
+
type,
|
|
221
|
+
width,
|
|
222
|
+
withHorizontalFloating,
|
|
223
|
+
xGutter,
|
|
224
|
+
yGutter,
|
|
225
|
+
]);
|
|
226
|
+
return /*#__PURE__*/ React.createElement(
|
|
227
|
+
Animated.View,
|
|
228
|
+
_extends(
|
|
229
|
+
{
|
|
230
|
+
onLayout: handleLayout,
|
|
231
|
+
},
|
|
232
|
+
props,
|
|
233
|
+
{
|
|
234
|
+
style: [styles.tooltip, animatedCursorStyle, props.style],
|
|
235
|
+
}
|
|
236
|
+
),
|
|
237
|
+
children ||
|
|
238
|
+
/*#__PURE__*/ React.createElement(
|
|
239
|
+
LineChartPriceText,
|
|
240
|
+
_extends(
|
|
241
|
+
{
|
|
242
|
+
format: format,
|
|
243
|
+
index: at,
|
|
244
|
+
style: [textStyle],
|
|
245
|
+
},
|
|
246
|
+
textProps
|
|
247
|
+
)
|
|
248
|
+
)
|
|
249
|
+
);
|
|
149
250
|
}
|
|
150
|
-
|
|
251
|
+
const styles = StyleSheet.create({
|
|
252
|
+
tooltip: {
|
|
253
|
+
position: 'absolute',
|
|
254
|
+
padding: 4,
|
|
255
|
+
alignSelf: 'flex-start',
|
|
256
|
+
},
|
|
257
|
+
});
|
|
258
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","LineChartPriceText","CursorContext","LineChartDimensionsContext","getXPositionForCurve","getYForX","useLineChart","useMemo","LineChartTooltip","displayName","children","format","xGutter","yGutter","cursorGutter","position","withHorizontalFloating","textProps","textStyle","at","props","width","height","parsedPath","useContext","type","currentX","currentY","isActive","elementWidth","elementHeight","handleLayout","useCallback","event","value","nativeEvent","layout","atXPosition","undefined","atYPosition","getInitialTranslateXOffset","
|
|
1
|
+
{"version":3,"names":["React","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","StyleSheet","LineChartPriceText","CursorContext","LineChartDimensionsContext","getXPositionForCurve","getYForX","useLineChart","useMemo","LineChartTooltip","displayName","children","format","xGutter","yGutter","cursorGutter","position","withHorizontalFloating","textProps","textStyle","at","props","width","height","parsedPath","useContext","type","currentX","currentY","isActive","elementWidth","elementHeight","handleLayout","useCallback","event","value","nativeEvent","layout","atXPosition","undefined","atYPosition","getInitialTranslateXOffset","calculateXTranslateOffset","params","x","translateXOffset","elementFullWidth","calculateYTranslateOffset","y","translateYOffset","animatedCursorStyle","isStatic","translateX","translateY","opacity","transform","createElement","View","_extends","onLayout","style","styles","tooltip","index","create","padding","alignSelf"],"sourceRoot":"../../../../src","sources":["charts/line/Tooltip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { LineChartAxis } from './Axis';
|
|
1
2
|
import { LineChart as _LineChart } from './Chart';
|
|
2
3
|
import { LineChartPathWrapper } from './ChartPath';
|
|
3
4
|
import { LineChartHighlight } from './Highlight';
|
|
@@ -15,7 +16,8 @@ import { LineChartDatetimeText } from './DatetimeText';
|
|
|
15
16
|
import { useLineChartDatetime } from './useDatetime';
|
|
16
17
|
import { useLineChartPrice } from './usePrice';
|
|
17
18
|
import { useLineChart } from './useLineChart';
|
|
18
|
-
import { LineChartHoverTrap } from '
|
|
19
|
+
import { LineChartHoverTrap } from './HoverTrap';
|
|
20
|
+
export * from './Axis';
|
|
19
21
|
export * from './Chart';
|
|
20
22
|
export * from './ChartPath';
|
|
21
23
|
export * from './Highlight';
|
|
@@ -34,6 +36,7 @@ export * from './useLineChart';
|
|
|
34
36
|
export * from './usePrice';
|
|
35
37
|
export * from './types';
|
|
36
38
|
export const LineChart = Object.assign(_LineChart, {
|
|
39
|
+
Axis: LineChartAxis,
|
|
37
40
|
Chart: _LineChart,
|
|
38
41
|
Dot: LineChartDot,
|
|
39
42
|
Path: LineChartPathWrapper,
|
|
@@ -51,6 +54,6 @@ export const LineChart = Object.assign(_LineChart, {
|
|
|
51
54
|
useDatetime: useLineChartDatetime,
|
|
52
55
|
usePrice: useLineChartPrice,
|
|
53
56
|
useChart: useLineChart,
|
|
54
|
-
HoverTrap: LineChartHoverTrap
|
|
57
|
+
HoverTrap: LineChartHoverTrap,
|
|
55
58
|
});
|
|
56
|
-
//# sourceMappingURL=index.js.map
|
|
59
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["LineChart","_LineChart","LineChartPathWrapper","LineChartHighlight","LineChartProvider","LineChartCursor","LineChartCursorCrosshair","LineChartCursorLine","LineChartDot","LineChartGradient","LineChartGroup","LineChartHorizontalLine","LineChartTooltip","LineChartPriceText","LineChartDatetimeText","useLineChartDatetime","useLineChartPrice","useLineChart","LineChartHoverTrap","Object","assign","Chart","Dot","Path","Cursor","CursorCrosshair","CursorLine","Gradient","Group","Highlight","HorizontalLine","Tooltip","Provider","PriceText","DatetimeText","useDatetime","usePrice","useChart","HoverTrap"],"sourceRoot":"../../../../src","sources":["charts/line/index.ts"],"mappings":"AAAA,SAASA,SAAS,IAAIC,UAAU,QAAQ,SAAS;AACjD,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SAASC,kBAAkB,QAAQ,aAAa;AAChD,SAASC,iBAAiB,QAAQ,WAAW;AAC7C,SAASC,eAAe,QAAQ,UAAU;AAC1C,SAASC,wBAAwB,QAAQ,mBAAmB;AAC5D,SAASC,mBAAmB,QAAQ,cAAc;AAClD,SAASC,YAAY,QAAQ,OAAO;AACpC,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,cAAc,QAAQ,SAAS;AACxC,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,kBAAkB,QAAQ,aAAa;AAChD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,kBAAkB,QAAQ,
|
|
1
|
+
{"version":3,"names":["LineChartAxis","LineChart","_LineChart","LineChartPathWrapper","LineChartHighlight","LineChartProvider","LineChartCursor","LineChartCursorCrosshair","LineChartCursorLine","LineChartDot","LineChartGradient","LineChartGroup","LineChartHorizontalLine","LineChartTooltip","LineChartPriceText","LineChartDatetimeText","useLineChartDatetime","useLineChartPrice","useLineChart","LineChartHoverTrap","Object","assign","Axis","Chart","Dot","Path","Cursor","CursorCrosshair","CursorLine","Gradient","Group","Highlight","HorizontalLine","Tooltip","Provider","PriceText","DatetimeText","useDatetime","usePrice","useChart","HoverTrap"],"sourceRoot":"../../../../src","sources":["charts/line/index.ts"],"mappings":"AAAA,SAASA,aAAa,QAAQ,QAAQ;AACtC,SAASC,SAAS,IAAIC,UAAU,QAAQ,SAAS;AACjD,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SAASC,kBAAkB,QAAQ,aAAa;AAChD,SAASC,iBAAiB,QAAQ,WAAW;AAC7C,SAASC,eAAe,QAAQ,UAAU;AAC1C,SAASC,wBAAwB,QAAQ,mBAAmB;AAC5D,SAASC,mBAAmB,QAAQ,cAAc;AAClD,SAASC,YAAY,QAAQ,OAAO;AACpC,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,cAAc,QAAQ,SAAS;AACxC,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,kBAAkB,QAAQ,aAAa;AAChD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,kBAAkB,QAAQ,aAAa;AAEhD,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,cAAc;AAC5B,cAAc,OAAO;AACrB,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,SAAS;AAEvB,OAAO,MAAMlB,SAAS,GAAGmB,MAAM,CAACC,MAAM,CAACnB,UAAU,EAAE;EACjDoB,IAAI,EAAEtB,aAAa;EACnBuB,KAAK,EAAErB,UAAU;EACjBsB,GAAG,EAAEf,YAAY;EACjBgB,IAAI,EAAEtB,oBAAoB;EAC1BuB,MAAM,EAAEpB,eAAe;EACvBqB,eAAe,EAAEpB,wBAAwB;EACzCqB,UAAU,EAAEpB,mBAAmB;EAC/BqB,QAAQ,EAAEnB,iBAAiB;EAC3BoB,KAAK,EAAEnB,cAAc;EACrBoB,SAAS,EAAE3B,kBAAkB;EAC7B4B,cAAc,EAAEpB,uBAAuB;EACvCqB,OAAO,EAAEpB,gBAAgB;EACzBqB,QAAQ,EAAE7B,iBAAiB;EAC3B8B,SAAS,EAAErB,kBAAkB;EAC7BsB,YAAY,EAAErB,qBAAqB;EACnCsB,WAAW,EAAErB,oBAAoB;EACjCsB,QAAQ,EAAErB,iBAAiB;EAC3BsB,QAAQ,EAAErB,YAAY;EACtBsB,SAAS,EAAErB;AACb,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=types.js.map
|
|
2
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -1,20 +1,26 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
useAnimatedProps,
|
|
3
|
+
useAnimatedReaction,
|
|
4
|
+
useSharedValue,
|
|
5
|
+
withTiming,
|
|
6
|
+
} from 'react-native-reanimated';
|
|
2
7
|
import { interpolatePath } from './utils';
|
|
3
8
|
import { usePrevious } from '../../utils';
|
|
4
|
-
export
|
|
5
|
-
enabled = true,
|
|
6
|
-
path
|
|
7
|
-
}) {
|
|
9
|
+
export function useAnimatedPath({ enabled = true, path }) {
|
|
8
10
|
const transition = useSharedValue(0);
|
|
9
11
|
const previousPath = usePrevious(path);
|
|
10
|
-
useAnimatedReaction(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
useAnimatedReaction(
|
|
13
|
+
() => {
|
|
14
|
+
return path;
|
|
15
|
+
},
|
|
16
|
+
(result, previous) => {
|
|
17
|
+
if (result !== previous) {
|
|
18
|
+
transition.value = 0;
|
|
19
|
+
transition.value = withTiming(1);
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
[path]
|
|
23
|
+
);
|
|
18
24
|
const animatedProps = useAnimatedProps(() => {
|
|
19
25
|
let d = path || '';
|
|
20
26
|
if (previousPath && enabled) {
|
|
@@ -22,11 +28,11 @@ export default function useAnimatedPath({
|
|
|
22
28
|
d = pathInterpolator(transition.value);
|
|
23
29
|
}
|
|
24
30
|
return {
|
|
25
|
-
d
|
|
31
|
+
d,
|
|
26
32
|
};
|
|
27
33
|
});
|
|
28
34
|
return {
|
|
29
|
-
animatedProps
|
|
35
|
+
animatedProps,
|
|
30
36
|
};
|
|
31
37
|
}
|
|
32
|
-
//# sourceMappingURL=useAnimatedPath.js.map
|
|
38
|
+
//# sourceMappingURL=useAnimatedPath.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useAnimatedProps","useAnimatedReaction","useSharedValue","withTiming","interpolatePath","usePrevious","useAnimatedPath","enabled","path","transition","previousPath","result","previous","value","animatedProps","d","pathInterpolator"],"sourceRoot":"../../../../src","sources":["charts/line/useAnimatedPath.ts"],"mappings":"AAAA,SACEA,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAEhC,SAASC,eAAe,QAAQ,SAAS;AACzC,SAASC,WAAW,QAAQ,aAAa;AAEzC,
|
|
1
|
+
{"version":3,"names":["useAnimatedProps","useAnimatedReaction","useSharedValue","withTiming","interpolatePath","usePrevious","useAnimatedPath","enabled","path","transition","previousPath","result","previous","value","animatedProps","d","pathInterpolator"],"sourceRoot":"../../../../src","sources":["charts/line/useAnimatedPath.ts"],"mappings":"AAAA,SACEA,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAEhC,SAASC,eAAe,QAAQ,SAAS;AACzC,SAASC,WAAW,QAAQ,aAAa;AAEzC,OAAO,SAASC,eAAeA,CAAC;EAC9BC,OAAO,GAAG,IAAI;EACdC;AAIF,CAAC,EAAE;EACD,MAAMC,UAAU,GAAGP,cAAc,CAAC,CAAC,CAAC;EACpC,MAAMQ,YAAY,GAAGL,WAAW,CAACG,IAAI,CAAC;EAEtCP,mBAAmB,CACjB,MAAM;IACJ,OAAOO,IAAI;EACb,CAAC,EACD,CAACG,MAAM,EAAEC,QAAQ,KAAK;IACpB,IAAID,MAAM,KAAKC,QAAQ,EAAE;MACvBH,UAAU,CAACI,KAAK,GAAG,CAAC;MACpBJ,UAAU,CAACI,KAAK,GAAGV,UAAU,CAAC,CAAC,CAAC;IAClC;EACF,CAAC,EACD,CAACK,IAAI,CACP,CAAC;EAED,MAAMM,aAAa,GAAGd,gBAAgB,CAAC,MAAM;IAC3C,IAAIe,CAAC,GAAGP,IAAI,IAAI,EAAE;IAClB,IAAIE,YAAY,IAAIH,OAAO,EAAE;MAC3B,MAAMS,gBAAgB,GAAGZ,eAAe,CAACM,YAAY,EAAEF,IAAI,EAAE,IAAI,CAAC;MAClEO,CAAC,GAAGC,gBAAgB,CAACP,UAAU,CAACI,KAAK,CAAC;IACxC;IACA,OAAO;MACLE;IACF,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IAAED;EAAc,CAAC;AAC1B","ignoreList":[]}
|
|
@@ -4,14 +4,9 @@ import { getYForX, parse } from 'react-native-redash';
|
|
|
4
4
|
import { LineChartContext } from './Context';
|
|
5
5
|
import { LineChartDimensionsContext } from './Chart';
|
|
6
6
|
export function useCurrentY() {
|
|
7
|
-
const {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} = useContext(LineChartDimensionsContext);
|
|
11
|
-
const {
|
|
12
|
-
currentX
|
|
13
|
-
} = useContext(LineChartContext);
|
|
14
|
-
const parsedPath = useMemo(() => path ? parse(path) : undefined, [path]);
|
|
7
|
+
const { path, width } = useContext(LineChartDimensionsContext);
|
|
8
|
+
const { currentX } = useContext(LineChartContext);
|
|
9
|
+
const parsedPath = useMemo(() => (path ? parse(path) : undefined), [path]);
|
|
15
10
|
const currentY = useDerivedValue(() => {
|
|
16
11
|
if (!parsedPath) {
|
|
17
12
|
return -1;
|
|
@@ -21,4 +16,4 @@ export function useCurrentY() {
|
|
|
21
16
|
}, [parsedPath, width, currentX]);
|
|
22
17
|
return currentY;
|
|
23
18
|
}
|
|
24
|
-
//# sourceMappingURL=useCurrentY.js.map
|
|
19
|
+
//# sourceMappingURL=useCurrentY.js.map
|
|
@@ -1,39 +1,40 @@
|
|
|
1
1
|
import { useDerivedValue } from 'react-native-reanimated';
|
|
2
2
|
import { formatDatetime } from '../../utils';
|
|
3
3
|
import { useLineChart } from './useLineChart';
|
|
4
|
-
export function useLineChartDatetime({
|
|
5
|
-
|
|
6
|
-
locale,
|
|
7
|
-
options
|
|
8
|
-
} = {}) {
|
|
9
|
-
const {
|
|
10
|
-
currentIndex,
|
|
11
|
-
data
|
|
12
|
-
} = useLineChart();
|
|
4
|
+
export function useLineChartDatetime({ format, locale, options } = {}) {
|
|
5
|
+
const { currentIndex, data } = useLineChart();
|
|
13
6
|
const timestamp = useDerivedValue(() => {
|
|
14
|
-
if (
|
|
7
|
+
if (
|
|
8
|
+
!data ||
|
|
9
|
+
typeof currentIndex.value === 'undefined' ||
|
|
10
|
+
currentIndex.value === -1
|
|
11
|
+
) {
|
|
15
12
|
return '';
|
|
16
13
|
}
|
|
17
14
|
return data[currentIndex.value]?.timestamp ?? '';
|
|
18
15
|
}, [currentIndex, data]);
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
16
|
+
const value = useDerivedValue(
|
|
17
|
+
() => new Date(timestamp.value).getTime(),
|
|
18
|
+
[timestamp]
|
|
19
|
+
);
|
|
23
20
|
const formatted = useDerivedValue(() => {
|
|
24
|
-
const formattedDatetime =
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
21
|
+
const formattedDatetime = value.value
|
|
22
|
+
? formatDatetime({
|
|
23
|
+
value: value.value,
|
|
24
|
+
locale,
|
|
25
|
+
options,
|
|
26
|
+
})
|
|
27
|
+
: '';
|
|
28
|
+
return format
|
|
29
|
+
? format({
|
|
30
|
+
value: value.value || -1,
|
|
31
|
+
formatted: formattedDatetime,
|
|
32
|
+
})
|
|
33
|
+
: formattedDatetime;
|
|
34
|
+
}, [format, locale, options, value]);
|
|
34
35
|
return {
|
|
35
|
-
value
|
|
36
|
-
formatted
|
|
36
|
+
value,
|
|
37
|
+
formatted,
|
|
37
38
|
};
|
|
38
39
|
}
|
|
39
|
-
//# sourceMappingURL=useDatetime.js.map
|
|
40
|
+
//# sourceMappingURL=useDatetime.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useDerivedValue","formatDatetime","useLineChart","useLineChartDatetime","format","locale","options","currentIndex","data","timestamp","value","
|
|
1
|
+
{"version":3,"names":["useDerivedValue","formatDatetime","useLineChart","useLineChartDatetime","format","locale","options","currentIndex","data","timestamp","value","Date","getTime","formatted","formattedDatetime"],"sourceRoot":"../../../../src","sources":["charts/line/useDatetime.ts"],"mappings":"AAAA,SAASA,eAAe,QAAQ,yBAAyB;AAEzD,SAASC,cAAc,QAAQ,aAAa;AAE5C,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,OAAO,SAASC,oBAAoBA,CAAC;EACnCC,MAAM;EACNC,MAAM;EACNC;AAKF,CAAC,GAAG,CAAC,CAAC,EAAE;EACN,MAAM;IAAEC,YAAY;IAAEC;EAAK,CAAC,GAAGN,YAAY,CAAC,CAAC;EAE7C,MAAMO,SAAS,GAAGT,eAAe,CAAC,MAAM;IACtC,IACE,CAACQ,IAAI,IACL,OAAOD,YAAY,CAACG,KAAK,KAAK,WAAW,IACzCH,YAAY,CAACG,KAAK,KAAK,CAAC,CAAC,EACzB;MACA,OAAO,EAAE;IACX;IACA,OAAOF,IAAI,CAACD,YAAY,CAACG,KAAK,CAAC,EAAED,SAAS,IAAI,EAAE;EAClD,CAAC,EAAE,CAACF,YAAY,EAAEC,IAAI,CAAC,CAAC;EAExB,MAAME,KAAK,GAAGV,eAAe,CAC3B,MAAM,IAAIW,IAAI,CAACF,SAAS,CAACC,KAAK,CAAC,CAACE,OAAO,CAAC,CAAC,EACzC,CAACH,SAAS,CACZ,CAAC;EAED,MAAMI,SAAS,GAAGb,eAAe,CAAC,MAAM;IACtC,MAAMc,iBAAiB,GAAGJ,KAAK,CAACA,KAAK,GACjCT,cAAc,CAAC;MACbS,KAAK,EAAEA,KAAK,CAACA,KAAK;MAClBL,MAAM;MACNC;IACF,CAAC,CAAC,GACF,EAAE;IACN,OAAOF,MAAM,GACTA,MAAM,CAAC;MACLM,KAAK,EAAEA,KAAK,CAACA,KAAK,IAAI,CAAC,CAAC;MACxBG,SAAS,EAAEC;IACb,CAAC,CAAC,GACFA,iBAAiB;EACvB,CAAC,EAAE,CAACV,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEI,KAAK,CAAC,CAAC;EAEpC,OAAO;IAAEA,KAAK;IAAEG;EAAU,CAAC;AAC7B","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { LineChartContext } from './Context';
|
|
3
3
|
import { useLineChartData, useLineChartId } from './Data';
|
|
4
4
|
import { useCurrentY } from './useCurrentY';
|
|
@@ -6,13 +6,16 @@ export function useLineChart() {
|
|
|
6
6
|
const lineChartContext = React.useContext(LineChartContext);
|
|
7
7
|
const maybeId = useLineChartId();
|
|
8
8
|
const dataContext = useLineChartData({
|
|
9
|
-
id: maybeId
|
|
9
|
+
id: maybeId,
|
|
10
10
|
});
|
|
11
11
|
const currentY = useCurrentY();
|
|
12
|
-
return React.useMemo(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
return React.useMemo(
|
|
13
|
+
() => ({
|
|
14
|
+
...lineChartContext,
|
|
15
|
+
...dataContext,
|
|
16
|
+
currentY,
|
|
17
|
+
}),
|
|
18
|
+
[lineChartContext, dataContext, currentY]
|
|
19
|
+
);
|
|
17
20
|
}
|
|
18
|
-
//# sourceMappingURL=useLineChart.js.map
|
|
21
|
+
//# sourceMappingURL=useLineChart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","LineChartContext","useLineChartData","useLineChartId","useCurrentY","useLineChart","lineChartContext","useContext","maybeId","dataContext","id","currentY","useMemo"],"sourceRoot":"../../../../src","sources":["charts/line/useLineChart.ts"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","LineChartContext","useLineChartData","useLineChartId","useCurrentY","useLineChart","lineChartContext","useContext","maybeId","dataContext","id","currentY","useMemo"],"sourceRoot":"../../../../src","sources":["charts/line/useLineChart.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,QAAQ;AACzD,SAASC,WAAW,QAAQ,eAAe;AAE3C,OAAO,SAASC,YAAYA,CAAA,EAAG;EAC7B,MAAMC,gBAAgB,GAAGN,KAAK,CAACO,UAAU,CAACN,gBAAgB,CAAC;EAC3D,MAAMO,OAAO,GAAGL,cAAc,CAAC,CAAC;EAChC,MAAMM,WAAW,GAAGP,gBAAgB,CAAC;IACnCQ,EAAE,EAAEF;EACN,CAAC,CAAC;EACF,MAAMG,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAE9B,OAAOJ,KAAK,CAACY,OAAO,CAClB,OAAO;IAAE,GAAGN,gBAAgB;IAAE,GAAGG,WAAW;IAAEE;EAAS,CAAC,CAAC,EACzD,CAACL,gBAAgB,EAAEG,WAAW,EAAEE,QAAQ,CAC1C,CAAC;AACH","ignoreList":[]}
|