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,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { CandlestickChart as _CandlestickChart } from './Chart';
|
|
3
2
|
import { CandlestickChartCandles } from './Candles';
|
|
4
3
|
import { CandlestickChartCrosshair } from './Crosshair';
|
|
@@ -26,17 +25,36 @@ export * from './usePrice';
|
|
|
26
25
|
export * from './useCandleData';
|
|
27
26
|
export * from './utils';
|
|
28
27
|
export declare const CandlestickChart: typeof _CandlestickChart & {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
28
|
+
Candle: ({
|
|
29
|
+
candle,
|
|
30
|
+
maxHeight,
|
|
31
|
+
domain,
|
|
32
|
+
margin,
|
|
33
|
+
positiveColor,
|
|
34
|
+
negativeColor,
|
|
35
|
+
rectProps: overrideRectProps,
|
|
36
|
+
lineProps: overrideLineProps,
|
|
37
|
+
index,
|
|
38
|
+
width,
|
|
39
|
+
useAnimations,
|
|
40
|
+
renderLine,
|
|
41
|
+
renderRect,
|
|
42
|
+
}: import('./Candle').CandlestickChartCandleProps) => import('react').JSX.Element;
|
|
43
|
+
Candles: typeof CandlestickChartCandles;
|
|
44
|
+
Crosshair: typeof CandlestickChartCrosshair;
|
|
45
|
+
Provider: typeof CandlestickChartProvider;
|
|
46
|
+
PriceText: typeof CandlestickChartPriceText;
|
|
47
|
+
DatetimeText: typeof CandlestickChartDatetimeText;
|
|
48
|
+
Line: ({
|
|
49
|
+
color,
|
|
50
|
+
x,
|
|
51
|
+
y,
|
|
52
|
+
...props
|
|
53
|
+
}: import('./Line').CandlestickChartLineProps) => import('react').JSX.Element;
|
|
54
|
+
Tooltip: typeof CandlestickChartCrosshairTooltip;
|
|
55
|
+
useDatetime: typeof useCandlestickChartDatetime;
|
|
56
|
+
usePrice: typeof useCandlestickChartPrice;
|
|
57
|
+
useChart: typeof useCandlestickChart;
|
|
58
|
+
useCandleData: typeof useCandleData;
|
|
41
59
|
};
|
|
42
|
-
//# sourceMappingURL=index.d.ts.map
|
|
60
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEhE,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,gCAAgC,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AAExB,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAa3B,CAAC"}
|
|
@@ -1,28 +1,25 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import type { SharedValue } from 'react-native-reanimated';
|
|
3
3
|
export type TCandle = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
timestamp: number;
|
|
5
|
+
open: number;
|
|
6
|
+
high: number;
|
|
7
|
+
low: number;
|
|
8
|
+
close: number;
|
|
9
9
|
};
|
|
10
10
|
export type TData = Array<TCandle>;
|
|
11
11
|
export type TDomain = [min: number, max: number];
|
|
12
12
|
export type TContext = {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
currentX: SharedValue<number>;
|
|
14
|
+
currentY: SharedValue<number>;
|
|
15
|
+
currentIndex: SharedValue<number>;
|
|
16
|
+
data: TData;
|
|
17
|
+
width: number;
|
|
18
|
+
height: number;
|
|
19
|
+
domain: TDomain;
|
|
20
|
+
step: number;
|
|
21
|
+
setWidth: React.Dispatch<React.SetStateAction<number>>;
|
|
22
|
+
setHeight: React.Dispatch<React.SetStateAction<number>>;
|
|
22
23
|
};
|
|
23
24
|
export type TPriceType = 'crosshair' | 'open' | 'close' | 'low' | 'high';
|
|
24
|
-
|
|
25
|
-
value: T;
|
|
26
|
-
formatted: string;
|
|
27
|
-
}) => string;
|
|
28
|
-
//# sourceMappingURL=types.d.ts.map
|
|
25
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AACnC,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;AACjD,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACzD,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AACnC,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;AACjD,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACzD,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC"}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
import type { TFormatterFn } from '
|
|
1
|
+
import type { TFormatterFn } from '../../types';
|
|
2
2
|
import type { SharedValue } from 'react-native-reanimated';
|
|
3
|
-
export declare function useCandlestickChartDatetime({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
export declare function useCandlestickChartDatetime({
|
|
4
|
+
format,
|
|
5
|
+
locale,
|
|
6
|
+
options,
|
|
7
|
+
}?: {
|
|
8
|
+
format?: TFormatterFn<number>;
|
|
9
|
+
locale?: string;
|
|
10
|
+
options?: {
|
|
11
|
+
[key: string]: string;
|
|
12
|
+
};
|
|
9
13
|
}): {
|
|
10
|
-
|
|
11
|
-
|
|
14
|
+
value: Readonly<SharedValue<string>>;
|
|
15
|
+
formatted: Readonly<SharedValue<string>>;
|
|
12
16
|
};
|
|
13
|
-
//# sourceMappingURL=useDatetime.d.ts.map
|
|
17
|
+
//# sourceMappingURL=useDatetime.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDatetime.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/useDatetime.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useDatetime.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/useDatetime.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,2BAA2B,CAAC,EAC1C,MAAM,EACN,MAAM,EACN,OAAO,GACR,GAAE;IACD,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CAChC,GAAG;IACP,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IACrC,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;CAC1C,CA2BA"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import type { TFormatterFn
|
|
1
|
+
import type { TFormatterFn } from '../../types';
|
|
2
|
+
import type { TPriceType } from './types';
|
|
2
3
|
import type { SharedValue } from 'react-native-reanimated';
|
|
3
|
-
export declare function useCandlestickChartPrice({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
export declare function useCandlestickChartPrice({
|
|
5
|
+
format,
|
|
6
|
+
precision,
|
|
7
|
+
type,
|
|
8
|
+
}?: {
|
|
9
|
+
format?: TFormatterFn<string>;
|
|
10
|
+
precision?: number;
|
|
11
|
+
type?: TPriceType;
|
|
7
12
|
}): {
|
|
8
|
-
|
|
9
|
-
|
|
13
|
+
value: Readonly<SharedValue<string>>;
|
|
14
|
+
formatted: Readonly<SharedValue<string>>;
|
|
10
15
|
};
|
|
11
|
-
//# sourceMappingURL=usePrice.d.ts.map
|
|
16
|
+
//# sourceMappingURL=usePrice.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePrice.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/usePrice.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"usePrice.d.ts","sourceRoot":"","sources":["../../../../../src/charts/candle/usePrice.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,SAAa,EACb,IAAkB,GACnB,GAAE;IACD,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACd,GAAG;IACP,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IACrC,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;CAC1C,CA8BA"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import type { TDomain } from '../types';
|
|
2
|
-
export declare function getHeight({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
export declare function getHeight({
|
|
3
|
+
value,
|
|
4
|
+
domain,
|
|
5
|
+
maxHeight,
|
|
6
|
+
}: {
|
|
7
|
+
value: number;
|
|
8
|
+
domain: TDomain;
|
|
9
|
+
maxHeight: number;
|
|
6
10
|
}): number;
|
|
7
|
-
//# sourceMappingURL=getHeight.d.ts.map
|
|
11
|
+
//# sourceMappingURL=getHeight.d.ts.map
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import type { TDomain } from '../types';
|
|
2
|
-
export declare function getPrice({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
export declare function getPrice({
|
|
3
|
+
y,
|
|
4
|
+
domain,
|
|
5
|
+
maxHeight,
|
|
6
|
+
}: {
|
|
7
|
+
y: number;
|
|
8
|
+
domain: TDomain;
|
|
9
|
+
maxHeight: number;
|
|
6
10
|
}): number;
|
|
7
|
-
//# sourceMappingURL=getPrice.d.ts.map
|
|
11
|
+
//# sourceMappingURL=getPrice.d.ts.map
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import type { TDomain } from '../types';
|
|
2
|
-
export declare function getY({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
export declare function getY({
|
|
3
|
+
value,
|
|
4
|
+
domain,
|
|
5
|
+
maxHeight,
|
|
6
|
+
}: {
|
|
7
|
+
value: number;
|
|
8
|
+
domain: TDomain;
|
|
9
|
+
maxHeight: number;
|
|
6
10
|
}): number;
|
|
7
|
-
//# sourceMappingURL=getY.d.ts.map
|
|
11
|
+
//# sourceMappingURL=getY.d.ts.map
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ViewProps, TextStyle, ViewStyle } from 'react-native';
|
|
3
|
+
export type LineChartAxisPosition = 'left' | 'right' | 'top' | 'bottom';
|
|
4
|
+
export type LineChartAxisOrientation = 'horizontal' | 'vertical';
|
|
5
|
+
export type LineChartAxisProps = ViewProps & {
|
|
6
|
+
position: LineChartAxisPosition;
|
|
7
|
+
orientation: LineChartAxisOrientation;
|
|
8
|
+
color?: string;
|
|
9
|
+
strokeWidth?: number;
|
|
10
|
+
tickCount?: number;
|
|
11
|
+
domain?: [number, number];
|
|
12
|
+
hideOnInteraction?: boolean;
|
|
13
|
+
format?: (value: number | string) => string | number;
|
|
14
|
+
textStyle?: TextStyle;
|
|
15
|
+
labelPadding?: number;
|
|
16
|
+
labelWidth?: number;
|
|
17
|
+
containerStyle?: ViewStyle;
|
|
18
|
+
};
|
|
19
|
+
export declare const LineChartAxis: ({
|
|
20
|
+
position,
|
|
21
|
+
orientation,
|
|
22
|
+
color,
|
|
23
|
+
strokeWidth,
|
|
24
|
+
tickCount,
|
|
25
|
+
domain,
|
|
26
|
+
hideOnInteraction,
|
|
27
|
+
format,
|
|
28
|
+
textStyle,
|
|
29
|
+
labelPadding,
|
|
30
|
+
containerStyle,
|
|
31
|
+
...props
|
|
32
|
+
}: LineChartAxisProps) => React.JSX.Element;
|
|
33
|
+
//# sourceMappingURL=Axis.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Axis.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Axis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,EAGT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACxE,MAAM,MAAM,wBAAwB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,QAAQ,EAAE,qBAAqB,CAAC;IAChC,WAAW,EAAE,wBAAwB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,gJAa3B,kBAAkB,sBA6QpB,CAAC"}
|
|
@@ -1,32 +1,42 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as d3Shape from 'd3-shape';
|
|
2
3
|
import { ViewProps } from 'react-native';
|
|
3
4
|
import { Path } from 'react-native-redash';
|
|
4
5
|
export declare const LineChartDimensionsContext: React.Context<{
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
6
|
+
width: number;
|
|
7
|
+
height: number;
|
|
8
|
+
pointWidth: number;
|
|
9
|
+
parsedPath: Path;
|
|
10
|
+
path: string;
|
|
11
|
+
area: string;
|
|
12
|
+
shape: d3Shape.CurveFactory;
|
|
13
|
+
gutter: number;
|
|
14
|
+
pathWidth: number;
|
|
14
15
|
}>;
|
|
15
16
|
type LineChartProps = ViewProps & {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
yGutter?: number;
|
|
19
|
+
width?: number;
|
|
20
|
+
height?: number;
|
|
21
|
+
shape?: unknown;
|
|
22
|
+
/**
|
|
23
|
+
* If your `LineChart.Provider` uses a dictionary with multiple IDs for multiple paths, then this field is required.
|
|
24
|
+
*/
|
|
25
|
+
id?: string;
|
|
26
|
+
absolute?: boolean;
|
|
26
27
|
};
|
|
27
|
-
export declare function LineChart({
|
|
28
|
+
export declare function LineChart({
|
|
29
|
+
children,
|
|
30
|
+
yGutter,
|
|
31
|
+
width,
|
|
32
|
+
height,
|
|
33
|
+
shape,
|
|
34
|
+
id,
|
|
35
|
+
absolute,
|
|
36
|
+
...props
|
|
37
|
+
}: LineChartProps): React.JSX.Element;
|
|
28
38
|
export declare namespace LineChart {
|
|
29
|
-
|
|
39
|
+
var displayName: string;
|
|
30
40
|
}
|
|
31
41
|
export {};
|
|
32
|
-
//# sourceMappingURL=Chart.d.ts.map
|
|
42
|
+
//# sourceMappingURL=Chart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,OAAO,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAgC,SAAS,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAS,MAAM,qBAAqB,CAAC;AAKlD,eAAO,MAAM,0BAA0B;;;;gBAInB,IAAI;;;;;;EAMtB,CAAC;AAEH,KAAK,cAAc,GAAG,SAAS,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAMF,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAY,EACZ,KAAmB,EACnB,MAAoB,EACpB,KAA0B,EAC1B,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAwFhB;yBAjGe,SAAS"}
|
|
@@ -1,23 +1,36 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { WithTimingConfig } from 'react-native-reanimated';
|
|
3
3
|
import { LineChartPathProps } from './Path';
|
|
4
4
|
type LineChartPathWrapperProps = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
5
|
+
animationDuration?: number;
|
|
6
|
+
animationProps?: Omit<Partial<WithTimingConfig>, 'duration'>;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
color?: string;
|
|
9
|
+
inactiveColor?: string;
|
|
10
|
+
width?: number;
|
|
11
|
+
widthOffset?: number;
|
|
12
|
+
pathProps?: Partial<LineChartPathProps>;
|
|
13
|
+
showInactivePath?: boolean;
|
|
14
|
+
animateOnMount?: 'foreground';
|
|
15
|
+
mountAnimationDuration?: number;
|
|
16
|
+
mountAnimationProps?: Partial<WithTimingConfig>;
|
|
17
17
|
};
|
|
18
|
-
export declare function LineChartPathWrapper({
|
|
18
|
+
export declare function LineChartPathWrapper({
|
|
19
|
+
animationDuration,
|
|
20
|
+
animationProps,
|
|
21
|
+
children,
|
|
22
|
+
color,
|
|
23
|
+
inactiveColor,
|
|
24
|
+
width: strokeWidth,
|
|
25
|
+
widthOffset,
|
|
26
|
+
pathProps,
|
|
27
|
+
showInactivePath,
|
|
28
|
+
animateOnMount,
|
|
29
|
+
mountAnimationDuration,
|
|
30
|
+
mountAnimationProps,
|
|
31
|
+
}: LineChartPathWrapperProps): React.JSX.Element;
|
|
19
32
|
export declare namespace LineChartPathWrapper {
|
|
20
|
-
|
|
33
|
+
var displayName: string;
|
|
21
34
|
}
|
|
22
35
|
export {};
|
|
23
|
-
//# sourceMappingURL=ChartPath.d.ts.map
|
|
36
|
+
//# sourceMappingURL=ChartPath.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/ChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/ChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAiB,EAIf,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAKjC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAqB3D,KAAK,yBAAyB,GAAG;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACjD,CAAC;AAIF,wBAAgB,oBAAoB,CAAC,EACnC,iBAAuB,EACvB,cAAmB,EACnB,QAAQ,EACR,KAAe,EACf,aAAa,EACb,KAAK,EAAE,WAAe,EACtB,WAAgB,EAChB,SAAc,EACd,gBAAuB,EACvB,cAAc,EACd,sBAA0C,EAC1C,mBAAoC,GACrC,EAAE,yBAAyB,qBA6K3B;yBA1Le,oBAAoB"}
|
|
@@ -1,18 +1,25 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { TLineChartDataProp } from './types';
|
|
3
3
|
import type { TLineChartContext, YRangeProp } from './types';
|
|
4
4
|
export declare const LineChartContext: React.Context<TLineChartContext>;
|
|
5
5
|
type LineChartProviderProps = {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
data: TLineChartDataProp;
|
|
8
|
+
yRange?: YRangeProp;
|
|
9
|
+
onCurrentIndexChange?: (x: number) => void;
|
|
10
|
+
xLength?: number;
|
|
11
|
+
xDomain?: [number, number];
|
|
12
12
|
};
|
|
13
|
-
export declare function LineChartProvider({
|
|
13
|
+
export declare function LineChartProvider({
|
|
14
|
+
children,
|
|
15
|
+
data,
|
|
16
|
+
yRange,
|
|
17
|
+
onCurrentIndexChange,
|
|
18
|
+
xLength,
|
|
19
|
+
xDomain,
|
|
20
|
+
}: LineChartProviderProps): React.JSX.Element;
|
|
14
21
|
export declare namespace LineChartProvider {
|
|
15
|
-
|
|
22
|
+
var displayName: string;
|
|
16
23
|
}
|
|
17
24
|
export {};
|
|
18
|
-
//# sourceMappingURL=Context.d.ts.map
|
|
25
|
+
//# sourceMappingURL=Context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,OAAO,KAAK,EAAkB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlE,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG7D,eAAO,MAAM,gBAAgB,kCAW3B,CAAC;AAEH,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAS,EACT,MAAM,EACN,oBAAoB,EACpB,OAAO,EACP,OAAO,GACR,EAAE,sBAAsB,qBAoExB;yBA3Ee,iBAAiB"}
|
|
@@ -1,19 +1,29 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export type LineChartCursorProps = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
type: 'line' | 'crosshair';
|
|
5
|
+
snapToPoint?: boolean;
|
|
6
|
+
at?: number;
|
|
7
|
+
shouldCancelWhenOutside?: boolean;
|
|
8
|
+
minDurationMs?: number;
|
|
9
|
+
onActivated?: () => void;
|
|
10
|
+
onEnded?: () => void;
|
|
11
|
+
orientation?: 'horizontal' | 'vertical';
|
|
11
12
|
};
|
|
12
13
|
export declare const CursorContext: React.Context<{
|
|
13
|
-
|
|
14
|
+
type: string;
|
|
14
15
|
}>;
|
|
15
|
-
export declare function LineChartCursor({
|
|
16
|
+
export declare function LineChartCursor({
|
|
17
|
+
children,
|
|
18
|
+
snapToPoint,
|
|
19
|
+
type,
|
|
20
|
+
at,
|
|
21
|
+
shouldCancelWhenOutside,
|
|
22
|
+
minDurationMs,
|
|
23
|
+
onActivated,
|
|
24
|
+
onEnded,
|
|
25
|
+
}: LineChartCursorProps): React.JSX.Element;
|
|
16
26
|
export declare namespace LineChartCursor {
|
|
17
|
-
|
|
27
|
+
var displayName: string;
|
|
18
28
|
}
|
|
19
|
-
//# sourceMappingURL=Cursor.d.ts.map
|
|
29
|
+
//# sourceMappingURL=Cursor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Cursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Cursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAE3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,aAAa;;EAAoC,CAAC;AAI/D,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,EAAE,EACF,uBAA+B,EAC/B,aAAiB,EACjB,WAAW,EACX,OAAO,GACR,EAAE,oBAAoB,qBA6HtB;yBAtIe,eAAe"}
|
|
@@ -1,19 +1,31 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ViewProps } from 'react-native';
|
|
3
3
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
4
4
|
import { LineChartCursorProps } from './Cursor';
|
|
5
|
-
type LineChartCursorCrosshairProps = Omit<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
type LineChartCursorCrosshairProps = Omit<
|
|
6
|
+
LineChartCursorProps,
|
|
7
|
+
'children' | 'type'
|
|
8
|
+
> & {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
color?: string;
|
|
11
|
+
size?: number;
|
|
12
|
+
outerSize?: number;
|
|
13
|
+
crosshairWrapperProps?: AnimatedProps<ViewProps>;
|
|
14
|
+
crosshairProps?: ViewProps;
|
|
15
|
+
crosshairOuterProps?: ViewProps;
|
|
13
16
|
};
|
|
14
|
-
export declare function LineChartCursorCrosshair({
|
|
17
|
+
export declare function LineChartCursorCrosshair({
|
|
18
|
+
children,
|
|
19
|
+
color,
|
|
20
|
+
size,
|
|
21
|
+
outerSize,
|
|
22
|
+
crosshairWrapperProps,
|
|
23
|
+
crosshairProps,
|
|
24
|
+
crosshairOuterProps,
|
|
25
|
+
...props
|
|
26
|
+
}: LineChartCursorCrosshairProps): React.JSX.Element;
|
|
15
27
|
export declare namespace LineChartCursorCrosshair {
|
|
16
|
-
|
|
28
|
+
var displayName: string;
|
|
17
29
|
}
|
|
18
30
|
export {};
|
|
19
|
-
//# sourceMappingURL=CursorCrosshair.d.ts.map
|
|
31
|
+
//# sourceMappingURL=CursorCrosshair.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CursorCrosshair.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/CursorCrosshair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"CursorCrosshair.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/CursorCrosshair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAc,MAAM,cAAc,CAAC;AACrE,OAAiB,EAGf,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAmB,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAUjE,KAAK,6BAA6B,GAAG,IAAI,CACvC,oBAAoB,EACpB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,mBAAmB,CAAC,EAAE,SAAS,CAAC;CACjC,CAAC;AAIF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,KAAe,EACf,IAAQ,EACR,SAAc,EACd,qBAA0B,EAC1B,cAAmB,EACnB,mBAAwB,EACxB,GAAG,KAAK,EACT,EAAE,6BAA6B,qBA0E/B;yBAnFe,wBAAwB"}
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { type TextStyle } from 'react-native';
|
|
3
|
+
import { type LineProps } from 'react-native-svg';
|
|
4
|
+
import type { TFormatterFn } from '../../types';
|
|
5
|
+
import { type LineChartCursorProps } from './Cursor';
|
|
4
6
|
type LineChartCursorLineProps = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
color?: string;
|
|
9
|
+
lineProps?: Partial<LineProps>;
|
|
10
|
+
format?: TFormatterFn<string | number>;
|
|
11
|
+
textStyle?: TextStyle;
|
|
8
12
|
} & Omit<LineChartCursorProps, 'type' | 'children'>;
|
|
9
|
-
export declare function LineChartCursorLine({
|
|
13
|
+
export declare function LineChartCursorLine({
|
|
14
|
+
children,
|
|
15
|
+
color,
|
|
16
|
+
lineProps,
|
|
17
|
+
format,
|
|
18
|
+
textStyle,
|
|
19
|
+
...cursorProps
|
|
20
|
+
}: LineChartCursorLineProps): React.JSX.Element;
|
|
10
21
|
export declare namespace LineChartCursorLine {
|
|
11
|
-
|
|
22
|
+
var displayName: string;
|
|
12
23
|
}
|
|
13
24
|
export {};
|
|
14
|
-
//# sourceMappingURL=CursorLine.d.ts.map
|
|
25
|
+
//# sourceMappingURL=CursorLine.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CursorLine.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/CursorLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CursorLine.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/CursorLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM1D,OAAY,EAAE,KAAK,SAAS,EAAmB,MAAM,kBAAkB,CAAC;AAExE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKtE,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAuBpD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAc,EACd,SAAS,EACT,MAAM,EACN,SAAS,EACT,GAAG,WAAW,EACf,EAAE,wBAAwB,qBAiK1B;yBAxKe,mBAAmB"}
|