be-components 6.5.3 → 6.5.4

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 (10) hide show
  1. package/lib/commonjs/Guide/index.js +119 -90
  2. package/lib/commonjs/Guide/index.js.map +1 -1
  3. package/lib/module/Guide/index.js +120 -91
  4. package/lib/module/Guide/index.js.map +1 -1
  5. package/lib/typescript/lib/commonjs/Guide/index.d.ts.map +1 -1
  6. package/lib/typescript/lib/module/Guide/index.d.ts +1 -1
  7. package/lib/typescript/lib/module/Guide/index.d.ts.map +1 -1
  8. package/lib/typescript/src/Guide/index.d.ts.map +1 -1
  9. package/package.json +1 -1
  10. package/src/Guide/index.tsx +194 -126
package/lib/commonjs/Guide/index.js CHANGED
@@ -16,71 +16,100 @@ function GuideWrapper({
16
16
  }) {
17
17
  const Colors = (0, _useColors.useColors)();
18
18
  const wrapper_guid = guide ?? {};
19
+ const [tooltip_height, setTooltipHeight] = (0, _react.useState)(0);
19
20
  const {
20
21
  tour,
21
22
  active,
22
23
  onComplete
23
24
  } = wrapper_guid;
24
25
  const refs = (0, _react.useRef)({});
26
+ const containerRef = (0, _react.useRef)(null);
25
27
  const [currentStep, setCurrentStep] = (0, _react.useState)(0);
26
28
  const [layout, setLayout] = (0, _react.useState)(null);
27
- const [container_layout, setContainerLayout] = (0, _react.useState)({
28
- height: 0,
29
- width: 0,
29
+ const [containerLayout, setContainerLayout] = (0, _react.useState)({
30
30
  x: 0,
31
- y: 0
31
+ y: 0,
32
+ width: 0,
33
+ height: 0
32
34
  });
33
35
  const {
34
- width
36
+ width: screenWidth
35
37
  } = (0, _reactNative.useWindowDimensions)();
36
- //Check if it is negative
37
- const MIN_WIDTH = 300;
38
- let right = false;
39
- if (layout) {
40
- let right_side = layout.x + MIN_WIDTH;
41
- if (right_side > container_layout.width) {
42
- right = true;
43
- }
44
- //Check if it goes over the bottom
45
- }
46
38
  const sortedTour = tour ? [...tour].sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0)) : [];
47
39
  const step = sortedTour[currentStep];
48
- const ref = step ? refs.current[step.nativeID] : undefined;
49
-
50
- // Measure the current step element
51
- (0, _react.useEffect)(() => {
52
- if (!step || !ref || !active) return;
40
+ const stepRef = step ? refs.current[step.nativeID] : undefined;
41
+ console.log(Object.keys(refs.current));
42
+ // Measure the current step element relative to container
43
+ const measureStep = () => {
44
+ if (!stepRef || !containerRef.current) return;
53
45
  if (_reactNative.Platform.OS === "web") {
54
- const rect = ref.getBoundingClientRect();
46
+ const containerRect = containerRef.current.getBoundingClientRect();
47
+ const rect = stepRef.getBoundingClientRect();
55
48
  setLayout({
56
- x: rect.left - container_layout.x,
57
- y: rect.top - container_layout.y,
49
+ x: rect.left - containerRect.left,
50
+ y: rect.top - containerRect.top,
58
51
  width: rect.width,
59
52
  height: rect.height
60
53
  });
61
- } else if (ref && typeof ref.measure === "function") {
62
- ref.measure((width, height, pageX, pageY) => {
63
- setLayout({
64
- x: pageX,
65
- y: pageY,
66
- width,
67
- height
68
- });
69
- });
54
+ } else {
55
+ const handle = (0, _reactNative.findNodeHandle)(stepRef);
56
+ const containerHandle = (0, _reactNative.findNodeHandle)(containerRef.current);
57
+ if (!handle || !containerHandle) return;
58
+ _reactNative.UIManager.measureLayout(handle, containerHandle, () => console.log("measureLayout failed"), (x, y, width, height) => setLayout({
59
+ x,
60
+ y,
61
+ width,
62
+ height
63
+ }));
64
+ }
65
+ };
66
+
67
+ // Re-measure on active, currentStep, or container layout changes
68
+ (0, _react.useEffect)(() => {
69
+ if (!active || !step) return;
70
+
71
+ // Timeout ensures element is mounted
72
+ setTimeout(() => measureStep(), 0);
73
+ }, [active, currentStep, step, containerLayout]);
74
+
75
+ // Re-measure on web resize
76
+ (0, _react.useEffect)(() => {
77
+ if (_reactNative.Platform.OS === "web") {
78
+ const handleResize = () => measureStep();
79
+ window.addEventListener("resize", handleResize);
80
+ return () => window.removeEventListener("resize", handleResize);
70
81
  }
71
- }, [active, currentStep, step, ref, container_layout.x]);
82
+ return;
83
+ }, [currentStep, step]);
84
+ const isTouchable = child => {
85
+ const typeName = child.type?.displayName || child.type;
86
+ return child.type === _reactNative.TouchableOpacity || child.type === _reactNative.TouchableHighlight || child.type === _reactNative.TouchableWithoutFeedback || typeof typeName === "string" && typeName.startsWith("Touchable");
87
+ };
72
88
 
73
- // Recursively attach refs to children with nativeID
89
+ // Recursively attach refs to children with nativeID (only native elements)
74
90
  const attachRefs = nodes => {
75
91
  return _react.default.Children.map(nodes, child => {
76
92
  if (! /*#__PURE__*/_react.default.isValidElement(child)) return child;
77
- const props = child.props || {};
93
+ const props = child.props;
78
94
  const nativeID = props.nativeID;
79
95
  const newChildren = props.children ? attachRefs(props.children) : props.children;
80
96
  if (nativeID) {
97
+ // Wrap touchables in a View to get a proper measure if needed
98
+ if (isTouchable(child)) {
99
+ return /*#__PURE__*/_react.default.createElement(_Themed.View, {
100
+ ref: r => {
101
+ if (r) refs.current[nativeID] = r;
102
+ },
103
+ style: {
104
+ flex: 0
105
+ }
106
+ }, /*#__PURE__*/_react.default.cloneElement(child, {
107
+ children: newChildren
108
+ }));
109
+ }
81
110
  return /*#__PURE__*/_react.default.cloneElement(child, {
82
- ref: ref => {
83
- if (ref) refs.current[nativeID] = ref;
111
+ ref: r => {
112
+ if (r) refs.current[nativeID] = r;
84
113
  },
85
114
  children: newChildren
86
115
  });
@@ -92,8 +121,6 @@ function GuideWrapper({
92
121
  return child;
93
122
  });
94
123
  };
95
- if (!tour || !active) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
96
- if (!step) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, attachRefs(children));
97
124
  const handleNext = () => {
98
125
  if (currentStep + 1 < sortedTour.length) {
99
126
  setCurrentStep(currentStep + 1);
@@ -104,114 +131,116 @@ function GuideWrapper({
104
131
  const handlePrev = () => {
105
132
  if (currentStep > 0) setCurrentStep(currentStep - 1);
106
133
  };
107
- if (!layout) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, attachRefs(children));
134
+ if (!tour) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
135
+ if (!layout || !active || !step) return /*#__PURE__*/_react.default.createElement(_Themed.View, {
136
+ ref: containerRef
137
+ }, attachRefs(children));
138
+ const MIN_WIDTH = 300;
139
+ const right = layout.x + MIN_WIDTH > containerLayout.width;
108
140
  const isLastStep = currentStep === sortedTour.length - 1;
109
141
  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
110
- style: {
111
- flexGrow: 1
112
- },
142
+ ref: containerRef,
113
143
  onLayout: ev => {
114
144
  const l = ev.nativeEvent.layout;
115
145
  setContainerLayout({
116
- height: l.height,
117
- width: l.width,
118
146
  x: l.x,
119
- y: l.y
147
+ y: l.y,
148
+ width: l.width,
149
+ height: l.height
120
150
  });
151
+ },
152
+ style: {
153
+ flex: 1
121
154
  }
122
155
  }, attachRefs(children), /*#__PURE__*/_react.default.createElement(_Themed.View, {
123
156
  transparent: true,
157
+ pointerEvents: "none",
124
158
  style: {
125
- position: 'absolute',
159
+ position: "absolute",
126
160
  zIndex: 9999999,
127
161
  borderWidth: 2,
128
162
  borderColor: Colors.text.success,
129
163
  borderRadius: 4,
130
164
  top: layout.y - 5,
131
165
  left: layout.x - 5,
132
- width: layout.width + 5,
166
+ width: layout.width + 10,
133
167
  height: layout.height + 10
134
168
  }
135
- }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
136
- float: true,
169
+ }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
170
+ onLayout: ev => {
171
+ const {
172
+ height
173
+ } = ev.nativeEvent.layout;
174
+ setTooltipHeight(height);
175
+ },
137
176
  style: {
138
- position: 'absolute',
139
- maxWidth: width - 10,
177
+ position: "absolute",
178
+ maxWidth: screenWidth - 10,
140
179
  minWidth: 300,
141
180
  borderColor: Colors.text.success,
142
- bottom: 0 + layout.height + 15,
143
- left: right ? undefined : layout.x + 5,
144
- right: right ? 5 : undefined
181
+ borderWidth: 1,
182
+ borderRadius: 8,
183
+ padding: 10,
184
+ top: layout.y - tooltip_height - 10,
185
+ left: right ? undefined : layout.x,
186
+ right: right ? 5 : undefined,
187
+ zIndex: 9999999
145
188
  }
146
- }, step.title ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
147
- type: "header",
189
+ }, step.title && /*#__PURE__*/_react.default.createElement(_Themed.View, {
148
190
  style: {
149
- flexDirection: 'row',
150
- alignItems: 'center',
151
- padding: 10,
152
- borderTopRightRadius: 8,
153
- borderTopLeftRadius: 8
191
+ flexDirection: "row",
192
+ alignItems: "center",
193
+ marginBottom: 5
154
194
  }
155
195
  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.AlertIcon, {
156
196
  size: 14,
157
197
  color: Colors.text.warning
158
- }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
159
- transparent: true,
198
+ }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
199
+ theme: "h1",
160
200
  style: {
161
201
  flex: 1,
162
202
  marginLeft: 10,
163
- marginRight: 10,
164
- borderLeftWidth: 1,
165
- borderColor: Colors.borders.light
203
+ marginRight: 10
166
204
  }
167
- }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
168
- theme: "h1"
169
- }, step.title)), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
205
+ }, step.title), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
170
206
  style: {
171
207
  height: 30,
172
208
  width: 30,
173
209
  borderRadius: 100,
174
210
  padding: 0,
175
- justifyContent: 'center',
176
- alignItems: 'center'
211
+ justifyContent: "center",
212
+ alignItems: "center"
177
213
  },
178
214
  title: "X",
179
215
  type: "error",
180
- onPress: () => onComplete ? onComplete('cancelled') : console.log('')
181
- })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), step.body ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
182
- type: "body",
216
+ onPress: () => onComplete ? onComplete("cancelled") : null
217
+ })), step.body && /*#__PURE__*/_react.default.createElement(_Themed.View, {
183
218
  style: {
184
- padding: 5
219
+ paddingVertical: 5
185
220
  }
186
221
  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
187
222
  theme: "h2"
188
- }, step.body)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
189
- type: "footer",
223
+ }, step.body)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
190
224
  style: {
191
- flexDirection: 'row',
192
- alignItems: 'center',
193
- padding: 10,
194
- borderBottomRightRadius: 8,
195
- borderBottomLeftRadius: 8
225
+ flexDirection: "row",
226
+ alignItems: "center",
227
+ marginTop: 5
196
228
  }
197
229
  }, currentStep > 0 && /*#__PURE__*/_react.default.createElement(_Themed.Button, {
198
230
  type: "action",
199
231
  onPress: handlePrev,
200
232
  style: {
201
- padding: 10,
202
233
  flex: 1,
203
- margin: 2
234
+ marginRight: 5
204
235
  },
205
236
  title: "BACK"
206
237
  }), !step.clickable && /*#__PURE__*/_react.default.createElement(_Themed.Button, {
207
238
  type: "success",
239
+ onPress: handleNext,
208
240
  style: {
209
- padding: 10,
210
- flex: 1,
211
- margin: 2
241
+ flex: 1
212
242
  },
213
- onPress: handleNext,
214
243
  title: isLastStep ? "Done" : "Next"
215
- })))));
244
+ }))));
216
245
  }
217
246
  //# sourceMappingURL=index.js.map
package/lib/commonjs/Guide/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Themed","_useColors","_Components","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GuideWrapper","children","guide","Colors","useColors","wrapper_guid","tour","active","onComplete","refs","useRef","currentStep","setCurrentStep","useState","layout","setLayout","container_layout","setContainerLayout","height","width","x","y","useWindowDimensions","MIN_WIDTH","right","right_side","sortedTour","sort","a","b","priority","step","ref","current","nativeID","undefined","useEffect","Platform","OS","rect","getBoundingClientRect","left","top","measure","pageX","pageY","attachRefs","nodes","React","Children","map","child","isValidElement","props","newChildren","cloneElement","createElement","Fragment","handleNext","length","handlePrev","isLastStep","View","style","flexGrow","onLayout","ev","l","nativeEvent","transparent","position","zIndex","borderWidth","borderColor","text","success","borderRadius","float","maxWidth","minWidth","bottom","title","type","flexDirection","alignItems","padding","borderTopRightRadius","borderTopLeftRadius","Icons","AlertIcon","size","color","warning","flex","marginLeft","marginRight","borderLeftWidth","borders","light","Text","theme","Button","justifyContent","onPress","console","log","body","borderBottomRightRadius","borderBottomLeftRadius","margin","clickable"],"sourceRoot":"../../../src","sources":["Guide/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Themed","_useColors","_Components","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GuideWrapper","children","guide","Colors","useColors","wrapper_guid","tooltip_height","setTooltipHeight","useState","tour","active","onComplete","refs","useRef","containerRef","currentStep","setCurrentStep","layout","setLayout","containerLayout","setContainerLayout","x","y","width","height","screenWidth","useWindowDimensions","sortedTour","sort","a","b","priority","step","stepRef","current","nativeID","undefined","console","log","keys","measureStep","Platform","OS","containerRect","getBoundingClientRect","rect","left","top","handle","findNodeHandle","containerHandle","UIManager","measureLayout","useEffect","setTimeout","handleResize","window","addEventListener","removeEventListener","isTouchable","child","typeName","type","displayName","TouchableOpacity","TouchableHighlight","TouchableWithoutFeedback","startsWith","attachRefs","nodes","React","Children","map","isValidElement","props","newChildren","createElement","View","ref","style","flex","cloneElement","handleNext","length","handlePrev","Fragment","MIN_WIDTH","right","isLastStep","onLayout","ev","l","nativeEvent","transparent","pointerEvents","position","zIndex","borderWidth","borderColor","text","success","borderRadius","maxWidth","minWidth","padding","title","flexDirection","alignItems","marginBottom","Icons","AlertIcon","size","color","warning","Text","theme","marginLeft","marginRight","Button","justifyContent","onPress","body","paddingVertical","marginTop","clickable"],"sourceRoot":"../../../src","sources":["Guide/index.tsx"],"mappings":"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","ignoreList":[]}
package/lib/module/Guide/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { useRef, useState, useEffect } from "react";
2
- import { Platform, useWindowDimensions } from "react-native";
2
+ import { Platform, useWindowDimensions, UIManager, findNodeHandle, TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback } from "react-native";
3
3
  import { Button, Text, View } from "../Components/Themed";
4
4
  import { useColors } from "../constants/useColors";
5
5
  import { Icons } from "../Components";
@@ -9,71 +9,100 @@ export default function GuideWrapper({
9
9
  }) {
10
10
  const Colors = useColors();
11
11
  const wrapper_guid = guide ?? {};
12
+ const [tooltip_height, setTooltipHeight] = useState(0);
12
13
  const {
13
14
  tour,
14
15
  active,
15
16
  onComplete
16
17
  } = wrapper_guid;
17
18
  const refs = useRef({});
19
+ const containerRef = useRef(null);
18
20
  const [currentStep, setCurrentStep] = useState(0);
19
21
  const [layout, setLayout] = useState(null);
20
- const [container_layout, setContainerLayout] = useState({
21
- height: 0,
22
- width: 0,
22
+ const [containerLayout, setContainerLayout] = useState({
23
23
  x: 0,
24
- y: 0
24
+ y: 0,
25
+ width: 0,
26
+ height: 0
25
27
  });
26
28
  const {
27
- width
29
+ width: screenWidth
28
30
  } = useWindowDimensions();
29
- //Check if it is negative
30
- const MIN_WIDTH = 300;
31
- let right = false;
32
- if (layout) {
33
- let right_side = layout.x + MIN_WIDTH;
34
- if (right_side > container_layout.width) {
35
- right = true;
36
- }
37
- //Check if it goes over the bottom
38
- }
39
31
  const sortedTour = tour ? [...tour].sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0)) : [];
40
32
  const step = sortedTour[currentStep];
41
- const ref = step ? refs.current[step.nativeID] : undefined;
42
-
43
- // Measure the current step element
44
- useEffect(() => {
45
- if (!step || !ref || !active) return;
33
+ const stepRef = step ? refs.current[step.nativeID] : undefined;
34
+ console.log(Object.keys(refs.current));
35
+ // Measure the current step element relative to container
36
+ const measureStep = () => {
37
+ if (!stepRef || !containerRef.current) return;
46
38
  if (Platform.OS === "web") {
47
- const rect = ref.getBoundingClientRect();
39
+ const containerRect = containerRef.current.getBoundingClientRect();
40
+ const rect = stepRef.getBoundingClientRect();
48
41
  setLayout({
49
- x: rect.left - container_layout.x,
50
- y: rect.top - container_layout.y,
42
+ x: rect.left - containerRect.left,
43
+ y: rect.top - containerRect.top,
51
44
  width: rect.width,
52
45
  height: rect.height
53
46
  });
54
- } else if (ref && typeof ref.measure === "function") {
55
- ref.measure((width, height, pageX, pageY) => {
56
- setLayout({
57
- x: pageX,
58
- y: pageY,
59
- width,
60
- height
61
- });
62
- });
47
+ } else {
48
+ const handle = findNodeHandle(stepRef);
49
+ const containerHandle = findNodeHandle(containerRef.current);
50
+ if (!handle || !containerHandle) return;
51
+ UIManager.measureLayout(handle, containerHandle, () => console.log("measureLayout failed"), (x, y, width, height) => setLayout({
52
+ x,
53
+ y,
54
+ width,
55
+ height
56
+ }));
57
+ }
58
+ };
59
+
60
+ // Re-measure on active, currentStep, or container layout changes
61
+ useEffect(() => {
62
+ if (!active || !step) return;
63
+
64
+ // Timeout ensures element is mounted
65
+ setTimeout(() => measureStep(), 0);
66
+ }, [active, currentStep, step, containerLayout]);
67
+
68
+ // Re-measure on web resize
69
+ useEffect(() => {
70
+ if (Platform.OS === "web") {
71
+ const handleResize = () => measureStep();
72
+ window.addEventListener("resize", handleResize);
73
+ return () => window.removeEventListener("resize", handleResize);
63
74
  }
64
- }, [active, currentStep, step, ref, container_layout.x]);
75
+ return;
76
+ }, [currentStep, step]);
77
+ const isTouchable = child => {
78
+ const typeName = child.type?.displayName || child.type;
79
+ return child.type === TouchableOpacity || child.type === TouchableHighlight || child.type === TouchableWithoutFeedback || typeof typeName === "string" && typeName.startsWith("Touchable");
80
+ };
65
81
 
66
- // Recursively attach refs to children with nativeID
82
+ // Recursively attach refs to children with nativeID (only native elements)
67
83
  const attachRefs = nodes => {
68
84
  return React.Children.map(nodes, child => {
69
85
  if (! /*#__PURE__*/React.isValidElement(child)) return child;
70
- const props = child.props || {};
86
+ const props = child.props;
71
87
  const nativeID = props.nativeID;
72
88
  const newChildren = props.children ? attachRefs(props.children) : props.children;
73
89
  if (nativeID) {
90
+ // Wrap touchables in a View to get a proper measure if needed
91
+ if (isTouchable(child)) {
92
+ return /*#__PURE__*/React.createElement(View, {
93
+ ref: r => {
94
+ if (r) refs.current[nativeID] = r;
95
+ },
96
+ style: {
97
+ flex: 0
98
+ }
99
+ }, /*#__PURE__*/React.cloneElement(child, {
100
+ children: newChildren
101
+ }));
102
+ }
74
103
  return /*#__PURE__*/React.cloneElement(child, {
75
- ref: ref => {
76
- if (ref) refs.current[nativeID] = ref;
104
+ ref: r => {
105
+ if (r) refs.current[nativeID] = r;
77
106
  },
78
107
  children: newChildren
79
108
  });
@@ -85,8 +114,6 @@ export default function GuideWrapper({
85
114
  return child;
86
115
  });
87
116
  };
88
- if (!tour || !active) return /*#__PURE__*/React.createElement(React.Fragment, null, children);
89
- if (!step) return /*#__PURE__*/React.createElement(React.Fragment, null, attachRefs(children));
90
117
  const handleNext = () => {
91
118
  if (currentStep + 1 < sortedTour.length) {
92
119
  setCurrentStep(currentStep + 1);
@@ -97,114 +124,116 @@ export default function GuideWrapper({
97
124
  const handlePrev = () => {
98
125
  if (currentStep > 0) setCurrentStep(currentStep - 1);
99
126
  };
100
- if (!layout) return /*#__PURE__*/React.createElement(React.Fragment, null, attachRefs(children));
127
+ if (!tour) return /*#__PURE__*/React.createElement(React.Fragment, null, children);
128
+ if (!layout || !active || !step) return /*#__PURE__*/React.createElement(View, {
129
+ ref: containerRef
130
+ }, attachRefs(children));
131
+ const MIN_WIDTH = 300;
132
+ const right = layout.x + MIN_WIDTH > containerLayout.width;
101
133
  const isLastStep = currentStep === sortedTour.length - 1;
102
134
  return /*#__PURE__*/React.createElement(View, {
103
- style: {
104
- flexGrow: 1
105
- },
135
+ ref: containerRef,
106
136
  onLayout: ev => {
107
137
  const l = ev.nativeEvent.layout;
108
138
  setContainerLayout({
109
- height: l.height,
110
- width: l.width,
111
139
  x: l.x,
112
- y: l.y
140
+ y: l.y,
141
+ width: l.width,
142
+ height: l.height
113
143
  });
144
+ },
145
+ style: {
146
+ flex: 1
114
147
  }
115
148
  }, attachRefs(children), /*#__PURE__*/React.createElement(View, {
116
149
  transparent: true,
150
+ pointerEvents: "none",
117
151
  style: {
118
- position: 'absolute',
152
+ position: "absolute",
119
153
  zIndex: 9999999,
120
154
  borderWidth: 2,
121
155
  borderColor: Colors.text.success,
122
156
  borderRadius: 4,
123
157
  top: layout.y - 5,
124
158
  left: layout.x - 5,
125
- width: layout.width + 5,
159
+ width: layout.width + 10,
126
160
  height: layout.height + 10
127
161
  }
128
- }, /*#__PURE__*/React.createElement(View, {
129
- float: true,
162
+ }), /*#__PURE__*/React.createElement(View, {
163
+ onLayout: ev => {
164
+ const {
165
+ height
166
+ } = ev.nativeEvent.layout;
167
+ setTooltipHeight(height);
168
+ },
130
169
  style: {
131
- position: 'absolute',
132
- maxWidth: width - 10,
170
+ position: "absolute",
171
+ maxWidth: screenWidth - 10,
133
172
  minWidth: 300,
134
173
  borderColor: Colors.text.success,
135
- bottom: 0 + layout.height + 15,
136
- left: right ? undefined : layout.x + 5,
137
- right: right ? 5 : undefined
174
+ borderWidth: 1,
175
+ borderRadius: 8,
176
+ padding: 10,
177
+ top: layout.y - tooltip_height - 10,
178
+ left: right ? undefined : layout.x,
179
+ right: right ? 5 : undefined,
180
+ zIndex: 9999999
138
181
  }
139
- }, step.title ? /*#__PURE__*/React.createElement(View, {
140
- type: "header",
182
+ }, step.title && /*#__PURE__*/React.createElement(View, {
141
183
  style: {
142
- flexDirection: 'row',
143
- alignItems: 'center',
144
- padding: 10,
145
- borderTopRightRadius: 8,
146
- borderTopLeftRadius: 8
184
+ flexDirection: "row",
185
+ alignItems: "center",
186
+ marginBottom: 5
147
187
  }
148
188
  }, /*#__PURE__*/React.createElement(Icons.AlertIcon, {
149
189
  size: 14,
150
190
  color: Colors.text.warning
151
- }), /*#__PURE__*/React.createElement(View, {
152
- transparent: true,
191
+ }), /*#__PURE__*/React.createElement(Text, {
192
+ theme: "h1",
153
193
  style: {
154
194
  flex: 1,
155
195
  marginLeft: 10,
156
- marginRight: 10,
157
- borderLeftWidth: 1,
158
- borderColor: Colors.borders.light
196
+ marginRight: 10
159
197
  }
160
- }, /*#__PURE__*/React.createElement(Text, {
161
- theme: "h1"
162
- }, step.title)), /*#__PURE__*/React.createElement(Button, {
198
+ }, step.title), /*#__PURE__*/React.createElement(Button, {
163
199
  style: {
164
200
  height: 30,
165
201
  width: 30,
166
202
  borderRadius: 100,
167
203
  padding: 0,
168
- justifyContent: 'center',
169
- alignItems: 'center'
204
+ justifyContent: "center",
205
+ alignItems: "center"
170
206
  },
171
207
  title: "X",
172
208
  type: "error",
173
- onPress: () => onComplete ? onComplete('cancelled') : console.log('')
174
- })) : /*#__PURE__*/React.createElement(React.Fragment, null), step.body ? /*#__PURE__*/React.createElement(View, {
175
- type: "body",
209
+ onPress: () => onComplete ? onComplete("cancelled") : null
210
+ })), step.body && /*#__PURE__*/React.createElement(View, {
176
211
  style: {
177
- padding: 5
212
+ paddingVertical: 5
178
213
  }
179
214
  }, /*#__PURE__*/React.createElement(Text, {
180
215
  theme: "h2"
181
- }, step.body)) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
182
- type: "footer",
216
+ }, step.body)), /*#__PURE__*/React.createElement(View, {
183
217
  style: {
184
- flexDirection: 'row',
185
- alignItems: 'center',
186
- padding: 10,
187
- borderBottomRightRadius: 8,
188
- borderBottomLeftRadius: 8
218
+ flexDirection: "row",
219
+ alignItems: "center",
220
+ marginTop: 5
189
221
  }
190
222
  }, currentStep > 0 && /*#__PURE__*/React.createElement(Button, {
191
223
  type: "action",
192
224
  onPress: handlePrev,
193
225
  style: {
194
- padding: 10,
195
226
  flex: 1,
196
- margin: 2
227
+ marginRight: 5
197
228
  },
198
229
  title: "BACK"
199
230
  }), !step.clickable && /*#__PURE__*/React.createElement(Button, {
200
231
  type: "success",
232
+ onPress: handleNext,
201
233
  style: {
202
- padding: 10,
203
- flex: 1,
204
- margin: 2
234
+ flex: 1
205
235
  },
206
- onPress: handleNext,
207
236
  title: isLastStep ? "Done" : "Next"
208
- })))));
237
+ }))));
209
238
  }
210
239
  //# sourceMappingURL=index.js.map
package/lib/module/Guide/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","useRef","useState","useEffect","Platform","useWindowDimensions","Button","Text","View","useColors","Icons","GuideWrapper","children","guide","Colors","wrapper_guid","tour","active","onComplete","refs","currentStep","setCurrentStep","layout","setLayout","container_layout","setContainerLayout","height","width","x","y","MIN_WIDTH","right","right_side","sortedTour","sort","a","b","priority","step","ref","current","nativeID","undefined","OS","rect","getBoundingClientRect","left","top","measure","pageX","pageY","attachRefs","nodes","Children","map","child","isValidElement","props","newChildren","cloneElement","createElement","Fragment","handleNext","length","handlePrev","isLastStep","style","flexGrow","onLayout","ev","l","nativeEvent","transparent","position","zIndex","borderWidth","borderColor","text","success","borderRadius","float","maxWidth","minWidth","bottom","title","type","flexDirection","alignItems","padding","borderTopRightRadius","borderTopLeftRadius","AlertIcon","size","color","warning","flex","marginLeft","marginRight","borderLeftWidth","borders","light","theme","justifyContent","onPress","console","log","body","borderBottomRightRadius","borderBottomLeftRadius","margin","clickable"],"sourceRoot":"../../../src","sources":["Guide/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","useRef","useState","useEffect","Platform","useWindowDimensions","UIManager","findNodeHandle","TouchableOpacity","TouchableHighlight","TouchableWithoutFeedback","Button","Text","View","useColors","Icons","GuideWrapper","children","guide","Colors","wrapper_guid","tooltip_height","setTooltipHeight","tour","active","onComplete","refs","containerRef","currentStep","setCurrentStep","layout","setLayout","containerLayout","setContainerLayout","x","y","width","height","screenWidth","sortedTour","sort","a","b","priority","step","stepRef","current","nativeID","undefined","console","log","Object","keys","measureStep","OS","containerRect","getBoundingClientRect","rect","left","top","handle","containerHandle","measureLayout","setTimeout","handleResize","window","addEventListener","removeEventListener","isTouchable","child","typeName","type","displayName","startsWith","attachRefs","nodes","Children","map","isValidElement","props","newChildren","createElement","ref","r","style","flex","cloneElement","handleNext","length","handlePrev","Fragment","MIN_WIDTH","right","isLastStep","onLayout","ev","l","nativeEvent","transparent","pointerEvents","position","zIndex","borderWidth","borderColor","text","success","borderRadius","maxWidth","minWidth","padding","title","flexDirection","alignItems","marginBottom","AlertIcon","size","color","warning","theme","marginLeft","marginRight","justifyContent","onPress","body","paddingVertical","marginTop","clickable"],"sourceRoot":"../../../src","sources":["Guide/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC1D,SACEC,QAAQ,EACRC,mBAAmB,EACnBC,SAAS,EACTC,cAAc,EACdC,gBAAgB,EAChBC,kBAAkB,EAClBC,wBAAwB,QACnB,cAAc;AAErB,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,sBAAsB;AACzD,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,KAAK,QAAQ,eAAe;AASrC,eAAe,SAASC,YAAYA,CAAC;EAAEC,QAAQ;EAAEC;AAAyB,CAAC,EAAE;EAC3E,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAMM,YAAY,GAAGF,KAAK,IAAI,CAAC,CAAC;EAChC,MAAM,CAAEG,cAAc,EAAEC,gBAAgB,CAAE,GAAGpB,QAAQ,CAAC,CAAC,CAAC;EACxD,MAAM;IAAEqB,IAAI;IAAEC,MAAM;IAAEC;EAAW,CAAC,GAAGL,YAAY;EAEjD,MAAMM,IAAI,GAAGzB,MAAM,CAAyB,CAAC,CAAC,CAAC;EAC/C,MAAM0B,YAAY,GAAG1B,MAAM,CAAM,IAAI,CAAC;EAEtC,MAAM,CAAC2B,WAAW,EAAEC,cAAc,CAAC,GAAG3B,QAAQ,CAAC,CAAC,CAAC;EACjD,MAAM,CAAC4B,MAAM,EAAEC,SAAS,CAAC,GAAG7B,QAAQ,CAAgB,IAAI,CAAC;EACzD,MAAM,CAAC8B,eAAe,EAAEC,kBAAkB,CAAC,GAAG/B,QAAQ,CAAS;IAC7DgC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC,CAAC;EAEF,MAAM;IAAED,KAAK,EAAEE;EAAY,CAAC,GAAGjC,mBAAmB,CAAC,CAAC;EAEpD,MAAMkC,UAAU,GAAGhB,IAAI,GACnB,CAAC,GAAGA,IAAI,CAAC,CAACiB,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK,CAACD,CAAC,CAACE,QAAQ,IAAI,CAAC,KAAKD,CAAC,CAACC,QAAQ,IAAI,CAAC,CAAC,CAAC,GAC/D,EAAE;EACN,MAAMC,IAAI,GAAGL,UAAU,CAACX,WAAW,CAAC;EACpC,MAAMiB,OAAO,GAAGD,IAAI,GAAGlB,IAAI,CAACoB,OAAO,CAACF,IAAI,CAACG,QAAQ,CAAC,GAAGC,SAAS;EAC9DC,OAAO,CAACC,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC1B,IAAI,CAACoB,OAAO,CAAC,CAAC;EACtC;EACA,MAAMO,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACR,OAAO,IAAI,CAAClB,YAAY,CAACmB,OAAO,EAAE;IACvC,IAAI1C,QAAQ,CAACkD,EAAE,KAAK,KAAK,EAAE;MACzB,MAAMC,aAAa,GAAG5B,YAAY,CAACmB,OAAO,CAACU,qBAAqB,CAAC,CAAC;MAClE,MAAMC,IAAI,GAAGZ,OAAO,CAACW,qBAAqB,CAAC,CAAC;MAC5CzB,SAAS,CAAC;QACRG,CAAC,EAAEuB,IAAI,CAACC,IAAI,GAAGH,aAAa,CAACG,IAAI;QACjCvB,CAAC,EAAEsB,IAAI,CAACE,GAAG,GAAGJ,aAAa,CAACI,GAAG;QAC/BvB,KAAK,EAAEqB,IAAI,CAACrB,KAAK;QACjBC,MAAM,EAAEoB,IAAI,CAACpB;MACf,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,MAAMuB,MAAM,GAAGrD,cAAc,CAACsC,OAAO,CAAC;MACtC,MAAMgB,eAAe,GAAGtD,cAAc,CAACoB,YAAY,CAACmB,OAAO,CAAC;MAC5D,IAAI,CAACc,MAAM,IAAI,CAACC,eAAe,EAAE;MAEjCvD,SAAS,CAACwD,aAAa,CACrBF,MAAM,EACNC,eAAe,EACf,MAAMZ,OAAO,CAACC,GAAG,CAAC,sBAAsB,CAAC,EACzC,CAAChB,CAAS,EAAEC,CAAS,EAAEC,KAAa,EAAEC,MAAc,KAClDN,SAAS,CAAC;QAAEG,CAAC;QAAEC,CAAC;QAAEC,KAAK;QAAEC;MAAO,CAAC,CACrC,CAAC;IACH;EACF,CAAC;;EAED;EACAlC,SAAS,CAAC,MAAM;IACd,IAAI,CAACqB,MAAM,IAAI,CAACoB,IAAI,EAAE;;IAEtB;IACAmB,UAAU,CAAC,MAAMV,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;EACpC,CAAC,EAAE,CAAC7B,MAAM,EAAEI,WAAW,EAAEgB,IAAI,EAAEZ,eAAe,CAAC,CAAC;;EAEhD;EACA7B,SAAS,CAAC,MAAM;IACd,IAAIC,QAAQ,CAACkD,EAAE,KAAK,KAAK,EAAE;MACzB,MAAMU,YAAY,GAAGA,CAAA,KAAMX,WAAW,CAAC,CAAC;MACxCY,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;MAC/C,OAAO,MAAMC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IACjE;IACA;EACF,CAAC,EAAE,CAACpC,WAAW,EAAEgB,IAAI,CAAC,CAAC;EAEzB,MAAMwB,WAAW,GAAIC,KAAU,IAAK;IAClC,MAAMC,QAAQ,GAAID,KAAK,CAACE,IAAI,EAAUC,WAAW,IAAIH,KAAK,CAACE,IAAI;IAC/D,OACEF,KAAK,CAACE,IAAI,KAAK/D,gBAAgB,IAC/B6D,KAAK,CAACE,IAAI,KAAK9D,kBAAkB,IACjC4D,KAAK,CAACE,IAAI,KAAK7D,wBAAwB,IACtC,OAAO4D,QAAQ,KAAK,QAAQ,IAAIA,QAAQ,CAACG,UAAU,CAAC,WAAW,CAAE;EAEtE,CAAC;;EAEC;EACA,MAAMC,UAAU,GAAIC,KAAsB,IAAsB;IAChE,OAAO3E,KAAK,CAAC4E,QAAQ,CAACC,GAAG,CAACF,KAAK,EAAGN,KAAK,IAAK;MAC1C,IAAI,eAACrE,KAAK,CAAC8E,cAAc,CAACT,KAAK,CAAC,EAAE,OAAOA,KAAK;MAE9C,MAAMU,KAAK,GAAGV,KAAK,CAACU,KAA0D;MAC9E,MAAMhC,QAAQ,GAAGgC,KAAK,CAAChC,QAAQ;MAC/B,MAAMiC,WAAW,GAAGD,KAAK,CAAC9D,QAAQ,GAAGyD,UAAU,CAACK,KAAK,CAAC9D,QAAQ,CAAC,GAAG8D,KAAK,CAAC9D,QAAQ;MAGhF,IAAI8B,QAAQ,EAAE;QACZ;QACA,IAAIqB,WAAW,CAACC,KAAK,CAAC,EAAE;UACtB,oBACErE,KAAA,CAAAiF,aAAA,CAACpE,IAAI;YACHqE,GAAG,EAAGC,CAAM,IAAK;cACf,IAAIA,CAAC,EAAEzD,IAAI,CAACoB,OAAO,CAACC,QAAQ,CAAC,GAAGoC,CAAC;YACnC,CAAE;YACFC,KAAK,EAAE;cAAEC,IAAI,EAAE;YAAE;UAAE,gBAElBrF,KAAK,CAACsF,YAAY,CAACjB,KAAK,EAA6B;YAAEpD,QAAQ,EAAE+D;UAAY,CAAQ,CAClF,CAAC;QAEX;QAEA,oBAAOhF,KAAK,CAACsF,YAAY,CAACjB,KAAK,EAA6B;UAC1Da,GAAG,EAAGC,CAAM,IAAK;YACf,IAAIA,CAAC,EAAEzD,IAAI,CAACoB,OAAO,CAACC,QAAQ,CAAC,GAAGoC,CAAC;UACnC,CAAC;UACDlE,QAAQ,EAAE+D;QACZ,CAAQ,CAAC;MACX,CAAC,MAAM,IAAIA,WAAW,KAAKD,KAAK,CAAC9D,QAAQ,EAAE;QACzC,oBAAOjB,KAAK,CAACsF,YAAY,CAACjB,KAAK,EAA6B;UAAEpD,QAAQ,EAAE+D;QAAY,CAAQ,CAAC;MAC/F;MAEA,OAAOX,KAAK;IACd,CAAC,CAAC;EACJ,CAAC;EACC,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAI3D,WAAW,GAAG,CAAC,GAAGW,UAAU,CAACiD,MAAM,EAAE;MACvC3D,cAAc,CAACD,WAAW,GAAG,CAAC,CAAC;IACjC,CAAC,MAAM;MACLH,UAAU,GAAG,UAAU,CAAC;IAC1B;EACF,CAAC;EAED,MAAMgE,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAI7D,WAAW,GAAG,CAAC,EAAEC,cAAc,CAACD,WAAW,GAAG,CAAC,CAAC;EACtD,CAAC;EAED,IAAI,CAACL,IAAI,EAAE,oBAAOvB,KAAA,CAAAiF,aAAA,CAAAjF,KAAA,CAAA0F,QAAA,QAAGzE,QAAW,CAAC;EAEjC,IAAI,CAACa,MAAM,IAAI,CAACN,MAAM,IAAI,CAACoB,IAAI,EAC7B,oBAAO5C,KAAA,CAAAiF,aAAA,CAACpE,IAAI;IAACqE,GAAG,EAAEvD;EAAa,GAAE+C,UAAU,CAACzD,QAAQ,CAAQ,CAAC;EAE/D,MAAM0E,SAAS,GAAG,GAAG;EACrB,MAAMC,KAAK,GAAG9D,MAAM,CAACI,CAAC,GAAGyD,SAAS,GAAG3D,eAAe,CAACI,KAAK;EAC1D,MAAMyD,UAAU,GAAGjE,WAAW,KAAKW,UAAU,CAACiD,MAAM,GAAG,CAAC;EAExD,oBACExF,KAAA,CAAAiF,aAAA,CAACpE,IAAI;IACHqE,GAAG,EAAEvD,YAAa;IAClBmE,QAAQ,EAAGC,EAAE,IAAK;MAChB,MAAMC,CAAC,GAAGD,EAAE,CAACE,WAAW,CAACnE,MAAM;MAC/BG,kBAAkB,CAAC;QACjBC,CAAC,EAAE8D,CAAC,CAAC9D,CAAC;QACNC,CAAC,EAAE6D,CAAC,CAAC7D,CAAC;QACNC,KAAK,EAAE4D,CAAC,CAAC5D,KAAK;QACdC,MAAM,EAAE2D,CAAC,CAAC3D;MACZ,CAAC,CAAC;IACJ,CAAE;IACF+C,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE;EAAE,GAElBX,UAAU,CAACzD,QAAQ,CAAC,eAGrBjB,KAAA,CAAAiF,aAAA,CAACpE,IAAI;IACHqF,WAAW;IACXC,aAAa,EAAC,MAAM;IACpBf,KAAK,EAAE;MACLgB,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,OAAO;MACfC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEpF,MAAM,CAACqF,IAAI,CAACC,OAAO;MAChCC,YAAY,EAAE,CAAC;MACf/C,GAAG,EAAE7B,MAAM,CAACK,CAAC,GAAG,CAAC;MACjBuB,IAAI,EAAE5B,MAAM,CAACI,CAAC,GAAG,CAAC;MAClBE,KAAK,EAAEN,MAAM,CAACM,KAAK,GAAG,EAAE;MACxBC,MAAM,EAAEP,MAAM,CAACO,MAAM,GAAG;IAC1B;EAAE,CACH,CAAC,eAGFrC,KAAA,CAAAiF,aAAA,CAACpE,IAAI;IACHiF,QAAQ,EAAGC,EAAE,IAAK;MAChB,MAAM;QAAE1D;MAAO,CAAC,GAAG0D,EAAE,CAACE,WAAW,CAACnE,MAAM;MACxCR,gBAAgB,CAACe,MAAM,CAAC;IAC1B,CAAE;IACF+C,KAAK,EAAE;MACLgB,QAAQ,EAAE,UAAU;MACpBO,QAAQ,EAAErE,WAAW,GAAG,EAAE;MAC1BsE,QAAQ,EAAE,GAAG;MACbL,WAAW,EAAEpF,MAAM,CAACqF,IAAI,CAACC,OAAO;MAChCH,WAAW,EAAE,CAAC;MACdI,YAAY,EAAE,CAAC;MACfG,OAAO,EAAE,EAAE;MACXlD,GAAG,EAAE7B,MAAM,CAACK,CAAC,GAAGd,cAAc,GAAG,EAAE;MACnCqC,IAAI,EAAEkC,KAAK,GAAG5C,SAAS,GAAGlB,MAAM,CAACI,CAAC;MAClC0D,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAG5C,SAAS;MAC5BqD,MAAM,EAAE;IACV;EAAE,GAEDzD,IAAI,CAACkE,KAAK,iBACT9G,KAAA,CAAAiF,aAAA,CAACpE,IAAI;IAACuE,KAAK,EAAE;MAAE2B,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,YAAY,EAAE;IAAE;EAAE,gBAC3EjH,KAAA,CAAAiF,aAAA,CAAClE,KAAK,CAACmG,SAAS;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEjG,MAAM,CAACqF,IAAI,CAACa;EAAQ,CAAE,CAAC,eACzDrH,KAAA,CAAAiF,aAAA,CAACrE,IAAI;IAAC0G,KAAK,EAAC,IAAI;IAAClC,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEkC,UAAU,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAG;EAAE,GAClE5E,IAAI,CAACkE,KACF,CAAC,eACP9G,KAAA,CAAAiF,aAAA,CAACtE,MAAM;IACLyE,KAAK,EAAE;MAAE/C,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE,EAAE;MAAEsE,YAAY,EAAE,GAAG;MAAEG,OAAO,EAAE,CAAC;MAAEY,cAAc,EAAE,QAAQ;MAAET,UAAU,EAAE;IAAS,CAAE;IAChHF,KAAK,EAAC,GAAG;IACTvC,IAAI,EAAC,OAAO;IACZmD,OAAO,EAAEA,CAAA,KAAOjG,UAAU,GAAGA,UAAU,CAAC,WAAW,CAAC,GAAG;EAAM,CAC9D,CACG,CACP,EAEAmB,IAAI,CAAC+E,IAAI,iBACR3H,KAAA,CAAAiF,aAAA,CAACpE,IAAI;IAACuE,KAAK,EAAE;MAAEwC,eAAe,EAAE;IAAE;EAAE,gBAClC5H,KAAA,CAAAiF,aAAA,CAACrE,IAAI;IAAC0G,KAAK,EAAC;EAAI,GAAE1E,IAAI,CAAC+E,IAAW,CAC9B,CACP,eAED3H,KAAA,CAAAiF,aAAA,CAACpE,IAAI;IAACuE,KAAK,EAAE;MAAE2B,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEa,SAAS,EAAE;IAAE;EAAE,GACvEjG,WAAW,GAAG,CAAC,iBACd5B,KAAA,CAAAiF,aAAA,CAACtE,MAAM;IAAC4D,IAAI,EAAC,QAAQ;IAACmD,OAAO,EAAEjC,UAAW;IAACL,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEmC,WAAW,EAAE;IAAE,CAAE;IAACV,KAAK,EAAC;EAAM,CAAE,CAC9F,EACA,CAAClE,IAAI,CAACkF,SAAS,iBACd9H,KAAA,CAAAiF,aAAA,CAACtE,MAAM;IAAC4D,IAAI,EAAC,SAAS;IAACmD,OAAO,EAAEnC,UAAW;IAACH,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE,CAAE;IAACyB,KAAK,EAAEjB,UAAU,GAAG,MAAM,GAAG;EAAO,CAAE,CAEpG,CACF,CACF,CAAC;AAEX","ignoreList":[]}
package/lib/typescript/lib/commonjs/Guide/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../commonjs/Guide/index.js"],"names":[],"mappings":";;AAYA;;;QA2MC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../commonjs/Guide/index.js"],"names":[],"mappings":";;AAYA;;;QAwOC"}
package/lib/typescript/lib/module/Guide/index.d.ts CHANGED
@@ -3,6 +3,6 @@ export default function GuideWrapper({ children, guide }: {
3
3
  guide: any;
4
4
  }): React.FunctionComponentElement<{
5
5
  children?: React.ReactNode | undefined;
6
- }> | React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
6
+ }> | React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | React.FunctionComponentElement<React.RefAttributes<any>>;
7
7
  import React from "react";
8
8
  //# sourceMappingURL=index.d.ts.map
package/lib/typescript/lib/module/Guide/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Guide/index.js"],"names":[],"mappings":"AAKA;;;;;mGA2MC;kBAhNkD,OAAO"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Guide/index.js"],"names":[],"mappings":"AAKA;;;;;8JAwOC;kBA7OkD,OAAO"}
package/lib/typescript/src/Guide/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Guide/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAK/C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,qBAoK1E"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Guide/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAK/C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,qBAiO1E"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "be-components",
3
- "version": "6.5.3",
3
+ "version": "6.5.4",
4
4
  "description": "Components for BettorEdge Apps",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
package/src/Guide/index.tsx CHANGED
@@ -1,5 +1,13 @@
1
1
  import React, { useRef, useState, useEffect } from "react";
2
- import { Platform, useWindowDimensions } from "react-native";
2
+ import {
3
+ Platform,
4
+ useWindowDimensions,
5
+ UIManager,
6
+ findNodeHandle,
7
+ TouchableOpacity,
8
+ TouchableHighlight,
9
+ TouchableWithoutFeedback,
10
+ } from "react-native";
3
11
  import type { GuideWrapProps } from "../types";
4
12
  import { Button, Text, View } from "../Components/Themed";
5
13
  import { useColors } from "../constants/useColors";
@@ -10,82 +18,127 @@ export type GuideWrapperProps = {
10
18
  guide?: GuideWrapProps;
11
19
  };
12
20
 
13
- type Layout = { x: number; y: number; width: number; height: number };
21
+ type Layout = { x: number; y: number; width: number; height: number };
14
22
 
15
23
  export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
16
- const Colors = useColors();
24
+ const Colors = useColors();
17
25
  const wrapper_guid = guide ?? {};
26
+ const [ tooltip_height, setTooltipHeight ] = useState(0);
18
27
  const { tour, active, onComplete } = wrapper_guid;
28
+
19
29
  const refs = useRef<{ [key: string]: any }>({});
30
+ const containerRef = useRef<any>(null);
31
+
20
32
  const [currentStep, setCurrentStep] = useState(0);
21
33
  const [layout, setLayout] = useState<Layout | null>(null);
22
- const [ container_layout, setContainerLayout ] = useState({ height: 0, width:0, x:0, y:0 });
23
- const { width } = useWindowDimensions();
24
- //Check if it is negative
25
- const MIN_WIDTH = 300
26
- let right = false
27
- if(layout){
28
- let right_side = layout.x + MIN_WIDTH
29
- if(right_side > container_layout.width){ right = true }
30
- //Check if it goes over the bottom
31
- }
32
-
33
- const sortedTour = tour ? [...tour].sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0)) : []
34
+ const [containerLayout, setContainerLayout] = useState<Layout>({
35
+ x: 0,
36
+ y: 0,
37
+ width: 0,
38
+ height: 0,
39
+ });
40
+
41
+ const { width: screenWidth } = useWindowDimensions();
42
+
43
+ const sortedTour = tour
44
+ ? [...tour].sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0))
45
+ : [];
34
46
  const step = sortedTour[currentStep];
35
- const ref = step ? refs.current[step.nativeID] : undefined
36
-
47
+ const stepRef = step ? refs.current[step.nativeID] : undefined;
48
+ console.log(Object.keys(refs.current))
49
+ // Measure the current step element relative to container
50
+ const measureStep = () => {
51
+ if (!stepRef || !containerRef.current) return;
52
+ if (Platform.OS === "web") {
53
+ const containerRect = containerRef.current.getBoundingClientRect();
54
+ const rect = stepRef.getBoundingClientRect();
55
+ setLayout({
56
+ x: rect.left - containerRect.left,
57
+ y: rect.top - containerRect.top,
58
+ width: rect.width,
59
+ height: rect.height,
60
+ });
61
+ } else {
62
+ const handle = findNodeHandle(stepRef);
63
+ const containerHandle = findNodeHandle(containerRef.current);
64
+ if (!handle || !containerHandle) return;
65
+
66
+ UIManager.measureLayout(
67
+ handle,
68
+ containerHandle,
69
+ () => console.log("measureLayout failed"),
70
+ (x: number, y: number, width: number, height: number) =>
71
+ setLayout({ x, y, width, height })
72
+ );
73
+ }
74
+ };
37
75
 
38
- // Measure the current step element
76
+ // Re-measure on active, currentStep, or container layout changes
39
77
  useEffect(() => {
40
- if (!step || !ref || !active) return;
78
+ if (!active || !step) return;
41
79
 
80
+ // Timeout ensures element is mounted
81
+ setTimeout(() => measureStep(), 0);
82
+ }, [active, currentStep, step, containerLayout]);
83
+
84
+ // Re-measure on web resize
85
+ useEffect(() => {
42
86
  if (Platform.OS === "web") {
43
- const rect = ref.getBoundingClientRect();
44
- setLayout({
45
- x: rect.left - container_layout.x,
46
- y: rect.top - container_layout.y,
47
- width: rect.width,
48
- height: rect.height
49
- });
50
- } else if (ref && typeof ref.measure === "function") {
51
- ref.measure(
52
- (width: number, height: number, pageX: number, pageY: number) => {
53
- setLayout({ x: pageX, y: pageY, width, height });
54
- }
55
- );
87
+ const handleResize = () => measureStep();
88
+ window.addEventListener("resize", handleResize);
89
+ return () => window.removeEventListener("resize", handleResize);
56
90
  }
57
- }, [active, currentStep, step, ref, container_layout.x]);
91
+ return
92
+ }, [currentStep, step]);
58
93
 
59
- // Recursively attach refs to children with nativeID
60
- const attachRefs = (nodes: React.ReactNode): React.ReactNode => {
61
- return React.Children.map(nodes, (child: any) => {
62
- if (!React.isValidElement(child)) return child;
63
-
64
- const props = (child.props as any) || {};
65
- const nativeID = props.nativeID;
66
- const newChildren = props.children ? attachRefs(props.children) : props.children;
67
-
68
- if (nativeID) {
69
- return React.cloneElement(child, {
70
- ref: (ref: any) => {
71
- if (ref) refs.current[nativeID] = ref;
72
- },
73
- children: newChildren,
74
- } as any);
75
- } else if (newChildren !== props.children) {
76
- return React.cloneElement(child, { children: newChildren } as any);
77
- }
94
+ const isTouchable = (child: any) => {
95
+ const typeName = (child.type as any)?.displayName || child.type;
96
+ return (
97
+ child.type === TouchableOpacity ||
98
+ child.type === TouchableHighlight ||
99
+ child.type === TouchableWithoutFeedback ||
100
+ (typeof typeName === "string" && typeName.startsWith("Touchable"))
101
+ );
102
+ };
78
103
 
79
- return child;
80
- });
81
- };
104
+ // Recursively attach refs to children with nativeID (only native elements)
105
+ const attachRefs = (nodes: React.ReactNode): React.ReactNode => {
106
+ return React.Children.map(nodes, (child) => {
107
+ if (!React.isValidElement(child)) return child;
82
108
 
83
- if (!tour || !active) return <>{children}</>;
109
+ const props = child.props as { nativeID?: string; children?: React.ReactNode };
110
+ const nativeID = props.nativeID;
111
+ const newChildren = props.children ? attachRefs(props.children) : props.children;
84
112
 
85
- if (!step) return <>{attachRefs(children)}</>;
86
113
 
114
+ if (nativeID) {
115
+ // Wrap touchables in a View to get a proper measure if needed
116
+ if (isTouchable(child)) {
117
+ return (
118
+ <View
119
+ ref={(r: any) => {
120
+ if (r) refs.current[nativeID] = r;
121
+ }}
122
+ style={{ flex: 0 }}
123
+ >
124
+ {React.cloneElement(child as React.ReactElement<any>, { children: newChildren } as any)}
125
+ </View>
126
+ );
127
+ }
87
128
 
129
+ return React.cloneElement(child as React.ReactElement<any>, {
130
+ ref: (r: any) => {
131
+ if (r) refs.current[nativeID] = r;
132
+ },
133
+ children: newChildren,
134
+ } as any);
135
+ } else if (newChildren !== props.children) {
136
+ return React.cloneElement(child as React.ReactElement<any>, { children: newChildren } as any);
137
+ }
88
138
 
139
+ return child;
140
+ });
141
+ };
89
142
  const handleNext = () => {
90
143
  if (currentStep + 1 < sortedTour.length) {
91
144
  setCurrentStep(currentStep + 1);
@@ -98,83 +151,98 @@ export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
98
151
  if (currentStep > 0) setCurrentStep(currentStep - 1);
99
152
  };
100
153
 
101
- if (!layout) return <>{attachRefs(children)}</>;
154
+ if (!tour) return <>{children}</>;
155
+
156
+ if (!layout || !active || !step)
157
+ return <View ref={containerRef}>{attachRefs(children)}</View>;
158
+
159
+ const MIN_WIDTH = 300;
160
+ const right = layout.x + MIN_WIDTH > containerLayout.width;
102
161
  const isLastStep = currentStep === sortedTour.length - 1;
162
+
103
163
  return (
104
- <View style={{ flexGrow: 1 }} onLayout={(ev) => {
105
- const l = ev.nativeEvent.layout
106
- setContainerLayout({ height:l.height, width: l.width, x: l.x, y:l.y })
107
- }}>
108
- {/* Attach refs to children */}
164
+ <View
165
+ ref={containerRef}
166
+ onLayout={(ev) => {
167
+ const l = ev.nativeEvent.layout;
168
+ setContainerLayout({
169
+ x: l.x,
170
+ y: l.y,
171
+ width: l.width,
172
+ height: l.height,
173
+ });
174
+ }}
175
+ style={{ flex: 1 }}
176
+ >
109
177
  {attachRefs(children)}
110
-
111
- {/* Highlight border around active element */}
178
+
179
+ {/* Highlight */}
112
180
  <View
113
181
  transparent
182
+ pointerEvents="none"
183
+ style={{
184
+ position: "absolute",
185
+ zIndex: 9999999,
186
+ borderWidth: 2,
187
+ borderColor: Colors.text.success,
188
+ borderRadius: 4,
189
+ top: layout.y - 5,
190
+ left: layout.x - 5,
191
+ width: layout.width + 10,
192
+ height: layout.height + 10,
193
+ }}
194
+ />
195
+
196
+ {/* Tooltip */}
197
+ <View
198
+ onLayout={(ev) => {
199
+ const { height } = ev.nativeEvent.layout
200
+ setTooltipHeight(height)
201
+ }}
114
202
  style={{
115
- position:'absolute',
116
- zIndex: 9999999,
117
- borderWidth:2,
118
- borderColor:Colors.text.success,
119
- borderRadius:4,
120
- top: layout.y - 5,
121
- left: layout.x - 5,
122
- width: layout.width + 5,
123
- height: layout.height + 10,
124
- }}
203
+ position: "absolute",
204
+ maxWidth: screenWidth - 10,
205
+ minWidth: 300,
206
+ borderColor: Colors.text.success,
207
+ borderWidth: 1,
208
+ borderRadius: 8,
209
+ padding: 10,
210
+ top: layout.y - tooltip_height - 10,
211
+ left: right ? undefined : layout.x,
212
+ right: right ? 5 : undefined,
213
+ zIndex: 9999999,
214
+ }}
125
215
  >
126
- <View
127
- float
128
- style={{
129
- position:'absolute',
130
- maxWidth: width - 10,
131
- minWidth:300,
132
- borderColor:Colors.text.success,
133
- bottom: 0 + layout.height + 15,
134
- left: right ? undefined : layout.x + 5,
135
- right: right ? 5 : undefined
136
- }}
137
- >
138
- {step.title ?
139
- <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
140
- <Icons.AlertIcon size={14} color={Colors.text.warning} />
141
- <View transparent style={{flex:1, marginLeft:10, marginRight:10, borderLeftWidth:1, borderColor:Colors.borders.light}}>
142
- <Text theme="h1">{step.title}</Text>
143
- </View>
144
- <Button
145
- style={{ height:30, width:30, borderRadius:100, padding:0, justifyContent:'center', alignItems:'center' }}
146
- title="X"
147
- type="error"
148
- onPress={() => onComplete ? onComplete('cancelled') : console.log('')}
149
- />
150
- </View>
151
- :<></>}
152
- {step.body ?
153
- <View type="body" style={{ padding:5 }}>
154
- <Text theme="h2">{step.body}</Text>
155
- </View>
156
- :<></>}
157
- <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
158
- {currentStep > 0 && (
159
- <Button
160
- type='action'
161
- onPress={handlePrev}
162
- style={{ padding:10, flex:1, margin:2 }}
163
- title="BACK"
164
- />
165
- )}
166
- {!step.clickable && (
167
- <Button
168
- type='success'
169
- style={{ padding:10, flex:1, margin:2 }}
170
- onPress={handleNext}
171
- title={isLastStep ? "Done" : "Next"}
172
- />
173
- )}
174
- </View>
216
+ {step.title && (
217
+ <View style={{ flexDirection: "row", alignItems: "center", marginBottom: 5 }}>
218
+ <Icons.AlertIcon size={14} color={Colors.text.warning} />
219
+ <Text theme="h1" style={{ flex: 1, marginLeft: 10, marginRight: 10 }}>
220
+ {step.title}
221
+ </Text>
222
+ <Button
223
+ style={{ height: 30, width: 30, borderRadius: 100, padding: 0, justifyContent: "center", alignItems: "center" }}
224
+ title="X"
225
+ type="error"
226
+ onPress={() => (onComplete ? onComplete("cancelled") : null)}
227
+ />
228
+ </View>
229
+ )}
230
+
231
+ {step.body && (
232
+ <View style={{ paddingVertical: 5 }}>
233
+ <Text theme="h2">{step.body}</Text>
234
+ </View>
235
+ )}
236
+
237
+ <View style={{ flexDirection: "row", alignItems: "center", marginTop: 5 }}>
238
+ {currentStep > 0 && (
239
+ <Button type="action" onPress={handlePrev} style={{ flex: 1, marginRight: 5 }} title="BACK" />
240
+ )}
241
+ {!step.clickable && (
242
+ <Button type="success" onPress={handleNext} style={{ flex: 1 }} title={isLastStep ? "Done" : "Next"} />
243
+ )}
175
244
  </View>
176
- </View>
245
+ </View>
177
246
  </View>
178
247
  );
179
248
  }
180
-