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.
Files changed (218) hide show
  1. package/README.md +143 -66
  2. package/lib/commonjs/charts/candle/Candle.js +92 -177
  3. package/lib/commonjs/charts/candle/Candles.js +39 -66
  4. package/lib/commonjs/charts/candle/Chart.js +26 -37
  5. package/lib/commonjs/charts/candle/Context.js +49 -69
  6. package/lib/commonjs/charts/candle/Crosshair.js +82 -183
  7. package/lib/commonjs/charts/candle/Crosshair.js.map +1 -1
  8. package/lib/commonjs/charts/candle/CrosshairTooltip.js +61 -140
  9. package/lib/commonjs/charts/candle/DatetimeText.js +14 -19
  10. package/lib/commonjs/charts/candle/Line.js +27 -73
  11. package/lib/commonjs/charts/candle/PriceText.js +14 -19
  12. package/lib/commonjs/charts/candle/index.js +64 -67
  13. package/lib/commonjs/charts/candle/types.js +4 -4
  14. package/lib/commonjs/charts/candle/useCandleData.js +12 -9
  15. package/lib/commonjs/charts/candle/useCandlestickChart.js +7 -9
  16. package/lib/commonjs/charts/candle/useDatetime.js +18 -16
  17. package/lib/commonjs/charts/candle/usePrice.js +22 -21
  18. package/lib/commonjs/charts/candle/utils/getDomain.js +9 -5
  19. package/lib/commonjs/charts/candle/utils/getDomain.js.map +1 -1
  20. package/lib/commonjs/charts/candle/utils/getHeight.js +11 -12
  21. package/lib/commonjs/charts/candle/utils/getHeight.js.map +1 -1
  22. package/lib/commonjs/charts/candle/utils/getPrice.js +11 -12
  23. package/lib/commonjs/charts/candle/utils/getPrice.js.map +1 -1
  24. package/lib/commonjs/charts/candle/utils/getY.js +11 -12
  25. package/lib/commonjs/charts/candle/utils/getY.js.map +1 -1
  26. package/lib/commonjs/charts/candle/utils/index.js +16 -16
  27. package/lib/commonjs/charts/line/Axis.js +148 -268
  28. package/lib/commonjs/charts/line/Chart.js +62 -129
  29. package/lib/commonjs/charts/line/Chart.js.map +1 -1
  30. package/lib/commonjs/charts/line/ChartPath.js +105 -285
  31. package/lib/commonjs/charts/line/Context.js +37 -95
  32. package/lib/commonjs/charts/line/Cursor.js +74 -125
  33. package/lib/commonjs/charts/line/Cursor.js.map +1 -1
  34. package/lib/commonjs/charts/line/CursorCrosshair.js +56 -134
  35. package/lib/commonjs/charts/line/CursorCrosshair.js.map +1 -1
  36. package/lib/commonjs/charts/line/CursorLine.js +67 -152
  37. package/lib/commonjs/charts/line/CursorLine.js.map +1 -1
  38. package/lib/commonjs/charts/line/Data.js +34 -73
  39. package/lib/commonjs/charts/line/DatetimeText.js +15 -20
  40. package/lib/commonjs/charts/line/Dot.js +56 -149
  41. package/lib/commonjs/charts/line/Gradient.js +53 -124
  42. package/lib/commonjs/charts/line/Group.js +23 -54
  43. package/lib/commonjs/charts/line/Group.js.map +1 -1
  44. package/lib/commonjs/charts/line/Highlight.js +47 -115
  45. package/lib/commonjs/charts/line/HorizontalLine.js +39 -92
  46. package/lib/commonjs/charts/line/HoverTrap/index.js +7 -10
  47. package/lib/commonjs/charts/line/HoverTrap/index.web.js +43 -48
  48. package/lib/commonjs/charts/line/LineChartPathContext.js +11 -14
  49. package/lib/commonjs/charts/line/Path.js +32 -78
  50. package/lib/commonjs/charts/line/PriceText.js +36 -78
  51. package/lib/commonjs/charts/line/Tooltip.js +102 -188
  52. package/lib/commonjs/charts/line/Tooltip.js.map +1 -1
  53. package/lib/commonjs/charts/line/index.js +65 -65
  54. package/lib/commonjs/charts/line/types.js +4 -4
  55. package/lib/commonjs/charts/line/useAnimatedPath.js +22 -27
  56. package/lib/commonjs/charts/line/useCurrentY.js +17 -17
  57. package/lib/commonjs/charts/line/useDatetime.js +28 -32
  58. package/lib/commonjs/charts/line/useLineChart.js +15 -20
  59. package/lib/commonjs/charts/line/usePrice.js +26 -28
  60. package/lib/commonjs/charts/line/utils/getArea.js +14 -47
  61. package/lib/commonjs/charts/line/utils/getDomain.js +8 -5
  62. package/lib/commonjs/charts/line/utils/getDomain.js.map +1 -1
  63. package/lib/commonjs/charts/line/utils/getPath.js +14 -53
  64. package/lib/commonjs/charts/line/utils/getXPositionForCurve.js +5 -8
  65. package/lib/commonjs/charts/line/utils/index.js +19 -19
  66. package/lib/commonjs/charts/line/utils/interpolatePath.js +60 -100
  67. package/lib/commonjs/charts/line/utils/lineChartDataPropToArray.js +5 -5
  68. package/lib/commonjs/components/AnimatedText.js +29 -67
  69. package/lib/commonjs/index.js +19 -19
  70. package/lib/commonjs/types.js +2 -2
  71. package/lib/commonjs/utils/formatDatetime.js +9 -5
  72. package/lib/commonjs/utils/formatPrice.js +6 -10
  73. package/lib/commonjs/utils/index.js +13 -13
  74. package/lib/commonjs/utils/usePrevious.js +6 -8
  75. package/lib/module/charts/candle/Candle.js +76 -126
  76. package/lib/module/charts/candle/Candles.js +30 -52
  77. package/lib/module/charts/candle/Chart.js +19 -22
  78. package/lib/module/charts/candle/Context.js +29 -47
  79. package/lib/module/charts/candle/Crosshair.js +69 -142
  80. package/lib/module/charts/candle/Crosshair.js.map +1 -1
  81. package/lib/module/charts/candle/CrosshairTooltip.js +51 -101
  82. package/lib/module/charts/candle/DatetimeText.js +5 -5
  83. package/lib/module/charts/candle/Line.js +19 -37
  84. package/lib/module/charts/candle/PriceText.js +5 -5
  85. package/lib/module/charts/candle/index.js +2 -2
  86. package/lib/module/charts/candle/types.js +1 -1
  87. package/lib/module/charts/candle/useCandleData.js +7 -3
  88. package/lib/module/charts/candle/useCandlestickChart.js +1 -1
  89. package/lib/module/charts/candle/useDatetime.js +12 -10
  90. package/lib/module/charts/candle/usePrice.js +14 -12
  91. package/lib/module/charts/candle/utils/getDomain.js +6 -2
  92. package/lib/module/charts/candle/utils/getDomain.js.map +1 -1
  93. package/lib/module/charts/candle/utils/getHeight.js +8 -9
  94. package/lib/module/charts/candle/utils/getHeight.js.map +1 -1
  95. package/lib/module/charts/candle/utils/getPrice.js +8 -4
  96. package/lib/module/charts/candle/utils/getPrice.js.map +1 -1
  97. package/lib/module/charts/candle/utils/getY.js +8 -4
  98. package/lib/module/charts/candle/utils/getY.js.map +1 -1
  99. package/lib/module/charts/candle/utils/index.js +1 -1
  100. package/lib/module/charts/line/Axis.js +113 -189
  101. package/lib/module/charts/line/Chart.js +40 -73
  102. package/lib/module/charts/line/Chart.js.map +1 -1
  103. package/lib/module/charts/line/ChartPath.js +90 -238
  104. package/lib/module/charts/line/Context.js +29 -61
  105. package/lib/module/charts/line/Cursor.js +61 -82
  106. package/lib/module/charts/line/Cursor.js.map +1 -1
  107. package/lib/module/charts/line/CursorCrosshair.js +47 -99
  108. package/lib/module/charts/line/CursorCrosshair.js.map +1 -1
  109. package/lib/module/charts/line/CursorLine.js +52 -107
  110. package/lib/module/charts/line/CursorLine.js.map +1 -1
  111. package/lib/module/charts/line/Data.js +28 -41
  112. package/lib/module/charts/line/DatetimeText.js +5 -5
  113. package/lib/module/charts/line/Dot.js +39 -93
  114. package/lib/module/charts/line/Gradient.js +41 -79
  115. package/lib/module/charts/line/Group.js +14 -15
  116. package/lib/module/charts/line/Group.js.map +1 -1
  117. package/lib/module/charts/line/Highlight.js +32 -61
  118. package/lib/module/charts/line/HorizontalLine.js +27 -49
  119. package/lib/module/charts/line/HoverTrap/index.js +2 -3
  120. package/lib/module/charts/line/HoverTrap/index.web.js +34 -34
  121. package/lib/module/charts/line/LineChartPathContext.js +3 -3
  122. package/lib/module/charts/line/Path.js +20 -33
  123. package/lib/module/charts/line/PriceText.js +25 -42
  124. package/lib/module/charts/line/Tooltip.js +89 -151
  125. package/lib/module/charts/line/Tooltip.js.map +1 -1
  126. package/lib/module/charts/line/index.js +2 -2
  127. package/lib/module/charts/line/types.js +1 -1
  128. package/lib/module/charts/line/useAnimatedPath.js +16 -22
  129. package/lib/module/charts/line/useCurrentY.js +9 -4
  130. package/lib/module/charts/line/useDatetime.js +22 -26
  131. package/lib/module/charts/line/useLineChart.js +7 -10
  132. package/lib/module/charts/line/usePrice.js +20 -22
  133. package/lib/module/charts/line/utils/getArea.js +8 -15
  134. package/lib/module/charts/line/utils/getDomain.js +5 -2
  135. package/lib/module/charts/line/utils/getDomain.js.map +1 -1
  136. package/lib/module/charts/line/utils/getPath.js +8 -21
  137. package/lib/module/charts/line/utils/getXPositionForCurve.js +2 -5
  138. package/lib/module/charts/line/utils/index.js +1 -1
  139. package/lib/module/charts/line/utils/interpolatePath.js +57 -97
  140. package/lib/module/charts/line/utils/lineChartDataPropToArray.js +2 -2
  141. package/lib/module/components/AnimatedText.js +21 -25
  142. package/lib/module/index.js +1 -1
  143. package/lib/module/types.js +2 -1
  144. package/lib/module/utils/formatDatetime.js +6 -2
  145. package/lib/module/utils/formatPrice.js +3 -7
  146. package/lib/module/utils/index.js +1 -1
  147. package/lib/module/utils/usePrevious.js +1 -1
  148. package/lib/typescript/src/charts/candle/Candle.d.ts +31 -45
  149. package/lib/typescript/src/charts/candle/Candles.d.ts +13 -24
  150. package/lib/typescript/src/charts/candle/Chart.d.ts +7 -12
  151. package/lib/typescript/src/charts/candle/Context.d.ts +7 -12
  152. package/lib/typescript/src/charts/candle/Crosshair.d.ts +9 -17
  153. package/lib/typescript/src/charts/candle/CrosshairTooltip.d.ts +8 -15
  154. package/lib/typescript/src/charts/candle/DatetimeText.d.ts +9 -15
  155. package/lib/typescript/src/charts/candle/Line.d.ts +5 -10
  156. package/lib/typescript/src/charts/candle/PriceText.d.ts +7 -13
  157. package/lib/typescript/src/charts/candle/index.d.ts +13 -32
  158. package/lib/typescript/src/charts/candle/types.d.ts +16 -16
  159. package/lib/typescript/src/charts/candle/useCandleData.d.ts +1 -1
  160. package/lib/typescript/src/charts/candle/useCandlestickChart.d.ts +1 -1
  161. package/lib/typescript/src/charts/candle/useDatetime.d.ts +9 -13
  162. package/lib/typescript/src/charts/candle/usePrice.d.ts +7 -11
  163. package/lib/typescript/src/charts/candle/utils/getDomain.d.ts +1 -1
  164. package/lib/typescript/src/charts/candle/utils/getDomain.d.ts.map +1 -1
  165. package/lib/typescript/src/charts/candle/utils/getHeight.d.ts +5 -9
  166. package/lib/typescript/src/charts/candle/utils/getPrice.d.ts +5 -9
  167. package/lib/typescript/src/charts/candle/utils/getY.d.ts +5 -9
  168. package/lib/typescript/src/charts/candle/utils/index.d.ts +1 -1
  169. package/lib/typescript/src/charts/line/Axis.d.ts +14 -27
  170. package/lib/typescript/src/charts/line/Chart.d.ts +23 -33
  171. package/lib/typescript/src/charts/line/Chart.d.ts.map +1 -1
  172. package/lib/typescript/src/charts/line/ChartPath.d.ts +15 -28
  173. package/lib/typescript/src/charts/line/Context.d.ts +9 -16
  174. package/lib/typescript/src/charts/line/Cursor.d.ts +14 -22
  175. package/lib/typescript/src/charts/line/Cursor.d.ts.map +1 -1
  176. package/lib/typescript/src/charts/line/CursorCrosshair.d.ts +11 -23
  177. package/lib/typescript/src/charts/line/CursorCrosshair.d.ts.map +1 -1
  178. package/lib/typescript/src/charts/line/CursorLine.d.ts +9 -15
  179. package/lib/typescript/src/charts/line/CursorLine.d.ts.map +1 -1
  180. package/lib/typescript/src/charts/line/Data.d.ts +13 -17
  181. package/lib/typescript/src/charts/line/DatetimeText.d.ts +8 -14
  182. package/lib/typescript/src/charts/line/Dot.d.ts +25 -38
  183. package/lib/typescript/src/charts/line/Gradient.d.ts +5 -9
  184. package/lib/typescript/src/charts/line/Group.d.ts +3 -6
  185. package/lib/typescript/src/charts/line/Group.d.ts.map +1 -1
  186. package/lib/typescript/src/charts/line/Highlight.d.ts +9 -17
  187. package/lib/typescript/src/charts/line/HorizontalLine.d.ts +22 -30
  188. package/lib/typescript/src/charts/line/HoverTrap/index.d.ts +1 -1
  189. package/lib/typescript/src/charts/line/HoverTrap/index.web.d.ts +1 -1
  190. package/lib/typescript/src/charts/line/LineChartPathContext.d.ts +4 -4
  191. package/lib/typescript/src/charts/line/Path.d.ts +23 -28
  192. package/lib/typescript/src/charts/line/PriceText.d.ts +20 -28
  193. package/lib/typescript/src/charts/line/Tooltip.d.ts +20 -32
  194. package/lib/typescript/src/charts/line/index.d.ts +20 -33
  195. package/lib/typescript/src/charts/line/types.d.ts +17 -19
  196. package/lib/typescript/src/charts/line/useAnimatedPath.d.ts +7 -10
  197. package/lib/typescript/src/charts/line/useCurrentY.d.ts +2 -2
  198. package/lib/typescript/src/charts/line/useDatetime.d.ts +7 -11
  199. package/lib/typescript/src/charts/line/useLineChart.d.ts +10 -10
  200. package/lib/typescript/src/charts/line/usePrice.d.ts +7 -11
  201. package/lib/typescript/src/charts/line/utils/getArea.d.ts +9 -17
  202. package/lib/typescript/src/charts/line/utils/getDomain.d.ts +1 -1
  203. package/lib/typescript/src/charts/line/utils/getDomain.d.ts.map +1 -1
  204. package/lib/typescript/src/charts/line/utils/getPath.d.ts +11 -21
  205. package/lib/typescript/src/charts/line/utils/getXPositionForCurve.d.ts +1 -1
  206. package/lib/typescript/src/charts/line/utils/index.d.ts +1 -1
  207. package/lib/typescript/src/charts/line/utils/interpolatePath.d.ts +5 -17
  208. package/lib/typescript/src/charts/line/utils/lineChartDataPropToArray.d.ts +2 -4
  209. package/lib/typescript/src/components/AnimatedText.d.ts +4 -7
  210. package/lib/typescript/src/index.d.ts +1 -1
  211. package/lib/typescript/src/types.d.ts +4 -7
  212. package/lib/typescript/src/utils/formatDatetime.d.ts +5 -9
  213. package/lib/typescript/src/utils/formatPrice.d.ts +5 -9
  214. package/lib/typescript/src/utils/index.d.ts +1 -1
  215. package/lib/typescript/src/utils/usePrevious.d.ts +1 -1
  216. package/package.json +1 -1
  217. package/src/charts/line/CursorLine.tsx +6 -2
  218. package/src/charts/line/HorizontalLine.tsx +5 -1
@@ -1,65 +1,20 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
- Object.defineProperty(exports, '__esModule', {
4
- value: true,
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
5
  });
6
6
  exports.LineChartHighlight = LineChartHighlight;
7
- var React = _interopRequireWildcard(require('react'));
8
- var _reactNativeReanimated = _interopRequireDefault(
9
- require('react-native-reanimated')
10
- );
11
- var _reactNativeSvg = require('react-native-svg');
12
- var _Chart = require('./Chart');
13
- var _LineChartPathContext = require('./LineChartPathContext');
14
- var _useAnimatedPath = require('./useAnimatedPath');
15
- var _getXPositionForCurve = require('./utils/getXPositionForCurve');
16
- function _interopRequireDefault(e) {
17
- return e && e.__esModule ? e : { default: e };
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 { path, parsedPath, height } = React.useContext(
74
- _Chart.LineChartDimensionsContext
75
- );
76
- const { isTransitionEnabled, isInactive: _isInactive } = React.useContext(
77
- _LineChartPathContext.LineChartPathContext
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 { animatedProps } = (0, _useAnimatedPath.useAnimatedPath)({
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
- () => `clip-${Math.random().toString(36).substring(2, 11)}`,
92
- []
93
- );
94
- const clipStart = (0, _getXPositionForCurve.getXPositionForCurve)(
95
- parsedPath,
96
- from
97
- );
98
- const clipEnd = (0, _getXPositionForCurve.getXPositionForCurve)(
99
- parsedPath,
100
- to
101
- );
102
- return /*#__PURE__*/ React.createElement(
103
- _reactNativeSvg.G,
104
- null,
105
- /*#__PURE__*/ React.createElement(
106
- _reactNativeSvg.Defs,
107
- null,
108
- /*#__PURE__*/ React.createElement(
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
- 'use strict';
1
+ "use strict";
2
2
 
3
- Object.defineProperty(exports, '__esModule', {
4
- value: true,
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
5
  });
6
6
  exports.LineChartHorizontalLine = LineChartHorizontalLine;
7
- var _reactNativeReanimated = _interopRequireWildcard(
8
- require('react-native-reanimated')
9
- );
10
- var _reactNativeSvg = require('react-native-svg');
11
- var _Chart = require('./Chart');
12
- var _react = _interopRequireDefault(require('react'));
13
- var _getXPositionForCurve = require('./utils/getXPositionForCurve');
14
- var _reactNativeRedash = require('react-native-redash');
15
- var _useLineChart = require('./useLineChart');
16
- function _interopRequireDefault(e) {
17
- return e && e.__esModule ? e : { default: e };
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 { width, parsedPath, height, gutter } = _react.default.useContext(
73
- _Chart.LineChartDimensionsContext
74
- );
75
- const { yDomain } = (0, _useLineChart.useLineChart)();
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
- x1: 0,
105
- x2: width,
106
- y1: y.value,
107
- y2: y.value,
108
- }),
109
- [width, y]
110
- );
111
- return /*#__PURE__*/ _react.default.createElement(
112
- AnimatedLine,
113
- _extends(
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
- 'use strict';
1
+ "use strict";
2
2
 
3
- Object.defineProperty(exports, '__esModule', {
4
- value: true,
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
5
  });
6
6
  exports.LineChartHoverTrap = void 0;
7
- var _react = _interopRequireDefault(require('react'));
8
- function _interopRequireDefault(e) {
9
- return e && e.__esModule ? e : { default: e };
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
- 'use strict';
1
+ "use strict";
2
2
 
3
- Object.defineProperty(exports, '__esModule', {
4
- value: true,
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
5
  });
6
6
  exports.LineChartHoverTrap = void 0;
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) {
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 { width, parsedPath } = _react.default.useContext(
92
- _Chart.LineChartDimensionsContext
93
- );
94
- const { currentX, currentIndex, isActive, data } = (0,
95
- _useLineChart.useLineChart)();
96
- const onMouseMove = _react.default.useCallback(
97
- (e) => {
98
- if (!hoverStateManager.isHoverEnabled()) {
99
- isActive.value = false;
100
- currentIndex.value = -1;
101
- return;
102
- }
103
- if (!parsedPath) return;
104
- const rect = e.currentTarget.getBoundingClientRect();
105
- const boundedX = Math.min(e.clientX - rect.left, width);
106
- isActive.value = true;
107
- currentX.value = boundedX;
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
- // on Web, we could drag the cursor to be negative, breaking it
110
- // so we clamp the index at 0 to fix it
111
- // https://github.com/coinjar/react-native-wagmi-charts/issues/24
112
- const minIndex = 0;
113
- const boundedIndex = Math.max(
114
- minIndex,
115
- Math.round(boundedX / width / (1 / (data ? data.length - 1 : 1)))
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__*/ _react.default.createElement(_reactNative.View, {
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
- 'use strict';
1
+ "use strict";
2
2
 
3
- Object.defineProperty(exports, '__esModule', {
4
- value: true,
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
5
  });
6
6
  exports.LineChartPathContext = void 0;
7
- var _react = _interopRequireDefault(require('react'));
8
- function _interopRequireDefault(e) {
9
- return e && e.__esModule ? e : { default: e };
10
- }
11
- const LineChartPathContext = (exports.LineChartPathContext =
12
- /*#__PURE__*/ _react.default.createContext({
13
- color: '',
14
- isInactive: false,
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
- 'use strict';
1
+ "use strict";
2
2
 
3
- Object.defineProperty(exports, '__esModule', {
4
- value: true,
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
5
  });
6
6
  exports.LineChartPath = LineChartPath;
7
- var React = _interopRequireWildcard(require('react'));
8
- var _reactNativeReanimated = _interopRequireDefault(
9
- require('react-native-reanimated')
10
- );
11
- var _reactNativeSvg = require('react-native-svg');
12
- var _Chart = require('./Chart');
13
- var _LineChartPathContext = require('./LineChartPathContext');
14
- var _useAnimatedPath = require('./useAnimatedPath');
15
- function _interopRequireDefault(e) {
16
- return e && e.__esModule ? e : { default: e };
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 { path } = React.useContext(_Chart.LineChartDimensionsContext);
70
- const { isTransitionEnabled, isInactive } = React.useContext(
71
- _LineChartPathContext.LineChartPathContext
72
- );
73
- const { animatedProps } = (0, _useAnimatedPath.useAnimatedPath)({
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__*/ React.createElement(
78
- AnimatedPath,
79
- _extends(
80
- {
81
- animatedProps: animatedProps,
82
- fill: 'transparent',
83
- stroke: isInactive ? inactiveColor || color : color,
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