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,23 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
3
|
import type { TLineChartData, TLineChartDataProp } from './types';
|
|
4
|
-
export declare const DefaultLineChartId =
|
|
4
|
+
export declare const DefaultLineChartId = '__LineChartData';
|
|
5
5
|
export type LineChartDataContext = {
|
|
6
|
-
|
|
6
|
+
[key: string]: TLineChartData;
|
|
7
7
|
};
|
|
8
8
|
export type LineChartDataProviderProps = {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
data: TLineChartDataProp;
|
|
11
11
|
};
|
|
12
|
-
export declare function LineChartDataProvider({
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
export declare function LineChartDataProvider({
|
|
13
|
+
children,
|
|
14
|
+
data,
|
|
15
|
+
}: LineChartDataProviderProps): React.JSX.Element;
|
|
16
|
+
export declare function LineChartIdProvider({
|
|
17
|
+
id,
|
|
18
|
+
children,
|
|
19
|
+
}: {
|
|
20
|
+
id?: string;
|
|
21
|
+
children: ReactNode;
|
|
16
22
|
}): React.JSX.Element;
|
|
17
23
|
export declare const useLineChartId: () => string | undefined;
|
|
18
|
-
export declare function useLineChartData({ id }: {
|
|
19
|
-
|
|
20
|
-
}): {
|
|
21
|
-
data: TLineChartData | undefined;
|
|
24
|
+
export declare function useLineChartData({ id }: { id?: string }): {
|
|
25
|
+
data: TLineChartData | undefined;
|
|
22
26
|
};
|
|
23
|
-
//# sourceMappingURL=Data.d.ts.map
|
|
27
|
+
//# sourceMappingURL=Data.d.ts.map
|
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { TextProps as RNTextProps } from 'react-native';
|
|
3
3
|
import type { AnimatedProps } from 'react-native-reanimated';
|
|
4
|
-
import type { TFormatterFn } from '
|
|
4
|
+
import type { TFormatterFn } from '../../types';
|
|
5
5
|
type LineChartDatetimeProps = {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
locale?: string;
|
|
7
|
+
options?: Intl.DateTimeFormatOptions;
|
|
8
|
+
format?: TFormatterFn<number>;
|
|
9
|
+
variant?: 'formatted' | 'value';
|
|
10
|
+
style?: AnimatedProps<RNTextProps>['style'];
|
|
11
11
|
};
|
|
12
|
-
export declare function LineChartDatetimeText({
|
|
12
|
+
export declare function LineChartDatetimeText({
|
|
13
|
+
locale,
|
|
14
|
+
options,
|
|
15
|
+
format,
|
|
16
|
+
variant,
|
|
17
|
+
style,
|
|
18
|
+
}: LineChartDatetimeProps): React.JSX.Element;
|
|
13
19
|
export declare namespace LineChartDatetimeText {
|
|
14
|
-
|
|
20
|
+
var displayName: string;
|
|
15
21
|
}
|
|
16
22
|
export {};
|
|
17
|
-
//# sourceMappingURL=DatetimeText.d.ts.map
|
|
23
|
+
//# sourceMappingURL=DatetimeText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatetimeText.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/DatetimeText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"DatetimeText.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/DatetimeText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACrC,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;CAC7C,CAAC;AAIF,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,OAAO,EACP,MAAM,EACN,OAAqB,EACrB,KAAK,GACN,EAAE,sBAAsB,qBAYxB;yBAlBe,qBAAqB"}
|
|
@@ -1,32 +1,45 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
3
3
|
import { CircleProps } from 'react-native-svg';
|
|
4
4
|
export type LineChartDotProps = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
5
|
+
dotProps?: AnimatedProps<CircleProps>;
|
|
6
|
+
outerDotProps?: AnimatedProps<CircleProps>;
|
|
7
|
+
color?: string;
|
|
8
|
+
inactiveColor?: string;
|
|
9
|
+
showInactiveColor?: boolean;
|
|
10
|
+
at: number;
|
|
11
|
+
size?: number;
|
|
12
|
+
hasPulse?: boolean;
|
|
13
|
+
hasOuterDot?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* If `always`, the outer dot will still animate when interaction is active.
|
|
16
|
+
*
|
|
17
|
+
* If `while-inactive`, the outer dot will animate only when the interaction is inactive.
|
|
18
|
+
*
|
|
19
|
+
* Default: `while-inactive`
|
|
20
|
+
*/
|
|
21
|
+
pulseBehaviour?: 'always' | 'while-inactive';
|
|
22
|
+
/**
|
|
23
|
+
* Defaults to `size * 4`
|
|
24
|
+
*/
|
|
25
|
+
outerSize?: number;
|
|
26
|
+
pulseDurationMs?: number;
|
|
27
27
|
};
|
|
28
|
-
export declare function LineChartDot({
|
|
28
|
+
export declare function LineChartDot({
|
|
29
|
+
at,
|
|
30
|
+
color: defaultColor,
|
|
31
|
+
dotProps,
|
|
32
|
+
hasOuterDot: defaultHasOuterDot,
|
|
33
|
+
hasPulse,
|
|
34
|
+
inactiveColor,
|
|
35
|
+
outerDotProps,
|
|
36
|
+
pulseBehaviour,
|
|
37
|
+
pulseDurationMs,
|
|
38
|
+
showInactiveColor,
|
|
39
|
+
size,
|
|
40
|
+
outerSize,
|
|
41
|
+
}: LineChartDotProps): React.JSX.Element;
|
|
29
42
|
export declare namespace LineChartDot {
|
|
30
|
-
|
|
43
|
+
var displayName: string;
|
|
31
44
|
}
|
|
32
|
-
//# sourceMappingURL=Dot.d.ts.map
|
|
45
|
+
//# sourceMappingURL=Dot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Dot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Dot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAiB,EAOf,aAAa,EACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAUvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAIF,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EAAE,YAAsB,EAC7B,QAAQ,EACR,WAAW,EAAE,kBAA0B,EACvC,QAAgB,EAChB,aAAa,EACb,aAAa,EACb,cAAiC,EACjC,eAAqB,EACrB,iBAAwB,EACxB,IAAQ,EACR,SAAoB,GACrB,EAAE,iBAAiB,qBAgHnB;yBA7He,YAAY"}
|
|
@@ -2,11 +2,15 @@ import * as React from 'react';
|
|
|
2
2
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
3
3
|
import { PathProps } from 'react-native-svg';
|
|
4
4
|
export type LineChartGradientProps = AnimatedProps<PathProps> & {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
color?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
7
|
};
|
|
8
|
-
export declare function LineChartGradient({
|
|
8
|
+
export declare function LineChartGradient({
|
|
9
|
+
color: overrideColor,
|
|
10
|
+
children,
|
|
11
|
+
...props
|
|
12
|
+
}: LineChartGradientProps): React.JSX.Element;
|
|
9
13
|
export declare namespace LineChartGradient {
|
|
10
|
-
|
|
14
|
+
var displayName: string;
|
|
11
15
|
}
|
|
12
|
-
//# sourceMappingURL=Gradient.d.ts.map
|
|
16
|
+
//# sourceMappingURL=Gradient.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAiB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAoC,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAiB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAoC,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAO/E,MAAM,MAAM,sBAAsB,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAMF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EAAE,aAAyB,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAuDxB;yBA3De,iBAAiB"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewProps } from 'react-native';
|
|
3
3
|
type Props = {
|
|
4
|
-
|
|
4
|
+
children: ReactNode;
|
|
5
5
|
} & ViewProps;
|
|
6
|
-
export declare function LineChartGroup({
|
|
6
|
+
export declare function LineChartGroup({
|
|
7
|
+
children,
|
|
8
|
+
...props
|
|
9
|
+
}: Props): React.JSX.Element;
|
|
7
10
|
export {};
|
|
8
|
-
//# sourceMappingURL=Group.d.ts.map
|
|
11
|
+
//# sourceMappingURL=Group.d.ts.map
|
|
@@ -2,15 +2,23 @@ import * as React from 'react';
|
|
|
2
2
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
3
3
|
import { PathProps } from 'react-native-svg';
|
|
4
4
|
export type LineChartColorProps = AnimatedProps<PathProps> & {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
color?: string;
|
|
6
|
+
from: number;
|
|
7
|
+
to: number;
|
|
8
|
+
showInactiveColor?: boolean;
|
|
9
|
+
inactiveColor?: string;
|
|
10
|
+
width?: number;
|
|
11
11
|
};
|
|
12
|
-
export declare function LineChartHighlight({
|
|
12
|
+
export declare function LineChartHighlight({
|
|
13
|
+
color,
|
|
14
|
+
inactiveColor,
|
|
15
|
+
showInactiveColor,
|
|
16
|
+
from,
|
|
17
|
+
to,
|
|
18
|
+
width: strokeWidth,
|
|
19
|
+
...props
|
|
20
|
+
}: LineChartColorProps): React.JSX.Element;
|
|
13
21
|
export declare namespace LineChartHighlight {
|
|
14
|
-
|
|
22
|
+
var displayName: string;
|
|
15
23
|
}
|
|
16
|
-
//# sourceMappingURL=Highlight.d.ts.map
|
|
24
|
+
//# sourceMappingURL=Highlight.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAiB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAA2B,SAAS,EAAQ,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAiB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAA2B,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AAQ5E,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,EACjC,KAAe,EACf,aAAa,EACb,iBAAwB,EACxB,IAAI,EACJ,EAAE,EACF,KAAK,EAAE,WAAe,EACtB,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAiDrB;yBAzDe,kBAAkB"}
|
|
@@ -1,37 +1,41 @@
|
|
|
1
1
|
import { LineProps } from 'react-native-svg';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
type HorizontalLineProps = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
at?: {
|
|
4
|
+
color?: string;
|
|
5
|
+
lineProps?: Partial<LineProps>;
|
|
6
|
+
offsetY?: number;
|
|
7
|
+
/**
|
|
8
|
+
* (Optional) A pixel value to nudge the line up or down.
|
|
9
|
+
*
|
|
10
|
+
* This may be useful to customize the line's position based on the thickness of your cursor or chart path.
|
|
11
|
+
*
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <LineChart.HorizontalLine at={{ index: 3 }} />
|
|
14
|
+
*
|
|
15
|
+
* // or
|
|
16
|
+
*
|
|
17
|
+
* <LineChart.HorizontalLine at={{ value: 320.32 }} />
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
at?:
|
|
21
|
+
| {
|
|
25
22
|
index: number;
|
|
26
23
|
value?: never;
|
|
27
|
-
|
|
24
|
+
}
|
|
25
|
+
| {
|
|
28
26
|
index?: never;
|
|
29
27
|
value: number;
|
|
30
|
-
|
|
28
|
+
}
|
|
29
|
+
| number;
|
|
31
30
|
};
|
|
32
|
-
export declare function LineChartHorizontalLine({
|
|
31
|
+
export declare function LineChartHorizontalLine({
|
|
32
|
+
color,
|
|
33
|
+
lineProps,
|
|
34
|
+
at,
|
|
35
|
+
offsetY,
|
|
36
|
+
}: HorizontalLineProps): React.JSX.Element;
|
|
33
37
|
export declare namespace LineChartHorizontalLine {
|
|
34
|
-
|
|
38
|
+
var displayName: string;
|
|
35
39
|
}
|
|
36
40
|
export {};
|
|
37
|
-
//# sourceMappingURL=HorizontalLine.d.ts.map
|
|
41
|
+
//# sourceMappingURL=HorizontalLine.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalLine.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/HorizontalLine.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAmB,MAAM,kBAAkB,CAAC;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB
|
|
1
|
+
{"version":3,"file":"HorizontalLine.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/HorizontalLine.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAmB,MAAM,kBAAkB,CAAC;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;OAYG;IACH,EAAE,CAAC,EACC;QACE,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,KAAK,CAAC;KACf,GACD;QACE,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,GACD,MAAM,CAAC;CACZ,CAAC;AAIF,wBAAgB,uBAAuB,CAAC,EACtC,KAAc,EACd,SAAc,EACd,EAAiB,EACjB,OAAW,GACZ,EAAE,mBAAmB,qBAkDrB;yBAvDe,uBAAuB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export declare const LineChartHoverTrap: () => React.JSX.Element;
|
|
3
|
-
//# sourceMappingURL=index.web.d.ts.map
|
|
3
|
+
//# sourceMappingURL=index.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/line/HoverTrap/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/line/HoverTrap/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAyF1B,eAAO,MAAM,kBAAkB,yBA8C9B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const LineChartPathContext: React.Context<{
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
color: string;
|
|
4
|
+
isInactive: boolean;
|
|
5
|
+
isTransitionEnabled: boolean;
|
|
6
6
|
}>;
|
|
7
|
-
//# sourceMappingURL=LineChartPathContext.d.ts.map
|
|
7
|
+
//# sourceMappingURL=LineChartPathContext.d.ts.map
|
|
@@ -2,29 +2,34 @@ import * as React from 'react';
|
|
|
2
2
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
3
3
|
import { PathProps } from 'react-native-svg';
|
|
4
4
|
export type LineChartPathProps = AnimatedProps<PathProps> & {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
5
|
+
color?: string;
|
|
6
|
+
inactiveColor?: string;
|
|
7
|
+
width?: number;
|
|
8
|
+
isInactive?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Default: `true`.
|
|
11
|
+
*
|
|
12
|
+
* If `false`, changes in the chart's path will not animate.
|
|
13
|
+
*
|
|
14
|
+
* While this use case is rare, it may be useful on web, where animations might not work as well.
|
|
15
|
+
*
|
|
16
|
+
***Example**
|
|
17
|
+
*
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <LineChart.Path
|
|
20
|
+
* pathProps={{ isTransitionEnabled: Platform.OS !== 'web' }}
|
|
21
|
+
* />
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
isTransitionEnabled?: boolean;
|
|
25
25
|
};
|
|
26
|
-
export declare function LineChartPath({
|
|
26
|
+
export declare function LineChartPath({
|
|
27
|
+
color,
|
|
28
|
+
inactiveColor,
|
|
29
|
+
width: strokeWidth,
|
|
30
|
+
...props
|
|
31
|
+
}: LineChartPathProps): React.JSX.Element;
|
|
27
32
|
export declare namespace LineChartPath {
|
|
28
|
-
|
|
33
|
+
var displayName: string;
|
|
29
34
|
}
|
|
30
|
-
//# sourceMappingURL=Path.d.ts.map
|
|
35
|
+
//# sourceMappingURL=Path.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAiB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAiB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAOnD,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;OAcG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAIF,wBAAgB,aAAa,CAAC,EAC5B,KAAe,EACf,aAAa,EACb,KAAK,EAAE,WAAe,EACtB,GAAG,KAAK,EACT,EAAE,kBAAkB,qBAoBpB;yBAzBe,aAAa"}
|
|
@@ -1,20 +1,36 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { TextProps as RNTextProps } from 'react-native';
|
|
3
3
|
import type { AnimatedProps } from 'react-native-reanimated';
|
|
4
|
-
import type { TFormatterFn } from '
|
|
4
|
+
import type { TFormatterFn } from '../../types';
|
|
5
5
|
export type LineChartPriceTextProps = {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
format?: TFormatterFn<string>;
|
|
7
|
+
precision?: number;
|
|
8
|
+
variant?: 'formatted' | 'value';
|
|
9
|
+
style?: AnimatedProps<RNTextProps>['style'];
|
|
10
|
+
/**
|
|
11
|
+
* By default, it will use the current active index from the chart.
|
|
12
|
+
* If this is set it will use the index provided.
|
|
13
|
+
*/
|
|
14
|
+
index?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Use optimized rendering for high-frequency updates (bypasses AnimatedText)
|
|
17
|
+
*/
|
|
18
|
+
useOptimizedRendering?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Function to determine text color based on the formatted value
|
|
21
|
+
*/
|
|
22
|
+
getTextColor?: (formattedValue: string) => string;
|
|
15
23
|
};
|
|
16
|
-
export declare function LineChartPriceText({
|
|
24
|
+
export declare function LineChartPriceText({
|
|
25
|
+
format,
|
|
26
|
+
precision,
|
|
27
|
+
variant,
|
|
28
|
+
style,
|
|
29
|
+
index,
|
|
30
|
+
useOptimizedRendering,
|
|
31
|
+
getTextColor,
|
|
32
|
+
}: LineChartPriceTextProps): React.JSX.Element;
|
|
17
33
|
export declare namespace LineChartPriceText {
|
|
18
|
-
|
|
34
|
+
var displayName: string;
|
|
19
35
|
}
|
|
20
|
-
//# sourceMappingURL=PriceText.d.ts.map
|
|
36
|
+
//# sourceMappingURL=PriceText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceText.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/PriceText.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PriceText.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/PriceText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAa,MAAM,cAAc,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAQ7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;IAC5C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;CACnD,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAa,EACb,OAAqB,EACrB,KAAK,EACL,KAAK,EACL,qBAA6B,EAC7B,YAAY,GACb,EAAE,uBAAuB,qBAyDzB;yBAjEe,kBAAkB"}
|
|
@@ -1,30 +1,42 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { AnimatedProps } from 'react-native-reanimated';
|
|
3
3
|
import { LineChartPriceTextProps } from './PriceText';
|
|
4
4
|
import type { ViewProps } from 'react-native';
|
|
5
|
-
import type { TFormatterFn } from '
|
|
5
|
+
import type { TFormatterFn } from '../../types';
|
|
6
6
|
export type LineChartTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
7
7
|
export type LineChartTooltipProps = AnimatedProps<ViewProps> & {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
format?: TFormatterFn<string>;
|
|
10
|
+
xGutter?: number;
|
|
11
|
+
yGutter?: number;
|
|
12
|
+
cursorGutter?: number;
|
|
13
|
+
position?: LineChartTooltipPosition;
|
|
14
|
+
withHorizontalFloating?: boolean;
|
|
15
|
+
textProps?: LineChartPriceTextProps;
|
|
16
|
+
textStyle?: LineChartPriceTextProps['style'];
|
|
17
|
+
/**
|
|
18
|
+
* When specified the tooltip is considered static, and will
|
|
19
|
+
* always be rendered at the given index, unless there is interaction
|
|
20
|
+
* with the chart (like interacting with a cursor).
|
|
21
|
+
*
|
|
22
|
+
* @default undefined
|
|
23
|
+
*/
|
|
24
|
+
at?: number;
|
|
25
25
|
};
|
|
26
|
-
export declare function LineChartTooltip({
|
|
26
|
+
export declare function LineChartTooltip({
|
|
27
|
+
children,
|
|
28
|
+
format,
|
|
29
|
+
xGutter,
|
|
30
|
+
yGutter,
|
|
31
|
+
cursorGutter,
|
|
32
|
+
position,
|
|
33
|
+
withHorizontalFloating,
|
|
34
|
+
textProps,
|
|
35
|
+
textStyle,
|
|
36
|
+
at,
|
|
37
|
+
...props
|
|
38
|
+
}: LineChartTooltipProps): React.JSX.Element;
|
|
27
39
|
export declare namespace LineChartTooltip {
|
|
28
|
-
|
|
40
|
+
var displayName: string;
|
|
29
41
|
}
|
|
30
|
-
//# sourceMappingURL=Tooltip.d.ts.map
|
|
42
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAiB,EAKf,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAsB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI1E,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,cAAc,CAAC;AAKjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3E,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,SAAS,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAIF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,OAAW,EACX,OAAW,EACX,YAAiB,EACjB,QAAgB,EAChB,sBAA8B,EAC9B,SAAS,EACT,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,qBA2NvB;yBAvOe,gBAAgB"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { LineChart as _LineChart } from './Chart';
|
|
3
2
|
import { LineChartPathWrapper } from './ChartPath';
|
|
4
3
|
import { LineChartHighlight } from './Highlight';
|
|
@@ -16,6 +15,7 @@ import { LineChartDatetimeText } from './DatetimeText';
|
|
|
16
15
|
import { useLineChartDatetime } from './useDatetime';
|
|
17
16
|
import { useLineChartPrice } from './usePrice';
|
|
18
17
|
import { useLineChart } from './useLineChart';
|
|
18
|
+
export * from './Axis';
|
|
19
19
|
export * from './Chart';
|
|
20
20
|
export * from './ChartPath';
|
|
21
21
|
export * from './Highlight';
|
|
@@ -34,23 +34,37 @@ export * from './useLineChart';
|
|
|
34
34
|
export * from './usePrice';
|
|
35
35
|
export * from './types';
|
|
36
36
|
export declare const LineChart: typeof _LineChart & {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
37
|
+
Axis: ({
|
|
38
|
+
position,
|
|
39
|
+
orientation,
|
|
40
|
+
color,
|
|
41
|
+
strokeWidth,
|
|
42
|
+
tickCount,
|
|
43
|
+
domain,
|
|
44
|
+
hideOnInteraction,
|
|
45
|
+
format,
|
|
46
|
+
textStyle,
|
|
47
|
+
labelPadding,
|
|
48
|
+
containerStyle,
|
|
49
|
+
...props
|
|
50
|
+
}: import('./Axis').LineChartAxisProps) => import('react').JSX.Element;
|
|
51
|
+
Chart: typeof _LineChart;
|
|
52
|
+
Dot: typeof LineChartDot;
|
|
53
|
+
Path: typeof LineChartPathWrapper;
|
|
54
|
+
Cursor: typeof LineChartCursor;
|
|
55
|
+
CursorCrosshair: typeof LineChartCursorCrosshair;
|
|
56
|
+
CursorLine: typeof LineChartCursorLine;
|
|
57
|
+
Gradient: typeof LineChartGradient;
|
|
58
|
+
Group: typeof LineChartGroup;
|
|
59
|
+
Highlight: typeof LineChartHighlight;
|
|
60
|
+
HorizontalLine: typeof LineChartHorizontalLine;
|
|
61
|
+
Tooltip: typeof LineChartTooltip;
|
|
62
|
+
Provider: typeof LineChartProvider;
|
|
63
|
+
PriceText: typeof LineChartPriceText;
|
|
64
|
+
DatetimeText: typeof LineChartDatetimeText;
|
|
65
|
+
useDatetime: typeof useLineChartDatetime;
|
|
66
|
+
usePrice: typeof useLineChartPrice;
|
|
67
|
+
useChart: typeof useLineChart;
|
|
68
|
+
HoverTrap: () => import('react').JSX.Element;
|
|
55
69
|
};
|
|
56
|
-
//# sourceMappingURL=index.d.ts.map
|
|
70
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/line/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAExB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBpB,CAAC"}
|