@robertlinde/react-tour-kit 0.5.7 → 0.5.10
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/dist/react-native-platform/components/index.js +2 -7
- package/dist/react-native-platform/components/index.js.map +1 -1
- package/dist/react-native-platform/components/tour-overlay.js +9 -12
- package/dist/react-native-platform/components/tour-overlay.js.map +1 -1
- package/dist/react-native-platform/components/tour-tooltip.js +6 -9
- package/dist/react-native-platform/components/tour-tooltip.js.map +1 -1
- package/dist/react-native-platform/hooks/index.js +1 -5
- package/dist/react-native-platform/hooks/index.js.map +1 -1
- package/dist/react-native-platform/hooks/use-tour-target.js +7 -10
- package/dist/react-native-platform/hooks/use-tour-target.js.map +1 -1
- package/dist/react-native-platform/index.js +6 -15
- package/dist/react-native-platform/index.js.map +1 -1
- package/dist/react-native-platform/platform-adapter.js +3 -6
- package/dist/react-native-platform/platform-adapter.js.map +1 -1
- package/dist/react-native-platform/target-registry.js +1 -4
- package/dist/react-native-platform/target-registry.js.map +1 -1
- package/dist/react-native-platform/tour-provider.js +33 -36
- package/dist/react-native-platform/tour-provider.js.map +1 -1
- package/dist/react-native-platform/types/tour-provider.props.type.d.ts +1 -1
- package/dist/react-native-platform/types/tour-provider.props.type.js +1 -2
- package/dist/react-native.js +6 -18
- package/dist/react-native.js.map +1 -1
- package/dist/react-platform/components/index.js +2 -7
- package/dist/react-platform/components/index.js.map +1 -1
- package/dist/react-platform/components/tour-overlay.js +5 -8
- package/dist/react-platform/components/tour-overlay.js.map +1 -1
- package/dist/react-platform/components/tour-tooltip.js +7 -10
- package/dist/react-platform/components/tour-tooltip.js.map +1 -1
- package/dist/react-platform/index.js +5 -13
- package/dist/react-platform/index.js.map +1 -1
- package/dist/react-platform/platform-adapter.js +5 -8
- package/dist/react-platform/platform-adapter.js.map +1 -1
- package/dist/react-platform/tour-provider.js +37 -40
- package/dist/react-platform/tour-provider.js.map +1 -1
- package/dist/react-platform/types/tour-provider.props.type.d.ts +1 -1
- package/dist/react-platform/types/tour-provider.props.type.js +1 -2
- package/dist/react-platform/utils/find-visible-element.util.js +1 -4
- package/dist/react-platform/utils/find-visible-element.util.js.map +1 -1
- package/dist/react-platform/utils/index.js +1 -5
- package/dist/react-platform/utils/index.js.map +1 -1
- package/dist/react.js +6 -17
- package/dist/react.js.map +1 -1
- package/dist/shared/context/index.js +1 -6
- package/dist/shared/context/index.js.map +1 -1
- package/dist/shared/context/tour-context.js +3 -6
- package/dist/shared/context/tour-context.js.map +1 -1
- package/dist/shared/hooks/index.js +1 -5
- package/dist/shared/hooks/index.js.map +1 -1
- package/dist/shared/hooks/use-tour.hook.js +4 -7
- package/dist/shared/hooks/use-tour.hook.js.map +1 -1
- package/dist/shared/index.js +4 -13
- package/dist/shared/index.js.map +1 -1
- package/dist/shared/types/index.js +1 -6
- package/dist/shared/types/index.js.map +1 -1
- package/dist/shared/types/platform-adapter.type.js +1 -2
- package/dist/shared/types/rect.type.js +1 -2
- package/dist/shared/types/tour-context.type.js +1 -2
- package/dist/shared/types/tour-i18n.type.js +1 -2
- package/dist/shared/types/tour-overlay-props.type.js +1 -2
- package/dist/shared/types/tour-step.type.js +1 -2
- package/dist/shared/types/tour-theme.type.js +4 -8
- package/dist/shared/types/tour-theme.type.js.map +1 -1
- package/dist/shared/types/tour-tooltip-props.type.js +1 -2
- package/dist/shared/utils/calculate-tooltip-position.util.js +1 -4
- package/dist/shared/utils/calculate-tooltip-position.util.js.map +1 -1
- package/dist/shared/utils/index.js +1 -5
- package/dist/shared/utils/index.js.map +1 -1
- package/package.json +8 -7
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.TourTooltip = exports.TourOverlay = void 0;
|
|
4
|
-
var tour_overlay_1 = require("./tour-overlay");
|
|
5
|
-
Object.defineProperty(exports, "TourOverlay", { enumerable: true, get: function () { return tour_overlay_1.TourOverlay; } });
|
|
6
|
-
var tour_tooltip_1 = require("./tour-tooltip");
|
|
7
|
-
Object.defineProperty(exports, "TourTooltip", { enumerable: true, get: function () { return tour_tooltip_1.TourTooltip; } });
|
|
1
|
+
export { TourOverlay } from './tour-overlay';
|
|
2
|
+
export { TourTooltip } from './tour-tooltip';
|
|
8
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.TourOverlay = TourOverlay;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
6
3
|
const { View, StyleSheet, TouchableWithoutFeedback } = require('react-native');
|
|
7
4
|
const highlightPadding = 8;
|
|
8
5
|
const highlightBorderRadius = 8;
|
|
9
|
-
function TourOverlay({ highlightRect, onClose, theme }) {
|
|
6
|
+
export function TourOverlay({ highlightRect, onClose, theme }) {
|
|
10
7
|
const cutoutTop = highlightRect.top - highlightPadding;
|
|
11
8
|
const cutoutLeft = highlightRect.left - highlightPadding;
|
|
12
9
|
const cutoutWidth = highlightRect.width + highlightPadding * 2;
|
|
13
10
|
const cutoutHeight = highlightRect.height + highlightPadding * 2;
|
|
14
|
-
const themedStyles =
|
|
11
|
+
const themedStyles = useMemo(() => ({
|
|
15
12
|
overlay: {
|
|
16
13
|
backgroundColor: theme.overlayColor,
|
|
17
14
|
},
|
|
@@ -19,7 +16,7 @@ function TourOverlay({ highlightRect, onClose, theme }) {
|
|
|
19
16
|
borderColor: theme.primaryColor,
|
|
20
17
|
},
|
|
21
18
|
}), [theme]);
|
|
22
|
-
return ((
|
|
19
|
+
return (_jsx(TouchableWithoutFeedback, { onPress: onClose, children: _jsxs(View, { style: styles.container, children: [_jsx(View, { style: [
|
|
23
20
|
styles.overlay,
|
|
24
21
|
themedStyles.overlay,
|
|
25
22
|
{
|
|
@@ -28,7 +25,7 @@ function TourOverlay({ highlightRect, onClose, theme }) {
|
|
|
28
25
|
right: 0,
|
|
29
26
|
height: cutoutTop,
|
|
30
27
|
},
|
|
31
|
-
] }), (
|
|
28
|
+
] }), _jsx(View, { style: [
|
|
32
29
|
styles.overlay,
|
|
33
30
|
themedStyles.overlay,
|
|
34
31
|
{
|
|
@@ -37,7 +34,7 @@ function TourOverlay({ highlightRect, onClose, theme }) {
|
|
|
37
34
|
width: cutoutLeft,
|
|
38
35
|
height: cutoutHeight,
|
|
39
36
|
},
|
|
40
|
-
] }), (
|
|
37
|
+
] }), _jsx(View, { style: [
|
|
41
38
|
styles.overlay,
|
|
42
39
|
themedStyles.overlay,
|
|
43
40
|
{
|
|
@@ -46,7 +43,7 @@ function TourOverlay({ highlightRect, onClose, theme }) {
|
|
|
46
43
|
right: 0,
|
|
47
44
|
height: cutoutHeight,
|
|
48
45
|
},
|
|
49
|
-
] }), (
|
|
46
|
+
] }), _jsx(View, { style: [
|
|
50
47
|
styles.overlay,
|
|
51
48
|
themedStyles.overlay,
|
|
52
49
|
{
|
|
@@ -55,7 +52,7 @@ function TourOverlay({ highlightRect, onClose, theme }) {
|
|
|
55
52
|
right: 0,
|
|
56
53
|
bottom: 0,
|
|
57
54
|
},
|
|
58
|
-
] }), (
|
|
55
|
+
] }), _jsx(View, { style: [
|
|
59
56
|
styles.highlightBorder,
|
|
60
57
|
themedStyles.highlightBorder,
|
|
61
58
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tour-overlay.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/tour-overlay.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tour-overlay.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/tour-overlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,OAAO,EAAC,MAAM,OAAO,CAAC;AAI9C,MAAM,EAAC,IAAI,EAAE,UAAU,EAAE,wBAAwB,EAAC,GAAG,OAAO,CAAC,cAAc,CAAkC,CAAC;AAE9G,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAMhC,MAAM,UAAU,WAAW,CAAC,EAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAmB;IAC3E,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,GAAG,gBAAgB,CAAC;IACvD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,GAAG,gBAAgB,CAAC;IACzD,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,GAAG,gBAAgB,GAAG,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAqD,EAAE,CAAC,CAAC;QACvD,OAAO,EAAE;YACP,eAAe,EAAE,KAAK,CAAC,YAAY;SACpC;QACD,eAAe,EAAE;YACf,WAAW,EAAE,KAAK,CAAC,YAAY;SAChC;KACF,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,KAAC,wBAAwB,IAAC,OAAO,EAAE,OAAO,YACxC,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAE3B,KAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,OAAO;wBACd,YAAY,CAAC,OAAO;wBACpB;4BACE,GAAG,EAAE,CAAC;4BACN,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,SAAS;yBAClB;qBACF,GACD,EAGF,KAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,OAAO;wBACd,YAAY,CAAC,OAAO;wBACpB;4BACE,GAAG,EAAE,SAAS;4BACd,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,UAAU;4BACjB,MAAM,EAAE,YAAY;yBACrB;qBACF,GACD,EAGF,KAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,OAAO;wBACd,YAAY,CAAC,OAAO;wBACpB;4BACE,GAAG,EAAE,SAAS;4BACd,IAAI,EAAE,UAAU,GAAG,WAAW;4BAC9B,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,YAAY;yBACrB;qBACF,GACD,EAGF,KAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,OAAO;wBACd,YAAY,CAAC,OAAO;wBACpB;4BACE,GAAG,EAAE,SAAS,GAAG,YAAY;4BAC7B,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,CAAC;yBACV;qBACF,GACD,EAGF,KAAC,IAAI,IACH,KAAK,EAAE;wBACL,MAAM,CAAC,eAAe;wBACtB,YAAY,CAAC,eAAe;wBAC5B;4BACE,GAAG,EAAE,SAAS;4BACd,IAAI,EAAE,UAAU;4BAChB,KAAK,EAAE,WAAW;4BAClB,MAAM,EAAE,YAAY;4BACpB,YAAY,EAAE,qBAAqB;yBACpC;qBACF,GACD,IACG,GACkB,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,GAAG,UAAU,CAAC,YAAY;KAC3B;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;KACrB;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,CAAC;QACd,eAAe,EAAE,aAAa;KAC/B;CACF,CAAC,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.TourTooltip = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useMemo } from 'react';
|
|
6
3
|
const { View, Text, TouchableOpacity, StyleSheet } = require('react-native');
|
|
7
4
|
const defaultI18n = {
|
|
8
5
|
nextLabel: 'Next',
|
|
@@ -10,11 +7,11 @@ const defaultI18n = {
|
|
|
10
7
|
finishLabel: 'Done',
|
|
11
8
|
stepCounterTemplate: 'Step {current} of {total}',
|
|
12
9
|
};
|
|
13
|
-
|
|
10
|
+
export const TourTooltip = forwardRef(function TourTooltip({ title, content, currentStep, totalSteps, position, isPositioned, onClose, onNext, onPrev, theme, i18n, }, ref) {
|
|
14
11
|
const { nextLabel, prevLabel, finishLabel, stepCounterTemplate } = { ...defaultI18n, ...i18n };
|
|
15
12
|
const isFirstStep = currentStep === 0;
|
|
16
13
|
const isLastStep = currentStep === totalSteps - 1;
|
|
17
|
-
const themedStyles =
|
|
14
|
+
const themedStyles = useMemo(() => ({
|
|
18
15
|
container: {
|
|
19
16
|
backgroundColor: theme.tooltipBackground,
|
|
20
17
|
},
|
|
@@ -37,7 +34,7 @@ exports.TourTooltip = (0, react_1.forwardRef)(function TourTooltip({ title, cont
|
|
|
37
34
|
backgroundColor: theme.primaryColor,
|
|
38
35
|
},
|
|
39
36
|
}), [theme]);
|
|
40
|
-
return ((
|
|
37
|
+
return (_jsxs(View, { ref: ref, style: [
|
|
41
38
|
styles.container,
|
|
42
39
|
themedStyles.container,
|
|
43
40
|
{
|
|
@@ -45,7 +42,7 @@ exports.TourTooltip = (0, react_1.forwardRef)(function TourTooltip({ title, cont
|
|
|
45
42
|
left: position.left,
|
|
46
43
|
opacity: isPositioned ? 1 : 0,
|
|
47
44
|
},
|
|
48
|
-
], children: [(
|
|
45
|
+
], children: [_jsxs(View, { style: styles.header, children: [_jsx(View, { style: [styles.stepBadge, themedStyles.stepBadge], children: _jsx(Text, { style: styles.stepBadgeText, children: stepCounterTemplate.replace('{current}', String(currentStep + 1)).replace('{total}', String(totalSteps)) }) }), _jsx(TouchableOpacity, { style: styles.closeButton, onPress: onClose, children: _jsx(Text, { style: [styles.closeButtonText, themedStyles.closeButtonText], children: "\u00D7" }) })] }), _jsxs(View, { style: styles.body, children: [_jsx(Text, { style: [styles.title, themedStyles.title], children: title }), _jsx(Text, { style: [styles.content, themedStyles.content], children: content })] }), _jsxs(View, { style: styles.footer, children: [_jsx(TouchableOpacity, { disabled: isFirstStep, style: [styles.navButton, styles.prevButton, isFirstStep && styles.buttonDisabled], onPress: onPrev, children: _jsx(Text, { style: [styles.prevButtonText, isFirstStep && styles.buttonTextDisabled], children: prevLabel }) }), _jsx(View, { style: styles.dots, children: Array.from({ length: totalSteps }).map((_, index) => (_jsx(View, { style: [styles.dot, index === currentStep && themedStyles.dotActive] }, index))) }), _jsx(TouchableOpacity, { style: [styles.navButton, themedStyles.nextButton], onPress: onNext, children: _jsx(Text, { style: styles.nextButtonText, children: isLastStep ? finishLabel : nextLabel }) })] })] }));
|
|
49
46
|
});
|
|
50
47
|
const styles = StyleSheet.create({
|
|
51
48
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tour-tooltip.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/tour-tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tour-tooltip.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/tour-tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useTourTarget = void 0;
|
|
4
|
-
var use_tour_target_1 = require("./use-tour-target");
|
|
5
|
-
Object.defineProperty(exports, "useTourTarget", { enumerable: true, get: function () { return use_tour_target_1.useTourTarget; } });
|
|
1
|
+
export { useTourTarget } from './use-tour-target';
|
|
6
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-native-platform/hooks/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-native-platform/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC"}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const ref = (0, react_1.useRef)(null);
|
|
8
|
-
(0, react_1.useEffect)(() => {
|
|
9
|
-
target_registry_1.targetRegistry.register(id, ref);
|
|
1
|
+
import { useRef, useEffect } from 'react';
|
|
2
|
+
import { targetRegistry } from '../target-registry';
|
|
3
|
+
export function useTourTarget(id) {
|
|
4
|
+
const ref = useRef(null);
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
targetRegistry.register(id, ref);
|
|
10
7
|
return () => {
|
|
11
|
-
|
|
8
|
+
targetRegistry.unregister(id);
|
|
12
9
|
};
|
|
13
10
|
}, [id]);
|
|
14
11
|
return ref;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tour-target.js","sourceRoot":"","sources":["../../../src/react-native-platform/hooks/use-tour-target.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-tour-target.js","sourceRoot":"","sources":["../../../src/react-native-platform/hooks/use-tour-target.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAsBlD,MAAM,UAAU,aAAa,CAAc,EAAU;IACnD,MAAM,GAAG,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAyB,CAAC,CAAC;QAEvD,OAAO,GAAS,EAAE;YAChB,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,GAAG,CAAC;AACb,CAAC"}
|
|
@@ -1,16 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "TourOverlay", { enumerable: true, get: function () { return tour_overlay_1.TourOverlay; } });
|
|
8
|
-
var tour_tooltip_1 = require("./components/tour-tooltip");
|
|
9
|
-
Object.defineProperty(exports, "TourTooltip", { enumerable: true, get: function () { return tour_tooltip_1.TourTooltip; } });
|
|
10
|
-
var hooks_1 = require("./hooks");
|
|
11
|
-
Object.defineProperty(exports, "useTourTarget", { enumerable: true, get: function () { return hooks_1.useTourTarget; } });
|
|
12
|
-
var platform_adapter_1 = require("./platform-adapter");
|
|
13
|
-
Object.defineProperty(exports, "nativePlatformAdapter", { enumerable: true, get: function () { return platform_adapter_1.nativePlatformAdapter; } });
|
|
14
|
-
var target_registry_1 = require("./target-registry");
|
|
15
|
-
Object.defineProperty(exports, "targetRegistry", { enumerable: true, get: function () { return target_registry_1.targetRegistry; } });
|
|
1
|
+
export { TourProvider } from './tour-provider';
|
|
2
|
+
export { TourOverlay } from './components/tour-overlay';
|
|
3
|
+
export { TourTooltip } from './components/tour-tooltip';
|
|
4
|
+
export { useTourTarget } from './hooks';
|
|
5
|
+
export { nativePlatformAdapter } from './platform-adapter';
|
|
6
|
+
export { targetRegistry } from './target-registry';
|
|
16
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-native-platform/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-native-platform/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAG7C,OAAO,EAAC,WAAW,EAAC,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAC,WAAW,EAAC,MAAM,2BAA2B,CAAC;AAItD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAItC,OAAO,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.nativePlatformAdapter = void 0;
|
|
4
|
-
const target_registry_1 = require("./target-registry");
|
|
1
|
+
import { targetRegistry } from './target-registry';
|
|
5
2
|
function resolveTarget(target) {
|
|
6
3
|
if (typeof target === 'string') {
|
|
7
|
-
return
|
|
4
|
+
return targetRegistry.get(target);
|
|
8
5
|
}
|
|
9
6
|
return target;
|
|
10
7
|
}
|
|
@@ -32,7 +29,7 @@ async function measureNativeElement(ref) {
|
|
|
32
29
|
});
|
|
33
30
|
});
|
|
34
31
|
}
|
|
35
|
-
|
|
32
|
+
export const nativePlatformAdapter = {
|
|
36
33
|
async measureElement(target) {
|
|
37
34
|
const ref = resolveTarget(target);
|
|
38
35
|
if (!ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"platform-adapter.js","sourceRoot":"","sources":["../../src/react-native-platform/platform-adapter.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"platform-adapter.js","sourceRoot":"","sources":["../../src/react-native-platform/platform-adapter.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.targetRegistry = void 0;
|
|
4
1
|
class TargetRegistry {
|
|
5
2
|
targets = new Map();
|
|
6
3
|
register(id, ref) {
|
|
@@ -16,5 +13,5 @@ class TargetRegistry {
|
|
|
16
13
|
this.targets.clear();
|
|
17
14
|
}
|
|
18
15
|
}
|
|
19
|
-
|
|
16
|
+
export const targetRegistry = new TargetRegistry();
|
|
20
17
|
//# sourceMappingURL=target-registry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"target-registry.js","sourceRoot":"","sources":["../../src/react-native-platform/target-registry.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"target-registry.js","sourceRoot":"","sources":["../../src/react-native-platform/target-registry.ts"],"names":[],"mappings":"AAMA,MAAM,cAAc;IACD,OAAO,GAAG,IAAI,GAAG,EAA8B,CAAC;IAOjE,QAAQ,CAAC,EAAU,EAAE,GAAuB;QAC1C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IAC5B,CAAC;IAMD,UAAU,CAAC,EAAU;QACnB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;IAOD,GAAG,CAAC,EAAU;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC;IAKD,KAAK;QACH,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC;CACF;AAMD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC"}
|
|
@@ -1,32 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const tour_tooltip_1 = require("./components/tour-tooltip");
|
|
8
|
-
const tour_overlay_1 = require("./components/tour-overlay");
|
|
9
|
-
const platform_adapter_1 = require("./platform-adapter");
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useState, useEffect, useRef, useMemo } from 'react';
|
|
3
|
+
import { TourContext, calculateTooltipPosition, resolveTheme, } from '../shared/index.js';
|
|
4
|
+
import { TourTooltip as DefaultTourTooltip } from './components/tour-tooltip';
|
|
5
|
+
import { TourOverlay as DefaultTourOverlay } from './components/tour-overlay';
|
|
6
|
+
import { nativePlatformAdapter } from './platform-adapter';
|
|
10
7
|
const { Modal } = require('react-native');
|
|
11
8
|
const defaultPlacement = 'bottom';
|
|
12
9
|
const positionRetryDelayMs = 100;
|
|
13
10
|
const initialPositionDelayMs = 50;
|
|
14
11
|
const maxPositionAttempts = 20;
|
|
15
12
|
const domUpdateDelayMs = 100;
|
|
16
|
-
function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform =
|
|
17
|
-
const resolvedTheme =
|
|
18
|
-
const [isActive, setIsActive] =
|
|
19
|
-
const [currentStep, setCurrentStep] =
|
|
20
|
-
const [steps, setSteps] =
|
|
21
|
-
const [currentTourId, setCurrentTourId] =
|
|
22
|
-
const [tooltipPosition, setTooltipPosition] =
|
|
23
|
-
const [isPositioned, setIsPositioned] =
|
|
24
|
-
const [highlightRect, setHighlightRect] =
|
|
25
|
-
const tooltipRef =
|
|
26
|
-
const [positionKey, setPositionKey] =
|
|
27
|
-
const Tooltip = TooltipComponent ??
|
|
28
|
-
const Overlay = OverlayComponent ??
|
|
29
|
-
const startTour =
|
|
13
|
+
export function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform = nativePlatformAdapter, i18n, }) {
|
|
14
|
+
const resolvedTheme = useMemo(() => resolveTheme(theme), [theme]);
|
|
15
|
+
const [isActive, setIsActive] = useState(false);
|
|
16
|
+
const [currentStep, setCurrentStep] = useState(0);
|
|
17
|
+
const [steps, setSteps] = useState([]);
|
|
18
|
+
const [currentTourId, setCurrentTourId] = useState(undefined);
|
|
19
|
+
const [tooltipPosition, setTooltipPosition] = useState({ top: 0, left: 0 });
|
|
20
|
+
const [isPositioned, setIsPositioned] = useState(false);
|
|
21
|
+
const [highlightRect, setHighlightRect] = useState(undefined);
|
|
22
|
+
const tooltipRef = useRef(null);
|
|
23
|
+
const [positionKey, setPositionKey] = useState(0);
|
|
24
|
+
const Tooltip = TooltipComponent ?? DefaultTourTooltip;
|
|
25
|
+
const Overlay = OverlayComponent ?? DefaultTourOverlay;
|
|
26
|
+
const startTour = useCallback((tourSteps, tourId) => {
|
|
30
27
|
if (tourSteps.length > 0) {
|
|
31
28
|
setSteps(tourSteps);
|
|
32
29
|
setCurrentStep(0);
|
|
@@ -34,7 +31,7 @@ function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd,
|
|
|
34
31
|
setIsActive(true);
|
|
35
32
|
}
|
|
36
33
|
}, []);
|
|
37
|
-
const endTour =
|
|
34
|
+
const endTour = useCallback(() => {
|
|
38
35
|
if (onTourEnd) {
|
|
39
36
|
onTourEnd(currentTourId);
|
|
40
37
|
}
|
|
@@ -46,7 +43,7 @@ function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd,
|
|
|
46
43
|
setTooltipPosition({ top: 0, left: 0 });
|
|
47
44
|
setIsPositioned(false);
|
|
48
45
|
}, [currentTourId, onTourEnd]);
|
|
49
|
-
const nextStep =
|
|
46
|
+
const nextStep = useCallback(() => {
|
|
50
47
|
if (currentStep < steps.length - 1) {
|
|
51
48
|
setCurrentStep((previous) => previous + 1);
|
|
52
49
|
}
|
|
@@ -54,17 +51,17 @@ function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd,
|
|
|
54
51
|
endTour();
|
|
55
52
|
}
|
|
56
53
|
}, [currentStep, steps.length, endTour]);
|
|
57
|
-
const previousStep =
|
|
54
|
+
const previousStep = useCallback(() => {
|
|
58
55
|
if (currentStep > 0) {
|
|
59
56
|
setCurrentStep((previous) => previous - 1);
|
|
60
57
|
}
|
|
61
58
|
}, [currentStep]);
|
|
62
|
-
const goToStep =
|
|
59
|
+
const goToStep = useCallback((step) => {
|
|
63
60
|
if (step >= 0 && step < steps.length) {
|
|
64
61
|
setCurrentStep(step);
|
|
65
62
|
}
|
|
66
63
|
}, [steps.length]);
|
|
67
|
-
const updatePositions =
|
|
64
|
+
const updatePositions = useCallback(() => {
|
|
68
65
|
if (!isActive || steps.length === 0) {
|
|
69
66
|
return;
|
|
70
67
|
}
|
|
@@ -87,12 +84,12 @@ function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd,
|
|
|
87
84
|
const placement = currentTourStep.placement ?? defaultPlacement;
|
|
88
85
|
const tooltipDimensions = platform.measureTooltip(tooltipRef);
|
|
89
86
|
const viewportDimensions = platform.getViewportDimensions();
|
|
90
|
-
const position =
|
|
87
|
+
const position = calculateTooltipPosition(rect, placement, tooltipDimensions, viewportDimensions);
|
|
91
88
|
setTooltipPosition(position);
|
|
92
89
|
setIsPositioned(true);
|
|
93
90
|
})();
|
|
94
91
|
}, [isActive, currentStep, steps, endTour, platform]);
|
|
95
|
-
|
|
92
|
+
useEffect(() => {
|
|
96
93
|
if (!isActive || steps.length === 0) {
|
|
97
94
|
return;
|
|
98
95
|
}
|
|
@@ -125,7 +122,7 @@ function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd,
|
|
|
125
122
|
};
|
|
126
123
|
void runStep();
|
|
127
124
|
}, [isActive, currentStep, steps, endTour, platform]);
|
|
128
|
-
|
|
125
|
+
useEffect(() => {
|
|
129
126
|
if (!isActive || !highlightRect || steps.length === 0) {
|
|
130
127
|
return;
|
|
131
128
|
}
|
|
@@ -151,7 +148,7 @@ function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd,
|
|
|
151
148
|
const placement = currentTourStep.placement ?? defaultPlacement;
|
|
152
149
|
const tooltipDimensions = platform.measureTooltip(tooltipRef);
|
|
153
150
|
const viewportDimensions = platform.getViewportDimensions();
|
|
154
|
-
const position =
|
|
151
|
+
const position = calculateTooltipPosition(rect, placement, tooltipDimensions, viewportDimensions);
|
|
155
152
|
setTooltipPosition(position);
|
|
156
153
|
setIsPositioned(true);
|
|
157
154
|
await platform.scrollToElement(currentTourStep.target, placement, tooltipDimensions.height);
|
|
@@ -166,7 +163,7 @@ function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd,
|
|
|
166
163
|
}
|
|
167
164
|
};
|
|
168
165
|
}, [isActive, currentStep, steps, highlightRect, positionKey, platform]);
|
|
169
|
-
|
|
166
|
+
useEffect(() => {
|
|
170
167
|
if (!isActive) {
|
|
171
168
|
return;
|
|
172
169
|
}
|
|
@@ -176,14 +173,14 @@ function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd,
|
|
|
176
173
|
onPrev: previousStep,
|
|
177
174
|
});
|
|
178
175
|
}, [isActive, endTour, nextStep, previousStep, platform]);
|
|
179
|
-
|
|
176
|
+
useEffect(() => {
|
|
180
177
|
if (!isActive) {
|
|
181
178
|
return;
|
|
182
179
|
}
|
|
183
180
|
return platform.subscribeToLayout(updatePositions);
|
|
184
181
|
}, [isActive, updatePositions, platform]);
|
|
185
182
|
const currentTourStep = steps[currentStep];
|
|
186
|
-
const contextValue =
|
|
183
|
+
const contextValue = useMemo(() => ({
|
|
187
184
|
isActive,
|
|
188
185
|
currentStep,
|
|
189
186
|
steps,
|
|
@@ -194,6 +191,6 @@ function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd,
|
|
|
194
191
|
prevStep: previousStep,
|
|
195
192
|
goToStep,
|
|
196
193
|
}), [isActive, currentStep, steps, currentTourId, startTour, endTour, nextStep, previousStep, goToStep]);
|
|
197
|
-
return ((
|
|
194
|
+
return (_jsxs(TourContext, { value: contextValue, children: [children, _jsx(Modal, { transparent: true, visible: Boolean(isActive && highlightRect), animationType: "fade", children: highlightRect ? (_jsxs(_Fragment, { children: [_jsx(Overlay, { highlightRect: highlightRect, theme: resolvedTheme, onClose: endTour }), currentTourStep ? (_jsx(Tooltip, { ref: tooltipRef, content: currentTourStep.content, currentStep: currentStep, i18n: i18n, isPositioned: isPositioned, position: tooltipPosition, theme: resolvedTheme, title: currentTourStep.title, totalSteps: steps.length, onClose: endTour, onGoToStep: goToStep, onNext: nextStep, onPrev: previousStep })) : null] })) : null })] }));
|
|
198
195
|
}
|
|
199
196
|
//# sourceMappingURL=tour-provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tour-provider.js","sourceRoot":"","sources":["../../src/react-native-platform/tour-provider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tour-provider.js","sourceRoot":"","sources":["../../src/react-native-platform/tour-provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ComponentType, type ReactNode } from 'react';
|
|
2
|
-
import { type PlatformAdapter, type TourI18n, type TourOverlayProps, type TourTheme, type TourTooltipProps } from '
|
|
2
|
+
import { type PlatformAdapter, type TourI18n, type TourOverlayProps, type TourTheme, type TourTooltipProps } from '../../shared';
|
|
3
3
|
export type TourProviderProps = {
|
|
4
4
|
readonly children: ReactNode;
|
|
5
5
|
readonly TooltipComponent?: ComponentType<TourTooltipProps>;
|
package/dist/react-native.js
CHANGED
|
@@ -1,19 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "TourContext", { enumerable: true, get: function () { return shared_1.TourContext; } });
|
|
8
|
-
Object.defineProperty(exports, "useTour", { enumerable: true, get: function () { return shared_1.useTour; } });
|
|
9
|
-
var react_native_platform_2 = require("./react-native-platform");
|
|
10
|
-
Object.defineProperty(exports, "useTourTarget", { enumerable: true, get: function () { return react_native_platform_2.useTourTarget; } });
|
|
11
|
-
var react_native_platform_3 = require("./react-native-platform");
|
|
12
|
-
Object.defineProperty(exports, "TourOverlay", { enumerable: true, get: function () { return react_native_platform_3.TourOverlay; } });
|
|
13
|
-
Object.defineProperty(exports, "TourTooltip", { enumerable: true, get: function () { return react_native_platform_3.TourTooltip; } });
|
|
14
|
-
var shared_2 = require("./shared");
|
|
15
|
-
Object.defineProperty(exports, "calculateTooltipPosition", { enumerable: true, get: function () { return shared_2.calculateTooltipPosition; } });
|
|
16
|
-
var react_native_platform_4 = require("./react-native-platform");
|
|
17
|
-
Object.defineProperty(exports, "nativePlatformAdapter", { enumerable: true, get: function () { return react_native_platform_4.nativePlatformAdapter; } });
|
|
18
|
-
Object.defineProperty(exports, "targetRegistry", { enumerable: true, get: function () { return react_native_platform_4.targetRegistry; } });
|
|
1
|
+
export { TourProvider } from './react-native-platform';
|
|
2
|
+
export { TourContext, useTour } from './shared';
|
|
3
|
+
export { useTourTarget } from './react-native-platform';
|
|
4
|
+
export { TourOverlay, TourTooltip } from './react-native-platform';
|
|
5
|
+
export { calculateTooltipPosition } from './shared';
|
|
6
|
+
export { nativePlatformAdapter, targetRegistry } from './react-native-platform';
|
|
19
7
|
//# sourceMappingURL=react-native.js.map
|
package/dist/react-native.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-native.js","sourceRoot":"","sources":["../src/react-native.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"react-native.js","sourceRoot":"","sources":["../src/react-native.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,YAAY,EAAyB,MAAM,yBAAyB,CAAC;AAE7E,OAAO,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAItD,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAUjE,OAAO,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAIlD,OAAO,EAAC,qBAAqB,EAAE,cAAc,EAAC,MAAM,yBAAyB,CAAC"}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.TourTooltip = exports.TourOverlay = void 0;
|
|
4
|
-
var tour_overlay_1 = require("./tour-overlay");
|
|
5
|
-
Object.defineProperty(exports, "TourOverlay", { enumerable: true, get: function () { return tour_overlay_1.TourOverlay; } });
|
|
6
|
-
var tour_tooltip_1 = require("./tour-tooltip");
|
|
7
|
-
Object.defineProperty(exports, "TourTooltip", { enumerable: true, get: function () { return tour_tooltip_1.TourTooltip; } });
|
|
1
|
+
export { TourOverlay } from './tour-overlay';
|
|
2
|
+
export { TourTooltip } from './tour-tooltip';
|
|
8
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-platform/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-platform/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,22 +1,19 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
3
|
-
|
|
4
|
-
exports.TourOverlay = TourOverlay;
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
3
|
const highlightPadding = 8;
|
|
7
4
|
const borderRadius = 8;
|
|
8
|
-
function TourOverlay({ highlightRect, onClose, theme }) {
|
|
5
|
+
export function TourOverlay({ highlightRect, onClose, theme }) {
|
|
9
6
|
const primaryColorRgba = `${theme.primaryColor}4D`;
|
|
10
|
-
return ((
|
|
7
|
+
return (_jsxs("div", { style: {
|
|
11
8
|
position: 'fixed',
|
|
12
9
|
inset: 0,
|
|
13
10
|
zIndex: 9998,
|
|
14
|
-
}, onClick: onClose, children: [(
|
|
11
|
+
}, onClick: onClose, children: [_jsxs("svg", { style: {
|
|
15
12
|
position: 'absolute',
|
|
16
13
|
inset: 0,
|
|
17
14
|
height: '100%',
|
|
18
15
|
width: '100%',
|
|
19
|
-
}, children: [(
|
|
16
|
+
}, children: [_jsx("defs", { children: _jsxs("mask", { id: "tour-mask", children: [_jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }), _jsx("rect", { x: highlightRect.left - highlightPadding, y: highlightRect.top - highlightPadding, width: highlightRect.width + highlightPadding * 2, height: highlightRect.height + highlightPadding * 2, rx: borderRadius, fill: "black" })] }) }), _jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: theme.overlayColor, mask: "url(#tour-mask)" })] }), _jsx("div", { style: {
|
|
20
17
|
position: 'absolute',
|
|
21
18
|
borderRadius: '8px',
|
|
22
19
|
border: `2px solid ${theme.primaryColor}`,
|