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,65 +1,22 @@
|
|
|
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.LineChartCursorLine = LineChartCursorLine;
|
|
7
|
-
var _react = _interopRequireDefault(require(
|
|
8
|
-
var _reactNative = require(
|
|
9
|
-
var _reactNativeReanimated = _interopRequireWildcard(
|
|
10
|
-
|
|
11
|
-
);
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
function
|
|
20
|
-
if ('function' == typeof WeakMap)
|
|
21
|
-
var r = new WeakMap(),
|
|
22
|
-
n = new WeakMap();
|
|
23
|
-
return (_interopRequireWildcard = function (e, t) {
|
|
24
|
-
if (!t && e && e.__esModule) return e;
|
|
25
|
-
var o,
|
|
26
|
-
i,
|
|
27
|
-
f = { __proto__: null, default: e };
|
|
28
|
-
if (null === e || ('object' != typeof e && 'function' != typeof e))
|
|
29
|
-
return f;
|
|
30
|
-
if ((o = t ? n : r)) {
|
|
31
|
-
if (o.has(e)) return o.get(e);
|
|
32
|
-
o.set(e, f);
|
|
33
|
-
}
|
|
34
|
-
for (const t in e)
|
|
35
|
-
'default' !== t &&
|
|
36
|
-
{}.hasOwnProperty.call(e, t) &&
|
|
37
|
-
((i =
|
|
38
|
-
(o = Object.defineProperty) &&
|
|
39
|
-
Object.getOwnPropertyDescriptor(e, t)) &&
|
|
40
|
-
(i.get || i.set)
|
|
41
|
-
? o(f, t, i)
|
|
42
|
-
: (f[t] = e[t]));
|
|
43
|
-
return f;
|
|
44
|
-
})(e, t);
|
|
45
|
-
}
|
|
46
|
-
function _interopRequireDefault(e) {
|
|
47
|
-
return e && e.__esModule ? e : { default: e };
|
|
48
|
-
}
|
|
49
|
-
function _extends() {
|
|
50
|
-
return (
|
|
51
|
-
(_extends = Object.assign
|
|
52
|
-
? Object.assign.bind()
|
|
53
|
-
: function (n) {
|
|
54
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
55
|
-
var t = arguments[e];
|
|
56
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
57
|
-
}
|
|
58
|
-
return n;
|
|
59
|
-
}),
|
|
60
|
-
_extends.apply(null, arguments)
|
|
61
|
-
);
|
|
62
|
-
}
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
11
|
+
var _AnimatedText = require("../../components/AnimatedText");
|
|
12
|
+
var _Chart = require("./Chart");
|
|
13
|
+
var _Cursor = require("./Cursor");
|
|
14
|
+
var _useDatetime = require("./useDatetime");
|
|
15
|
+
var _useLineChart = require("./useLineChart");
|
|
16
|
+
var _usePrice = require("./usePrice");
|
|
17
|
+
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); }
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
|
+
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); }
|
|
63
20
|
LineChartCursorLine.displayName = 'LineChartCursorLine';
|
|
64
21
|
const TEXT_CONSTANTS = {
|
|
65
22
|
DEFAULT_COLOR: '#1A1E27',
|
|
@@ -67,18 +24,16 @@ const TEXT_CONSTANTS = {
|
|
|
67
24
|
CHAR_WIDTH_RATIO: 0.6,
|
|
68
25
|
MIN_WIDTH: 25,
|
|
69
26
|
MAX_WIDTH: 150,
|
|
70
|
-
INPUT_PADDING: 4
|
|
27
|
+
INPUT_PADDING: 4
|
|
71
28
|
};
|
|
72
29
|
const SPACING = {
|
|
73
30
|
VERTICAL_TEXT_OFFSET: 40,
|
|
74
31
|
HORIZONTAL_TEXT_MARGIN: 8,
|
|
75
32
|
HORIZONTAL_RIGHT_MARGIN: 16,
|
|
76
33
|
BASE_LINE_GAP: 8,
|
|
77
|
-
X_AXIS_LABEL_RESERVED_HEIGHT: 40
|
|
34
|
+
X_AXIS_LABEL_RESERVED_HEIGHT: 40 // Reserved space at bottom for x-axis labels
|
|
78
35
|
};
|
|
79
|
-
const AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(
|
|
80
|
-
_reactNativeSvg.Line
|
|
81
|
-
);
|
|
36
|
+
const AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Line);
|
|
82
37
|
function LineChartCursorLine({
|
|
83
38
|
children,
|
|
84
39
|
color = 'gray',
|
|
@@ -88,16 +43,21 @@ function LineChartCursorLine({
|
|
|
88
43
|
...cursorProps
|
|
89
44
|
}) {
|
|
90
45
|
const isHorizontal = cursorProps?.orientation === 'horizontal';
|
|
91
|
-
const {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
46
|
+
const {
|
|
47
|
+
height,
|
|
48
|
+
width
|
|
49
|
+
} = _react.default.useContext(_Chart.LineChartDimensionsContext);
|
|
50
|
+
const {
|
|
51
|
+
currentX,
|
|
52
|
+
currentY,
|
|
53
|
+
isActive
|
|
54
|
+
} = (0, _useLineChart.useLineChart)();
|
|
95
55
|
const price = (0, _usePrice.useLineChartPrice)({
|
|
96
56
|
format: isHorizontal ? format : undefined,
|
|
97
|
-
precision: 2
|
|
57
|
+
precision: 2
|
|
98
58
|
});
|
|
99
59
|
const datetime = (0, _useDatetime.useLineChartDatetime)({
|
|
100
|
-
format: !isHorizontal ? format : undefined
|
|
60
|
+
format: !isHorizontal ? format : undefined
|
|
101
61
|
});
|
|
102
62
|
const displayText = isHorizontal ? price.formatted : datetime.formatted;
|
|
103
63
|
const calculateTextWidth = (text, fontSize) => {
|
|
@@ -105,10 +65,7 @@ function LineChartCursorLine({
|
|
|
105
65
|
|
|
106
66
|
const charWidth = fontSize * TEXT_CONSTANTS.CHAR_WIDTH_RATIO;
|
|
107
67
|
const calculatedWidth = text.length * charWidth;
|
|
108
|
-
return Math.max(
|
|
109
|
-
TEXT_CONSTANTS.MIN_WIDTH,
|
|
110
|
-
Math.min(TEXT_CONSTANTS.MAX_WIDTH, calculatedWidth)
|
|
111
|
-
);
|
|
68
|
+
return Math.max(TEXT_CONSTANTS.MIN_WIDTH, Math.min(TEXT_CONSTANTS.MAX_WIDTH, calculatedWidth));
|
|
112
69
|
};
|
|
113
70
|
const textWidth = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
114
71
|
const text = displayText.value;
|
|
@@ -120,13 +77,7 @@ function LineChartCursorLine({
|
|
|
120
77
|
if (!isHorizontal) return 0;
|
|
121
78
|
const fontSize = textStyle?.fontSize || TEXT_CONSTANTS.DEFAULT_FONT_SIZE;
|
|
122
79
|
const gap = Math.max(SPACING.BASE_LINE_GAP, fontSize * 0.5);
|
|
123
|
-
return
|
|
124
|
-
width -
|
|
125
|
-
textWidth.value -
|
|
126
|
-
gap -
|
|
127
|
-
TEXT_CONSTANTS.INPUT_PADDING -
|
|
128
|
-
SPACING.HORIZONTAL_RIGHT_MARGIN
|
|
129
|
-
);
|
|
80
|
+
return width - textWidth.value - gap - TEXT_CONSTANTS.INPUT_PADDING - SPACING.HORIZONTAL_RIGHT_MARGIN;
|
|
130
81
|
});
|
|
131
82
|
const lineEndY = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
132
83
|
if (isHorizontal) return 0;
|
|
@@ -137,19 +88,13 @@ function LineChartCursorLine({
|
|
|
137
88
|
const containerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
138
89
|
opacity: isActive.value ? 1 : 0,
|
|
139
90
|
height: '100%',
|
|
140
|
-
transform: isHorizontal
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
]
|
|
146
|
-
: [
|
|
147
|
-
{
|
|
148
|
-
translateX: currentX.value,
|
|
149
|
-
},
|
|
150
|
-
],
|
|
91
|
+
transform: isHorizontal ? [{
|
|
92
|
+
translateY: currentY.value
|
|
93
|
+
}] : [{
|
|
94
|
+
translateX: currentX.value
|
|
95
|
+
}]
|
|
151
96
|
}));
|
|
152
|
-
const calculateFontSizeAdjustment =
|
|
97
|
+
const calculateFontSizeAdjustment = fontSize => {
|
|
153
98
|
'worklet';
|
|
154
99
|
|
|
155
100
|
return Math.max(0.6, Math.min(0.8, 0.7 + (fontSize - 12) * 0.01));
|
|
@@ -163,22 +108,18 @@ function LineChartCursorLine({
|
|
|
163
108
|
fontSize,
|
|
164
109
|
lineHeight,
|
|
165
110
|
color: textStyle?.color || TEXT_CONSTANTS.DEFAULT_COLOR,
|
|
166
|
-
...textStyle
|
|
111
|
+
...textStyle
|
|
167
112
|
};
|
|
168
113
|
if (isHorizontal) {
|
|
169
114
|
const fontSizeAdjustment = calculateFontSizeAdjustment(fontSize);
|
|
170
115
|
const textCenterOffset = -(lineHeight * fontSizeAdjustment);
|
|
171
116
|
return {
|
|
172
117
|
...baseStyle,
|
|
173
|
-
left:
|
|
174
|
-
width -
|
|
175
|
-
textWidth.value -
|
|
176
|
-
SPACING.HORIZONTAL_RIGHT_MARGIN +
|
|
177
|
-
TEXT_CONSTANTS.INPUT_PADDING,
|
|
118
|
+
left: width - textWidth.value - SPACING.HORIZONTAL_RIGHT_MARGIN + TEXT_CONSTANTS.INPUT_PADDING,
|
|
178
119
|
top: textCenterOffset,
|
|
179
120
|
textAlign: 'right',
|
|
180
121
|
paddingLeft: 0,
|
|
181
|
-
paddingRight: 0
|
|
122
|
+
paddingRight: 0
|
|
182
123
|
};
|
|
183
124
|
}
|
|
184
125
|
|
|
@@ -203,66 +144,40 @@ function LineChartCursorLine({
|
|
|
203
144
|
}
|
|
204
145
|
|
|
205
146
|
// Position label in the reserved space at the bottom
|
|
206
|
-
const labelTop =
|
|
207
|
-
height -
|
|
208
|
-
SPACING.X_AXIS_LABEL_RESERVED_HEIGHT +
|
|
209
|
-
SPACING.HORIZONTAL_TEXT_MARGIN;
|
|
147
|
+
const labelTop = height - SPACING.X_AXIS_LABEL_RESERVED_HEIGHT + SPACING.HORIZONTAL_TEXT_MARGIN;
|
|
210
148
|
return {
|
|
211
149
|
...baseStyle,
|
|
212
150
|
left: labelLeft,
|
|
213
151
|
top: labelTop,
|
|
214
|
-
textAlign: 'center'
|
|
152
|
+
textAlign: 'center'
|
|
215
153
|
};
|
|
216
154
|
});
|
|
217
|
-
const lineAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
)
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
{
|
|
239
|
-
style: styles.svg,
|
|
240
|
-
},
|
|
241
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
242
|
-
AnimatedLine,
|
|
243
|
-
_extends(
|
|
244
|
-
{
|
|
245
|
-
animatedProps: lineAnimatedProps,
|
|
246
|
-
strokeWidth: 2,
|
|
247
|
-
stroke: color,
|
|
248
|
-
strokeDasharray: '3 3',
|
|
249
|
-
},
|
|
250
|
-
lineProps
|
|
251
|
-
)
|
|
252
|
-
)
|
|
253
|
-
),
|
|
254
|
-
/*#__PURE__*/ _react.default.createElement(_AnimatedText.AnimatedText, {
|
|
255
|
-
text: displayText,
|
|
256
|
-
style: textPositionStyle,
|
|
257
|
-
})
|
|
258
|
-
),
|
|
259
|
-
children
|
|
260
|
-
);
|
|
155
|
+
const lineAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
156
|
+
x1: 0,
|
|
157
|
+
y1: 0,
|
|
158
|
+
x2: lineEndX.value,
|
|
159
|
+
y2: lineEndY.value
|
|
160
|
+
}), [lineEndX, lineEndY]);
|
|
161
|
+
return /*#__PURE__*/_react.default.createElement(_Cursor.LineChartCursor, _extends({}, cursorProps, {
|
|
162
|
+
type: "line"
|
|
163
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
164
|
+
style: containerStyle
|
|
165
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, {
|
|
166
|
+
style: styles.svg
|
|
167
|
+
}, /*#__PURE__*/_react.default.createElement(AnimatedLine, _extends({
|
|
168
|
+
animatedProps: lineAnimatedProps,
|
|
169
|
+
strokeWidth: 2,
|
|
170
|
+
stroke: color,
|
|
171
|
+
strokeDasharray: "3 3"
|
|
172
|
+
}, lineProps))), /*#__PURE__*/_react.default.createElement(_AnimatedText.AnimatedText, {
|
|
173
|
+
text: displayText,
|
|
174
|
+
style: textPositionStyle
|
|
175
|
+
})), children);
|
|
261
176
|
}
|
|
262
177
|
const styles = _reactNative.StyleSheet.create({
|
|
263
178
|
svg: {
|
|
264
179
|
..._reactNative.StyleSheet.absoluteFillObject,
|
|
265
|
-
height: '100%'
|
|
266
|
-
}
|
|
180
|
+
height: '100%'
|
|
181
|
+
}
|
|
267
182
|
});
|
|
268
|
-
//# sourceMappingURL=CursorLine.js.map
|
|
183
|
+
//# sourceMappingURL=CursorLine.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_AnimatedText","_Chart","_Cursor","_useDatetime","_useLineChart","_usePrice","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","LineChartCursorLine","displayName","TEXT_CONSTANTS","DEFAULT_COLOR","DEFAULT_FONT_SIZE","CHAR_WIDTH_RATIO","MIN_WIDTH","MAX_WIDTH","INPUT_PADDING","SPACING","VERTICAL_TEXT_OFFSET","HORIZONTAL_TEXT_MARGIN","HORIZONTAL_RIGHT_MARGIN","BASE_LINE_GAP","X_AXIS_LABEL_RESERVED_HEIGHT","AnimatedLine","Animated","createAnimatedComponent","SVGLine","children","color","lineProps","format","textStyle","cursorProps","isHorizontal","orientation","height","width","React","useContext","LineChartDimensionsContext","currentX","currentY","isActive","useLineChart","price","useLineChartPrice","undefined","precision","datetime","useLineChartDatetime","displayText","formatted","calculateTextWidth","text","fontSize","charWidth","calculatedWidth","Math","max","min","textWidth","useDerivedValue","value","lineEndX","gap","lineEndY","containerStyle","useAnimatedStyle","opacity","transform","translateY","translateX","calculateFontSizeAdjustment","textPositionStyle","lineHeight","baseStyle","position","fontSizeAdjustment","textCenterOffset","left","top","textAlign","paddingLeft","paddingRight","halfTextWidth","containerX","labelLeft","labelTop","lineAnimatedProps","useAnimatedProps","x1","y1","x2","y2","createElement","LineChartCursor","type","View","style","styles","svg","animatedProps","strokeWidth","stroke","strokeDasharray","AnimatedText","StyleSheet","create","absoluteFillObject"],"sourceRoot":"../../../../src","sources":["charts/line/CursorLine.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,uBAAA,CAAAH,OAAA;AAKA,IAAAI,eAAA,GAAAD,uBAAA,CAAAH,OAAA;AAGA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AAA+C,SAAAG,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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,SAAAb,uBAAAY,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;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_AnimatedText","_Chart","_Cursor","_useDatetime","_useLineChart","_usePrice","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","LineChartCursorLine","displayName","TEXT_CONSTANTS","DEFAULT_COLOR","DEFAULT_FONT_SIZE","CHAR_WIDTH_RATIO","MIN_WIDTH","MAX_WIDTH","INPUT_PADDING","SPACING","VERTICAL_TEXT_OFFSET","HORIZONTAL_TEXT_MARGIN","HORIZONTAL_RIGHT_MARGIN","BASE_LINE_GAP","X_AXIS_LABEL_RESERVED_HEIGHT","AnimatedLine","Animated","createAnimatedComponent","SVGLine","children","color","lineProps","format","textStyle","cursorProps","isHorizontal","orientation","height","width","React","useContext","LineChartDimensionsContext","currentX","currentY","isActive","useLineChart","price","useLineChartPrice","undefined","precision","datetime","useLineChartDatetime","displayText","formatted","calculateTextWidth","text","fontSize","charWidth","calculatedWidth","Math","max","min","textWidth","useDerivedValue","value","lineEndX","gap","lineEndY","containerStyle","useAnimatedStyle","opacity","transform","translateY","translateX","calculateFontSizeAdjustment","textPositionStyle","lineHeight","baseStyle","position","fontSizeAdjustment","textCenterOffset","left","top","textAlign","paddingLeft","paddingRight","halfTextWidth","containerX","labelLeft","labelTop","lineAnimatedProps","useAnimatedProps","x1","y1","x2","y2","createElement","LineChartCursor","type","View","style","styles","svg","animatedProps","strokeWidth","stroke","strokeDasharray","AnimatedText","StyleSheet","create","absoluteFillObject"],"sourceRoot":"../../../../src","sources":["charts/line/CursorLine.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,97 +1,62 @@
|
|
|
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.DefaultLineChartId = void 0;
|
|
7
7
|
exports.LineChartDataProvider = LineChartDataProvider;
|
|
8
8
|
exports.LineChartIdProvider = LineChartIdProvider;
|
|
9
9
|
exports.useLineChartData = useLineChartData;
|
|
10
10
|
exports.useLineChartId = void 0;
|
|
11
|
-
var _react = _interopRequireWildcard(require(
|
|
12
|
-
function _interopRequireWildcard(e, t) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return (_interopRequireWildcard = function (e, t) {
|
|
17
|
-
if (!t && e && e.__esModule) return e;
|
|
18
|
-
var o,
|
|
19
|
-
i,
|
|
20
|
-
f = { __proto__: null, default: e };
|
|
21
|
-
if (null === e || ('object' != typeof e && 'function' != typeof e))
|
|
22
|
-
return f;
|
|
23
|
-
if ((o = t ? n : r)) {
|
|
24
|
-
if (o.has(e)) return o.get(e);
|
|
25
|
-
o.set(e, f);
|
|
26
|
-
}
|
|
27
|
-
for (const t in e)
|
|
28
|
-
'default' !== t &&
|
|
29
|
-
{}.hasOwnProperty.call(e, t) &&
|
|
30
|
-
((i =
|
|
31
|
-
(o = Object.defineProperty) &&
|
|
32
|
-
Object.getOwnPropertyDescriptor(e, t)) &&
|
|
33
|
-
(i.get || i.set)
|
|
34
|
-
? o(f, t, i)
|
|
35
|
-
: (f[t] = e[t]));
|
|
36
|
-
return f;
|
|
37
|
-
})(e, t);
|
|
38
|
-
}
|
|
39
|
-
const DefaultLineChartId = (exports.DefaultLineChartId = '__LineChartData');
|
|
40
|
-
const LineChartDataContext = /*#__PURE__*/ (0, _react.createContext)({
|
|
41
|
-
[DefaultLineChartId]: [],
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
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); }
|
|
13
|
+
const DefaultLineChartId = exports.DefaultLineChartId = '__LineChartData';
|
|
14
|
+
const LineChartDataContext = /*#__PURE__*/(0, _react.createContext)({
|
|
15
|
+
[DefaultLineChartId]: []
|
|
42
16
|
});
|
|
43
|
-
function LineChartDataProvider({
|
|
17
|
+
function LineChartDataProvider({
|
|
18
|
+
children,
|
|
19
|
+
data
|
|
20
|
+
}) {
|
|
44
21
|
const contextValue = (0, _react.useMemo)(() => {
|
|
45
22
|
if (Array.isArray(data)) {
|
|
46
23
|
return {
|
|
47
|
-
[DefaultLineChartId]: data
|
|
24
|
+
[DefaultLineChartId]: data
|
|
48
25
|
};
|
|
49
26
|
}
|
|
50
27
|
return data;
|
|
51
28
|
}, [data]);
|
|
52
|
-
return /*#__PURE__*/
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
value: contextValue,
|
|
56
|
-
},
|
|
57
|
-
children
|
|
58
|
-
);
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement(LineChartDataContext.Provider, {
|
|
30
|
+
value: contextValue
|
|
31
|
+
}, children);
|
|
59
32
|
}
|
|
60
|
-
const LineChartIdContext = /*#__PURE__*/
|
|
61
|
-
function LineChartIdProvider({
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
);
|
|
33
|
+
const LineChartIdContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
34
|
+
function LineChartIdProvider({
|
|
35
|
+
id,
|
|
36
|
+
children
|
|
37
|
+
}) {
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement(LineChartIdContext.Provider, {
|
|
39
|
+
value: id
|
|
40
|
+
}, children);
|
|
69
41
|
}
|
|
70
42
|
const useLineChartId = () => (0, _react.useContext)(LineChartIdContext);
|
|
71
43
|
exports.useLineChartId = useLineChartId;
|
|
72
|
-
function useLineChartData({
|
|
44
|
+
function useLineChartData({
|
|
45
|
+
id
|
|
46
|
+
}) {
|
|
73
47
|
const dataContext = (0, _react.useContext)(LineChartDataContext);
|
|
74
48
|
validateLineChartId(dataContext, id);
|
|
75
49
|
const data = dataContext[id || DefaultLineChartId];
|
|
76
|
-
return (0, _react.useMemo)(
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}),
|
|
80
|
-
[data]
|
|
81
|
-
);
|
|
50
|
+
return (0, _react.useMemo)(() => ({
|
|
51
|
+
data
|
|
52
|
+
}), [data]);
|
|
82
53
|
}
|
|
83
54
|
function validateLineChartId(dataContext, id) {
|
|
84
55
|
if (id != null && !dataContext[id]) {
|
|
85
|
-
const otherIds = Object.keys(dataContext).filter(
|
|
86
|
-
(otherId) => otherId !== DefaultLineChartId
|
|
87
|
-
);
|
|
56
|
+
const otherIds = Object.keys(dataContext).filter(otherId => otherId !== DefaultLineChartId);
|
|
88
57
|
const singular = otherIds.length <= 1;
|
|
89
58
|
const joinedIds = otherIds.join(', ');
|
|
90
|
-
const suggestion = otherIds.length
|
|
91
|
-
? `Did you mean to use ${
|
|
92
|
-
singular ? 'this ID' : 'one of these IDs'
|
|
93
|
-
}: ${joinedIds}`
|
|
94
|
-
: `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
|
|
59
|
+
const suggestion = otherIds.length ? `Did you mean to use ${singular ? 'this ID' : 'one of these IDs'}: ${joinedIds}` : `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
|
|
95
60
|
console.warn(`[react-native-wagmi-charts] Invalid usage of "id" prop on LineChart. You passed id="${id}", but this ID does not exist in your <LineChart.Provider />'s "data" prop.
|
|
96
61
|
|
|
97
62
|
${suggestion}`);
|
|
@@ -99,15 +64,11 @@ ${suggestion}`);
|
|
|
99
64
|
const otherIds = Object.keys(dataContext);
|
|
100
65
|
const singular = otherIds.length <= 1;
|
|
101
66
|
const joinedIds = otherIds.join(', ');
|
|
102
|
-
const suggestion = otherIds.length
|
|
103
|
-
? `Did you mean to use ${
|
|
104
|
-
singular ? 'this ID' : 'one of these IDs'
|
|
105
|
-
}: ${joinedIds}`
|
|
106
|
-
: `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
|
|
67
|
+
const suggestion = otherIds.length ? `Did you mean to use ${singular ? 'this ID' : 'one of these IDs'}: ${joinedIds}` : `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
|
|
107
68
|
console.error(`[react-native-wagmi-charts] Missing data "id" prop on LineChart. You must pass an id prop to <LineChart /> when using a dictionary for your data.
|
|
108
69
|
|
|
109
70
|
${suggestion}
|
|
110
71
|
`);
|
|
111
72
|
}
|
|
112
73
|
}
|
|
113
|
-
//# sourceMappingURL=Data.js.map
|
|
74
|
+
//# sourceMappingURL=Data.js.map
|
|
@@ -1,28 +1,26 @@
|
|
|
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.LineChartDatetimeText = LineChartDatetimeText;
|
|
7
|
-
var _react = _interopRequireDefault(require(
|
|
8
|
-
var _reactNativeReanimated = require(
|
|
9
|
-
var _useDatetime = require(
|
|
10
|
-
var _AnimatedText = require(
|
|
11
|
-
function _interopRequireDefault(e) {
|
|
12
|
-
return e && e.__esModule ? e : { default: e };
|
|
13
|
-
}
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
9
|
+
var _useDatetime = require("./useDatetime");
|
|
10
|
+
var _AnimatedText = require("../../components/AnimatedText");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
12
|
LineChartDatetimeText.displayName = 'LineChartDatetimeText';
|
|
15
13
|
function LineChartDatetimeText({
|
|
16
14
|
locale,
|
|
17
15
|
options,
|
|
18
16
|
format,
|
|
19
17
|
variant = 'formatted',
|
|
20
|
-
style
|
|
18
|
+
style
|
|
21
19
|
}) {
|
|
22
20
|
const datetime = (0, _useDatetime.useLineChartDatetime)({
|
|
23
21
|
format,
|
|
24
22
|
locale,
|
|
25
|
-
options
|
|
23
|
+
options
|
|
26
24
|
});
|
|
27
25
|
const text = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
28
26
|
const value = datetime[variant].value;
|
|
@@ -31,12 +29,9 @@ function LineChartDatetimeText({
|
|
|
31
29
|
}
|
|
32
30
|
return value || '';
|
|
33
31
|
}, [datetime, variant]);
|
|
34
|
-
return /*#__PURE__*/
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
style: style,
|
|
39
|
-
}
|
|
40
|
-
);
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement(_AnimatedText.AnimatedText, {
|
|
33
|
+
text: text,
|
|
34
|
+
style: style
|
|
35
|
+
});
|
|
41
36
|
}
|
|
42
|
-
//# sourceMappingURL=DatetimeText.js.map
|
|
37
|
+
//# sourceMappingURL=DatetimeText.js.map
|