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,64 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
value: true
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.CandlestickChartCrosshair = CandlestickChartCrosshair;
|
|
7
|
-
var _react = _interopRequireDefault(require(
|
|
8
|
-
var _reactNative = require(
|
|
9
|
-
var _reactNativeGestureHandler = require(
|
|
10
|
-
var _reactNativeReanimated = _interopRequireWildcard(
|
|
11
|
-
|
|
12
|
-
);
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
if ('function' == typeof WeakMap)
|
|
20
|
-
var r = new WeakMap(),
|
|
21
|
-
n = new WeakMap();
|
|
22
|
-
return (_interopRequireWildcard = function (e, t) {
|
|
23
|
-
if (!t && e && e.__esModule) return e;
|
|
24
|
-
var o,
|
|
25
|
-
i,
|
|
26
|
-
f = { __proto__: null, default: e };
|
|
27
|
-
if (null === e || ('object' != typeof e && 'function' != typeof e))
|
|
28
|
-
return f;
|
|
29
|
-
if ((o = t ? n : r)) {
|
|
30
|
-
if (o.has(e)) return o.get(e);
|
|
31
|
-
o.set(e, f);
|
|
32
|
-
}
|
|
33
|
-
for (const t in e)
|
|
34
|
-
'default' !== t &&
|
|
35
|
-
{}.hasOwnProperty.call(e, t) &&
|
|
36
|
-
((i =
|
|
37
|
-
(o = Object.defineProperty) &&
|
|
38
|
-
Object.getOwnPropertyDescriptor(e, t)) &&
|
|
39
|
-
(i.get || i.set)
|
|
40
|
-
? o(f, t, i)
|
|
41
|
-
: (f[t] = e[t]));
|
|
42
|
-
return f;
|
|
43
|
-
})(e, t);
|
|
44
|
-
}
|
|
45
|
-
function _interopRequireDefault(e) {
|
|
46
|
-
return e && e.__esModule ? e : { default: e };
|
|
47
|
-
}
|
|
48
|
-
function _extends() {
|
|
49
|
-
return (
|
|
50
|
-
(_extends = Object.assign
|
|
51
|
-
? Object.assign.bind()
|
|
52
|
-
: function (n) {
|
|
53
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
54
|
-
var t = arguments[e];
|
|
55
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
56
|
-
}
|
|
57
|
-
return n;
|
|
58
|
-
}),
|
|
59
|
-
_extends.apply(null, arguments)
|
|
60
|
-
);
|
|
61
|
-
}
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _reactNativeRedash = require("react-native-redash");
|
|
12
|
+
var _Chart = require("./Chart");
|
|
13
|
+
var _Line = require("./Line");
|
|
14
|
+
var _useCandlestickChart = require("./useCandlestickChart");
|
|
15
|
+
var _CrosshairTooltip = require("./CrosshairTooltip");
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
+
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); }
|
|
62
19
|
/**
|
|
63
20
|
* Threshold in pixels from the left edge of the chart. When the cursor is
|
|
64
21
|
* within this distance, the tooltip will be positioned on the right side.
|
|
@@ -71,13 +28,18 @@ function CandlestickChartCrosshair({
|
|
|
71
28
|
horizontalCrosshairProps = {},
|
|
72
29
|
verticalCrosshairProps = {},
|
|
73
30
|
lineProps = {},
|
|
74
|
-
minDurationMs = 0
|
|
31
|
+
minDurationMs = 0
|
|
75
32
|
}) {
|
|
76
|
-
const {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
33
|
+
const {
|
|
34
|
+
width,
|
|
35
|
+
height
|
|
36
|
+
} = _react.default.useContext(_Chart.CandlestickChartDimensionsContext);
|
|
37
|
+
const {
|
|
38
|
+
currentX,
|
|
39
|
+
currentY,
|
|
40
|
+
currentIndex,
|
|
41
|
+
step
|
|
42
|
+
} = (0, _useCandlestickChart.useCandlestickChart)();
|
|
81
43
|
const tooltipPosition = (0, _reactNativeReanimated.useSharedValue)('left');
|
|
82
44
|
const opacity = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
83
45
|
const updatePosition = (x, y) => {
|
|
@@ -90,128 +52,65 @@ function CandlestickChartCrosshair({
|
|
|
90
52
|
tooltipPosition.value = 'left';
|
|
91
53
|
}
|
|
92
54
|
currentY.value = (0, _reactNativeRedash.clamp)(y, 0, height);
|
|
93
|
-
currentX.value = boundedX -
|
|
55
|
+
currentX.value = boundedX - boundedX % step + step / 2;
|
|
94
56
|
currentIndex.value = Math.floor(boundedX / step);
|
|
95
57
|
};
|
|
96
|
-
const longPressGesture = _reactNativeGestureHandler.Gesture.LongPress()
|
|
97
|
-
|
|
98
|
-
.maxDistance(999999)
|
|
99
|
-
.onStart((event) => {
|
|
100
|
-
'worklet';
|
|
58
|
+
const longPressGesture = _reactNativeGestureHandler.Gesture.LongPress().minDuration(minDurationMs).maxDistance(999999).onStart(event => {
|
|
59
|
+
'worklet';
|
|
101
60
|
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
'worklet';
|
|
61
|
+
opacity.value = 1;
|
|
62
|
+
updatePosition(event.x, event.y);
|
|
63
|
+
}).onTouchesMove(event => {
|
|
64
|
+
'worklet';
|
|
107
65
|
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
updatePosition(event.allTouches[0].x, event.allTouches[0].y);
|
|
114
|
-
}
|
|
115
|
-
})
|
|
116
|
-
.onEnd(() => {
|
|
117
|
-
'worklet';
|
|
66
|
+
if (opacity.value === 1 && event.allTouches.length > 0 && event.allTouches[0]) {
|
|
67
|
+
updatePosition(event.allTouches[0].x, event.allTouches[0].y);
|
|
68
|
+
}
|
|
69
|
+
}).onEnd(() => {
|
|
70
|
+
'worklet';
|
|
118
71
|
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
const horizontal = (0, _reactNativeReanimated.useAnimatedStyle)(
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
{
|
|
163
|
-
style: _reactNative.StyleSheet.absoluteFill,
|
|
164
|
-
},
|
|
165
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
166
|
-
_reactNativeReanimated.default.View,
|
|
167
|
-
_extends(
|
|
168
|
-
{
|
|
169
|
-
style: [_reactNative.StyleSheet.absoluteFill, horizontal],
|
|
170
|
-
},
|
|
171
|
-
horizontalCrosshairProps
|
|
172
|
-
),
|
|
173
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
174
|
-
_Line.CandlestickChartLine,
|
|
175
|
-
_extends(
|
|
176
|
-
{
|
|
177
|
-
color: color,
|
|
178
|
-
x: width,
|
|
179
|
-
y: 0,
|
|
180
|
-
},
|
|
181
|
-
lineProps
|
|
182
|
-
)
|
|
183
|
-
),
|
|
184
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
185
|
-
_CrosshairTooltip.CandlestickChartCrosshairTooltipContext.Provider,
|
|
186
|
-
{
|
|
187
|
-
value: {
|
|
188
|
-
position: tooltipPosition,
|
|
189
|
-
},
|
|
190
|
-
},
|
|
191
|
-
children
|
|
192
|
-
)
|
|
193
|
-
),
|
|
194
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
195
|
-
_reactNativeReanimated.default.View,
|
|
196
|
-
_extends(
|
|
197
|
-
{
|
|
198
|
-
style: [_reactNative.StyleSheet.absoluteFill, vertical],
|
|
199
|
-
},
|
|
200
|
-
verticalCrosshairProps
|
|
201
|
-
),
|
|
202
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
203
|
-
_Line.CandlestickChartLine,
|
|
204
|
-
_extends(
|
|
205
|
-
{
|
|
206
|
-
color: color,
|
|
207
|
-
x: 0,
|
|
208
|
-
y: height,
|
|
209
|
-
},
|
|
210
|
-
lineProps
|
|
211
|
-
)
|
|
212
|
-
)
|
|
213
|
-
)
|
|
214
|
-
)
|
|
215
|
-
);
|
|
72
|
+
opacity.value = 0;
|
|
73
|
+
currentY.value = -1;
|
|
74
|
+
currentX.value = -1;
|
|
75
|
+
currentIndex.value = -1;
|
|
76
|
+
});
|
|
77
|
+
const horizontal = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
78
|
+
opacity: opacity.value,
|
|
79
|
+
transform: [{
|
|
80
|
+
translateY: currentY.value
|
|
81
|
+
}]
|
|
82
|
+
}), [opacity, currentY]);
|
|
83
|
+
const vertical = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
84
|
+
opacity: opacity.value,
|
|
85
|
+
transform: [{
|
|
86
|
+
translateX: currentX.value
|
|
87
|
+
}]
|
|
88
|
+
}), [opacity, currentX]);
|
|
89
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(() => currentX.value, (data, prevData) => {
|
|
90
|
+
if (data !== -1 && data !== prevData && onCurrentXChange) {
|
|
91
|
+
(0, _reactNativeReanimated.runOnJS)(onCurrentXChange)(data);
|
|
92
|
+
}
|
|
93
|
+
}, [currentX]);
|
|
94
|
+
return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
|
|
95
|
+
gesture: longPressGesture
|
|
96
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
97
|
+
style: _reactNative.StyleSheet.absoluteFill
|
|
98
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({
|
|
99
|
+
style: [_reactNative.StyleSheet.absoluteFill, vertical]
|
|
100
|
+
}, verticalCrosshairProps), /*#__PURE__*/_react.default.createElement(_Line.CandlestickChartLine, _extends({
|
|
101
|
+
color: color,
|
|
102
|
+
x: 0,
|
|
103
|
+
y: height
|
|
104
|
+
}, lineProps))), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({
|
|
105
|
+
style: [_reactNative.StyleSheet.absoluteFill, horizontal]
|
|
106
|
+
}, horizontalCrosshairProps), /*#__PURE__*/_react.default.createElement(_Line.CandlestickChartLine, _extends({
|
|
107
|
+
color: color,
|
|
108
|
+
x: width,
|
|
109
|
+
y: 0
|
|
110
|
+
}, lineProps)), /*#__PURE__*/_react.default.createElement(_CrosshairTooltip.CandlestickChartCrosshairTooltipContext.Provider, {
|
|
111
|
+
value: {
|
|
112
|
+
position: tooltipPosition
|
|
113
|
+
}
|
|
114
|
+
}, children))));
|
|
216
115
|
}
|
|
217
|
-
//# sourceMappingURL=Crosshair.js.map
|
|
116
|
+
//# sourceMappingURL=Crosshair.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_reactNativeRedash","_Chart","_Line","_useCandlestickChart","_CrosshairTooltip","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","TOOLTIP_POSITION_THRESHOLD","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","minDurationMs","width","height","React","useContext","CandlestickChartDimensionsContext","currentX","currentY","currentIndex","step","useCandlestickChart","tooltipPosition","useSharedValue","opacity","updatePosition","x","y","boundedX","value","clamp","Math","floor","longPressGesture","Gesture","LongPress","minDuration","maxDistance","onStart","event","onTouchesMove","allTouches","onEnd","horizontal","useAnimatedStyle","transform","translateY","vertical","translateX","useAnimatedReaction","data","prevData","runOnJS","createElement","GestureDetector","gesture","View","style","StyleSheet","absoluteFill","CandlestickChartLine","CandlestickChartCrosshairTooltipContext","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAMA,IAAAG,sBAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAOA,IAAAK,kBAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AAA6E,SAAAI,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAZ,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAE7E;AACA;AACA;AACA;AACA,MAAMG,0BAA0B,GAAG,GAAG;AAY/B,SAASC,yBAAyBA,CAAC;EACxCC,KAAK;EACLC,gBAAgB;EAChBC,QAAQ;EACRC,wBAAwB,GAAG,CAAC,CAAC;EAC7BC,sBAAsB,GAAG,CAAC,CAAC;EAC3BC,SAAS,GAAG,CAAC,CAAC;EACdC,aAAa,GAAG;AACc,CAAC,EAAE;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,wCAAiC,CAAC;EAC7E,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAK,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACxE,MAAMC,eAAe,GAAG,IAAAC,qCAAc,EAAmB,MAAM,CAAC;EAChE,MAAMC,OAAO,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EAEjC,MAAME,cAAc,GAAGA,CAACC,CAAS,EAAEC,CAAS,KAAK;IAC/C,SAAS;;IACT,MAAMC,QAAQ,GAAGF,CAAC,IAAId,KAAK,GAAG,CAAC,GAAGc,CAAC,GAAGd,KAAK,GAAG,CAAC;IAC/C,IAAIgB,QAAQ,GAAGzB,0BAA0B,EAAE;MACzCmB,eAAe,CAACO,KAAK,GAAG,OAAO;IACjC,CAAC,MAAM;MACLP,eAAe,CAACO,KAAK,GAAG,MAAM;IAChC;IACAX,QAAQ,CAACW,KAAK,GAAG,IAAAC,wBAAK,EAACH,CAAC,EAAE,CAAC,EAAEd,MAAM,CAAC;IACpCI,QAAQ,CAACY,KAAK,GAAGD,QAAQ,GAAIA,QAAQ,GAAGR,IAAK,GAAGA,IAAI,GAAG,CAAC;IACxDD,YAAY,CAACU,KAAK,GAAGE,IAAI,CAACC,KAAK,CAACJ,QAAQ,GAAGR,IAAI,CAAC;EAClD,CAAC;EAED,MAAMa,gBAAgB,GAAGC,kCAAO,CAACC,SAAS,CAAC,CAAC,CACzCC,WAAW,CAACzB,aAAa,CAAC,CAC1B0B,WAAW,CAAC,MAAM,CAAC,CACnBC,OAAO,CACLC,KAAmE,IAAK;IACvE,SAAS;;IACTf,OAAO,CAACK,KAAK,GAAG,CAAC;IACjBJ,cAAc,CAACc,KAAK,CAACb,CAAC,EAAEa,KAAK,CAACZ,CAAC,CAAC;EAClC,CACF,CAAC,CACAa,aAAa,CAAED,KAAK,IAAK;IACxB,SAAS;;IACT,IACEf,OAAO,CAACK,KAAK,KAAK,CAAC,IACnBU,KAAK,CAACE,UAAU,CAACxC,MAAM,GAAG,CAAC,IAC3BsC,KAAK,CAACE,UAAU,CAAC,CAAC,CAAC,EACnB;MACAhB,cAAc,CAACc,KAAK,CAACE,UAAU,CAAC,CAAC,CAAC,CAACf,CAAC,EAAEa,KAAK,CAACE,UAAU,CAAC,CAAC,CAAC,CAACd,CAAC,CAAC;IAC9D;EACF,CAAC,CAAC,CACDe,KAAK,CAAC,MAAM;IACX,SAAS;;IACTlB,OAAO,CAACK,KAAK,GAAG,CAAC;IACjBX,QAAQ,CAACW,KAAK,GAAG,CAAC,CAAC;IACnBZ,QAAQ,CAACY,KAAK,GAAG,CAAC,CAAC;IACnBV,YAAY,CAACU,KAAK,GAAG,CAAC,CAAC;EACzB,CAAC,CAAC;EAEJ,MAAMc,UAAU,GAAG,IAAAC,uCAAgB,EACjC,OAAO;IACLpB,OAAO,EAAEA,OAAO,CAACK,KAAK;IACtBgB,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE5B,QAAQ,CAACW;IAAM,CAAC;EAC5C,CAAC,CAAC,EACF,CAACL,OAAO,EAAEN,QAAQ,CACpB,CAAC;EAED,MAAM6B,QAAQ,GAAG,IAAAH,uCAAgB,EAC/B,OAAO;IACLpB,OAAO,EAAEA,OAAO,CAACK,KAAK;IACtBgB,SAAS,EAAE,CAAC;MAAEG,UAAU,EAAE/B,QAAQ,CAACY;IAAM,CAAC;EAC5C,CAAC,CAAC,EACF,CAACL,OAAO,EAAEP,QAAQ,CACpB,CAAC;EAED,IAAAgC,0CAAmB,EACjB,MAAMhC,QAAQ,CAACY,KAAK,EACpB,CAACqB,IAAI,EAAEC,QAAQ,KAAK;IAClB,IAAID,IAAI,KAAK,CAAC,CAAC,IAAIA,IAAI,KAAKC,QAAQ,IAAI7C,gBAAgB,EAAE;MACxD,IAAA8C,8BAAO,EAAC9C,gBAAgB,CAAC,CAAC4C,IAAI,CAAC;IACjC;EACF,CAAC,EACD,CAACjC,QAAQ,CACX,CAAC;EAED,oBACEnD,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAACnF,0BAAA,CAAAoF,eAAe;IAACC,OAAO,EAAEtB;EAAiB,gBACzCnE,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAAClF,sBAAA,CAAAiB,OAAQ,CAACoE,IAAI;IAACC,KAAK,EAAEC,uBAAU,CAACC;EAAa,gBAC5C7F,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAAClF,sBAAA,CAAAiB,OAAQ,CAACoE,IAAI,EAAA3D,QAAA;IACZ4D,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_reactNativeRedash","_Chart","_Line","_useCandlestickChart","_CrosshairTooltip","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","TOOLTIP_POSITION_THRESHOLD","CandlestickChartCrosshair","color","onCurrentXChange","children","horizontalCrosshairProps","verticalCrosshairProps","lineProps","minDurationMs","width","height","React","useContext","CandlestickChartDimensionsContext","currentX","currentY","currentIndex","step","useCandlestickChart","tooltipPosition","useSharedValue","opacity","updatePosition","x","y","boundedX","value","clamp","Math","floor","longPressGesture","Gesture","LongPress","minDuration","maxDistance","onStart","event","onTouchesMove","allTouches","onEnd","horizontal","useAnimatedStyle","transform","translateY","vertical","translateX","useAnimatedReaction","data","prevData","runOnJS","createElement","GestureDetector","gesture","View","style","StyleSheet","absoluteFill","CandlestickChartLine","CandlestickChartCrosshairTooltipContext","Provider","position"],"sourceRoot":"../../../../src","sources":["charts/candle/Crosshair.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAMA,IAAAG,sBAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAOA,IAAAK,kBAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AAA6E,SAAAI,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAZ,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAE7E;AACA;AACA;AACA;AACA,MAAMG,0BAA0B,GAAG,GAAG;AAY/B,SAASC,yBAAyBA,CAAC;EACxCC,KAAK;EACLC,gBAAgB;EAChBC,QAAQ;EACRC,wBAAwB,GAAG,CAAC,CAAC;EAC7BC,sBAAsB,GAAG,CAAC,CAAC;EAC3BC,SAAS,GAAG,CAAC,CAAC;EACdC,aAAa,GAAG;AACc,CAAC,EAAE;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,wCAAiC,CAAC;EAC7E,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAK,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACxE,MAAMC,eAAe,GAAG,IAAAC,qCAAc,EAAmB,MAAM,CAAC;EAChE,MAAMC,OAAO,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EAEjC,MAAME,cAAc,GAAGA,CAACC,CAAS,EAAEC,CAAS,KAAK;IAC/C,SAAS;;IACT,MAAMC,QAAQ,GAAGF,CAAC,IAAId,KAAK,GAAG,CAAC,GAAGc,CAAC,GAAGd,KAAK,GAAG,CAAC;IAC/C,IAAIgB,QAAQ,GAAGzB,0BAA0B,EAAE;MACzCmB,eAAe,CAACO,KAAK,GAAG,OAAO;IACjC,CAAC,MAAM;MACLP,eAAe,CAACO,KAAK,GAAG,MAAM;IAChC;IACAX,QAAQ,CAACW,KAAK,GAAG,IAAAC,wBAAK,EAACH,CAAC,EAAE,CAAC,EAAEd,MAAM,CAAC;IACpCI,QAAQ,CAACY,KAAK,GAAGD,QAAQ,GAAIA,QAAQ,GAAGR,IAAK,GAAGA,IAAI,GAAG,CAAC;IACxDD,YAAY,CAACU,KAAK,GAAGE,IAAI,CAACC,KAAK,CAACJ,QAAQ,GAAGR,IAAI,CAAC;EAClD,CAAC;EAED,MAAMa,gBAAgB,GAAGC,kCAAO,CAACC,SAAS,CAAC,CAAC,CACzCC,WAAW,CAACzB,aAAa,CAAC,CAC1B0B,WAAW,CAAC,MAAM,CAAC,CACnBC,OAAO,CACLC,KAAmE,IAAK;IACvE,SAAS;;IACTf,OAAO,CAACK,KAAK,GAAG,CAAC;IACjBJ,cAAc,CAACc,KAAK,CAACb,CAAC,EAAEa,KAAK,CAACZ,CAAC,CAAC;EAClC,CACF,CAAC,CACAa,aAAa,CAAED,KAAK,IAAK;IACxB,SAAS;;IACT,IACEf,OAAO,CAACK,KAAK,KAAK,CAAC,IACnBU,KAAK,CAACE,UAAU,CAACxC,MAAM,GAAG,CAAC,IAC3BsC,KAAK,CAACE,UAAU,CAAC,CAAC,CAAC,EACnB;MACAhB,cAAc,CAACc,KAAK,CAACE,UAAU,CAAC,CAAC,CAAC,CAACf,CAAC,EAAEa,KAAK,CAACE,UAAU,CAAC,CAAC,CAAC,CAACd,CAAC,CAAC;IAC9D;EACF,CAAC,CAAC,CACDe,KAAK,CAAC,MAAM;IACX,SAAS;;IACTlB,OAAO,CAACK,KAAK,GAAG,CAAC;IACjBX,QAAQ,CAACW,KAAK,GAAG,CAAC,CAAC;IACnBZ,QAAQ,CAACY,KAAK,GAAG,CAAC,CAAC;IACnBV,YAAY,CAACU,KAAK,GAAG,CAAC,CAAC;EACzB,CAAC,CAAC;EAEJ,MAAMc,UAAU,GAAG,IAAAC,uCAAgB,EACjC,OAAO;IACLpB,OAAO,EAAEA,OAAO,CAACK,KAAK;IACtBgB,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE5B,QAAQ,CAACW;IAAM,CAAC;EAC5C,CAAC,CAAC,EACF,CAACL,OAAO,EAAEN,QAAQ,CACpB,CAAC;EAED,MAAM6B,QAAQ,GAAG,IAAAH,uCAAgB,EAC/B,OAAO;IACLpB,OAAO,EAAEA,OAAO,CAACK,KAAK;IACtBgB,SAAS,EAAE,CAAC;MAAEG,UAAU,EAAE/B,QAAQ,CAACY;IAAM,CAAC;EAC5C,CAAC,CAAC,EACF,CAACL,OAAO,EAAEP,QAAQ,CACpB,CAAC;EAED,IAAAgC,0CAAmB,EACjB,MAAMhC,QAAQ,CAACY,KAAK,EACpB,CAACqB,IAAI,EAAEC,QAAQ,KAAK;IAClB,IAAID,IAAI,KAAK,CAAC,CAAC,IAAIA,IAAI,KAAKC,QAAQ,IAAI7C,gBAAgB,EAAE;MACxD,IAAA8C,8BAAO,EAAC9C,gBAAgB,CAAC,CAAC4C,IAAI,CAAC;IACjC;EACF,CAAC,EACD,CAACjC,QAAQ,CACX,CAAC;EAED,oBACEnD,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAACnF,0BAAA,CAAAoF,eAAe;IAACC,OAAO,EAAEtB;EAAiB,gBACzCnE,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAAClF,sBAAA,CAAAiB,OAAQ,CAACoE,IAAI;IAACC,KAAK,EAAEC,uBAAU,CAACC;EAAa,gBAC5C7F,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAAClF,sBAAA,CAAAiB,OAAQ,CAACoE,IAAI,EAAA3D,QAAA;IACZ4D,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAEZ,QAAQ;EAAE,GACvCtC,sBAAsB,gBAE1B3C,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAAC9E,KAAA,CAAAqF,oBAAoB,EAAA/D,QAAA;IAACQ,KAAK,EAAEA,KAAM;IAACqB,CAAC,EAAE,CAAE;IAACC,CAAC,EAAEd;EAAO,GAAKH,SAAS,CAAG,CACxD,CAAC,eAChB5C,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAAClF,sBAAA,CAAAiB,OAAQ,CAACoE,IAAI,EAAA3D,QAAA;IACZ4D,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAEhB,UAAU;EAAE,GACzCnC,wBAAwB,gBAE5B1C,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAAC9E,KAAA,CAAAqF,oBAAoB,EAAA/D,QAAA;IAACQ,KAAK,EAAEA,KAAM;IAACqB,CAAC,EAAEd,KAAM;IAACe,CAAC,EAAE;EAAE,GAAKjB,SAAS,CAAG,CAAC,eACrE5C,MAAA,CAAAsB,OAAA,CAAAiE,aAAA,CAAC5E,iBAAA,CAAAoF,uCAAuC,CAACC,QAAQ;IAC/CjC,KAAK,EAAE;MAAEkC,QAAQ,EAAEzC;IAAgB;EAAE,GAEpCf,QAC+C,CACrC,CACF,CACA,CAAC;AAEtB","ignoreList":[]}
|
|
@@ -1,69 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
value: true
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.CandlestickChartCrosshairTooltip = CandlestickChartCrosshairTooltip;
|
|
7
7
|
exports.CandlestickChartCrosshairTooltipContext = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require(
|
|
9
|
-
var _reactNative = require(
|
|
10
|
-
var _reactNativeReanimated = _interopRequireWildcard(
|
|
11
|
-
|
|
12
|
-
);
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var o,
|
|
23
|
-
i,
|
|
24
|
-
f = { __proto__: null, default: e };
|
|
25
|
-
if (null === e || ('object' != typeof e && 'function' != typeof e))
|
|
26
|
-
return f;
|
|
27
|
-
if ((o = t ? n : r)) {
|
|
28
|
-
if (o.has(e)) return o.get(e);
|
|
29
|
-
o.set(e, f);
|
|
30
|
-
}
|
|
31
|
-
for (const t in e)
|
|
32
|
-
'default' !== t &&
|
|
33
|
-
{}.hasOwnProperty.call(e, t) &&
|
|
34
|
-
((i =
|
|
35
|
-
(o = Object.defineProperty) &&
|
|
36
|
-
Object.getOwnPropertyDescriptor(e, t)) &&
|
|
37
|
-
(i.get || i.set)
|
|
38
|
-
? o(f, t, i)
|
|
39
|
-
: (f[t] = e[t]));
|
|
40
|
-
return f;
|
|
41
|
-
})(e, t);
|
|
42
|
-
}
|
|
43
|
-
function _interopRequireDefault(e) {
|
|
44
|
-
return e && e.__esModule ? e : { default: e };
|
|
45
|
-
}
|
|
46
|
-
function _extends() {
|
|
47
|
-
return (
|
|
48
|
-
(_extends = Object.assign
|
|
49
|
-
? Object.assign.bind()
|
|
50
|
-
: function (n) {
|
|
51
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
52
|
-
var t = arguments[e];
|
|
53
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
54
|
-
}
|
|
55
|
-
return n;
|
|
56
|
-
}),
|
|
57
|
-
_extends.apply(null, arguments)
|
|
58
|
-
);
|
|
59
|
-
}
|
|
60
|
-
const CandlestickChartCrosshairTooltipContext =
|
|
61
|
-
(exports.CandlestickChartCrosshairTooltipContext =
|
|
62
|
-
/*#__PURE__*/ _react.default.createContext({
|
|
63
|
-
position: {
|
|
64
|
-
value: 'left',
|
|
65
|
-
},
|
|
66
|
-
}));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _Chart = require("./Chart");
|
|
12
|
+
var _useCandlestickChart = require("./useCandlestickChart");
|
|
13
|
+
var _PriceText = require("./PriceText");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
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); }
|
|
17
|
+
const CandlestickChartCrosshairTooltipContext = exports.CandlestickChartCrosshairTooltipContext = /*#__PURE__*/_react.default.createContext({
|
|
18
|
+
position: {
|
|
19
|
+
value: 'left'
|
|
20
|
+
}
|
|
21
|
+
});
|
|
67
22
|
function CandlestickChartCrosshairTooltip({
|
|
68
23
|
children,
|
|
69
24
|
xGutter = 8,
|
|
@@ -72,22 +27,22 @@ function CandlestickChartCrosshairTooltip({
|
|
|
72
27
|
textStyle,
|
|
73
28
|
...props
|
|
74
29
|
}) {
|
|
75
|
-
const {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
const {
|
|
80
|
-
|
|
81
|
-
);
|
|
30
|
+
const {
|
|
31
|
+
width,
|
|
32
|
+
height
|
|
33
|
+
} = _react.default.useContext(_Chart.CandlestickChartDimensionsContext);
|
|
34
|
+
const {
|
|
35
|
+
currentY
|
|
36
|
+
} = (0, _useCandlestickChart.useCandlestickChart)();
|
|
37
|
+
const {
|
|
38
|
+
position
|
|
39
|
+
} = _react.default.useContext(CandlestickChartCrosshairTooltipContext);
|
|
82
40
|
const elementHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
83
41
|
const elementWidth = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
84
|
-
const handleLayout = _react.default.useCallback(
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
},
|
|
89
|
-
[elementHeight, elementWidth]
|
|
90
|
-
);
|
|
42
|
+
const handleLayout = _react.default.useCallback(event => {
|
|
43
|
+
elementHeight.value = event.nativeEvent.layout.height;
|
|
44
|
+
elementWidth.value = event.nativeEvent.layout.width;
|
|
45
|
+
}, [elementHeight, elementWidth]);
|
|
91
46
|
const topOffset = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
92
47
|
let offset = 0;
|
|
93
48
|
if (currentY.value < elementHeight.value / 2 + yGutter) {
|
|
@@ -97,71 +52,37 @@ function CandlestickChartCrosshairTooltip({
|
|
|
97
52
|
}
|
|
98
53
|
return offset;
|
|
99
54
|
}, [currentY, elementHeight, height, yGutter]);
|
|
100
|
-
const tooltip = (0, _reactNativeReanimated.useAnimatedStyle)(
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
[
|
|
124
|
-
)
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
null,
|
|
128
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
129
|
-
_reactNativeReanimated.default.View,
|
|
130
|
-
_extends(
|
|
131
|
-
{
|
|
132
|
-
onLayout: handleLayout,
|
|
133
|
-
},
|
|
134
|
-
props,
|
|
135
|
-
{
|
|
136
|
-
style: [tooltip, leftTooltip, props.style],
|
|
137
|
-
}
|
|
138
|
-
),
|
|
139
|
-
children ||
|
|
140
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
141
|
-
_PriceText.CandlestickChartPriceText,
|
|
142
|
-
_extends({}, tooltipTextProps, {
|
|
143
|
-
style: [styles.text, tooltipTextProps?.style, textStyle],
|
|
144
|
-
})
|
|
145
|
-
)
|
|
146
|
-
),
|
|
147
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
148
|
-
_reactNativeReanimated.default.View,
|
|
149
|
-
_extends({}, props, {
|
|
150
|
-
style: [tooltip, rightTooltip, props.style],
|
|
151
|
-
}),
|
|
152
|
-
children ||
|
|
153
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
154
|
-
_PriceText.CandlestickChartPriceText,
|
|
155
|
-
_extends({}, tooltipTextProps, {
|
|
156
|
-
style: [styles.text, tooltipTextProps?.style, textStyle],
|
|
157
|
-
})
|
|
158
|
-
)
|
|
159
|
-
)
|
|
160
|
-
);
|
|
55
|
+
const tooltip = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
56
|
+
backgroundColor: 'white',
|
|
57
|
+
position: 'absolute',
|
|
58
|
+
display: 'flex',
|
|
59
|
+
padding: 4
|
|
60
|
+
}), []);
|
|
61
|
+
const leftTooltip = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
62
|
+
left: xGutter,
|
|
63
|
+
top: -(elementHeight.value / 2) - topOffset.value,
|
|
64
|
+
opacity: position.value === 'left' ? 1 : 0
|
|
65
|
+
}), [elementHeight, position, topOffset, xGutter]);
|
|
66
|
+
const rightTooltip = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
67
|
+
left: width - elementWidth.value - xGutter,
|
|
68
|
+
top: -(elementHeight.value / 2) - topOffset.value,
|
|
69
|
+
opacity: position.value === 'right' ? 1 : 0
|
|
70
|
+
}), [elementHeight, elementWidth, position, topOffset, width, xGutter]);
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({
|
|
72
|
+
onLayout: handleLayout
|
|
73
|
+
}, props, {
|
|
74
|
+
style: [tooltip, leftTooltip, props.style]
|
|
75
|
+
}), children || /*#__PURE__*/_react.default.createElement(_PriceText.CandlestickChartPriceText, _extends({}, tooltipTextProps, {
|
|
76
|
+
style: [styles.text, tooltipTextProps?.style, textStyle]
|
|
77
|
+
}))), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({}, props, {
|
|
78
|
+
style: [tooltip, rightTooltip, props.style]
|
|
79
|
+
}), children || /*#__PURE__*/_react.default.createElement(_PriceText.CandlestickChartPriceText, _extends({}, tooltipTextProps, {
|
|
80
|
+
style: [styles.text, tooltipTextProps?.style, textStyle]
|
|
81
|
+
}))));
|
|
161
82
|
}
|
|
162
83
|
const styles = _reactNative.StyleSheet.create({
|
|
163
84
|
text: {
|
|
164
|
-
fontSize: 14
|
|
165
|
-
}
|
|
85
|
+
fontSize: 14
|
|
86
|
+
}
|
|
166
87
|
});
|
|
167
|
-
//# sourceMappingURL=CrosshairTooltip.js.map
|
|
88
|
+
//# sourceMappingURL=CrosshairTooltip.js.map
|
|
@@ -1,33 +1,28 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
4
|
-
value: true
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.CandlestickChartDatetimeText = CandlestickChartDatetimeText;
|
|
7
|
-
var _react = _interopRequireDefault(require(
|
|
8
|
-
var _useDatetime = require(
|
|
9
|
-
var _AnimatedText = require(
|
|
10
|
-
function _interopRequireDefault(e) {
|
|
11
|
-
return e && e.__esModule ? e : { default: e };
|
|
12
|
-
}
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _useDatetime = require("./useDatetime");
|
|
9
|
+
var _AnimatedText = require("../../components/AnimatedText");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
11
|
function CandlestickChartDatetimeText({
|
|
14
12
|
locale,
|
|
15
13
|
options,
|
|
16
14
|
format,
|
|
17
15
|
variant = 'formatted',
|
|
18
|
-
style
|
|
16
|
+
style
|
|
19
17
|
}) {
|
|
20
18
|
const datetime = (0, _useDatetime.useCandlestickChartDatetime)({
|
|
21
19
|
format,
|
|
22
20
|
locale,
|
|
23
|
-
options
|
|
21
|
+
options
|
|
22
|
+
});
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_AnimatedText.AnimatedText, {
|
|
24
|
+
text: datetime[variant],
|
|
25
|
+
style: style
|
|
24
26
|
});
|
|
25
|
-
return /*#__PURE__*/ _react.default.createElement(
|
|
26
|
-
_AnimatedText.AnimatedText,
|
|
27
|
-
{
|
|
28
|
-
text: datetime[variant],
|
|
29
|
-
style: style,
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
27
|
}
|
|
33
|
-
//# sourceMappingURL=DatetimeText.js.map
|
|
28
|
+
//# sourceMappingURL=DatetimeText.js.map
|