react-native-wagmi-charts 2.9.0 → 2.10.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 +143 -66
- package/lib/commonjs/charts/candle/Candle.js +92 -177
- package/lib/commonjs/charts/candle/Candles.js +39 -66
- package/lib/commonjs/charts/candle/Chart.js +26 -37
- package/lib/commonjs/charts/candle/Context.js +49 -69
- package/lib/commonjs/charts/candle/Crosshair.js +82 -183
- package/lib/commonjs/charts/candle/Crosshair.js.map +1 -1
- package/lib/commonjs/charts/candle/CrosshairTooltip.js +61 -140
- package/lib/commonjs/charts/candle/DatetimeText.js +14 -19
- package/lib/commonjs/charts/candle/Line.js +27 -73
- package/lib/commonjs/charts/candle/PriceText.js +14 -19
- package/lib/commonjs/charts/candle/index.js +64 -67
- package/lib/commonjs/charts/candle/types.js +4 -4
- package/lib/commonjs/charts/candle/useCandleData.js +12 -9
- package/lib/commonjs/charts/candle/useCandlestickChart.js +7 -9
- package/lib/commonjs/charts/candle/useDatetime.js +18 -16
- package/lib/commonjs/charts/candle/usePrice.js +22 -21
- package/lib/commonjs/charts/candle/utils/getDomain.js +9 -5
- package/lib/commonjs/charts/candle/utils/getDomain.js.map +1 -1
- package/lib/commonjs/charts/candle/utils/getHeight.js +11 -12
- package/lib/commonjs/charts/candle/utils/getHeight.js.map +1 -1
- package/lib/commonjs/charts/candle/utils/getPrice.js +11 -12
- package/lib/commonjs/charts/candle/utils/getPrice.js.map +1 -1
- package/lib/commonjs/charts/candle/utils/getY.js +11 -12
- package/lib/commonjs/charts/candle/utils/getY.js.map +1 -1
- package/lib/commonjs/charts/candle/utils/index.js +16 -16
- package/lib/commonjs/charts/line/Axis.js +148 -268
- package/lib/commonjs/charts/line/Chart.js +62 -129
- package/lib/commonjs/charts/line/Chart.js.map +1 -1
- package/lib/commonjs/charts/line/ChartPath.js +105 -285
- package/lib/commonjs/charts/line/Context.js +37 -95
- package/lib/commonjs/charts/line/Cursor.js +74 -125
- package/lib/commonjs/charts/line/Cursor.js.map +1 -1
- package/lib/commonjs/charts/line/CursorCrosshair.js +56 -134
- package/lib/commonjs/charts/line/CursorCrosshair.js.map +1 -1
- package/lib/commonjs/charts/line/CursorLine.js +67 -152
- package/lib/commonjs/charts/line/CursorLine.js.map +1 -1
- package/lib/commonjs/charts/line/Data.js +34 -73
- package/lib/commonjs/charts/line/DatetimeText.js +15 -20
- package/lib/commonjs/charts/line/Dot.js +56 -149
- package/lib/commonjs/charts/line/Gradient.js +53 -124
- package/lib/commonjs/charts/line/Group.js +23 -54
- package/lib/commonjs/charts/line/Group.js.map +1 -1
- package/lib/commonjs/charts/line/Highlight.js +47 -115
- package/lib/commonjs/charts/line/HorizontalLine.js +39 -92
- package/lib/commonjs/charts/line/HoverTrap/index.js +7 -10
- package/lib/commonjs/charts/line/HoverTrap/index.web.js +43 -48
- package/lib/commonjs/charts/line/LineChartPathContext.js +11 -14
- package/lib/commonjs/charts/line/Path.js +32 -78
- package/lib/commonjs/charts/line/PriceText.js +36 -78
- package/lib/commonjs/charts/line/Tooltip.js +102 -188
- package/lib/commonjs/charts/line/Tooltip.js.map +1 -1
- package/lib/commonjs/charts/line/index.js +65 -65
- package/lib/commonjs/charts/line/types.js +4 -4
- package/lib/commonjs/charts/line/useAnimatedPath.js +22 -27
- package/lib/commonjs/charts/line/useCurrentY.js +17 -17
- package/lib/commonjs/charts/line/useDatetime.js +28 -32
- package/lib/commonjs/charts/line/useLineChart.js +15 -20
- package/lib/commonjs/charts/line/usePrice.js +26 -28
- package/lib/commonjs/charts/line/utils/getArea.js +14 -47
- package/lib/commonjs/charts/line/utils/getDomain.js +8 -5
- package/lib/commonjs/charts/line/utils/getDomain.js.map +1 -1
- package/lib/commonjs/charts/line/utils/getPath.js +14 -53
- package/lib/commonjs/charts/line/utils/getXPositionForCurve.js +5 -8
- package/lib/commonjs/charts/line/utils/index.js +19 -19
- package/lib/commonjs/charts/line/utils/interpolatePath.js +60 -100
- package/lib/commonjs/charts/line/utils/lineChartDataPropToArray.js +5 -5
- package/lib/commonjs/components/AnimatedText.js +29 -67
- package/lib/commonjs/index.js +19 -19
- package/lib/commonjs/types.js +2 -2
- package/lib/commonjs/utils/formatDatetime.js +9 -5
- package/lib/commonjs/utils/formatPrice.js +6 -10
- package/lib/commonjs/utils/index.js +13 -13
- package/lib/commonjs/utils/usePrevious.js +6 -8
- package/lib/module/charts/candle/Candle.js +76 -126
- package/lib/module/charts/candle/Candles.js +30 -52
- package/lib/module/charts/candle/Chart.js +19 -22
- package/lib/module/charts/candle/Context.js +29 -47
- package/lib/module/charts/candle/Crosshair.js +69 -142
- package/lib/module/charts/candle/Crosshair.js.map +1 -1
- package/lib/module/charts/candle/CrosshairTooltip.js +51 -101
- package/lib/module/charts/candle/DatetimeText.js +5 -5
- package/lib/module/charts/candle/Line.js +19 -37
- package/lib/module/charts/candle/PriceText.js +5 -5
- 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 +7 -3
- package/lib/module/charts/candle/useCandlestickChart.js +1 -1
- package/lib/module/charts/candle/useDatetime.js +12 -10
- package/lib/module/charts/candle/usePrice.js +14 -12
- package/lib/module/charts/candle/utils/getDomain.js +6 -2
- package/lib/module/charts/candle/utils/getDomain.js.map +1 -1
- package/lib/module/charts/candle/utils/getHeight.js +8 -9
- package/lib/module/charts/candle/utils/getHeight.js.map +1 -1
- package/lib/module/charts/candle/utils/getPrice.js +8 -4
- package/lib/module/charts/candle/utils/getPrice.js.map +1 -1
- package/lib/module/charts/candle/utils/getY.js +8 -4
- package/lib/module/charts/candle/utils/getY.js.map +1 -1
- package/lib/module/charts/candle/utils/index.js +1 -1
- package/lib/module/charts/line/Axis.js +113 -189
- package/lib/module/charts/line/Chart.js +40 -73
- package/lib/module/charts/line/Chart.js.map +1 -1
- package/lib/module/charts/line/ChartPath.js +90 -238
- package/lib/module/charts/line/Context.js +29 -61
- package/lib/module/charts/line/Cursor.js +61 -82
- package/lib/module/charts/line/Cursor.js.map +1 -1
- package/lib/module/charts/line/CursorCrosshair.js +47 -99
- package/lib/module/charts/line/CursorCrosshair.js.map +1 -1
- package/lib/module/charts/line/CursorLine.js +52 -107
- package/lib/module/charts/line/CursorLine.js.map +1 -1
- package/lib/module/charts/line/Data.js +28 -41
- package/lib/module/charts/line/DatetimeText.js +5 -5
- package/lib/module/charts/line/Dot.js +39 -93
- package/lib/module/charts/line/Gradient.js +41 -79
- package/lib/module/charts/line/Group.js +14 -15
- package/lib/module/charts/line/Group.js.map +1 -1
- package/lib/module/charts/line/Highlight.js +32 -61
- package/lib/module/charts/line/HorizontalLine.js +27 -49
- package/lib/module/charts/line/HoverTrap/index.js +2 -3
- package/lib/module/charts/line/HoverTrap/index.web.js +34 -34
- package/lib/module/charts/line/LineChartPathContext.js +3 -3
- package/lib/module/charts/line/Path.js +20 -33
- package/lib/module/charts/line/PriceText.js +25 -42
- package/lib/module/charts/line/Tooltip.js +89 -151
- package/lib/module/charts/line/Tooltip.js.map +1 -1
- package/lib/module/charts/line/index.js +2 -2
- package/lib/module/charts/line/types.js +1 -1
- package/lib/module/charts/line/useAnimatedPath.js +16 -22
- package/lib/module/charts/line/useCurrentY.js +9 -4
- package/lib/module/charts/line/useDatetime.js +22 -26
- package/lib/module/charts/line/useLineChart.js +7 -10
- package/lib/module/charts/line/usePrice.js +20 -22
- package/lib/module/charts/line/utils/getArea.js +8 -15
- package/lib/module/charts/line/utils/getDomain.js +5 -2
- package/lib/module/charts/line/utils/getDomain.js.map +1 -1
- package/lib/module/charts/line/utils/getPath.js +8 -21
- package/lib/module/charts/line/utils/getXPositionForCurve.js +2 -5
- package/lib/module/charts/line/utils/index.js +1 -1
- package/lib/module/charts/line/utils/interpolatePath.js +57 -97
- package/lib/module/charts/line/utils/lineChartDataPropToArray.js +2 -2
- package/lib/module/components/AnimatedText.js +21 -25
- package/lib/module/index.js +1 -1
- package/lib/module/types.js +2 -1
- package/lib/module/utils/formatDatetime.js +6 -2
- package/lib/module/utils/formatPrice.js +3 -7
- package/lib/module/utils/index.js +1 -1
- package/lib/module/utils/usePrevious.js +1 -1
- package/lib/typescript/src/charts/candle/Candle.d.ts +31 -45
- package/lib/typescript/src/charts/candle/Candles.d.ts +13 -24
- package/lib/typescript/src/charts/candle/Chart.d.ts +7 -12
- package/lib/typescript/src/charts/candle/Context.d.ts +7 -12
- package/lib/typescript/src/charts/candle/Crosshair.d.ts +9 -17
- package/lib/typescript/src/charts/candle/CrosshairTooltip.d.ts +8 -15
- package/lib/typescript/src/charts/candle/DatetimeText.d.ts +9 -15
- package/lib/typescript/src/charts/candle/Line.d.ts +5 -10
- package/lib/typescript/src/charts/candle/PriceText.d.ts +7 -13
- package/lib/typescript/src/charts/candle/index.d.ts +13 -32
- package/lib/typescript/src/charts/candle/types.d.ts +16 -16
- 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 +9 -13
- package/lib/typescript/src/charts/candle/usePrice.d.ts +7 -11
- package/lib/typescript/src/charts/candle/utils/getDomain.d.ts +1 -1
- package/lib/typescript/src/charts/candle/utils/getDomain.d.ts.map +1 -1
- package/lib/typescript/src/charts/candle/utils/getHeight.d.ts +5 -9
- package/lib/typescript/src/charts/candle/utils/getPrice.d.ts +5 -9
- package/lib/typescript/src/charts/candle/utils/getY.d.ts +5 -9
- package/lib/typescript/src/charts/candle/utils/index.d.ts +1 -1
- package/lib/typescript/src/charts/line/Axis.d.ts +14 -27
- package/lib/typescript/src/charts/line/Chart.d.ts +23 -33
- package/lib/typescript/src/charts/line/Chart.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/ChartPath.d.ts +15 -28
- package/lib/typescript/src/charts/line/Context.d.ts +9 -16
- package/lib/typescript/src/charts/line/Cursor.d.ts +14 -22
- package/lib/typescript/src/charts/line/Cursor.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/CursorCrosshair.d.ts +11 -23
- package/lib/typescript/src/charts/line/CursorCrosshair.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/CursorLine.d.ts +9 -15
- package/lib/typescript/src/charts/line/CursorLine.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Data.d.ts +13 -17
- package/lib/typescript/src/charts/line/DatetimeText.d.ts +8 -14
- package/lib/typescript/src/charts/line/Dot.d.ts +25 -38
- package/lib/typescript/src/charts/line/Gradient.d.ts +5 -9
- package/lib/typescript/src/charts/line/Group.d.ts +3 -6
- package/lib/typescript/src/charts/line/Group.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/Highlight.d.ts +9 -17
- package/lib/typescript/src/charts/line/HorizontalLine.d.ts +22 -30
- package/lib/typescript/src/charts/line/HoverTrap/index.d.ts +1 -1
- package/lib/typescript/src/charts/line/HoverTrap/index.web.d.ts +1 -1
- package/lib/typescript/src/charts/line/LineChartPathContext.d.ts +4 -4
- package/lib/typescript/src/charts/line/Path.d.ts +23 -28
- package/lib/typescript/src/charts/line/PriceText.d.ts +20 -28
- package/lib/typescript/src/charts/line/Tooltip.d.ts +20 -32
- package/lib/typescript/src/charts/line/index.d.ts +20 -33
- package/lib/typescript/src/charts/line/types.d.ts +17 -19
- package/lib/typescript/src/charts/line/useAnimatedPath.d.ts +7 -10
- package/lib/typescript/src/charts/line/useCurrentY.d.ts +2 -2
- package/lib/typescript/src/charts/line/useDatetime.d.ts +7 -11
- package/lib/typescript/src/charts/line/useLineChart.d.ts +10 -10
- package/lib/typescript/src/charts/line/usePrice.d.ts +7 -11
- package/lib/typescript/src/charts/line/utils/getArea.d.ts +9 -17
- package/lib/typescript/src/charts/line/utils/getDomain.d.ts +1 -1
- package/lib/typescript/src/charts/line/utils/getDomain.d.ts.map +1 -1
- package/lib/typescript/src/charts/line/utils/getPath.d.ts +11 -21
- 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 +5 -17
- package/lib/typescript/src/charts/line/utils/lineChartDataPropToArray.d.ts +2 -4
- package/lib/typescript/src/components/AnimatedText.d.ts +4 -7
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/types.d.ts +4 -7
- package/lib/typescript/src/utils/formatDatetime.d.ts +5 -9
- package/lib/typescript/src/utils/formatPrice.d.ts +5 -9
- package/lib/typescript/src/utils/index.d.ts +1 -1
- package/lib/typescript/src/utils/usePrevious.d.ts +1 -1
- package/package.json +1 -1
- package/src/charts/line/CursorLine.tsx +6 -2
- package/src/charts/line/HorizontalLine.tsx +5 -1
|
@@ -1,41 +1,23 @@
|
|
|
1
|
-
function _extends() {
|
|
2
|
-
return (
|
|
3
|
-
(_extends = Object.assign
|
|
4
|
-
? Object.assign.bind()
|
|
5
|
-
: function (n) {
|
|
6
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
7
|
-
var t = arguments[e];
|
|
8
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
9
|
-
}
|
|
10
|
-
return n;
|
|
11
|
-
}),
|
|
12
|
-
_extends.apply(null, arguments)
|
|
13
|
-
);
|
|
14
|
-
}
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
2
|
import React from 'react';
|
|
16
3
|
import { StyleSheet } from 'react-native';
|
|
17
4
|
import Svg, { Line as SVGLine } from 'react-native-svg';
|
|
18
|
-
export const CandlestickChartLine = ({
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
},
|
|
36
|
-
props
|
|
37
|
-
)
|
|
38
|
-
)
|
|
39
|
-
);
|
|
5
|
+
export const CandlestickChartLine = ({
|
|
6
|
+
color = 'gray',
|
|
7
|
+
x,
|
|
8
|
+
y,
|
|
9
|
+
...props
|
|
10
|
+
}) => {
|
|
11
|
+
return /*#__PURE__*/React.createElement(Svg, {
|
|
12
|
+
style: StyleSheet.absoluteFill
|
|
13
|
+
}, /*#__PURE__*/React.createElement(SVGLine, _extends({
|
|
14
|
+
x1: 0,
|
|
15
|
+
y1: 0,
|
|
16
|
+
x2: x,
|
|
17
|
+
y2: y,
|
|
18
|
+
strokeWidth: 2,
|
|
19
|
+
stroke: color,
|
|
20
|
+
strokeDasharray: "6 6"
|
|
21
|
+
}, props)));
|
|
40
22
|
};
|
|
41
|
-
//# sourceMappingURL=Line.js.map
|
|
23
|
+
//# sourceMappingURL=Line.js.map
|
|
@@ -6,16 +6,16 @@ export function CandlestickChartPriceText({
|
|
|
6
6
|
precision = 2,
|
|
7
7
|
variant = 'formatted',
|
|
8
8
|
type = 'crosshair',
|
|
9
|
-
style
|
|
9
|
+
style
|
|
10
10
|
}) {
|
|
11
11
|
const price = useCandlestickChartPrice({
|
|
12
12
|
format,
|
|
13
13
|
precision,
|
|
14
|
-
type
|
|
14
|
+
type
|
|
15
15
|
});
|
|
16
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/React.createElement(AnimatedText, {
|
|
17
17
|
text: price[variant],
|
|
18
|
-
style: style
|
|
18
|
+
style: style
|
|
19
19
|
});
|
|
20
20
|
}
|
|
21
|
-
//# sourceMappingURL=PriceText.js.map
|
|
21
|
+
//# sourceMappingURL=PriceText.js.map
|
|
@@ -38,6 +38,6 @@ export const CandlestickChart = Object.assign(_CandlestickChart, {
|
|
|
38
38
|
useDatetime: useCandlestickChartDatetime,
|
|
39
39
|
usePrice: useCandlestickChartPrice,
|
|
40
40
|
useChart: useCandlestickChart,
|
|
41
|
-
useCandleData: useCandleData
|
|
41
|
+
useCandleData: useCandleData
|
|
42
42
|
});
|
|
43
|
-
//# sourceMappingURL=index.js.map
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=types.js.map
|
|
2
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { useDerivedValue } from 'react-native-reanimated';
|
|
2
2
|
import { useCandlestickChart } from './useCandlestickChart';
|
|
3
3
|
export function useCandleData() {
|
|
4
|
-
const {
|
|
4
|
+
const {
|
|
5
|
+
currentX,
|
|
6
|
+
data,
|
|
7
|
+
step
|
|
8
|
+
} = useCandlestickChart();
|
|
5
9
|
const candle = useDerivedValue(() => {
|
|
6
10
|
if (currentX.value === -1) {
|
|
7
11
|
return {
|
|
@@ -9,11 +13,11 @@ export function useCandleData() {
|
|
|
9
13
|
low: -1,
|
|
10
14
|
open: -1,
|
|
11
15
|
high: -1,
|
|
12
|
-
close: -1
|
|
16
|
+
close: -1
|
|
13
17
|
};
|
|
14
18
|
}
|
|
15
19
|
return data[Math.floor(currentX.value / step)];
|
|
16
20
|
}, [currentX, data, step]);
|
|
17
21
|
return candle;
|
|
18
22
|
}
|
|
19
|
-
//# sourceMappingURL=useCandleData.js.map
|
|
23
|
+
//# sourceMappingURL=useCandleData.js.map
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { useDerivedValue } from 'react-native-reanimated';
|
|
2
2
|
import { formatDatetime } from '../../utils';
|
|
3
3
|
import { useCandleData } from './useCandleData';
|
|
4
|
-
export function useCandlestickChartDatetime({
|
|
4
|
+
export function useCandlestickChartDatetime({
|
|
5
|
+
format,
|
|
6
|
+
locale,
|
|
7
|
+
options
|
|
8
|
+
} = {}) {
|
|
5
9
|
const candle = useCandleData();
|
|
6
10
|
const timestamp = useDerivedValue(() => {
|
|
7
11
|
return candle.value.timestamp;
|
|
@@ -15,18 +19,16 @@ export function useCandlestickChartDatetime({ format, locale, options } = {}) {
|
|
|
15
19
|
const formattedDatetime = formatDatetime({
|
|
16
20
|
value: timestamp.value,
|
|
17
21
|
locale,
|
|
18
|
-
options
|
|
22
|
+
options
|
|
19
23
|
});
|
|
20
|
-
return format
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
})
|
|
25
|
-
: formattedDatetime;
|
|
24
|
+
return format ? format({
|
|
25
|
+
value: timestamp.value,
|
|
26
|
+
formatted: formattedDatetime
|
|
27
|
+
}) : formattedDatetime;
|
|
26
28
|
}, [timestamp, locale, options, format]);
|
|
27
29
|
return {
|
|
28
30
|
value: timestampString,
|
|
29
|
-
formatted
|
|
31
|
+
formatted
|
|
30
32
|
};
|
|
31
33
|
}
|
|
32
|
-
//# sourceMappingURL=useDatetime.js.map
|
|
34
|
+
//# sourceMappingURL=useDatetime.js.map
|
|
@@ -6,9 +6,13 @@ import { useCandleData } from './useCandleData';
|
|
|
6
6
|
export function useCandlestickChartPrice({
|
|
7
7
|
format,
|
|
8
8
|
precision = 2,
|
|
9
|
-
type = 'crosshair'
|
|
9
|
+
type = 'crosshair'
|
|
10
10
|
} = {}) {
|
|
11
|
-
const {
|
|
11
|
+
const {
|
|
12
|
+
currentY,
|
|
13
|
+
domain,
|
|
14
|
+
height
|
|
15
|
+
} = useCandlestickChart();
|
|
12
16
|
const candle = useCandleData();
|
|
13
17
|
const float = useDerivedValue(() => {
|
|
14
18
|
let price = 0;
|
|
@@ -16,7 +20,7 @@ export function useCandlestickChartPrice({
|
|
|
16
20
|
price = getPrice({
|
|
17
21
|
y: currentY.value,
|
|
18
22
|
domain: [Math.min(...domain), Math.max(...domain)],
|
|
19
|
-
maxHeight: height
|
|
23
|
+
maxHeight: height
|
|
20
24
|
});
|
|
21
25
|
} else {
|
|
22
26
|
price = candle.value[type];
|
|
@@ -27,18 +31,16 @@ export function useCandlestickChartPrice({
|
|
|
27
31
|
const formatted = useDerivedValue(() => {
|
|
28
32
|
if (!float.value) return '';
|
|
29
33
|
const formattedPrice = formatPrice({
|
|
30
|
-
value: float.value
|
|
34
|
+
value: float.value
|
|
31
35
|
});
|
|
32
|
-
return format
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
})
|
|
37
|
-
: formattedPrice;
|
|
36
|
+
return format ? format({
|
|
37
|
+
value: float.value,
|
|
38
|
+
formatted: formattedPrice
|
|
39
|
+
}) : formattedPrice;
|
|
38
40
|
}, [float, format]);
|
|
39
41
|
return {
|
|
40
42
|
value: float,
|
|
41
|
-
formatted
|
|
43
|
+
formatted
|
|
42
44
|
};
|
|
43
45
|
}
|
|
44
|
-
//# sourceMappingURL=usePrice.js.map
|
|
46
|
+
//# sourceMappingURL=usePrice.js.map
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
export function getDomain(rows) {
|
|
2
2
|
'worklet';
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
if (rows.length === 0) return [0, 0];
|
|
5
|
+
const values = rows.map(({
|
|
6
|
+
high,
|
|
7
|
+
low
|
|
8
|
+
}) => [high, low]).flat();
|
|
5
9
|
const min = Math.min(...values);
|
|
6
10
|
const max = Math.max(...values);
|
|
7
11
|
return [min - (max - min) * 0.025, max + (max - min) * 0.025];
|
|
8
12
|
}
|
|
9
|
-
//# sourceMappingURL=getDomain.js.map
|
|
13
|
+
//# sourceMappingURL=getDomain.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getDomain","rows","values","map","high","low","flat","min","Math","max"],"sourceRoot":"../../../../../src","sources":["charts/candle/utils/getDomain.ts"],"mappings":"AAEA,OAAO,SAASA,SAASA,CAACC,IAAe,EAA8B;EACrE,SAAS;;EACT,MAAMC,MAAM,
|
|
1
|
+
{"version":3,"names":["getDomain","rows","length","values","map","high","low","flat","min","Math","max"],"sourceRoot":"../../../../../src","sources":["charts/candle/utils/getDomain.ts"],"mappings":"AAEA,OAAO,SAASA,SAASA,CAACC,IAAe,EAA8B;EACrE,SAAS;;EACT,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;EACpC,MAAMC,MAAM,GAAGF,IAAI,CAACG,GAAG,CAAC,CAAC;IAAEC,IAAI;IAAEC;EAAI,CAAC,KAAK,CAACD,IAAI,EAAEC,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;EAC9D,MAAMC,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,GAAGL,MAAM,CAAC;EAC/B,MAAMO,GAAG,GAAGD,IAAI,CAACC,GAAG,CAAC,GAAGP,MAAM,CAAC;EAC/B,OAAO,CAACK,GAAG,GAAG,CAACE,GAAG,GAAGF,GAAG,IAAI,KAAK,EAAEE,GAAG,GAAG,CAACA,GAAG,GAAGF,GAAG,IAAI,KAAK,CAAC;AAC/D","ignoreList":[]}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { interpolate,
|
|
2
|
-
export function getHeight({
|
|
1
|
+
import { interpolate, Extrapolation } from 'react-native-reanimated';
|
|
2
|
+
export function getHeight({
|
|
3
|
+
value,
|
|
4
|
+
domain,
|
|
5
|
+
maxHeight
|
|
6
|
+
}) {
|
|
3
7
|
'worklet';
|
|
4
8
|
|
|
5
|
-
return interpolate(
|
|
6
|
-
value,
|
|
7
|
-
[0, Math.max(...domain) - Math.min(...domain)],
|
|
8
|
-
[0, maxHeight],
|
|
9
|
-
Extrapolate.CLAMP
|
|
10
|
-
);
|
|
9
|
+
return interpolate(value, [0, Math.max(...domain) - Math.min(...domain)], [0, maxHeight], Extrapolation.CLAMP);
|
|
11
10
|
}
|
|
12
|
-
//# sourceMappingURL=getHeight.js.map
|
|
11
|
+
//# sourceMappingURL=getHeight.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["interpolate","
|
|
1
|
+
{"version":3,"names":["interpolate","Extrapolation","getHeight","value","domain","maxHeight","Math","max","min","CLAMP"],"sourceRoot":"../../../../../src","sources":["charts/candle/utils/getHeight.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,aAAa,QAAQ,yBAAyB;AAIpE,OAAO,SAASC,SAASA,CAAC;EACxBC,KAAK;EACLC,MAAM;EACNC;AAKF,CAAC,EAAE;EACD,SAAS;;EACT,OAAOL,WAAW,CAChBG,KAAK,EACL,CAAC,CAAC,EAAEG,IAAI,CAACC,GAAG,CAAC,GAAGH,MAAM,CAAC,GAAGE,IAAI,CAACE,GAAG,CAAC,GAAGJ,MAAM,CAAC,CAAC,EAC9C,CAAC,CAAC,EAAEC,SAAS,CAAC,EACdJ,aAAa,CAACQ,KAChB,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
import { interpolate,
|
|
2
|
-
export function getPrice({
|
|
1
|
+
import { interpolate, Extrapolation } from 'react-native-reanimated';
|
|
2
|
+
export function getPrice({
|
|
3
|
+
y,
|
|
4
|
+
domain,
|
|
5
|
+
maxHeight
|
|
6
|
+
}) {
|
|
3
7
|
'worklet';
|
|
4
8
|
|
|
5
9
|
if (y === -1) return -1;
|
|
6
|
-
return interpolate(y, [0, maxHeight], domain.reverse(),
|
|
10
|
+
return interpolate(y, [0, maxHeight], domain.reverse(), Extrapolation.CLAMP);
|
|
7
11
|
}
|
|
8
|
-
//# sourceMappingURL=getPrice.js.map
|
|
12
|
+
//# sourceMappingURL=getPrice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["interpolate","
|
|
1
|
+
{"version":3,"names":["interpolate","Extrapolation","getPrice","y","domain","maxHeight","reverse","CLAMP"],"sourceRoot":"../../../../../src","sources":["charts/candle/utils/getPrice.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,aAAa,QAAQ,yBAAyB;AAIpE,OAAO,SAASC,QAAQA,CAAC;EACvBC,CAAC;EACDC,MAAM;EACNC;AAKF,CAAC,EAAE;EACD,SAAS;;EACT,IAAIF,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;EACvB,OAAOH,WAAW,CAACG,CAAC,EAAE,CAAC,CAAC,EAAEE,SAAS,CAAC,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC,EAAEL,aAAa,CAACM,KAAK,CAAC;AAC9E","ignoreList":[]}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import { interpolate,
|
|
2
|
-
export function getY({
|
|
1
|
+
import { interpolate, Extrapolation } from 'react-native-reanimated';
|
|
2
|
+
export function getY({
|
|
3
|
+
value,
|
|
4
|
+
domain,
|
|
5
|
+
maxHeight
|
|
6
|
+
}) {
|
|
3
7
|
'worklet';
|
|
4
8
|
|
|
5
|
-
return interpolate(value, domain, [maxHeight, 0],
|
|
9
|
+
return interpolate(value, domain, [maxHeight, 0], Extrapolation.CLAMP);
|
|
6
10
|
}
|
|
7
|
-
//# sourceMappingURL=getY.js.map
|
|
11
|
+
//# sourceMappingURL=getY.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["interpolate","
|
|
1
|
+
{"version":3,"names":["interpolate","Extrapolation","getY","value","domain","maxHeight","CLAMP"],"sourceRoot":"../../../../../src","sources":["charts/candle/utils/getY.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,aAAa,QAAQ,yBAAyB;AAIpE,OAAO,SAASC,IAAIA,CAAC;EACnBC,KAAK;EACLC,MAAM;EACNC;AAKF,CAAC,EAAE;EACD,SAAS;;EACT,OAAOL,WAAW,CAACG,KAAK,EAAEC,MAAM,EAAE,CAACC,SAAS,EAAE,CAAC,CAAC,EAAEJ,aAAa,CAACK,KAAK,CAAC;AACxE","ignoreList":[]}
|