be-components 6.5.4 → 6.5.5
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/lib/commonjs/Guide/index.js +45 -55
- package/lib/commonjs/Guide/index.js.map +1 -1
- package/lib/module/Guide/index.js +45 -55
- package/lib/module/Guide/index.js.map +1 -1
- package/lib/typescript/lib/commonjs/Guide/index.d.ts.map +1 -1
- package/lib/typescript/lib/module/Guide/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Guide/index.tsx +93 -93
|
@@ -16,7 +16,6 @@ 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);
|
|
20
19
|
const {
|
|
21
20
|
tour,
|
|
22
21
|
active,
|
|
@@ -32,61 +31,19 @@ function GuideWrapper({
|
|
|
32
31
|
width: 0,
|
|
33
32
|
height: 0
|
|
34
33
|
});
|
|
34
|
+
const [tooltipHeight, setTooltipHeight] = (0, _react.useState)(0);
|
|
35
35
|
const {
|
|
36
36
|
width: screenWidth
|
|
37
37
|
} = (0, _reactNative.useWindowDimensions)();
|
|
38
38
|
const sortedTour = tour ? [...tour].sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0)) : [];
|
|
39
39
|
const step = sortedTour[currentStep];
|
|
40
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;
|
|
45
|
-
if (_reactNative.Platform.OS === "web") {
|
|
46
|
-
const containerRect = containerRef.current.getBoundingClientRect();
|
|
47
|
-
const rect = stepRef.getBoundingClientRect();
|
|
48
|
-
setLayout({
|
|
49
|
-
x: rect.left - containerRect.left,
|
|
50
|
-
y: rect.top - containerRect.top,
|
|
51
|
-
width: rect.width,
|
|
52
|
-
height: rect.height
|
|
53
|
-
});
|
|
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);
|
|
81
|
-
}
|
|
82
|
-
return;
|
|
83
|
-
}, [currentStep, step]);
|
|
84
41
|
const isTouchable = child => {
|
|
85
42
|
const typeName = child.type?.displayName || child.type;
|
|
86
43
|
return child.type === _reactNative.TouchableOpacity || child.type === _reactNative.TouchableHighlight || child.type === _reactNative.TouchableWithoutFeedback || typeof typeName === "string" && typeName.startsWith("Touchable");
|
|
87
44
|
};
|
|
88
45
|
|
|
89
|
-
// Recursively attach refs to children with nativeID
|
|
46
|
+
// Recursively attach refs to children with nativeID
|
|
90
47
|
const attachRefs = nodes => {
|
|
91
48
|
return _react.default.Children.map(nodes, child => {
|
|
92
49
|
if (! /*#__PURE__*/_react.default.isValidElement(child)) return child;
|
|
@@ -94,7 +51,6 @@ function GuideWrapper({
|
|
|
94
51
|
const nativeID = props.nativeID;
|
|
95
52
|
const newChildren = props.children ? attachRefs(props.children) : props.children;
|
|
96
53
|
if (nativeID) {
|
|
97
|
-
// Wrap touchables in a View to get a proper measure if needed
|
|
98
54
|
if (isTouchable(child)) {
|
|
99
55
|
return /*#__PURE__*/_react.default.createElement(_Themed.View, {
|
|
100
56
|
ref: r => {
|
|
@@ -121,6 +77,45 @@ function GuideWrapper({
|
|
|
121
77
|
return child;
|
|
122
78
|
});
|
|
123
79
|
};
|
|
80
|
+
|
|
81
|
+
// Efficient measuring: only runs when tour is active
|
|
82
|
+
(0, _react.useEffect)(() => {
|
|
83
|
+
if (!active || !step) return;
|
|
84
|
+
const measureStep = () => {
|
|
85
|
+
if (!stepRef || !containerRef.current) return;
|
|
86
|
+
if (_reactNative.Platform.OS === "web") {
|
|
87
|
+
const containerRect = containerRef.current.getBoundingClientRect();
|
|
88
|
+
const rect = stepRef.getBoundingClientRect();
|
|
89
|
+
setLayout({
|
|
90
|
+
x: rect.left - containerRect.left,
|
|
91
|
+
y: rect.top - containerRect.top,
|
|
92
|
+
width: rect.width,
|
|
93
|
+
height: rect.height
|
|
94
|
+
});
|
|
95
|
+
} else {
|
|
96
|
+
const handle = (0, _reactNative.findNodeHandle)(stepRef);
|
|
97
|
+
const containerHandle = (0, _reactNative.findNodeHandle)(containerRef.current);
|
|
98
|
+
if (!handle || !containerHandle) return;
|
|
99
|
+
_reactNative.UIManager.measureLayout(handle, containerHandle, () => console.log("measureLayout failed"), (x, y, width, height) => setLayout({
|
|
100
|
+
x,
|
|
101
|
+
y,
|
|
102
|
+
width,
|
|
103
|
+
height
|
|
104
|
+
}));
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
// Ensure component is mounted
|
|
109
|
+
setTimeout(measureStep, 0);
|
|
110
|
+
|
|
111
|
+
// Web: re-measure on window resize
|
|
112
|
+
if (_reactNative.Platform.OS === "web") {
|
|
113
|
+
const resizeHandler = () => measureStep();
|
|
114
|
+
window.addEventListener("resize", resizeHandler);
|
|
115
|
+
return () => window.removeEventListener("resize", resizeHandler);
|
|
116
|
+
}
|
|
117
|
+
return;
|
|
118
|
+
}, [active, currentStep, step]);
|
|
124
119
|
const handleNext = () => {
|
|
125
120
|
if (currentStep + 1 < sortedTour.length) {
|
|
126
121
|
setCurrentStep(currentStep + 1);
|
|
@@ -153,7 +148,6 @@ function GuideWrapper({
|
|
|
153
148
|
flex: 1
|
|
154
149
|
}
|
|
155
150
|
}, attachRefs(children), /*#__PURE__*/_react.default.createElement(_Themed.View, {
|
|
156
|
-
transparent: true,
|
|
157
151
|
pointerEvents: "none",
|
|
158
152
|
style: {
|
|
159
153
|
position: "absolute",
|
|
@@ -167,12 +161,7 @@ function GuideWrapper({
|
|
|
167
161
|
height: layout.height + 10
|
|
168
162
|
}
|
|
169
163
|
}), /*#__PURE__*/_react.default.createElement(_Themed.View, {
|
|
170
|
-
onLayout: ev =>
|
|
171
|
-
const {
|
|
172
|
-
height
|
|
173
|
-
} = ev.nativeEvent.layout;
|
|
174
|
-
setTooltipHeight(height);
|
|
175
|
-
},
|
|
164
|
+
onLayout: ev => setTooltipHeight(ev.nativeEvent.layout.height),
|
|
176
165
|
style: {
|
|
177
166
|
position: "absolute",
|
|
178
167
|
maxWidth: screenWidth - 10,
|
|
@@ -181,10 +170,11 @@ function GuideWrapper({
|
|
|
181
170
|
borderWidth: 1,
|
|
182
171
|
borderRadius: 8,
|
|
183
172
|
padding: 10,
|
|
184
|
-
top: layout.y -
|
|
173
|
+
top: layout.y - tooltipHeight - 10,
|
|
174
|
+
// 10px margin above overlay
|
|
185
175
|
left: right ? undefined : layout.x,
|
|
186
176
|
right: right ? 5 : undefined,
|
|
187
|
-
zIndex:
|
|
177
|
+
zIndex: 99999999
|
|
188
178
|
}
|
|
189
179
|
}, step.title && /*#__PURE__*/_react.default.createElement(_Themed.View, {
|
|
190
180
|
style: {
|
|
@@ -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","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":[]}
|
|
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","containerRef","currentStep","setCurrentStep","useState","layout","setLayout","containerLayout","setContainerLayout","x","y","width","height","tooltipHeight","setTooltipHeight","screenWidth","useWindowDimensions","sortedTour","sort","a","b","priority","step","stepRef","current","nativeID","undefined","isTouchable","child","typeName","type","displayName","TouchableOpacity","TouchableHighlight","TouchableWithoutFeedback","startsWith","attachRefs","nodes","React","Children","map","isValidElement","props","newChildren","createElement","View","ref","style","flex","cloneElement","useEffect","measureStep","Platform","OS","containerRect","getBoundingClientRect","rect","left","top","handle","findNodeHandle","containerHandle","UIManager","measureLayout","console","log","setTimeout","resizeHandler","window","addEventListener","removeEventListener","handleNext","length","handlePrev","Fragment","MIN_WIDTH","right","isLastStep","onLayout","ev","l","nativeEvent","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":[]}
|
|
@@ -9,7 +9,6 @@ export default function GuideWrapper({
|
|
|
9
9
|
}) {
|
|
10
10
|
const Colors = useColors();
|
|
11
11
|
const wrapper_guid = guide ?? {};
|
|
12
|
-
const [tooltip_height, setTooltipHeight] = useState(0);
|
|
13
12
|
const {
|
|
14
13
|
tour,
|
|
15
14
|
active,
|
|
@@ -25,61 +24,19 @@ export default function GuideWrapper({
|
|
|
25
24
|
width: 0,
|
|
26
25
|
height: 0
|
|
27
26
|
});
|
|
27
|
+
const [tooltipHeight, setTooltipHeight] = useState(0);
|
|
28
28
|
const {
|
|
29
29
|
width: screenWidth
|
|
30
30
|
} = useWindowDimensions();
|
|
31
31
|
const sortedTour = tour ? [...tour].sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0)) : [];
|
|
32
32
|
const step = sortedTour[currentStep];
|
|
33
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;
|
|
38
|
-
if (Platform.OS === "web") {
|
|
39
|
-
const containerRect = containerRef.current.getBoundingClientRect();
|
|
40
|
-
const rect = stepRef.getBoundingClientRect();
|
|
41
|
-
setLayout({
|
|
42
|
-
x: rect.left - containerRect.left,
|
|
43
|
-
y: rect.top - containerRect.top,
|
|
44
|
-
width: rect.width,
|
|
45
|
-
height: rect.height
|
|
46
|
-
});
|
|
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);
|
|
74
|
-
}
|
|
75
|
-
return;
|
|
76
|
-
}, [currentStep, step]);
|
|
77
34
|
const isTouchable = child => {
|
|
78
35
|
const typeName = child.type?.displayName || child.type;
|
|
79
36
|
return child.type === TouchableOpacity || child.type === TouchableHighlight || child.type === TouchableWithoutFeedback || typeof typeName === "string" && typeName.startsWith("Touchable");
|
|
80
37
|
};
|
|
81
38
|
|
|
82
|
-
// Recursively attach refs to children with nativeID
|
|
39
|
+
// Recursively attach refs to children with nativeID
|
|
83
40
|
const attachRefs = nodes => {
|
|
84
41
|
return React.Children.map(nodes, child => {
|
|
85
42
|
if (! /*#__PURE__*/React.isValidElement(child)) return child;
|
|
@@ -87,7 +44,6 @@ export default function GuideWrapper({
|
|
|
87
44
|
const nativeID = props.nativeID;
|
|
88
45
|
const newChildren = props.children ? attachRefs(props.children) : props.children;
|
|
89
46
|
if (nativeID) {
|
|
90
|
-
// Wrap touchables in a View to get a proper measure if needed
|
|
91
47
|
if (isTouchable(child)) {
|
|
92
48
|
return /*#__PURE__*/React.createElement(View, {
|
|
93
49
|
ref: r => {
|
|
@@ -114,6 +70,45 @@ export default function GuideWrapper({
|
|
|
114
70
|
return child;
|
|
115
71
|
});
|
|
116
72
|
};
|
|
73
|
+
|
|
74
|
+
// Efficient measuring: only runs when tour is active
|
|
75
|
+
useEffect(() => {
|
|
76
|
+
if (!active || !step) return;
|
|
77
|
+
const measureStep = () => {
|
|
78
|
+
if (!stepRef || !containerRef.current) return;
|
|
79
|
+
if (Platform.OS === "web") {
|
|
80
|
+
const containerRect = containerRef.current.getBoundingClientRect();
|
|
81
|
+
const rect = stepRef.getBoundingClientRect();
|
|
82
|
+
setLayout({
|
|
83
|
+
x: rect.left - containerRect.left,
|
|
84
|
+
y: rect.top - containerRect.top,
|
|
85
|
+
width: rect.width,
|
|
86
|
+
height: rect.height
|
|
87
|
+
});
|
|
88
|
+
} else {
|
|
89
|
+
const handle = findNodeHandle(stepRef);
|
|
90
|
+
const containerHandle = findNodeHandle(containerRef.current);
|
|
91
|
+
if (!handle || !containerHandle) return;
|
|
92
|
+
UIManager.measureLayout(handle, containerHandle, () => console.log("measureLayout failed"), (x, y, width, height) => setLayout({
|
|
93
|
+
x,
|
|
94
|
+
y,
|
|
95
|
+
width,
|
|
96
|
+
height
|
|
97
|
+
}));
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
// Ensure component is mounted
|
|
102
|
+
setTimeout(measureStep, 0);
|
|
103
|
+
|
|
104
|
+
// Web: re-measure on window resize
|
|
105
|
+
if (Platform.OS === "web") {
|
|
106
|
+
const resizeHandler = () => measureStep();
|
|
107
|
+
window.addEventListener("resize", resizeHandler);
|
|
108
|
+
return () => window.removeEventListener("resize", resizeHandler);
|
|
109
|
+
}
|
|
110
|
+
return;
|
|
111
|
+
}, [active, currentStep, step]);
|
|
117
112
|
const handleNext = () => {
|
|
118
113
|
if (currentStep + 1 < sortedTour.length) {
|
|
119
114
|
setCurrentStep(currentStep + 1);
|
|
@@ -146,7 +141,6 @@ export default function GuideWrapper({
|
|
|
146
141
|
flex: 1
|
|
147
142
|
}
|
|
148
143
|
}, attachRefs(children), /*#__PURE__*/React.createElement(View, {
|
|
149
|
-
transparent: true,
|
|
150
144
|
pointerEvents: "none",
|
|
151
145
|
style: {
|
|
152
146
|
position: "absolute",
|
|
@@ -160,12 +154,7 @@ export default function GuideWrapper({
|
|
|
160
154
|
height: layout.height + 10
|
|
161
155
|
}
|
|
162
156
|
}), /*#__PURE__*/React.createElement(View, {
|
|
163
|
-
onLayout: ev =>
|
|
164
|
-
const {
|
|
165
|
-
height
|
|
166
|
-
} = ev.nativeEvent.layout;
|
|
167
|
-
setTooltipHeight(height);
|
|
168
|
-
},
|
|
157
|
+
onLayout: ev => setTooltipHeight(ev.nativeEvent.layout.height),
|
|
169
158
|
style: {
|
|
170
159
|
position: "absolute",
|
|
171
160
|
maxWidth: screenWidth - 10,
|
|
@@ -174,10 +163,11 @@ export default function GuideWrapper({
|
|
|
174
163
|
borderWidth: 1,
|
|
175
164
|
borderRadius: 8,
|
|
176
165
|
padding: 10,
|
|
177
|
-
top: layout.y -
|
|
166
|
+
top: layout.y - tooltipHeight - 10,
|
|
167
|
+
// 10px margin above overlay
|
|
178
168
|
left: right ? undefined : layout.x,
|
|
179
169
|
right: right ? 5 : undefined,
|
|
180
|
-
zIndex:
|
|
170
|
+
zIndex: 99999999
|
|
181
171
|
}
|
|
182
172
|
}, step.title && /*#__PURE__*/React.createElement(View, {
|
|
183
173
|
style: {
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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","tour","active","onComplete","refs","containerRef","currentStep","setCurrentStep","layout","setLayout","containerLayout","setContainerLayout","x","y","width","height","tooltipHeight","setTooltipHeight","screenWidth","sortedTour","sort","a","b","priority","step","stepRef","current","nativeID","undefined","isTouchable","child","typeName","type","displayName","startsWith","attachRefs","nodes","Children","map","isValidElement","props","newChildren","createElement","ref","r","style","flex","cloneElement","measureStep","OS","containerRect","getBoundingClientRect","rect","left","top","handle","containerHandle","measureLayout","console","log","setTimeout","resizeHandler","window","addEventListener","removeEventListener","handleNext","length","handlePrev","Fragment","MIN_WIDTH","right","isLastStep","onLayout","ev","l","nativeEvent","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":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../commonjs/Guide/index.js"],"names":[],"mappings":";;AAYA;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../commonjs/Guide/index.js"],"names":[],"mappings":";;AAYA;;;QA8NC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Guide/index.js"],"names":[],"mappings":"AAKA;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Guide/index.js"],"names":[],"mappings":"AAKA;;;;;8JA8NC;kBAnOkD,OAAO"}
|
package/package.json
CHANGED
package/src/Guide/index.tsx
CHANGED
|
@@ -23,7 +23,6 @@ type Layout = { x: number; y: number; width: number; height: number };
|
|
|
23
23
|
export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
|
|
24
24
|
const Colors = useColors();
|
|
25
25
|
const wrapper_guid = guide ?? {};
|
|
26
|
-
const [ tooltip_height, setTooltipHeight ] = useState(0);
|
|
27
26
|
const { tour, active, onComplete } = wrapper_guid;
|
|
28
27
|
|
|
29
28
|
const refs = useRef<{ [key: string]: any }>({});
|
|
@@ -37,6 +36,7 @@ export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
|
|
|
37
36
|
width: 0,
|
|
38
37
|
height: 0,
|
|
39
38
|
});
|
|
39
|
+
const [tooltipHeight, setTooltipHeight] = useState(0);
|
|
40
40
|
|
|
41
41
|
const { width: screenWidth } = useWindowDimensions();
|
|
42
42
|
|
|
@@ -45,100 +45,97 @@ export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
|
|
|
45
45
|
: [];
|
|
46
46
|
const step = sortedTour[currentStep];
|
|
47
47
|
const stepRef = step ? refs.current[step.nativeID] : undefined;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
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
|
-
}
|
|
48
|
+
|
|
49
|
+
const isTouchable = (child: any) => {
|
|
50
|
+
const typeName = (child.type as any)?.displayName || child.type;
|
|
51
|
+
return (
|
|
52
|
+
child.type === TouchableOpacity ||
|
|
53
|
+
child.type === TouchableHighlight ||
|
|
54
|
+
child.type === TouchableWithoutFeedback ||
|
|
55
|
+
(typeof typeName === "string" && typeName.startsWith("Touchable"))
|
|
56
|
+
);
|
|
74
57
|
};
|
|
75
58
|
|
|
76
|
-
//
|
|
77
|
-
|
|
78
|
-
|
|
59
|
+
// Recursively attach refs to children with nativeID
|
|
60
|
+
const attachRefs = (nodes: React.ReactNode): React.ReactNode => {
|
|
61
|
+
return React.Children.map(nodes, (child) => {
|
|
62
|
+
if (!React.isValidElement(child)) return child;
|
|
63
|
+
|
|
64
|
+
const props = child.props as { nativeID?: string; children?: React.ReactNode };
|
|
65
|
+
const nativeID = props.nativeID;
|
|
66
|
+
const newChildren = props.children ? attachRefs(props.children) : props.children;
|
|
67
|
+
|
|
68
|
+
if (nativeID) {
|
|
69
|
+
if (isTouchable(child)) {
|
|
70
|
+
return (
|
|
71
|
+
<View
|
|
72
|
+
ref={(r: any) => {
|
|
73
|
+
if (r) refs.current[nativeID] = r;
|
|
74
|
+
}}
|
|
75
|
+
style={{ flex: 0 }}
|
|
76
|
+
>
|
|
77
|
+
{React.cloneElement(child as React.ReactElement<any>, { children: newChildren } as any)}
|
|
78
|
+
</View>
|
|
79
|
+
);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
return React.cloneElement(child as React.ReactElement<any>, {
|
|
83
|
+
ref: (r: any) => {
|
|
84
|
+
if (r) refs.current[nativeID] = r;
|
|
85
|
+
},
|
|
86
|
+
children: newChildren,
|
|
87
|
+
} as any);
|
|
88
|
+
} else if (newChildren !== props.children) {
|
|
89
|
+
return React.cloneElement(child as React.ReactElement<any>, { children: newChildren } as any);
|
|
90
|
+
}
|
|
79
91
|
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
92
|
+
return child;
|
|
93
|
+
});
|
|
94
|
+
};
|
|
83
95
|
|
|
84
|
-
//
|
|
96
|
+
// Efficient measuring: only runs when tour is active
|
|
85
97
|
useEffect(() => {
|
|
86
|
-
if (
|
|
87
|
-
const handleResize = () => measureStep();
|
|
88
|
-
window.addEventListener("resize", handleResize);
|
|
89
|
-
return () => window.removeEventListener("resize", handleResize);
|
|
90
|
-
}
|
|
91
|
-
return
|
|
92
|
-
}, [currentStep, step]);
|
|
93
|
-
|
|
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
|
-
};
|
|
98
|
+
if (!active || !step) return;
|
|
103
99
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
100
|
+
const measureStep = () => {
|
|
101
|
+
if (!stepRef || !containerRef.current) return;
|
|
102
|
+
|
|
103
|
+
if (Platform.OS === "web") {
|
|
104
|
+
const containerRect = containerRef.current.getBoundingClientRect();
|
|
105
|
+
const rect = stepRef.getBoundingClientRect();
|
|
106
|
+
setLayout({
|
|
107
|
+
x: rect.left - containerRect.left,
|
|
108
|
+
y: rect.top - containerRect.top,
|
|
109
|
+
width: rect.width,
|
|
110
|
+
height: rect.height,
|
|
111
|
+
});
|
|
112
|
+
} else {
|
|
113
|
+
const handle = findNodeHandle(stepRef);
|
|
114
|
+
const containerHandle = findNodeHandle(containerRef.current);
|
|
115
|
+
if (!handle || !containerHandle) return;
|
|
116
|
+
|
|
117
|
+
UIManager.measureLayout(
|
|
118
|
+
handle,
|
|
119
|
+
containerHandle,
|
|
120
|
+
() => console.log("measureLayout failed"),
|
|
121
|
+
(x: number, y: number, width: number, height: number) =>
|
|
122
|
+
setLayout({ x, y, width, height })
|
|
126
123
|
);
|
|
127
124
|
}
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
// Ensure component is mounted
|
|
128
|
+
setTimeout(measureStep, 0);
|
|
128
129
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
} as any);
|
|
135
|
-
} else if (newChildren !== props.children) {
|
|
136
|
-
return React.cloneElement(child as React.ReactElement<any>, { children: newChildren } as any);
|
|
130
|
+
// Web: re-measure on window resize
|
|
131
|
+
if (Platform.OS === "web") {
|
|
132
|
+
const resizeHandler = () => measureStep();
|
|
133
|
+
window.addEventListener("resize", resizeHandler);
|
|
134
|
+
return () => window.removeEventListener("resize", resizeHandler);
|
|
137
135
|
}
|
|
136
|
+
return
|
|
137
|
+
}, [active, currentStep, step]);
|
|
138
138
|
|
|
139
|
-
return child;
|
|
140
|
-
});
|
|
141
|
-
};
|
|
142
139
|
const handleNext = () => {
|
|
143
140
|
if (currentStep + 1 < sortedTour.length) {
|
|
144
141
|
setCurrentStep(currentStep + 1);
|
|
@@ -178,7 +175,6 @@ const isTouchable = (child: any) => {
|
|
|
178
175
|
|
|
179
176
|
{/* Highlight */}
|
|
180
177
|
<View
|
|
181
|
-
transparent
|
|
182
178
|
pointerEvents="none"
|
|
183
179
|
style={{
|
|
184
180
|
position: "absolute",
|
|
@@ -193,12 +189,9 @@ const isTouchable = (child: any) => {
|
|
|
193
189
|
}}
|
|
194
190
|
/>
|
|
195
191
|
|
|
196
|
-
{/* Tooltip */}
|
|
192
|
+
{/* Tooltip: always above overlay */}
|
|
197
193
|
<View
|
|
198
|
-
onLayout={(ev) =>
|
|
199
|
-
const { height } = ev.nativeEvent.layout
|
|
200
|
-
setTooltipHeight(height)
|
|
201
|
-
}}
|
|
194
|
+
onLayout={(ev) => setTooltipHeight(ev.nativeEvent.layout.height)}
|
|
202
195
|
style={{
|
|
203
196
|
position: "absolute",
|
|
204
197
|
maxWidth: screenWidth - 10,
|
|
@@ -207,10 +200,10 @@ const isTouchable = (child: any) => {
|
|
|
207
200
|
borderWidth: 1,
|
|
208
201
|
borderRadius: 8,
|
|
209
202
|
padding: 10,
|
|
210
|
-
top: layout.y -
|
|
203
|
+
top: layout.y - tooltipHeight - 10, // 10px margin above overlay
|
|
211
204
|
left: right ? undefined : layout.x,
|
|
212
205
|
right: right ? 5 : undefined,
|
|
213
|
-
zIndex:
|
|
206
|
+
zIndex: 99999999,
|
|
214
207
|
}}
|
|
215
208
|
>
|
|
216
209
|
{step.title && (
|
|
@@ -220,7 +213,14 @@ const isTouchable = (child: any) => {
|
|
|
220
213
|
{step.title}
|
|
221
214
|
</Text>
|
|
222
215
|
<Button
|
|
223
|
-
style={{
|
|
216
|
+
style={{
|
|
217
|
+
height: 30,
|
|
218
|
+
width: 30,
|
|
219
|
+
borderRadius: 100,
|
|
220
|
+
padding: 0,
|
|
221
|
+
justifyContent: "center",
|
|
222
|
+
alignItems: "center",
|
|
223
|
+
}}
|
|
224
224
|
title="X"
|
|
225
225
|
type="error"
|
|
226
226
|
onPress={() => (onComplete ? onComplete("cancelled") : null)}
|