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,20 @@
|
|
|
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.LineChartHighlight = LineChartHighlight;
|
|
7
|
-
var React = _interopRequireWildcard(require(
|
|
8
|
-
var _reactNativeReanimated = _interopRequireDefault(
|
|
9
|
-
|
|
10
|
-
);
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
var
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
function _interopRequireWildcard(e, t) {
|
|
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 _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 AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(
|
|
61
|
-
_reactNativeSvg.Path
|
|
62
|
-
);
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
9
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
10
|
+
var _Chart = require("./Chart");
|
|
11
|
+
var _LineChartPathContext = require("./LineChartPathContext");
|
|
12
|
+
var _useAnimatedPath = require("./useAnimatedPath");
|
|
13
|
+
var _getXPositionForCurve = require("./utils/getXPositionForCurve");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
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); }
|
|
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 AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Path);
|
|
63
18
|
LineChartHighlight.displayName = 'LineChartHighlight';
|
|
64
19
|
function LineChartHighlight({
|
|
65
20
|
color = 'black',
|
|
@@ -70,69 +25,46 @@ function LineChartHighlight({
|
|
|
70
25
|
width: strokeWidth = 3,
|
|
71
26
|
...props
|
|
72
27
|
}) {
|
|
73
|
-
const {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
28
|
+
const {
|
|
29
|
+
path,
|
|
30
|
+
parsedPath,
|
|
31
|
+
height
|
|
32
|
+
} = React.useContext(_Chart.LineChartDimensionsContext);
|
|
33
|
+
const {
|
|
34
|
+
isTransitionEnabled,
|
|
35
|
+
isInactive: _isInactive
|
|
36
|
+
} = React.useContext(_LineChartPathContext.LineChartPathContext);
|
|
79
37
|
const isInactive = showInactiveColor && _isInactive;
|
|
80
38
|
|
|
81
39
|
////////////////////////////////////////////////
|
|
82
40
|
|
|
83
|
-
const {
|
|
41
|
+
const {
|
|
42
|
+
animatedProps
|
|
43
|
+
} = (0, _useAnimatedPath.useAnimatedPath)({
|
|
84
44
|
enabled: isTransitionEnabled,
|
|
85
|
-
path
|
|
45
|
+
path
|
|
86
46
|
});
|
|
87
47
|
|
|
88
48
|
////////////////////////////////////////////////
|
|
89
49
|
|
|
90
|
-
const clipId = React.useMemo(
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
)
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
_reactNativeSvg.ClipPath,
|
|
110
|
-
{
|
|
111
|
-
id: clipId,
|
|
112
|
-
},
|
|
113
|
-
/*#__PURE__*/ React.createElement(_reactNativeSvg.Rect, {
|
|
114
|
-
x: clipStart,
|
|
115
|
-
y: '0',
|
|
116
|
-
width: clipEnd - clipStart,
|
|
117
|
-
height: height,
|
|
118
|
-
fill: 'white',
|
|
119
|
-
})
|
|
120
|
-
)
|
|
121
|
-
),
|
|
122
|
-
/*#__PURE__*/ React.createElement(
|
|
123
|
-
AnimatedPath,
|
|
124
|
-
_extends(
|
|
125
|
-
{
|
|
126
|
-
clipPath: `url(#${clipId})`,
|
|
127
|
-
animatedProps: animatedProps,
|
|
128
|
-
fill: 'transparent',
|
|
129
|
-
stroke: isInactive ? inactiveColor || color : color,
|
|
130
|
-
strokeWidth: strokeWidth,
|
|
131
|
-
strokeOpacity: isInactive && !inactiveColor ? 0.5 : 1,
|
|
132
|
-
},
|
|
133
|
-
props
|
|
134
|
-
)
|
|
135
|
-
)
|
|
136
|
-
);
|
|
50
|
+
const clipId = React.useMemo(() => `clip-${Math.random().toString(36).substring(2, 11)}`, []);
|
|
51
|
+
const clipStart = (0, _getXPositionForCurve.getXPositionForCurve)(parsedPath, from);
|
|
52
|
+
const clipEnd = (0, _getXPositionForCurve.getXPositionForCurve)(parsedPath, to);
|
|
53
|
+
return /*#__PURE__*/React.createElement(_reactNativeSvg.G, null, /*#__PURE__*/React.createElement(_reactNativeSvg.Defs, null, /*#__PURE__*/React.createElement(_reactNativeSvg.ClipPath, {
|
|
54
|
+
id: clipId
|
|
55
|
+
}, /*#__PURE__*/React.createElement(_reactNativeSvg.Rect, {
|
|
56
|
+
x: clipStart,
|
|
57
|
+
y: "0",
|
|
58
|
+
width: clipEnd - clipStart,
|
|
59
|
+
height: height,
|
|
60
|
+
fill: "white"
|
|
61
|
+
}))), /*#__PURE__*/React.createElement(AnimatedPath, _extends({
|
|
62
|
+
clipPath: `url(#${clipId})`,
|
|
63
|
+
animatedProps: animatedProps,
|
|
64
|
+
fill: "transparent",
|
|
65
|
+
stroke: isInactive ? inactiveColor || color : color,
|
|
66
|
+
strokeWidth: strokeWidth,
|
|
67
|
+
strokeOpacity: isInactive && !inactiveColor ? 0.5 : 1
|
|
68
|
+
}, props)));
|
|
137
69
|
}
|
|
138
|
-
//# sourceMappingURL=Highlight.js.map
|
|
70
|
+
//# sourceMappingURL=Highlight.js.map
|
|
@@ -1,86 +1,42 @@
|
|
|
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.LineChartHorizontalLine = LineChartHorizontalLine;
|
|
7
|
-
var _reactNativeReanimated = _interopRequireWildcard(
|
|
8
|
-
|
|
9
|
-
);
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
var
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
function _interopRequireWildcard(e, t) {
|
|
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 _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 AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(
|
|
61
|
-
_reactNativeSvg.Line
|
|
62
|
-
);
|
|
7
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
8
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
9
|
+
var _Chart = require("./Chart");
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _getXPositionForCurve = require("./utils/getXPositionForCurve");
|
|
12
|
+
var _reactNativeRedash = require("react-native-redash");
|
|
13
|
+
var _useLineChart = require("./useLineChart");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
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); }
|
|
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 AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Line);
|
|
63
18
|
LineChartHorizontalLine.displayName = 'LineChartHorizontalLine';
|
|
64
19
|
function LineChartHorizontalLine({
|
|
65
20
|
color = 'gray',
|
|
66
21
|
lineProps = {},
|
|
67
22
|
at = {
|
|
68
|
-
index: 0
|
|
23
|
+
index: 0
|
|
69
24
|
},
|
|
70
|
-
offsetY = 0
|
|
25
|
+
offsetY = 0
|
|
71
26
|
}) {
|
|
72
|
-
const {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
27
|
+
const {
|
|
28
|
+
width,
|
|
29
|
+
parsedPath,
|
|
30
|
+
height,
|
|
31
|
+
gutter
|
|
32
|
+
} = _react.default.useContext(_Chart.LineChartDimensionsContext);
|
|
33
|
+
const {
|
|
34
|
+
yDomain
|
|
35
|
+
} = (0, _useLineChart.useLineChart)();
|
|
76
36
|
const y = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
77
37
|
if (typeof at === 'number' || at.index != null) {
|
|
78
38
|
const index = typeof at === 'number' ? at : at.index;
|
|
79
|
-
const yForX =
|
|
80
|
-
(0, _reactNativeRedash.getYForX)(
|
|
81
|
-
parsedPath,
|
|
82
|
-
(0, _getXPositionForCurve.getXPositionForCurve)(parsedPath, index)
|
|
83
|
-
) || 0;
|
|
39
|
+
const yForX = (0, _reactNativeRedash.getYForX)(parsedPath, (0, _getXPositionForCurve.getXPositionForCurve)(parsedPath, index)) || 0;
|
|
84
40
|
return (0, _reactNativeReanimated.withTiming)(yForX + offsetY);
|
|
85
41
|
}
|
|
86
42
|
/**
|
|
@@ -99,26 +55,17 @@ function LineChartHorizontalLine({
|
|
|
99
55
|
const offsetTopPixels = gutter + percentageOffsetTop * heightBetweenGutters;
|
|
100
56
|
return (0, _reactNativeReanimated.withTiming)(offsetTopPixels + offsetY);
|
|
101
57
|
}, [at, gutter, height, offsetY, parsedPath, yDomain.max, yDomain.min]);
|
|
102
|
-
const lineAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
{
|
|
115
|
-
animatedProps: lineAnimatedProps,
|
|
116
|
-
strokeWidth: 2,
|
|
117
|
-
stroke: color,
|
|
118
|
-
strokeDasharray: '3 3',
|
|
119
|
-
},
|
|
120
|
-
lineProps
|
|
121
|
-
)
|
|
122
|
-
);
|
|
58
|
+
const lineAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
59
|
+
x1: 0,
|
|
60
|
+
x2: width,
|
|
61
|
+
y1: y.value,
|
|
62
|
+
y2: y.value
|
|
63
|
+
}), [width, y]);
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement(AnimatedLine, _extends({
|
|
65
|
+
animatedProps: lineAnimatedProps,
|
|
66
|
+
strokeWidth: 2,
|
|
67
|
+
stroke: color,
|
|
68
|
+
strokeDasharray: "3 3"
|
|
69
|
+
}, lineProps));
|
|
123
70
|
}
|
|
124
|
-
//# sourceMappingURL=HorizontalLine.js.map
|
|
71
|
+
//# sourceMappingURL=HorizontalLine.js.map
|
|
@@ -1,14 +1,11 @@
|
|
|
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.LineChartHoverTrap = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require(
|
|
8
|
-
function _interopRequireDefault(e) {
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
const LineChartHoverTrap = () =>
|
|
12
|
-
/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null);
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
const LineChartHoverTrap = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
13
10
|
exports.LineChartHoverTrap = LineChartHoverTrap;
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,17 +1,15 @@
|
|
|
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.LineChartHoverTrap = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require(
|
|
8
|
-
var _reactNative = require(
|
|
9
|
-
var _Chart = require(
|
|
10
|
-
var _useLineChart = require(
|
|
11
|
-
var _ExecutionEnvironment = require(
|
|
12
|
-
function _interopRequireDefault(e) {
|
|
13
|
-
return e && e.__esModule ? e : { default: e };
|
|
14
|
-
}
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _Chart = require("../Chart");
|
|
10
|
+
var _useLineChart = require("../useLineChart");
|
|
11
|
+
var _ExecutionEnvironment = require("fbjs/lib/ExecutionEnvironment");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
13
|
/**
|
|
16
14
|
* Minimum time in milliseconds that must pass between touch events before a
|
|
17
15
|
* hover state is activated on web.
|
|
@@ -53,10 +51,7 @@ class HoverStateManager {
|
|
|
53
51
|
this.initialized = true;
|
|
54
52
|
}
|
|
55
53
|
enableHover = () => {
|
|
56
|
-
if (
|
|
57
|
-
this.isEnabled ||
|
|
58
|
-
Date.now() - this.lastTouchTimestamp < HOVER_THRESHOLD_MS
|
|
59
|
-
) {
|
|
54
|
+
if (this.isEnabled || Date.now() - this.lastTouchTimestamp < HOVER_THRESHOLD_MS) {
|
|
60
55
|
return;
|
|
61
56
|
}
|
|
62
57
|
this.isEnabled = true;
|
|
@@ -88,46 +83,46 @@ class HoverStateManager {
|
|
|
88
83
|
// Singleton instance
|
|
89
84
|
const hoverStateManager = new HoverStateManager();
|
|
90
85
|
const LineChartHoverTrap = () => {
|
|
91
|
-
const {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
86
|
+
const {
|
|
87
|
+
width,
|
|
88
|
+
parsedPath
|
|
89
|
+
} = _react.default.useContext(_Chart.LineChartDimensionsContext);
|
|
90
|
+
const {
|
|
91
|
+
currentX,
|
|
92
|
+
currentIndex,
|
|
93
|
+
isActive,
|
|
94
|
+
data
|
|
95
|
+
} = (0, _useLineChart.useLineChart)();
|
|
96
|
+
const onMouseMove = _react.default.useCallback(e => {
|
|
97
|
+
if (!hoverStateManager.isHoverEnabled()) {
|
|
98
|
+
isActive.value = false;
|
|
99
|
+
currentIndex.value = -1;
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
if (!parsedPath) return;
|
|
103
|
+
const rect = e.currentTarget.getBoundingClientRect();
|
|
104
|
+
const boundedX = Math.min(e.clientX - rect.left, width);
|
|
105
|
+
isActive.value = true;
|
|
106
|
+
currentX.value = boundedX;
|
|
108
107
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
);
|
|
117
|
-
currentIndex.value = boundedIndex;
|
|
118
|
-
},
|
|
119
|
-
[currentIndex, currentX, data, isActive, parsedPath, width]
|
|
120
|
-
);
|
|
108
|
+
// on Web, we could drag the cursor to be negative, breaking it
|
|
109
|
+
// so we clamp the index at 0 to fix it
|
|
110
|
+
// https://github.com/coinjar/react-native-wagmi-charts/issues/24
|
|
111
|
+
const minIndex = 0;
|
|
112
|
+
const boundedIndex = Math.max(minIndex, Math.round(boundedX / width / (1 / (data ? data.length - 1 : 1))));
|
|
113
|
+
currentIndex.value = boundedIndex;
|
|
114
|
+
}, [currentIndex, currentX, data, isActive, parsedPath, width]);
|
|
121
115
|
const onMouseLeave = _react.default.useCallback(() => {
|
|
122
116
|
isActive.value = false;
|
|
123
117
|
currentIndex.value = -1;
|
|
124
118
|
}, [currentIndex, isActive]);
|
|
125
|
-
return /*#__PURE__*/
|
|
126
|
-
style: _reactNative.StyleSheet.absoluteFill
|
|
119
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
120
|
+
style: _reactNative.StyleSheet.absoluteFill
|
|
127
121
|
// @ts-expect-error mouse move event
|
|
122
|
+
,
|
|
128
123
|
onMouseMove: onMouseMove,
|
|
129
|
-
onMouseLeave: onMouseLeave
|
|
124
|
+
onMouseLeave: onMouseLeave
|
|
130
125
|
});
|
|
131
126
|
};
|
|
132
127
|
exports.LineChartHoverTrap = LineChartHoverTrap;
|
|
133
|
-
//# sourceMappingURL=index.web.js.map
|
|
128
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -1,17 +1,14 @@
|
|
|
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.LineChartPathContext = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require(
|
|
8
|
-
function _interopRequireDefault(e) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
isTransitionEnabled: true,
|
|
16
|
-
}));
|
|
17
|
-
//# sourceMappingURL=LineChartPathContext.js.map
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
const LineChartPathContext = exports.LineChartPathContext = /*#__PURE__*/_react.default.createContext({
|
|
10
|
+
color: '',
|
|
11
|
+
isInactive: false,
|
|
12
|
+
isTransitionEnabled: true
|
|
13
|
+
});
|
|
14
|
+
//# sourceMappingURL=LineChartPathContext.js.map
|
|
@@ -1,64 +1,19 @@
|
|
|
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.LineChartPath = LineChartPath;
|
|
7
|
-
var React = _interopRequireWildcard(require(
|
|
8
|
-
var _reactNativeReanimated = _interopRequireDefault(
|
|
9
|
-
|
|
10
|
-
);
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
function _interopRequireWildcard(e, t) {
|
|
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 _extends() {
|
|
46
|
-
return (
|
|
47
|
-
(_extends = Object.assign
|
|
48
|
-
? Object.assign.bind()
|
|
49
|
-
: function (n) {
|
|
50
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
51
|
-
var t = arguments[e];
|
|
52
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
53
|
-
}
|
|
54
|
-
return n;
|
|
55
|
-
}),
|
|
56
|
-
_extends.apply(null, arguments)
|
|
57
|
-
);
|
|
58
|
-
}
|
|
59
|
-
const AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(
|
|
60
|
-
_reactNativeSvg.Path
|
|
61
|
-
);
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
9
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
10
|
+
var _Chart = require("./Chart");
|
|
11
|
+
var _LineChartPathContext = require("./LineChartPathContext");
|
|
12
|
+
var _useAnimatedPath = require("./useAnimatedPath");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
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 _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); }
|
|
16
|
+
const AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Path);
|
|
62
17
|
LineChartPath.displayName = 'LineChartPath';
|
|
63
18
|
function LineChartPath({
|
|
64
19
|
color = 'black',
|
|
@@ -66,26 +21,25 @@ function LineChartPath({
|
|
|
66
21
|
width: strokeWidth = 3,
|
|
67
22
|
...props
|
|
68
23
|
}) {
|
|
69
|
-
const {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
24
|
+
const {
|
|
25
|
+
path
|
|
26
|
+
} = React.useContext(_Chart.LineChartDimensionsContext);
|
|
27
|
+
const {
|
|
28
|
+
isTransitionEnabled,
|
|
29
|
+
isInactive
|
|
30
|
+
} = React.useContext(_LineChartPathContext.LineChartPathContext);
|
|
31
|
+
const {
|
|
32
|
+
animatedProps
|
|
33
|
+
} = (0, _useAnimatedPath.useAnimatedPath)({
|
|
74
34
|
enabled: isTransitionEnabled,
|
|
75
|
-
path
|
|
35
|
+
path
|
|
76
36
|
});
|
|
77
|
-
return /*#__PURE__*/
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
strokeOpacity: isInactive && !inactiveColor ? 0.2 : 1,
|
|
85
|
-
strokeWidth: strokeWidth,
|
|
86
|
-
},
|
|
87
|
-
props
|
|
88
|
-
)
|
|
89
|
-
);
|
|
37
|
+
return /*#__PURE__*/React.createElement(AnimatedPath, _extends({
|
|
38
|
+
animatedProps: animatedProps,
|
|
39
|
+
fill: "transparent",
|
|
40
|
+
stroke: isInactive ? inactiveColor || color : color,
|
|
41
|
+
strokeOpacity: isInactive && !inactiveColor ? 0.2 : 1,
|
|
42
|
+
strokeWidth: strokeWidth
|
|
43
|
+
}, props));
|
|
90
44
|
}
|
|
91
|
-
//# sourceMappingURL=Path.js.map
|
|
45
|
+
//# sourceMappingURL=Path.js.map
|