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
package/README.md
CHANGED
|
@@ -44,6 +44,7 @@ A sweet & simple chart library for React Native that will make us feel like **W*
|
|
|
44
44
|
- [Customizing size](#customizing-size)
|
|
45
45
|
- [Customizing labels](#customizing-labels)
|
|
46
46
|
- [Customizing tooltips](#customizing-tooltips)
|
|
47
|
+
- [Axis](#axis)
|
|
47
48
|
- [Candlestick Chart Guides](#candlestick-chart-guides)
|
|
48
49
|
- [Interactive cursors](#interactive-cursors-1)
|
|
49
50
|
- [Interactive labels](#interactive-labels-1)
|
|
@@ -304,7 +305,8 @@ Note that the tooltip will disappear when there is interaction with a cursor on
|
|
|
304
305
|
|
|
305
306
|
By making use of the chart event handlers, you are able to integrate haptic feedback into your charts.
|
|
306
307
|
|
|
307
|
-
We can utilise the `onActivated` and `onEnded` events to create haptic feedback
|
|
308
|
+
We can utilise the `onActivated` and `onEnded` events to create haptic feedback
|
|
309
|
+
on our line chart. This will cause a vibration on touch down/up.
|
|
308
310
|
|
|
309
311
|
```jsx
|
|
310
312
|
import * as haptics from 'expo-haptics';
|
|
@@ -329,7 +331,9 @@ function Example() {
|
|
|
329
331
|
}
|
|
330
332
|
```
|
|
331
333
|
|
|
332
|
-
We can also use the `onCurrentIndexChange` callback, passed to
|
|
334
|
+
We can also use the `onCurrentIndexChange` callback, passed to
|
|
335
|
+
`LineChart.Provider`. This differs to the above method as it will cause a
|
|
336
|
+
vibration on touch down/up and also when the selected value changes.
|
|
333
337
|
|
|
334
338
|
```tsx
|
|
335
339
|
import * as haptics from 'expo-haptics';
|
|
@@ -341,15 +345,11 @@ function invokeHaptic() {
|
|
|
341
345
|
}
|
|
342
346
|
|
|
343
347
|
function Example() {
|
|
344
|
-
const onCurrentIndexChange = useCallback((index: number) => {
|
|
345
|
-
// ...
|
|
346
|
-
}, [])
|
|
347
|
-
|
|
348
348
|
return (
|
|
349
|
-
<LineChart.Provider data={data} onCurrentIndexChange={
|
|
349
|
+
<LineChart.Provider data={data} onCurrentIndexChange={invokeHaptic}>
|
|
350
350
|
<LineChart>
|
|
351
351
|
<LineChart.Path />
|
|
352
|
-
<LineChart.CursorCrosshair
|
|
352
|
+
<LineChart.CursorCrosshair>
|
|
353
353
|
<LineChart.Tooltip />
|
|
354
354
|
</LineChart.CursorCrosshair>
|
|
355
355
|
</LineChart>
|
|
@@ -637,6 +637,19 @@ You can customize the gutters of the tooltip by providing `cursorGutter`, `xGutt
|
|
|
637
637
|
|
|
638
638
|
<img src="https://user-images.githubusercontent.com/7336481/133054393-28d542c1-c9fc-4ba6-b4a0-86cf096ebcda.gif" width="200px" />
|
|
639
639
|
|
|
640
|
+
### Axis
|
|
641
|
+
|
|
642
|
+
You can render an axis on your line chart with `LineChart.Axis`.
|
|
643
|
+
|
|
644
|
+
```jsx
|
|
645
|
+
<LineChart.Provider data={data}>
|
|
646
|
+
<LineChart>
|
|
647
|
+
<LineChart.Path />
|
|
648
|
+
<LineChart.Axis position="left" orientation="vertical" />
|
|
649
|
+
</LineChart>
|
|
650
|
+
</LineChart.Provider>
|
|
651
|
+
```
|
|
652
|
+
|
|
640
653
|
## Candlestick Chart Guides
|
|
641
654
|
|
|
642
655
|
### Interactive cursors
|
|
@@ -953,6 +966,20 @@ Place it as the child of your cursor component to trap hover events on Web. If y
|
|
|
953
966
|
<LineChart.HoverTrap />
|
|
954
967
|
```
|
|
955
968
|
|
|
969
|
+
### LineChart.Axis
|
|
970
|
+
|
|
971
|
+
| Prop | Type | Default | Description |
|
|
972
|
+
| :------------------ | :---------------------------------------------- | :--------- | :--------------------------------------------------------------- |
|
|
973
|
+
| `position` | `string` | | Position of the axis. Can be `left`, `right`, `top` or `bottom`. |
|
|
974
|
+
| `orientation` | `string` | | Orientation of the axis. Can be `vertical` or `horizontal`. |
|
|
975
|
+
| `color` | `string` | `#666` | Color of the axis line and ticks. |
|
|
976
|
+
| `strokeWidth` | `number` | | Width of the axis line and ticks. |
|
|
977
|
+
| `tickCount` | `number` | `5` | Number of ticks to display on the axis. |
|
|
978
|
+
| `domain` | `[number, number]` | `[0, 100]` | Domain of the axis. |
|
|
979
|
+
| `hideOnInteraction` | `boolean` | `false` | Whether to hide the axis when the user interacts with the chart. |
|
|
980
|
+
| `format` | `(value: number or string) => string or number` | | Function to format the tick labels. |
|
|
981
|
+
| `textStyle` | `StyleProp<TextStyle>` | | Style of the tick labels. |
|
|
982
|
+
|
|
956
983
|
### CandlestickChart.Provider
|
|
957
984
|
|
|
958
985
|
| Prop | Type | Default | Description |
|
|
@@ -969,15 +996,15 @@ Place it as the child of your cursor component to trap hover events on Web. If y
|
|
|
969
996
|
|
|
970
997
|
### CandlestickChart.Candles
|
|
971
998
|
|
|
972
|
-
| Prop | Type
|
|
973
|
-
| --------------- |
|
|
974
|
-
| `positiveColor` | `string`
|
|
975
|
-
| `negativeColor` | `string`
|
|
976
|
-
| `rectProps` | `RectProps`
|
|
977
|
-
| `lineProps` | `LineProps`
|
|
999
|
+
| Prop | Type | Default | Description |
|
|
1000
|
+
| --------------- | ------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------------------------------------------------------------ |
|
|
1001
|
+
| `positiveColor` | `string` | `#10b981` | Color of the positive candles |
|
|
1002
|
+
| `negativeColor` | `string` | `#ef4444` | Color of the negative candles |
|
|
1003
|
+
| `rectProps` | `RectProps` | | Props of the SVG Rectangle. Takes React Native's SVG `Rect` props. |
|
|
1004
|
+
| `lineProps` | `LineProps` | | Props of the SVG Line. Takes React Native's SVG `Line` props. |
|
|
978
1005
|
| `renderRect` | `({ x: number, y: number, width: number, height: number, fill: string, candle: TCandle }) => React.ReactNode` | | Renders a custom rect component |
|
|
979
1006
|
| `renderLine` | `({ x1: number, x2: number, y1: number, y2: number, stroke: string, strokeWidth: number, candle: TCandle }) => React.ReactNode` | | Renders a custom line component |
|
|
980
|
-
| `...props` | `SvgProps`
|
|
1007
|
+
| `...props` | `SvgProps` | | This component also inherits React Native SVG's `Svg` props. |
|
|
981
1008
|
|
|
982
1009
|
### CandlestickChart.Crosshair
|
|
983
1010
|
|
|
@@ -1,18 +1,51 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
value: true
|
|
3
|
+
Object.defineProperty(exports, '__esModule', {
|
|
4
|
+
value: true,
|
|
5
5
|
});
|
|
6
6
|
exports.CandlestickChartCandle = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require(
|
|
8
|
-
var _reactNativeReanimated = _interopRequireWildcard(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
var _react = _interopRequireDefault(require('react'));
|
|
8
|
+
var _reactNativeReanimated = _interopRequireWildcard(
|
|
9
|
+
require('react-native-reanimated')
|
|
10
|
+
);
|
|
11
|
+
var _reactNativeSvg = require('react-native-svg');
|
|
12
|
+
var _utils = require('./utils');
|
|
13
|
+
function _interopRequireWildcard(e, t) {
|
|
14
|
+
if ('function' == typeof WeakMap)
|
|
15
|
+
var r = new WeakMap(),
|
|
16
|
+
n = new WeakMap();
|
|
17
|
+
return (_interopRequireWildcard = function (e, t) {
|
|
18
|
+
if (!t && e && e.__esModule) return e;
|
|
19
|
+
var o,
|
|
20
|
+
i,
|
|
21
|
+
f = { __proto__: null, default: e };
|
|
22
|
+
if (null === e || ('object' != typeof e && 'function' != typeof e))
|
|
23
|
+
return f;
|
|
24
|
+
if ((o = t ? n : r)) {
|
|
25
|
+
if (o.has(e)) return o.get(e);
|
|
26
|
+
o.set(e, f);
|
|
27
|
+
}
|
|
28
|
+
for (const t in e)
|
|
29
|
+
'default' !== t &&
|
|
30
|
+
{}.hasOwnProperty.call(e, t) &&
|
|
31
|
+
((i =
|
|
32
|
+
(o = Object.defineProperty) &&
|
|
33
|
+
Object.getOwnPropertyDescriptor(e, t)) &&
|
|
34
|
+
(i.get || i.set)
|
|
35
|
+
? o(f, t, i)
|
|
36
|
+
: (f[t] = e[t]));
|
|
37
|
+
return f;
|
|
38
|
+
})(e, t);
|
|
39
|
+
}
|
|
40
|
+
function _interopRequireDefault(e) {
|
|
41
|
+
return e && e.__esModule ? e : { default: e };
|
|
42
|
+
}
|
|
43
|
+
const AnimatedRect = _reactNativeReanimated.default.createAnimatedComponent(
|
|
44
|
+
_reactNativeSvg.Rect
|
|
45
|
+
);
|
|
46
|
+
const AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(
|
|
47
|
+
_reactNativeSvg.Line
|
|
48
|
+
);
|
|
16
49
|
const CandlestickChartCandle = ({
|
|
17
50
|
candle,
|
|
18
51
|
maxHeight,
|
|
@@ -25,97 +58,148 @@ const CandlestickChartCandle = ({
|
|
|
25
58
|
index,
|
|
26
59
|
width,
|
|
27
60
|
useAnimations = true,
|
|
28
|
-
renderLine =
|
|
29
|
-
|
|
61
|
+
renderLine = (props) =>
|
|
62
|
+
props.useAnimations
|
|
63
|
+
? /*#__PURE__*/ _react.default.createElement(AnimatedLine, props)
|
|
64
|
+
: /*#__PURE__*/ _react.default.createElement(_reactNativeSvg.Line, props),
|
|
65
|
+
renderRect = (props) =>
|
|
66
|
+
props.useAnimations
|
|
67
|
+
? /*#__PURE__*/ _react.default.createElement(AnimatedRect, props)
|
|
68
|
+
: /*#__PURE__*/ _react.default.createElement(_reactNativeSvg.Rect, props),
|
|
30
69
|
}) => {
|
|
31
|
-
const {
|
|
32
|
-
close,
|
|
33
|
-
open,
|
|
34
|
-
high,
|
|
35
|
-
low
|
|
36
|
-
} = candle;
|
|
70
|
+
const { close, open, high, low } = candle;
|
|
37
71
|
const isPositive = close > open;
|
|
38
72
|
const fill = isPositive ? positiveColor : negativeColor;
|
|
39
73
|
const x = index * width;
|
|
40
74
|
const max = Math.max(open, close);
|
|
41
75
|
const min = Math.min(open, close);
|
|
42
|
-
const lineProps = _react.default.useMemo(
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
76
|
+
const lineProps = _react.default.useMemo(
|
|
77
|
+
() => ({
|
|
78
|
+
stroke: fill,
|
|
79
|
+
strokeWidth: 1,
|
|
80
|
+
direction: isPositive ? 'positive' : 'negative',
|
|
81
|
+
x1: x + width / 2,
|
|
82
|
+
y1: (0, _utils.getY)({
|
|
83
|
+
maxHeight,
|
|
84
|
+
value: low,
|
|
85
|
+
domain,
|
|
86
|
+
}),
|
|
87
|
+
x2: x + width / 2,
|
|
88
|
+
y2: (0, _utils.getY)({
|
|
89
|
+
maxHeight,
|
|
90
|
+
value: high,
|
|
91
|
+
domain,
|
|
92
|
+
}),
|
|
93
|
+
candle: candle,
|
|
94
|
+
...overrideLineProps,
|
|
51
95
|
}),
|
|
52
|
-
|
|
53
|
-
|
|
96
|
+
[
|
|
97
|
+
domain,
|
|
98
|
+
fill,
|
|
99
|
+
high,
|
|
100
|
+
isPositive,
|
|
101
|
+
low,
|
|
54
102
|
maxHeight,
|
|
55
|
-
|
|
56
|
-
|
|
103
|
+
overrideLineProps,
|
|
104
|
+
width,
|
|
105
|
+
x,
|
|
106
|
+
candle,
|
|
107
|
+
]
|
|
108
|
+
);
|
|
109
|
+
const animatedLineProps = (0, _reactNativeReanimated.useAnimatedProps)(
|
|
110
|
+
() => ({
|
|
111
|
+
x1: (0, _reactNativeReanimated.withTiming)(x + width / 2),
|
|
112
|
+
y1: (0, _reactNativeReanimated.withTiming)(
|
|
113
|
+
(0, _utils.getY)({
|
|
114
|
+
maxHeight,
|
|
115
|
+
value: low,
|
|
116
|
+
domain,
|
|
117
|
+
})
|
|
118
|
+
),
|
|
119
|
+
x2: (0, _reactNativeReanimated.withTiming)(x + width / 2),
|
|
120
|
+
y2: (0, _reactNativeReanimated.withTiming)(
|
|
121
|
+
(0, _utils.getY)({
|
|
122
|
+
maxHeight,
|
|
123
|
+
value: high,
|
|
124
|
+
domain,
|
|
125
|
+
})
|
|
126
|
+
),
|
|
127
|
+
})
|
|
128
|
+
);
|
|
129
|
+
const rectProps = _react.default.useMemo(
|
|
130
|
+
() => ({
|
|
131
|
+
width: width - margin * 2,
|
|
132
|
+
fill: fill,
|
|
133
|
+
direction: isPositive ? 'positive' : 'negative',
|
|
134
|
+
x: x + margin,
|
|
135
|
+
y: (0, _utils.getY)({
|
|
136
|
+
maxHeight,
|
|
137
|
+
value: max,
|
|
138
|
+
domain,
|
|
139
|
+
}),
|
|
140
|
+
height: (0, _utils.getHeight)({
|
|
141
|
+
maxHeight,
|
|
142
|
+
value: max - min,
|
|
143
|
+
domain,
|
|
144
|
+
}),
|
|
145
|
+
candle: candle,
|
|
146
|
+
...overrideRectProps,
|
|
57
147
|
}),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
maxHeight,
|
|
65
|
-
value: low,
|
|
66
|
-
domain
|
|
67
|
-
})),
|
|
68
|
-
x2: (0, _reactNativeReanimated.withTiming)(x + width / 2),
|
|
69
|
-
y2: (0, _reactNativeReanimated.withTiming)((0, _utils.getY)({
|
|
148
|
+
[
|
|
149
|
+
domain,
|
|
150
|
+
fill,
|
|
151
|
+
isPositive,
|
|
152
|
+
margin,
|
|
153
|
+
max,
|
|
70
154
|
maxHeight,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
155
|
+
min,
|
|
156
|
+
overrideRectProps,
|
|
157
|
+
width,
|
|
158
|
+
x,
|
|
159
|
+
candle,
|
|
160
|
+
]
|
|
161
|
+
);
|
|
162
|
+
const animatedRectProps = (0, _reactNativeReanimated.useAnimatedProps)(
|
|
163
|
+
() => ({
|
|
164
|
+
x: (0, _reactNativeReanimated.withTiming)(x + margin),
|
|
165
|
+
y: (0, _reactNativeReanimated.withTiming)(
|
|
166
|
+
(0, _utils.getY)({
|
|
167
|
+
maxHeight,
|
|
168
|
+
value: max,
|
|
169
|
+
domain,
|
|
170
|
+
})
|
|
171
|
+
),
|
|
172
|
+
height: (0, _reactNativeReanimated.withTiming)(
|
|
173
|
+
(0, _utils.getHeight)({
|
|
174
|
+
maxHeight,
|
|
175
|
+
value: max - min,
|
|
176
|
+
domain,
|
|
177
|
+
})
|
|
178
|
+
),
|
|
179
|
+
})
|
|
180
|
+
);
|
|
181
|
+
return /*#__PURE__*/ _react.default.createElement(
|
|
182
|
+
_react.default.Fragment,
|
|
183
|
+
null,
|
|
184
|
+
renderLine({
|
|
185
|
+
...lineProps,
|
|
186
|
+
useAnimations,
|
|
187
|
+
...(useAnimations
|
|
188
|
+
? {
|
|
189
|
+
animatedProps: animatedLineProps,
|
|
190
|
+
}
|
|
191
|
+
: {}),
|
|
84
192
|
}),
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
y: (0, _reactNativeReanimated.withTiming)((0, _utils.getY)({
|
|
96
|
-
maxHeight,
|
|
97
|
-
value: max,
|
|
98
|
-
domain
|
|
99
|
-
})),
|
|
100
|
-
height: (0, _reactNativeReanimated.withTiming)((0, _utils.getHeight)({
|
|
101
|
-
maxHeight,
|
|
102
|
-
value: max - min,
|
|
103
|
-
domain
|
|
104
|
-
}))
|
|
105
|
-
}));
|
|
106
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLine({
|
|
107
|
-
...lineProps,
|
|
108
|
-
useAnimations,
|
|
109
|
-
...(useAnimations ? {
|
|
110
|
-
animatedProps: animatedLineProps
|
|
111
|
-
} : {})
|
|
112
|
-
}), renderRect({
|
|
113
|
-
...rectProps,
|
|
114
|
-
useAnimations,
|
|
115
|
-
...(useAnimations ? {
|
|
116
|
-
animatedProps: animatedRectProps
|
|
117
|
-
} : {})
|
|
118
|
-
}));
|
|
193
|
+
renderRect({
|
|
194
|
+
...rectProps,
|
|
195
|
+
useAnimations,
|
|
196
|
+
...(useAnimations
|
|
197
|
+
? {
|
|
198
|
+
animatedProps: animatedRectProps,
|
|
199
|
+
}
|
|
200
|
+
: {}),
|
|
201
|
+
})
|
|
202
|
+
);
|
|
119
203
|
};
|
|
120
204
|
exports.CandlestickChartCandle = CandlestickChartCandle;
|
|
121
|
-
//# sourceMappingURL=Candle.js.map
|
|
205
|
+
//# sourceMappingURL=Candle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_utils","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedRect","Animated","createAnimatedComponent","Rect","AnimatedLine","Line","CandlestickChartCandle","candle","maxHeight","domain","margin","positiveColor","negativeColor","rectProps","overrideRectProps","lineProps","overrideLineProps","index","width","useAnimations","renderLine","props","createElement","renderRect","close","open","high","low","isPositive","fill","x","max","Math","min","React","useMemo","stroke","strokeWidth","direction","x1","y1","getY","value","x2","y2","animatedLineProps","useAnimatedProps","withTiming","y","height","getHeight","animatedRectProps","Fragment","animatedProps","exports"],"sourceRoot":"../../../../src","sources":["charts/candle/Candle.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,17 +1,31 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
value: true
|
|
3
|
+
Object.defineProperty(exports, '__esModule', {
|
|
4
|
+
value: true,
|
|
5
5
|
});
|
|
6
6
|
exports.CandlestickChartCandles = CandlestickChartCandles;
|
|
7
|
-
var
|
|
8
|
-
var _reactNativeSvg = require(
|
|
9
|
-
var _Chart = require(
|
|
10
|
-
var _Candle = require(
|
|
11
|
-
var _useCandlestickChart = require(
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
var _react = _interopRequireDefault(require('react'));
|
|
8
|
+
var _reactNativeSvg = require('react-native-svg');
|
|
9
|
+
var _Chart = require('./Chart');
|
|
10
|
+
var _Candle = require('./Candle');
|
|
11
|
+
var _useCandlestickChart = require('./useCandlestickChart');
|
|
12
|
+
function _interopRequireDefault(e) {
|
|
13
|
+
return e && e.__esModule ? e : { default: e };
|
|
14
|
+
}
|
|
15
|
+
function _extends() {
|
|
16
|
+
return (
|
|
17
|
+
(_extends = Object.assign
|
|
18
|
+
? Object.assign.bind()
|
|
19
|
+
: function (n) {
|
|
20
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
21
|
+
var t = arguments[e];
|
|
22
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
23
|
+
}
|
|
24
|
+
return n;
|
|
25
|
+
}),
|
|
26
|
+
_extends.apply(null, arguments)
|
|
27
|
+
);
|
|
28
|
+
}
|
|
15
29
|
function CandlestickChartCandles({
|
|
16
30
|
positiveColor,
|
|
17
31
|
negativeColor,
|
|
@@ -24,36 +38,45 @@ function CandlestickChartCandles({
|
|
|
24
38
|
candleProps,
|
|
25
39
|
...props
|
|
26
40
|
}) {
|
|
27
|
-
const {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
} =
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
41
|
+
const { width, height } = _react.default.useContext(
|
|
42
|
+
_Chart.CandlestickChartDimensionsContext
|
|
43
|
+
);
|
|
44
|
+
const { data, domain, step } = (0,
|
|
45
|
+
_useCandlestickChart.useCandlestickChart)();
|
|
46
|
+
return /*#__PURE__*/ _react.default.createElement(
|
|
47
|
+
_reactNativeSvg.Svg,
|
|
48
|
+
_extends(
|
|
49
|
+
{
|
|
50
|
+
width: width,
|
|
51
|
+
height: height,
|
|
52
|
+
},
|
|
53
|
+
props
|
|
54
|
+
),
|
|
55
|
+
step > 0 &&
|
|
56
|
+
data.map((candle, index) =>
|
|
57
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
58
|
+
_Candle.CandlestickChartCandle,
|
|
59
|
+
_extends(
|
|
60
|
+
{
|
|
61
|
+
key: index,
|
|
62
|
+
domain: domain,
|
|
63
|
+
margin: margin,
|
|
64
|
+
maxHeight: height,
|
|
65
|
+
width: step,
|
|
66
|
+
positiveColor: positiveColor,
|
|
67
|
+
negativeColor: negativeColor,
|
|
68
|
+
renderRect: renderRect,
|
|
69
|
+
renderLine: renderLine,
|
|
70
|
+
rectProps: rectProps,
|
|
71
|
+
lineProps: lineProps,
|
|
72
|
+
useAnimations: useAnimations,
|
|
73
|
+
candle: candle,
|
|
74
|
+
index: index,
|
|
75
|
+
},
|
|
76
|
+
candleProps
|
|
77
|
+
)
|
|
78
|
+
)
|
|
79
|
+
)
|
|
80
|
+
);
|
|
58
81
|
}
|
|
59
|
-
//# sourceMappingURL=Candles.js.map
|
|
82
|
+
//# sourceMappingURL=Candles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_Chart","_Candle","_useCandlestickChart","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","CandlestickChartCandles","positiveColor","negativeColor","rectProps","lineProps","margin","useAnimations","renderRect","renderLine","candleProps","props","width","height","React","useContext","CandlestickChartDimensionsContext","data","domain","step","useCandlestickChart","createElement","Svg","map","candle","index","CandlestickChartCandle","key","maxHeight"],"sourceRoot":"../../../../src","sources":["charts/candle/Candles.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAA4D,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAgBrD,SAASO,uBAAuBA,CAAC;EACtCC,aAAa;EACbC,aAAa;EACbC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,aAAa,GAAG,IAAI;EACpBC,UAAU;EACVC,UAAU;EACVC,WAAW;EACX,GAAGC;AACyB,CAAC,EAAE;EAC/B,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,wCAAiC,CAAC;EAC7E,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAEpD,oBACEzC,MAAA,CAAAS,OAAA,CAAAiC,aAAA,CAACvC,eAAA,CAAAwC,GAAG,EAAAjC,QAAA;IAACuB,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA;EAAO,GAAKF,KAAK,GACzCQ,IAAI,GAAG,CAAC,IACPF,IAAI,CAACM,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBACrB9C,MAAA,CAAAS,OAAA,CAAAiC,aAAA,CAACrC,OAAA,CAAA0C,sBAAsB,EAAArC,QAAA;IACrBsC,GAAG,EAAEF,KAAmB;IACxBP,MAAM,EAAEA,MAAO;IACfZ,MAAM,EAAEA,MAAO;IACfsB,SAAS,EAAEf,MAAO;IAClBD,KAAK,EAAEO,IAAK;IACZjB,aAAa,EAAEA,aAAc;IAC7BC,aAAa,EAAEA,aAAc;IAC7BK,UAAU,EAAEA,UAAW;IACvBC,UAAU,EAAEA,UAAW;IACvBL,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBE,aAAa,EAAEA,aAAc;IAC7BiB,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA;EAAM,GACTf,WAAW,CAChB,CACF,CACA,CAAC;AAEV","ignoreList":[]}
|