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 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Easing","useAnimatedProps","useDerivedValue","withRepeat","withSequence","withTiming","Circle","LineChartDimensionsContext","LineChartPathContext","getXPositionForCurve","getYForX","useLineChart","AnimatedCircle","createAnimatedComponent","LineChartDot","displayName","at","color","defaultColor","dotProps","hasOuterDot","defaultHasOuterDot","hasPulse","inactiveColor","outerDotProps","pulseBehaviour","pulseDurationMs","showInactiveColor","size","outerSize","isActive","parsedPath","useContext","isInactive","_isInactive","opacity","x","y","value","animatedDotProps","cx","cy","animatedOuterDotProps","defaultProps","r","easing","out","sin","animatedOpacity","duration","scale","createElement","Fragment","_extends","animatedProps","fill"],"sourceRoot":"../../../../src","sources":["charts/line/Dot.tsx"],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"names":["React","Animated","Easing","useAnimatedProps","useDerivedValue","withRepeat","withSequence","withTiming","Circle","LineChartDimensionsContext","LineChartPathContext","getXPositionForCurve","getYForX","useLineChart","AnimatedCircle","createAnimatedComponent","LineChartDot","displayName","at","color","defaultColor","dotProps","hasOuterDot","defaultHasOuterDot","hasPulse","inactiveColor","outerDotProps","pulseBehaviour","pulseDurationMs","showInactiveColor","size","outerSize","isActive","parsedPath","useContext","isInactive","_isInactive","opacity","x","y","value","animatedDotProps","cx","cy","animatedOuterDotProps","defaultProps","r","easing","out","sin","animatedOpacity","duration","scale","createElement","Fragment","_extends","animatedProps","fill"],"sourceRoot":"../../../../src","sources":["charts/line/Dot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,10 +1,23 @@
|
|
|
1
|
-
function _extends() {
|
|
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
|
+
}
|
|
2
15
|
import * as React from 'react';
|
|
3
16
|
import Animated from 'react-native-reanimated';
|
|
4
17
|
import { Defs, LinearGradient, Stop, Path } from 'react-native-svg';
|
|
5
18
|
import { LineChartDimensionsContext } from './Chart';
|
|
6
19
|
import { LineChartPathContext } from './LineChartPathContext';
|
|
7
|
-
import useAnimatedPath from './useAnimatedPath';
|
|
20
|
+
import { useAnimatedPath } from './useAnimatedPath';
|
|
8
21
|
const AnimatedPath = Animated.createAnimatedComponent(Path);
|
|
9
22
|
let id = 0;
|
|
10
23
|
LineChartGradient.displayName = 'LineChartGradient';
|
|
@@ -13,22 +26,16 @@ export function LineChartGradient({
|
|
|
13
26
|
children,
|
|
14
27
|
...props
|
|
15
28
|
}) {
|
|
16
|
-
const {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
const {
|
|
20
|
-
color: contextColor,
|
|
21
|
-
isTransitionEnabled
|
|
22
|
-
} = React.useContext(LineChartPathContext);
|
|
29
|
+
const { area } = React.useContext(LineChartDimensionsContext);
|
|
30
|
+
const { color: contextColor, isTransitionEnabled } =
|
|
31
|
+
React.useContext(LineChartPathContext);
|
|
23
32
|
const color = overrideColor || contextColor;
|
|
24
33
|
|
|
25
34
|
////////////////////////////////////////////////
|
|
26
35
|
|
|
27
|
-
const {
|
|
28
|
-
animatedProps
|
|
29
|
-
} = useAnimatedPath({
|
|
36
|
+
const { animatedProps } = useAnimatedPath({
|
|
30
37
|
enabled: isTransitionEnabled,
|
|
31
|
-
path: area
|
|
38
|
+
path: area,
|
|
32
39
|
});
|
|
33
40
|
|
|
34
41
|
////////////////////////////////////////////////
|
|
@@ -37,33 +44,64 @@ export function LineChartGradient({
|
|
|
37
44
|
|
|
38
45
|
////////////////////////////////////////////////
|
|
39
46
|
|
|
40
|
-
return /*#__PURE__*/
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
47
|
+
return /*#__PURE__*/ React.createElement(
|
|
48
|
+
React.Fragment,
|
|
49
|
+
null,
|
|
50
|
+
children
|
|
51
|
+
? /*#__PURE__*/ React.createElement(
|
|
52
|
+
Defs,
|
|
53
|
+
null,
|
|
54
|
+
/*#__PURE__*/ React.createElement(
|
|
55
|
+
LinearGradient,
|
|
56
|
+
{
|
|
57
|
+
id: `${localId.current}`,
|
|
58
|
+
x1: '0',
|
|
59
|
+
x2: '0',
|
|
60
|
+
y1: '0',
|
|
61
|
+
y2: '100%',
|
|
62
|
+
},
|
|
63
|
+
children
|
|
64
|
+
)
|
|
65
|
+
)
|
|
66
|
+
: /*#__PURE__*/ React.createElement(
|
|
67
|
+
Defs,
|
|
68
|
+
null,
|
|
69
|
+
/*#__PURE__*/ React.createElement(
|
|
70
|
+
LinearGradient,
|
|
71
|
+
{
|
|
72
|
+
id: `${localId.current}`,
|
|
73
|
+
x1: '0',
|
|
74
|
+
x2: '0',
|
|
75
|
+
y1: '0',
|
|
76
|
+
y2: '100%',
|
|
77
|
+
},
|
|
78
|
+
/*#__PURE__*/ React.createElement(Stop, {
|
|
79
|
+
offset: '20%',
|
|
80
|
+
stopColor: color,
|
|
81
|
+
stopOpacity: 0.15,
|
|
82
|
+
}),
|
|
83
|
+
/*#__PURE__*/ React.createElement(Stop, {
|
|
84
|
+
offset: '40%',
|
|
85
|
+
stopColor: color,
|
|
86
|
+
stopOpacity: 0.05,
|
|
87
|
+
}),
|
|
88
|
+
/*#__PURE__*/ React.createElement(Stop, {
|
|
89
|
+
offset: '100%',
|
|
90
|
+
stopColor: color,
|
|
91
|
+
stopOpacity: 0,
|
|
92
|
+
})
|
|
93
|
+
)
|
|
94
|
+
),
|
|
95
|
+
/*#__PURE__*/ React.createElement(
|
|
96
|
+
AnimatedPath,
|
|
97
|
+
_extends(
|
|
98
|
+
{
|
|
99
|
+
animatedProps: animatedProps,
|
|
100
|
+
fill: `url(#${localId.current})`,
|
|
101
|
+
},
|
|
102
|
+
props
|
|
103
|
+
)
|
|
104
|
+
)
|
|
105
|
+
);
|
|
68
106
|
}
|
|
69
|
-
//# sourceMappingURL=Gradient.js.map
|
|
107
|
+
//# sourceMappingURL=Gradient.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Defs","LinearGradient","Stop","Path","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","AnimatedPath","createAnimatedComponent","id","LineChartGradient","displayName","color","overrideColor","undefined","children","props","area","useContext","contextColor","isTransitionEnabled","animatedProps","enabled","path","localId","useRef","createElement","Fragment","current","x1","x2","y1","y2","offset","stopColor","stopOpacity","_extends","fill"],"sourceRoot":"../../../../src","sources":["charts/line/Gradient.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAyB,yBAAyB;AACjE,SAASC,IAAI,EAAEC,cAAc,EAAEC,IAAI,EAAEC,IAAI,QAAmB,kBAAkB;
|
|
1
|
+
{"version":3,"names":["React","Animated","Defs","LinearGradient","Stop","Path","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","AnimatedPath","createAnimatedComponent","id","LineChartGradient","displayName","color","overrideColor","undefined","children","props","area","useContext","contextColor","isTransitionEnabled","animatedProps","enabled","path","localId","useRef","createElement","Fragment","current","x1","x2","y1","y2","offset","stopColor","stopOpacity","_extends","fill"],"sourceRoot":"../../../../src","sources":["charts/line/Gradient.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAyB,yBAAyB;AACjE,SAASC,IAAI,EAAEC,cAAc,EAAEC,IAAI,EAAEC,IAAI,QAAmB,kBAAkB;AAC9E,SAASC,0BAA0B,QAAQ,SAAS;AACpD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,MAAMC,YAAY,GAAGR,QAAQ,CAACS,uBAAuB,CAACL,IAAI,CAAC;AAO3D,IAAIM,EAAE,GAAG,CAAC;AAEVC,iBAAiB,CAACC,WAAW,GAAG,mBAAmB;AAEnD,OAAO,SAASD,iBAAiBA,CAAC;EAChCE,KAAK,EAAEC,aAAa,GAAGC,SAAS;EAChCC,QAAQ;EACR,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAM;IAAEC;EAAK,CAAC,GAAGnB,KAAK,CAACoB,UAAU,CAACd,0BAA0B,CAAC;EAC7D,MAAM;IAAEQ,KAAK,EAAEO,YAAY;IAAEC;EAAoB,CAAC,GAChDtB,KAAK,CAACoB,UAAU,CAACb,oBAAoB,CAAC;EACxC,MAAMO,KAAK,GAAGC,aAAa,IAAIM,YAAY;;EAE3C;;EAEA,MAAM;IAAEE;EAAc,CAAC,GAAGf,eAAe,CAAC;IACxCgB,OAAO,EAAEF,mBAAmB;IAC5BG,IAAI,EAAEN;EACR,CAAC,CAAC;;EAEF;;EAEA,MAAMO,OAAO,GAAG1B,KAAK,CAAC2B,MAAM,CAAC,EAAEhB,EAAE,CAAC;;EAElC;;EAEA,oBACEX,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,QACGZ,QAAQ,gBACPjB,KAAA,CAAA4B,aAAA,CAAC1B,IAAI,qBACHF,KAAA,CAAA4B,aAAA,CAACzB,cAAc;IACbQ,EAAE,EAAE,GAAGe,OAAO,CAACI,OAAO,EAAG;IACzBC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAM,GAERjB,QACa,CACZ,CAAC,gBAEPjB,KAAA,CAAA4B,aAAA,CAAC1B,IAAI,qBACHF,KAAA,CAAA4B,aAAA,CAACzB,cAAc;IACbQ,EAAE,EAAE,GAAGe,OAAO,CAACI,OAAO,EAAG;IACzBC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAM,gBAETlC,KAAA,CAAA4B,aAAA,CAACxB,IAAI;IAAC+B,MAAM,EAAC,KAAK;IAACC,SAAS,EAAEtB,KAAM;IAACuB,WAAW,EAAE;EAAK,CAAE,CAAC,eAC1DrC,KAAA,CAAA4B,aAAA,CAACxB,IAAI;IAAC+B,MAAM,EAAC,KAAK;IAACC,SAAS,EAAEtB,KAAM;IAACuB,WAAW,EAAE;EAAK,CAAE,CAAC,eAC1DrC,KAAA,CAAA4B,aAAA,CAACxB,IAAI;IAAC+B,MAAM,EAAC,MAAM;IAACC,SAAS,EAAEtB,KAAM;IAACuB,WAAW,EAAE;EAAE,CAAE,CACzC,CACZ,CACP,eACDrC,KAAA,CAAA4B,aAAA,CAACnB,YAAY,EAAA6B,QAAA;IACXf,aAAa,EAAEA,aAAc;IAC7BgB,IAAI,EAAE,QAAQb,OAAO,CAACI,OAAO;EAAI,GAC7BZ,KAAK,CACV,CACD,CAAC;AAEP","ignoreList":[]}
|
|
@@ -2,20 +2,21 @@ import React, { Children, cloneElement } from 'react';
|
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import flattenChildren from 'react-keyed-flatten-children';
|
|
4
4
|
import { LineChart } from './Chart';
|
|
5
|
-
export function LineChartGroup({
|
|
6
|
-
children,
|
|
7
|
-
...props
|
|
8
|
-
}) {
|
|
5
|
+
export function LineChartGroup({ children, ...props }) {
|
|
9
6
|
const flatChildren = flattenChildren(children);
|
|
10
7
|
const flatChildrenCount = Children.count(flatChildren);
|
|
11
|
-
return /*#__PURE__*/React.createElement(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
return /*#__PURE__*/ React.createElement(
|
|
9
|
+
View,
|
|
10
|
+
props,
|
|
11
|
+
Children.map(flatChildren, (child, index) => {
|
|
12
|
+
const isLast = index === flatChildrenCount - 1;
|
|
13
|
+
if (!isLast && child.type === LineChart) {
|
|
14
|
+
return /*#__PURE__*/ cloneElement(child, {
|
|
15
|
+
absolute: true,
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return child;
|
|
19
|
+
})
|
|
20
|
+
);
|
|
20
21
|
}
|
|
21
|
-
//# sourceMappingURL=Group.js.map
|
|
22
|
+
//# sourceMappingURL=Group.js.map
|
|
@@ -1,10 +1,23 @@
|
|
|
1
|
-
function _extends() {
|
|
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
|
+
}
|
|
2
15
|
import * as React from 'react';
|
|
3
16
|
import Animated from 'react-native-reanimated';
|
|
4
17
|
import { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';
|
|
5
18
|
import { LineChartDimensionsContext } from './Chart';
|
|
6
19
|
import { LineChartPathContext } from './LineChartPathContext';
|
|
7
|
-
import useAnimatedPath from './useAnimatedPath';
|
|
20
|
+
import { useAnimatedPath } from './useAnimatedPath';
|
|
8
21
|
import { getXPositionForCurve } from './utils/getXPositionForCurve';
|
|
9
22
|
const AnimatedPath = Animated.createAnimatedComponent(Path);
|
|
10
23
|
LineChartHighlight.displayName = 'LineChartHighlight';
|
|
@@ -17,45 +30,62 @@ export function LineChartHighlight({
|
|
|
17
30
|
width: strokeWidth = 3,
|
|
18
31
|
...props
|
|
19
32
|
}) {
|
|
20
|
-
const {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const {
|
|
26
|
-
isTransitionEnabled,
|
|
27
|
-
isInactive: _isInactive
|
|
28
|
-
} = React.useContext(LineChartPathContext);
|
|
33
|
+
const { path, parsedPath, height } = React.useContext(
|
|
34
|
+
LineChartDimensionsContext
|
|
35
|
+
);
|
|
36
|
+
const { isTransitionEnabled, isInactive: _isInactive } =
|
|
37
|
+
React.useContext(LineChartPathContext);
|
|
29
38
|
const isInactive = showInactiveColor && _isInactive;
|
|
30
39
|
|
|
31
40
|
////////////////////////////////////////////////
|
|
32
41
|
|
|
33
|
-
const {
|
|
34
|
-
animatedProps
|
|
35
|
-
} = useAnimatedPath({
|
|
42
|
+
const { animatedProps } = useAnimatedPath({
|
|
36
43
|
enabled: isTransitionEnabled,
|
|
37
|
-
path
|
|
44
|
+
path,
|
|
38
45
|
});
|
|
39
46
|
|
|
40
47
|
////////////////////////////////////////////////
|
|
41
48
|
|
|
49
|
+
const clipId = React.useMemo(
|
|
50
|
+
() => `clip-${Math.random().toString(36).substring(2, 11)}`,
|
|
51
|
+
[]
|
|
52
|
+
);
|
|
42
53
|
const clipStart = getXPositionForCurve(parsedPath, from);
|
|
43
54
|
const clipEnd = getXPositionForCurve(parsedPath, to);
|
|
44
|
-
return /*#__PURE__*/
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
return /*#__PURE__*/ React.createElement(
|
|
56
|
+
G,
|
|
57
|
+
null,
|
|
58
|
+
/*#__PURE__*/ React.createElement(
|
|
59
|
+
Defs,
|
|
60
|
+
null,
|
|
61
|
+
/*#__PURE__*/ React.createElement(
|
|
62
|
+
ClipPath,
|
|
63
|
+
{
|
|
64
|
+
id: clipId,
|
|
65
|
+
},
|
|
66
|
+
/*#__PURE__*/ React.createElement(Rect, {
|
|
67
|
+
x: clipStart,
|
|
68
|
+
y: '0',
|
|
69
|
+
width: clipEnd - clipStart,
|
|
70
|
+
height: height,
|
|
71
|
+
fill: 'white',
|
|
72
|
+
})
|
|
73
|
+
)
|
|
74
|
+
),
|
|
75
|
+
/*#__PURE__*/ React.createElement(
|
|
76
|
+
AnimatedPath,
|
|
77
|
+
_extends(
|
|
78
|
+
{
|
|
79
|
+
clipPath: `url(#${clipId})`,
|
|
80
|
+
animatedProps: animatedProps,
|
|
81
|
+
fill: 'transparent',
|
|
82
|
+
stroke: isInactive ? inactiveColor || color : color,
|
|
83
|
+
strokeWidth: strokeWidth,
|
|
84
|
+
strokeOpacity: isInactive && !inactiveColor ? 0.5 : 1,
|
|
85
|
+
},
|
|
86
|
+
props
|
|
87
|
+
)
|
|
88
|
+
)
|
|
89
|
+
);
|
|
60
90
|
}
|
|
61
|
-
//# sourceMappingURL=Highlight.js.map
|
|
91
|
+
//# sourceMappingURL=Highlight.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","ClipPath","Defs","G","Path","Rect","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","getXPositionForCurve","AnimatedPath","createAnimatedComponent","LineChartHighlight","displayName","color","inactiveColor","showInactiveColor","from","to","width","strokeWidth","props","path","parsedPath","height","useContext","isTransitionEnabled","isInactive","_isInactive","animatedProps","enabled","clipStart","clipEnd","createElement","id","x","y","fill","_extends","clipPath","stroke","strokeOpacity"],"sourceRoot":"../../../../src","sources":["charts/line/Highlight.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAyB,yBAAyB;AACjE,SAASC,QAAQ,EAAEC,IAAI,EAAEC,CAAC,EAAEC,IAAI,EAAaC,IAAI,QAAQ,kBAAkB;
|
|
1
|
+
{"version":3,"names":["React","Animated","ClipPath","Defs","G","Path","Rect","LineChartDimensionsContext","LineChartPathContext","useAnimatedPath","getXPositionForCurve","AnimatedPath","createAnimatedComponent","LineChartHighlight","displayName","color","inactiveColor","showInactiveColor","from","to","width","strokeWidth","props","path","parsedPath","height","useContext","isTransitionEnabled","isInactive","_isInactive","animatedProps","enabled","clipId","useMemo","Math","random","toString","substring","clipStart","clipEnd","createElement","id","x","y","fill","_extends","clipPath","stroke","strokeOpacity"],"sourceRoot":"../../../../src","sources":["charts/line/Highlight.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAyB,yBAAyB;AACjE,SAASC,QAAQ,EAAEC,IAAI,EAAEC,CAAC,EAAEC,IAAI,EAAaC,IAAI,QAAQ,kBAAkB;AAC3E,SAASC,0BAA0B,QAAQ,SAAS;AACpD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,oBAAoB,QAAQ,8BAA8B;AAEnE,MAAMC,YAAY,GAAGV,QAAQ,CAACW,uBAAuB,CAACP,IAAI,CAAC;AAW3DQ,kBAAkB,CAACC,WAAW,GAAG,oBAAoB;AAErD,OAAO,SAASD,kBAAkBA,CAAC;EACjCE,KAAK,GAAG,OAAO;EACfC,aAAa;EACbC,iBAAiB,GAAG,IAAI;EACxBC,IAAI;EACJC,EAAE;EACFC,KAAK,EAAEC,WAAW,GAAG,CAAC;EACtB,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAM;IAAEC,IAAI;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGzB,KAAK,CAAC0B,UAAU,CACnDnB,0BACF,CAAC;EACD,MAAM;IAAEoB,mBAAmB;IAAEC,UAAU,EAAEC;EAAY,CAAC,GACpD7B,KAAK,CAAC0B,UAAU,CAAClB,oBAAoB,CAAC;EACxC,MAAMoB,UAAU,GAAGX,iBAAiB,IAAIY,WAAW;;EAEnD;;EAEA,MAAM;IAAEC;EAAc,CAAC,GAAGrB,eAAe,CAAC;IACxCsB,OAAO,EAAEJ,mBAAmB;IAC5BJ;EACF,CAAC,CAAC;;EAEF;;EAEA,MAAMS,MAAM,GAAGhC,KAAK,CAACiC,OAAO,CAC1B,MAAM,QAAQC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAC3D,EACF,CAAC;EAED,MAAMC,SAAS,GAAG5B,oBAAoB,CAACc,UAAU,EAAEN,IAAI,CAAC;EACxD,MAAMqB,OAAO,GAAG7B,oBAAoB,CAACc,UAAU,EAAEL,EAAE,CAAC;EAEpD,oBACEnB,KAAA,CAAAwC,aAAA,CAACpC,CAAC,qBACAJ,KAAA,CAAAwC,aAAA,CAACrC,IAAI,qBACHH,KAAA,CAAAwC,aAAA,CAACtC,QAAQ;IAACuC,EAAE,EAAET;EAAO,gBACnBhC,KAAA,CAAAwC,aAAA,CAAClC,IAAI;IACHoC,CAAC,EAAEJ,SAAU;IACbK,CAAC,EAAC,GAAG;IACLvB,KAAK,EAAEmB,OAAO,GAAGD,SAAU;IAC3Bb,MAAM,EAAEA,MAAO;IACfmB,IAAI,EAAC;EAAO,CACb,CACO,CACN,CAAC,eACP5C,KAAA,CAAAwC,aAAA,CAAC7B,YAAY,EAAAkC,QAAA;IACXC,QAAQ,EAAE,QAAQd,MAAM,GAAI;IAC5BF,aAAa,EAAEA,aAAc;IAC7Bc,IAAI,EAAC,aAAa;IAClBG,MAAM,EAAEnB,UAAU,GAAGZ,aAAa,IAAID,KAAK,GAAGA,KAAM;IACpDM,WAAW,EAAEA,WAAY;IACzB2B,aAAa,EAAEpB,UAAU,IAAI,CAACZ,aAAa,GAAG,GAAG,GAAG;EAAE,GAClDM,KAAK,CACV,CACA,CAAC;AAER","ignoreList":[]}
|
|
@@ -1,5 +1,22 @@
|
|
|
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 Animated, {
|
|
16
|
+
useAnimatedProps,
|
|
17
|
+
useDerivedValue,
|
|
18
|
+
withTiming,
|
|
19
|
+
} from 'react-native-reanimated';
|
|
3
20
|
import { Line as SVGLine } from 'react-native-svg';
|
|
4
21
|
import { LineChartDimensionsContext } from './Chart';
|
|
5
22
|
import React from 'react';
|
|
@@ -12,23 +29,19 @@ export function LineChartHorizontalLine({
|
|
|
12
29
|
color = 'gray',
|
|
13
30
|
lineProps = {},
|
|
14
31
|
at = {
|
|
15
|
-
index: 0
|
|
32
|
+
index: 0,
|
|
16
33
|
},
|
|
17
|
-
offsetY = 0
|
|
34
|
+
offsetY = 0,
|
|
18
35
|
}) {
|
|
19
|
-
const {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
gutter
|
|
24
|
-
} = React.useContext(LineChartDimensionsContext);
|
|
25
|
-
const {
|
|
26
|
-
yDomain
|
|
27
|
-
} = useLineChart();
|
|
36
|
+
const { width, parsedPath, height, gutter } = React.useContext(
|
|
37
|
+
LineChartDimensionsContext
|
|
38
|
+
);
|
|
39
|
+
const { yDomain } = useLineChart();
|
|
28
40
|
const y = useDerivedValue(() => {
|
|
29
41
|
if (typeof at === 'number' || at.index != null) {
|
|
30
42
|
const index = typeof at === 'number' ? at : at.index;
|
|
31
|
-
const yForX =
|
|
43
|
+
const yForX =
|
|
44
|
+
getYForX(parsedPath, getXPositionForCurve(parsedPath, index)) || 0;
|
|
32
45
|
return withTiming(yForX + offsetY);
|
|
33
46
|
}
|
|
34
47
|
/**
|
|
@@ -47,17 +60,26 @@ export function LineChartHorizontalLine({
|
|
|
47
60
|
const offsetTopPixels = gutter + percentageOffsetTop * heightBetweenGutters;
|
|
48
61
|
return withTiming(offsetTopPixels + offsetY);
|
|
49
62
|
}, [at, gutter, height, offsetY, parsedPath, yDomain.max, yDomain.min]);
|
|
50
|
-
const lineAnimatedProps = useAnimatedProps(
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
63
|
+
const lineAnimatedProps = useAnimatedProps(
|
|
64
|
+
() => ({
|
|
65
|
+
x1: 0,
|
|
66
|
+
x2: width,
|
|
67
|
+
y1: y.value,
|
|
68
|
+
y2: y.value,
|
|
69
|
+
}),
|
|
70
|
+
[width, y]
|
|
71
|
+
);
|
|
72
|
+
return /*#__PURE__*/ React.createElement(
|
|
73
|
+
AnimatedLine,
|
|
74
|
+
_extends(
|
|
75
|
+
{
|
|
76
|
+
animatedProps: lineAnimatedProps,
|
|
77
|
+
strokeWidth: 2,
|
|
78
|
+
stroke: color,
|
|
79
|
+
strokeDasharray: '3 3',
|
|
80
|
+
},
|
|
81
|
+
lineProps
|
|
82
|
+
)
|
|
83
|
+
);
|
|
62
84
|
}
|
|
63
|
-
//# sourceMappingURL=HorizontalLine.js.map
|
|
85
|
+
//# sourceMappingURL=HorizontalLine.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","useAnimatedProps","useDerivedValue","withTiming","Line","SVGLine","LineChartDimensionsContext","React","getXPositionForCurve","getYForX","useLineChart","AnimatedLine","createAnimatedComponent","LineChartHorizontalLine","displayName","color","lineProps","at","index","offsetY","width","parsedPath","height","gutter","useContext","yDomain","y","yForX","offsetTop","max","value","percentageOffsetTop","min","heightBetweenGutters","offsetTopPixels","lineAnimatedProps","x1","x2","y1","y2","createElement","_extends","animatedProps","strokeWidth","stroke","strokeDasharray"],"sourceRoot":"../../../../src","sources":["charts/line/HorizontalLine.tsx"],"mappings":";AAAA,OAAOA,QAAQ,IACbC,gBAAgB,EAChBC,eAAe,EACfC,UAAU,QACL,yBAAyB;AAChC,SAAoBC,IAAI,IAAIC,OAAO,QAAQ,kBAAkB;AAE7D,SAASC,0BAA0B,QAAQ,SAAS;AACpD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,8BAA8B;AACnE,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,MAAMC,YAAY,GAAGX,QAAQ,CAACY,uBAAuB,CAACP,OAAO,CAAC;
|
|
1
|
+
{"version":3,"names":["Animated","useAnimatedProps","useDerivedValue","withTiming","Line","SVGLine","LineChartDimensionsContext","React","getXPositionForCurve","getYForX","useLineChart","AnimatedLine","createAnimatedComponent","LineChartHorizontalLine","displayName","color","lineProps","at","index","offsetY","width","parsedPath","height","gutter","useContext","yDomain","y","yForX","offsetTop","max","value","percentageOffsetTop","min","heightBetweenGutters","offsetTopPixels","lineAnimatedProps","x1","x2","y1","y2","createElement","_extends","animatedProps","strokeWidth","stroke","strokeDasharray"],"sourceRoot":"../../../../src","sources":["charts/line/HorizontalLine.tsx"],"mappings":";AAAA,OAAOA,QAAQ,IACbC,gBAAgB,EAChBC,eAAe,EACfC,UAAU,QACL,yBAAyB;AAChC,SAAoBC,IAAI,IAAIC,OAAO,QAAQ,kBAAkB;AAE7D,SAASC,0BAA0B,QAAQ,SAAS;AACpD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,8BAA8B;AACnE,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,MAAMC,YAAY,GAAGX,QAAQ,CAACY,uBAAuB,CAACP,OAAO,CAAC;AA+B9DQ,uBAAuB,CAACC,WAAW,GAAG,yBAAyB;AAE/D,OAAO,SAASD,uBAAuBA,CAAC;EACtCE,KAAK,GAAG,MAAM;EACdC,SAAS,GAAG,CAAC,CAAC;EACdC,EAAE,GAAG;IAAEC,KAAK,EAAE;EAAE,CAAC;EACjBC,OAAO,GAAG;AACS,CAAC,EAAE;EACtB,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGhB,KAAK,CAACiB,UAAU,CAC5DlB,0BACF,CAAC;EACD,MAAM;IAAEmB;EAAQ,CAAC,GAAGf,YAAY,CAAC,CAAC;EAElC,MAAMgB,CAAC,GAAGxB,eAAe,CAAC,MAAM;IAC9B,IAAI,OAAOe,EAAE,KAAK,QAAQ,IAAIA,EAAE,CAACC,KAAK,IAAI,IAAI,EAAE;MAC9C,MAAMA,KAAK,GAAG,OAAOD,EAAE,KAAK,QAAQ,GAAGA,EAAE,GAAGA,EAAE,CAACC,KAAK;MACpD,MAAMS,KAAK,GACTlB,QAAQ,CAACY,UAAU,EAAGb,oBAAoB,CAACa,UAAU,EAAEH,KAAK,CAAC,CAAC,IAAI,CAAC;MACrE,OAAOf,UAAU,CAACwB,KAAK,GAAGR,OAAO,CAAC;IACpC;IACA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IAEI,MAAMS,SAAS,GAAGH,OAAO,CAACI,GAAG,GAAGZ,EAAE,CAACa,KAAK;IACxC,MAAMC,mBAAmB,GAAGH,SAAS,IAAIH,OAAO,CAACI,GAAG,GAAGJ,OAAO,CAACO,GAAG,CAAC;IACnE,MAAMC,oBAAoB,GAAGX,MAAM,GAAGC,MAAM,GAAG,CAAC;IAChD,MAAMW,eAAe,GAAGX,MAAM,GAAGQ,mBAAmB,GAAGE,oBAAoB;IAE3E,OAAO9B,UAAU,CAAC+B,eAAe,GAAGf,OAAO,CAAC;EAC9C,CAAC,EAAE,CAACF,EAAE,EAAEM,MAAM,EAAED,MAAM,EAAEH,OAAO,EAAEE,UAAU,EAAEI,OAAO,CAACI,GAAG,EAAEJ,OAAO,CAACO,GAAG,CAAC,CAAC;EAEvE,MAAMG,iBAAiB,GAAGlC,gBAAgB,CACxC,OAAO;IACLmC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAEjB,KAAK;IACTkB,EAAE,EAAEZ,CAAC,CAACI,KAAK;IACXS,EAAE,EAAEb,CAAC,CAACI;EACR,CAAC,CAAC,EACF,CAACV,KAAK,EAAEM,CAAC,CACX,CAAC;EAED,oBACEnB,KAAA,CAAAiC,aAAA,CAAC7B,YAAY,EAAA8B,QAAA;IACXC,aAAa,EAAEP,iBAAkB;IACjCQ,WAAW,EAAE,CAAE;IACfC,MAAM,EAAE7B,KAAM;IACd8B,eAAe,EAAC;EAAK,GACjB7B,SAAS,CACd,CAAC;AAEN","ignoreList":[]}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export const LineChartHoverTrap = () =>
|
|
3
|
-
|
|
2
|
+
export const LineChartHoverTrap = () =>
|
|
3
|
+
/*#__PURE__*/ React.createElement(React.Fragment, null);
|
|
4
|
+
//# sourceMappingURL=index.js.map
|