@robertlinde/react-tour-kit 0.6.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -8
- package/dist/react-native-platform/components/tour-overlay.d.ts +1 -1
- package/dist/react-native-platform/components/tour-overlay.js +84 -48
- package/dist/react-native-platform/components/tour-overlay.js.map +1 -1
- package/dist/react-native-platform/components/tour-tooltip.js +23 -5
- package/dist/react-native-platform/components/tour-tooltip.js.map +1 -1
- package/dist/react-native-platform/tour-provider.d.ts +1 -1
- package/dist/react-native-platform/tour-provider.js +2 -2
- package/dist/react-native-platform/tour-provider.js.map +1 -1
- package/dist/react-native-platform/types/tour-provider.props.type.d.ts +1 -0
- package/dist/react-platform/components/tour-overlay.d.ts +1 -1
- package/dist/react-platform/components/tour-overlay.js +3 -2
- package/dist/react-platform/components/tour-overlay.js.map +1 -1
- package/dist/react-platform/components/tour-tooltip.js +28 -8
- package/dist/react-platform/components/tour-tooltip.js.map +1 -1
- package/dist/react-platform/tour-provider.d.ts +1 -1
- package/dist/react-platform/tour-provider.js +2 -2
- package/dist/react-platform/tour-provider.js.map +1 -1
- package/dist/react-platform/types/tour-provider.props.type.d.ts +1 -0
- package/dist/shared/types/tour-overlay-props.type.d.ts +1 -0
- package/dist/shared/utils/calculate-tooltip-position.util.js +2 -6
- package/dist/shared/utils/calculate-tooltip-position.util.js.map +1 -1
- package/dist/shared/utils/get-truncated-dots.util.d.ts +11 -0
- package/dist/shared/utils/get-truncated-dots.util.js +37 -0
- package/dist/shared/utils/get-truncated-dots.util.js.map +1 -0
- package/dist/shared/utils/index.d.ts +2 -0
- package/dist/shared/utils/index.js +1 -0
- package/dist/shared/utils/index.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -409,14 +409,15 @@ import {TourProvider} from '@robertlinde/react-tour-kit/react';
|
|
|
409
409
|
|
|
410
410
|
#### Props
|
|
411
411
|
|
|
412
|
-
| Prop
|
|
413
|
-
|
|
|
414
|
-
| `children`
|
|
415
|
-
| `theme`
|
|
416
|
-
| `i18n`
|
|
417
|
-
| `TooltipComponent`
|
|
418
|
-
| `OverlayComponent`
|
|
419
|
-
| `onTourEnd`
|
|
412
|
+
| Prop | Type | Description |
|
|
413
|
+
| --------------------- | --------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
414
|
+
| `children` | `ReactNode` | Your application content |
|
|
415
|
+
| `theme` | `TourTheme` | Theme configuration for colors (see Theming section) |
|
|
416
|
+
| `i18n` | `TourI18n` | Internationalization options for labels (see i18n section) |
|
|
417
|
+
| `TooltipComponent` | `ForwardRefExoticComponent<TourTooltipProps>` | Custom tooltip component (must use forwardRef) |
|
|
418
|
+
| `OverlayComponent` | `ComponentType<TourOverlayProps>` | Custom overlay component |
|
|
419
|
+
| `onTourEnd` | `TourEndCallback` | Callback fired when any tour ends. Receives `(tourId, info)` with the reason and step context (see [Tour End Callbacks](#tour-end-callbacks)) |
|
|
420
|
+
| `closeOnOverlayClick` | `boolean` | Whether clicking the overlay closes the tour. When `false`, users must click the ✕ button. Defaults to `true` |
|
|
420
421
|
|
|
421
422
|
### useTour Hook
|
|
422
423
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import { type TourOverlayProps } from '../../shared';
|
|
3
|
-
export declare function TourOverlay({ highlightRect, onClose, theme }: TourOverlayProps): ReactNode;
|
|
3
|
+
export declare function TourOverlay({ highlightRect, onClose, theme, closeOnOverlayClick }: TourOverlayProps): ReactNode;
|
|
@@ -3,7 +3,7 @@ import { useMemo } from 'react';
|
|
|
3
3
|
const { View, StyleSheet, TouchableWithoutFeedback } = require('react-native');
|
|
4
4
|
const highlightPadding = 8;
|
|
5
5
|
const highlightBorderRadius = 8;
|
|
6
|
-
export function TourOverlay({ highlightRect, onClose, theme }) {
|
|
6
|
+
export function TourOverlay({ highlightRect, onClose, theme, closeOnOverlayClick }) {
|
|
7
7
|
const cutoutTop = highlightRect.top - highlightPadding;
|
|
8
8
|
const cutoutLeft = highlightRect.left - highlightPadding;
|
|
9
9
|
const cutoutWidth = highlightRect.width + highlightPadding * 2;
|
|
@@ -16,53 +16,78 @@ export function TourOverlay({ highlightRect, onClose, theme }) {
|
|
|
16
16
|
borderColor: theme.primaryColor,
|
|
17
17
|
},
|
|
18
18
|
}), [theme]);
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
19
|
+
const overlayContent = (_jsxs(View, { style: styles.container, children: [_jsx(View, { style: [
|
|
20
|
+
styles.overlay,
|
|
21
|
+
themedStyles.overlay,
|
|
22
|
+
{
|
|
23
|
+
top: 0,
|
|
24
|
+
left: 0,
|
|
25
|
+
right: 0,
|
|
26
|
+
height: cutoutTop,
|
|
27
|
+
},
|
|
28
|
+
] }), _jsx(View, { style: [
|
|
29
|
+
styles.overlay,
|
|
30
|
+
themedStyles.overlay,
|
|
31
|
+
{
|
|
32
|
+
top: cutoutTop,
|
|
33
|
+
left: 0,
|
|
34
|
+
width: cutoutLeft,
|
|
35
|
+
height: cutoutHeight,
|
|
36
|
+
},
|
|
37
|
+
] }), _jsx(View, { style: [
|
|
38
|
+
styles.overlay,
|
|
39
|
+
themedStyles.overlay,
|
|
40
|
+
{
|
|
41
|
+
top: cutoutTop,
|
|
42
|
+
left: cutoutLeft + cutoutWidth,
|
|
43
|
+
right: 0,
|
|
44
|
+
height: cutoutHeight,
|
|
45
|
+
},
|
|
46
|
+
] }), _jsx(View, { style: [
|
|
47
|
+
styles.overlay,
|
|
48
|
+
themedStyles.overlay,
|
|
49
|
+
{
|
|
50
|
+
top: cutoutTop + cutoutHeight,
|
|
51
|
+
left: 0,
|
|
52
|
+
right: 0,
|
|
53
|
+
bottom: 0,
|
|
54
|
+
},
|
|
55
|
+
] }), [
|
|
56
|
+
{
|
|
57
|
+
top: cutoutTop,
|
|
58
|
+
left: cutoutLeft,
|
|
59
|
+
childStyle: { bottom: 0, right: 0, borderBottomRightRadius: highlightBorderRadius },
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
top: cutoutTop,
|
|
63
|
+
left: cutoutLeft + cutoutWidth - highlightBorderRadius,
|
|
64
|
+
childStyle: { bottom: 0, left: 0, borderBottomLeftRadius: highlightBorderRadius },
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
top: cutoutTop + cutoutHeight - highlightBorderRadius,
|
|
68
|
+
left: cutoutLeft,
|
|
69
|
+
childStyle: { top: 0, right: 0, borderTopRightRadius: highlightBorderRadius },
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
top: cutoutTop + cutoutHeight - highlightBorderRadius,
|
|
73
|
+
left: cutoutLeft + cutoutWidth - highlightBorderRadius,
|
|
74
|
+
childStyle: { top: 0, left: 0, borderTopLeftRadius: highlightBorderRadius },
|
|
75
|
+
},
|
|
76
|
+
].map((corner, i) => (_jsx(View, { style: [styles.cornerPatch, { top: corner.top, left: corner.left }], children: _jsx(View, { style: [styles.cornerFill, themedStyles.overlay, corner.childStyle] }) }, i))), _jsx(View, { style: [
|
|
77
|
+
styles.highlightBorder,
|
|
78
|
+
themedStyles.highlightBorder,
|
|
79
|
+
{
|
|
80
|
+
top: cutoutTop,
|
|
81
|
+
left: cutoutLeft,
|
|
82
|
+
width: cutoutWidth,
|
|
83
|
+
height: cutoutHeight,
|
|
84
|
+
borderRadius: highlightBorderRadius,
|
|
85
|
+
},
|
|
86
|
+
] })] }));
|
|
87
|
+
if (closeOnOverlayClick) {
|
|
88
|
+
return _jsx(TouchableWithoutFeedback, { onPress: onClose, children: overlayContent });
|
|
89
|
+
}
|
|
90
|
+
return overlayContent;
|
|
66
91
|
}
|
|
67
92
|
const styles = StyleSheet.create({
|
|
68
93
|
container: {
|
|
@@ -76,5 +101,16 @@ const styles = StyleSheet.create({
|
|
|
76
101
|
borderWidth: 2,
|
|
77
102
|
backgroundColor: 'transparent',
|
|
78
103
|
},
|
|
104
|
+
cornerPatch: {
|
|
105
|
+
position: 'absolute',
|
|
106
|
+
width: highlightBorderRadius,
|
|
107
|
+
height: highlightBorderRadius,
|
|
108
|
+
overflow: 'hidden',
|
|
109
|
+
},
|
|
110
|
+
cornerFill: {
|
|
111
|
+
position: 'absolute',
|
|
112
|
+
width: highlightBorderRadius * 2,
|
|
113
|
+
height: highlightBorderRadius * 2,
|
|
114
|
+
},
|
|
79
115
|
});
|
|
80
116
|
//# sourceMappingURL=tour-overlay.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"file":"tour-overlay.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/tour-overlay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useMemo } from 'react';
|
|
3
|
+
import { getTruncatedDots, DOTS_CONTAINER_WIDTH, DOT_SIZE, DOT_GAP } from '../../shared/utils';
|
|
3
4
|
const { View, Text, TouchableOpacity, StyleSheet } = require('react-native');
|
|
4
5
|
const defaultI18n = {
|
|
5
6
|
nextLabel: 'Next',
|
|
@@ -42,7 +43,7 @@ export const TourTooltip = forwardRef(function TourTooltip({ title, content, cur
|
|
|
42
43
|
left: position.left,
|
|
43
44
|
opacity: isPositioned ? 1 : 0,
|
|
44
45
|
},
|
|
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:
|
|
46
|
+
], 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: getTruncatedDots(currentStep, totalSteps).map((item, i) => item.type === 'ellipsis' ? (_jsxs(View, { style: styles.ellipsis, children: [_jsx(View, { style: styles.ellipsisDot }), _jsx(View, { style: styles.ellipsisDot })] }, `ellipsis-${i}`)) : (_jsx(View, { style: [styles.dot, item.index === currentStep && themedStyles.dotActive] }, item.index))) }), _jsx(TouchableOpacity, { style: [styles.navButton, themedStyles.nextButton], onPress: onNext, children: _jsx(Text, { style: styles.nextButtonText, children: isLastStep ? finishLabel : nextLabel }) })] })] }));
|
|
46
47
|
});
|
|
47
48
|
const styles = StyleSheet.create({
|
|
48
49
|
container: {
|
|
@@ -130,12 +131,29 @@ const styles = StyleSheet.create({
|
|
|
130
131
|
},
|
|
131
132
|
dots: {
|
|
132
133
|
flexDirection: 'row',
|
|
133
|
-
gap:
|
|
134
|
+
gap: DOT_GAP,
|
|
135
|
+
width: DOTS_CONTAINER_WIDTH,
|
|
136
|
+
justifyContent: 'center',
|
|
137
|
+
alignItems: 'center',
|
|
134
138
|
},
|
|
135
139
|
dot: {
|
|
136
|
-
width:
|
|
137
|
-
height:
|
|
138
|
-
borderRadius:
|
|
140
|
+
width: DOT_SIZE,
|
|
141
|
+
height: DOT_SIZE,
|
|
142
|
+
borderRadius: DOT_SIZE / 2,
|
|
143
|
+
backgroundColor: '#d1d5db',
|
|
144
|
+
},
|
|
145
|
+
ellipsis: {
|
|
146
|
+
width: DOT_SIZE,
|
|
147
|
+
height: DOT_SIZE,
|
|
148
|
+
flexDirection: 'row',
|
|
149
|
+
alignItems: 'center',
|
|
150
|
+
justifyContent: 'center',
|
|
151
|
+
gap: 2,
|
|
152
|
+
},
|
|
153
|
+
ellipsisDot: {
|
|
154
|
+
width: 3,
|
|
155
|
+
height: 3,
|
|
156
|
+
borderRadius: 1.5,
|
|
139
157
|
backgroundColor: '#d1d5db',
|
|
140
158
|
},
|
|
141
159
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tour-tooltip.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/tour-tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,UAAU,EAAqB,OAAO,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tour-tooltip.js","sourceRoot":"","sources":["../../../src/react-native-platform/components/tour-tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { type JSX } from 'react';
|
|
2
2
|
import { TourProviderProps } from './types/tour-provider.props.type';
|
|
3
|
-
export declare function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform, i18n, }: TourProviderProps): JSX.Element;
|
|
3
|
+
export declare function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform, i18n, closeOnOverlayClick, }: TourProviderProps): JSX.Element;
|
|
@@ -10,7 +10,7 @@ const positionRetryDelayMs = 100;
|
|
|
10
10
|
const initialPositionDelayMs = 50;
|
|
11
11
|
const maxPositionAttempts = 20;
|
|
12
12
|
const domUpdateDelayMs = 100;
|
|
13
|
-
export function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform = nativePlatformAdapter, i18n, }) {
|
|
13
|
+
export function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform = nativePlatformAdapter, i18n, closeOnOverlayClick = true, }) {
|
|
14
14
|
const resolvedTheme = useMemo(() => resolveTheme(theme), [theme]);
|
|
15
15
|
const [isActive, setIsActive] = useState(false);
|
|
16
16
|
const [currentStep, setCurrentStep] = useState(0);
|
|
@@ -207,7 +207,7 @@ export function TourProvider({ children, TooltipComponent, OverlayComponent, onT
|
|
|
207
207
|
prevStep: previousStep,
|
|
208
208
|
goToStep,
|
|
209
209
|
}), [isActive, currentStep, steps, currentTourId, startTour, endTour, nextStep, previousStep, goToStep]);
|
|
210
|
-
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: () => {
|
|
210
|
+
return (_jsxs(TourContext, { value: contextValue, children: [children, _jsx(Modal, { transparent: true, visible: Boolean(isActive && highlightRect), animationType: "fade", children: highlightRect ? (_jsxs(_Fragment, { children: [_jsx(Overlay, { closeOnOverlayClick: closeOnOverlayClick, highlightRect: highlightRect, theme: resolvedTheme, onClose: () => {
|
|
211
211
|
finishTour('blur');
|
|
212
212
|
} }), 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 })] }));
|
|
213
213
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tour-provider.js","sourceRoot":"","sources":["../../src/react-native-platform/tour-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAElF,OAAO,EAQL,WAAW,EACX,wBAAwB,EACxB,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,WAAW,IAAI,kBAAkB,EAAC,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAC,WAAW,IAAI,kBAAkB,EAAC,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAGzD,MAAM,EAAC,KAAK,EAAC,GAAG,OAAO,CAAC,cAAc,CAAkC,CAAC;AAEzE,MAAM,gBAAgB,GAAG,QAAiB,CAAC;AAC3C,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAClC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,qBAAqB,EAChC,IAAI,
|
|
1
|
+
{"version":3,"file":"tour-provider.js","sourceRoot":"","sources":["../../src/react-native-platform/tour-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAElF,OAAO,EAQL,WAAW,EACX,wBAAwB,EACxB,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,WAAW,IAAI,kBAAkB,EAAC,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAC,WAAW,IAAI,kBAAkB,EAAC,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAGzD,MAAM,EAAC,KAAK,EAAC,GAAG,OAAO,CAAC,cAAc,CAAkC,CAAC;AAEzE,MAAM,gBAAgB,GAAG,QAAiB,CAAC;AAC3C,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAClC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,qBAAqB,EAChC,IAAI,EACJ,mBAAmB,GAAG,IAAI,GACR;IAClB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAClF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAC,CAAC,CAAC;IAC1E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAmB,SAAS,CAAC,CAAC;IAChF,MAAM,UAAU,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAC1C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,MAAM,CAA8B,SAAS,CAAC,CAAC;IAEpE,MAAM,OAAO,GAAG,gBAAgB,IAAI,kBAAkB,CAAC;IACvD,MAAM,OAAO,GAAG,gBAAgB,IAAI,kBAAkB,CAAC;IAEvD,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,SAAqB,EAAE,MAAe,EAAE,OAA0B,EAAQ,EAAE;QACzG,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,cAAc,CAAC,CAAC,CAAC,CAAC;YAClB,gBAAgB,CAAC,MAAM,CAAC,CAAC;YACzB,YAAY,CAAC,OAAO,GAAG,OAAO,EAAE,SAAS,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,MAAqB,EAAQ,EAAE;QAE9B,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAErD,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,IAAI,GAAgB;gBACxB,MAAM;gBACN,SAAS,EAAE,WAAW;gBACtB,IAAI,EAAE,SAAS;gBACf,UAAU,EAAE,KAAK,CAAC,MAAM;aACzB,CAAC;YAGF,YAAY,CAAC,OAAO,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAC5C,SAAS,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACnC,CAAC;QAED,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;QACjC,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,cAAc,CAAC,CAAC,CAAC,CAAC;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC5B,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC5B,kBAAkB,CAAC,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAC,CAAC,CAAC;QACtC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,aAAa,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAC/C,CAAC;IAKF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAS,EAAE;QACrC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAS,EAAE;QACtC,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnC,cAAc,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,WAAW,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAS,EAAE;QAC1C,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACpB,cAAc,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,IAAY,EAAQ,EAAE;QACrB,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;YACrC,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,MAAM,CAAC,CACf,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAS,EAAE;QAC7C,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;QAC3C,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,KAAK,IAAmB,EAAE;YAC9B,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YACnE,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACnC,cAAc,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;gBAC7C,CAAC;qBAAM,CAAC;oBACN,UAAU,CAAC,gBAAgB,CAAC,CAAC;gBAC/B,CAAC;gBAED,OAAO;YACT,CAAC;YAED,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAEvB,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,IAAI,gBAAgB,CAAC;YAChE,MAAM,iBAAiB,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,kBAAkB,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;YAC5D,MAAM,QAAQ,GAAG,wBAAwB,CAAC,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;YAClG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAGzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;QAC3C,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,KAAK,IAAmB,EAAE;YACxC,IAAI,eAAe,CAAC,YAAY,EAAE,CAAC;gBACjC,MAAM,eAAe,CAAC,YAAY,EAAE,CAAC;gBACrC,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;oBAClC,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;gBACxC,CAAC,CAAC,CAAC;YACL,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YACnE,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACnC,cAAc,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;gBAC7C,CAAC;qBAAM,CAAC;oBACN,UAAU,CAAC,gBAAgB,CAAC,CAAC;gBAC/B,CAAC;gBAED,OAAO;YACT,CAAC;YAED,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,eAAe,CAAC,KAAK,CAAC,CAAC;YAGvB,UAAU,CAAC,GAAG,EAAE;gBACd,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAC/B,CAAC,EAAE,sBAAsB,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF,KAAK,OAAO,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAGzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtD,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;QAC3C,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,IAAI,SAAwC,CAAC;QAC7C,IAAI,gBAAwB,CAAC;QAE7B,MAAM,WAAW,GAAG,GAAS,EAAE;YAC7B,QAAQ,EAAE,CAAC;YAEX,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,EAAE;gBAC7C,KAAK,CAAC,KAAK,IAAmB,EAAE;oBAC9B,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;oBAEnE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;wBACnD,IAAI,QAAQ,GAAG,mBAAmB,EAAE,CAAC;4BACnC,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;wBAC5D,CAAC;wBAED,OAAO;oBACT,CAAC;oBAED,gBAAgB,CAAC,IAAI,CAAC,CAAC;oBAEvB,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,IAAI,gBAAgB,CAAC;oBAChE,MAAM,iBAAiB,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;oBAC9D,MAAM,kBAAkB,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;oBAC5D,MAAM,QAAQ,GAAG,wBAAwB,CAAC,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;oBAElG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;oBAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;oBAGtB,MAAM,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;gBAC9F,CAAC,CAAC,EAAE,CAAC;YACP,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;QAE5D,OAAO,GAAS,EAAE;YAChB,YAAY,CAAC,SAAS,CAAC,CAAC;YACxB,IAAI,gBAAgB,EAAE,CAAC;gBACrB,QAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;YACzC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAGzE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,OAAO,QAAQ,CAAC,mBAAmB,CAAC;YAGlC,QAAQ;gBACN,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,MAAM,EAAE,QAAQ;YAChB,MAAM,EAAE,YAAY;SACrB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAG7D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,OAAO,QAAQ,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1C,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,WAAW;QACX,KAAK;QACL,aAAa;QACb,SAAS;QACT,OAAO;QACP,QAAQ;QACR,QAAQ,EAAE,YAAY;QACtB,QAAQ;KACT,CAAC,EACF,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CACpG,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAE,YAAY,aAC7B,QAAQ,EAET,KAAC,KAAK,IAAC,WAAW,QAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,IAAI,aAAa,CAAC,EAAE,aAAa,EAAC,MAAM,YACjF,aAAa,CAAC,CAAC,CAAC,CACf,8BACE,KAAC,OAAO,IACN,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,GAAG,EAAE;gCACZ,UAAU,CAAC,MAAM,CAAC,CAAC;4BACrB,CAAC,GACD,EAED,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,OAAO,IACN,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,eAAe,CAAC,OAAO,EAChC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,eAAe,EACzB,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,eAAe,CAAC,KAAK,EAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,QAAQ,EACpB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,YAAY,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC,CAAC,CAAC,IAAI,GACF,IACI,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { type JSX } from 'react';
|
|
2
2
|
import { type TourOverlayProps } from '../../shared';
|
|
3
|
-
export declare function TourOverlay({ highlightRect, onClose, theme }: TourOverlayProps): JSX.Element;
|
|
3
|
+
export declare function TourOverlay({ highlightRect, onClose, theme, closeOnOverlayClick }: TourOverlayProps): JSX.Element;
|
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
const highlightPadding = 8;
|
|
4
4
|
const borderRadius = 8;
|
|
5
|
-
export function TourOverlay({ highlightRect, onClose, theme }) {
|
|
5
|
+
export function TourOverlay({ highlightRect, onClose, theme, closeOnOverlayClick }) {
|
|
6
6
|
const primaryColorRgba = `${theme.primaryColor}4D`;
|
|
7
7
|
return (_jsxs("div", { style: {
|
|
8
8
|
position: 'fixed',
|
|
9
9
|
inset: 0,
|
|
10
10
|
zIndex: 9998,
|
|
11
|
-
|
|
11
|
+
cursor: closeOnOverlayClick ? 'pointer' : 'default',
|
|
12
|
+
}, onClick: closeOnOverlayClick ? onClose : undefined, children: [_jsxs("svg", { style: {
|
|
12
13
|
position: 'absolute',
|
|
13
14
|
inset: 0,
|
|
14
15
|
height: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tour-overlay.js","sourceRoot":"","sources":["../../../src/react-platform/components/tour-overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,UAAU,WAAW,CAAC,EAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAmB;
|
|
1
|
+
{"version":3,"file":"tour-overlay.js","sourceRoot":"","sources":["../../../src/react-platform/components/tour-overlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,UAAU,WAAW,CAAC,EAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAmB;IAEhG,MAAM,gBAAgB,GAAG,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC;IAEnD,OAAO,CACL,eACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SACpD,EACD,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,aAElD,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,MAAM;iBACd,aAED,yBACE,gBAAM,EAAE,EAAC,WAAW,aAClB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5D,eACE,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,gBAAgB,EACxC,CAAC,EAAE,aAAa,CAAC,GAAG,GAAG,gBAAgB,EACvC,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,gBAAgB,GAAG,CAAC,EACjD,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC,EACnD,EAAE,EAAE,YAAY,EAChB,IAAI,EAAC,OAAO,GACZ,IACG,GACF,EACP,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,EAAC,iBAAiB,GAAG,IAC5F,EAEN,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,aAAa,KAAK,CAAC,YAAY,EAAE;oBACzC,SAAS,EAAE,aAAa,gBAAgB,EAAE;oBAC1C,aAAa,EAAE,MAAM;oBACrB,GAAG,EAAE,aAAa,CAAC,GAAG,GAAG,gBAAgB;oBACzC,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,gBAAgB;oBAC3C,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,gBAAgB,GAAG,CAAC;oBACjD,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC;iBACpD,GACD,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
|
+
import { getTruncatedDots, DOTS_CONTAINER_WIDTH, DOT_SIZE, DOT_GAP } from '../../shared/utils';
|
|
4
5
|
const defaultI18n = {
|
|
5
6
|
nextLabel: 'Next',
|
|
6
7
|
prevLabel: 'Back',
|
|
@@ -98,15 +99,19 @@ function TourTooltipComponent({ title, content, currentStep, totalSteps, positio
|
|
|
98
99
|
},
|
|
99
100
|
dotsContainer: {
|
|
100
101
|
display: 'flex',
|
|
101
|
-
gap:
|
|
102
|
+
gap: `${DOT_GAP}px`,
|
|
103
|
+
width: `${DOTS_CONTAINER_WIDTH}px`,
|
|
104
|
+
justifyContent: 'center',
|
|
105
|
+
alignItems: 'center',
|
|
102
106
|
},
|
|
103
107
|
dot: {
|
|
104
|
-
width:
|
|
105
|
-
height:
|
|
108
|
+
width: `${DOT_SIZE}px`,
|
|
109
|
+
height: `${DOT_SIZE}px`,
|
|
106
110
|
borderRadius: '50%',
|
|
107
111
|
border: 'none',
|
|
108
112
|
cursor: 'pointer',
|
|
109
113
|
padding: 0,
|
|
114
|
+
flexShrink: 0,
|
|
110
115
|
},
|
|
111
116
|
dotActive: {
|
|
112
117
|
backgroundColor: theme.primaryColor,
|
|
@@ -114,6 +119,21 @@ function TourTooltipComponent({ title, content, currentStep, totalSteps, positio
|
|
|
114
119
|
dotInactive: {
|
|
115
120
|
backgroundColor: '#d1d5db',
|
|
116
121
|
},
|
|
122
|
+
ellipsis: {
|
|
123
|
+
width: `${DOT_SIZE}px`,
|
|
124
|
+
height: `${DOT_SIZE}px`,
|
|
125
|
+
display: 'flex',
|
|
126
|
+
alignItems: 'center',
|
|
127
|
+
justifyContent: 'center',
|
|
128
|
+
gap: '2px',
|
|
129
|
+
flexShrink: 0,
|
|
130
|
+
},
|
|
131
|
+
ellipsisDot: {
|
|
132
|
+
width: '3px',
|
|
133
|
+
height: '3px',
|
|
134
|
+
borderRadius: '50%',
|
|
135
|
+
backgroundColor: '#d1d5db',
|
|
136
|
+
},
|
|
117
137
|
};
|
|
118
138
|
return (_jsx("div", { ref: ref, style: {
|
|
119
139
|
...styles.container,
|
|
@@ -124,12 +144,12 @@ function TourTooltipComponent({ title, content, currentStep, totalSteps, positio
|
|
|
124
144
|
}, children: _jsxs("div", { style: styles.card, children: [_jsxs("div", { style: styles.header, children: [_jsx("span", { style: styles.stepTag, children: stepCounterTemplate.replace('{current}', String(currentStep + 1)).replace('{total}', String(totalSteps)) }), _jsx("button", { type: "button", style: styles.closeButton, "aria-label": closeAriaLabel, onClick: onClose, children: "\u2715" })] }), _jsxs("div", { style: styles.body, children: [_jsx("h3", { style: styles.title, children: title }), _jsx("p", { style: styles.content, children: content })] }), _jsxs("div", { style: styles.footer, children: [_jsx("button", { type: "button", style: {
|
|
125
145
|
...styles.navButton,
|
|
126
146
|
...(isFirstStep ? styles.navButtonDisabled : {}),
|
|
127
|
-
}, disabled: isFirstStep, onClick: onPrev, children: prevLabel }), _jsx("div", { style: styles.dotsContainer, children:
|
|
147
|
+
}, disabled: isFirstStep, onClick: onPrev, children: prevLabel }), _jsx("div", { style: styles.dotsContainer, children: getTruncatedDots(currentStep, totalSteps).map((item, i) => item.type === 'ellipsis' ? (_jsxs("span", { style: styles.ellipsis, children: [_jsx("span", { style: styles.ellipsisDot }), _jsx("span", { style: styles.ellipsisDot })] }, `ellipsis-${i}`)) : (_jsx("button", { type: "button", style: {
|
|
128
148
|
...styles.dot,
|
|
129
|
-
...(index === currentStep ? styles.dotActive : styles.dotInactive),
|
|
130
|
-
}, "aria-label": dotAriaLabelTemplate.replace('{step}', String(index + 1)), onClick: () => {
|
|
131
|
-
onGoToStep(index);
|
|
132
|
-
} }, `step-${index}`))) }), _jsx("button", { type: "button", style: styles.nextButton, onClick: onNext, children: isLastStep ? finishLabel : nextLabel })] })] }) }));
|
|
149
|
+
...(item.index === currentStep ? styles.dotActive : styles.dotInactive),
|
|
150
|
+
}, "aria-label": dotAriaLabelTemplate.replace('{step}', String(item.index + 1)), onClick: () => {
|
|
151
|
+
onGoToStep(item.index);
|
|
152
|
+
} }, `step-${item.index}`))) }), _jsx("button", { type: "button", style: styles.nextButton, onClick: onNext, children: isLastStep ? finishLabel : nextLabel })] })] }) }));
|
|
133
153
|
}
|
|
134
154
|
export const TourTooltip = forwardRef(TourTooltipComponent);
|
|
135
155
|
//# sourceMappingURL=tour-tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tour-tooltip.js","sourceRoot":"","sources":["../../../src/react-platform/components/tour-tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA8B,UAAU,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tour-tooltip.js","sourceRoot":"","sources":["../../../src/react-platform/components/tour-tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { type JSX } from 'react';
|
|
2
2
|
import { type TourProviderProps } from '.';
|
|
3
|
-
export declare function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform, i18n, }: TourProviderProps): JSX.Element;
|
|
3
|
+
export declare function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform, i18n, closeOnOverlayClick, }: TourProviderProps): JSX.Element;
|
|
@@ -11,7 +11,7 @@ const positionRetryDelayMs = 100;
|
|
|
11
11
|
const initialPositionDelayMs = 50;
|
|
12
12
|
const maxPositionAttempts = 20;
|
|
13
13
|
const domUpdateDelayMs = 100;
|
|
14
|
-
export function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform = webPlatformAdapter, i18n, }) {
|
|
14
|
+
export function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform = webPlatformAdapter, i18n, closeOnOverlayClick = true, }) {
|
|
15
15
|
const resolvedTheme = useMemo(() => resolveTheme(theme), [theme]);
|
|
16
16
|
const [isActive, setIsActive] = useState(false);
|
|
17
17
|
const [currentStep, setCurrentStep] = useState(0);
|
|
@@ -213,7 +213,7 @@ export function TourProvider({ children, TooltipComponent, OverlayComponent, onT
|
|
|
213
213
|
goToStep,
|
|
214
214
|
}), [isActive, currentStep, steps, currentTourId, startTour, endTour, nextStep, previousStep, goToStep]);
|
|
215
215
|
return (_jsxs(TourContext, { value: contextValue, children: [children, isActive && highlightRect && isMounted
|
|
216
|
-
? createPortal(_jsxs(_Fragment, { children: [_jsx(Overlay, { highlightRect: highlightRect, theme: resolvedTheme, onClose: () => {
|
|
216
|
+
? createPortal(_jsxs(_Fragment, { children: [_jsx(Overlay, { closeOnOverlayClick: closeOnOverlayClick, highlightRect: highlightRect, theme: resolvedTheme, onClose: () => {
|
|
217
217
|
finishTour('blur');
|
|
218
218
|
} }), 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] }), document.body)
|
|
219
219
|
: null] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tour-provider.js","sourceRoot":"","sources":["../../src/react-platform/tour-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AACvC,OAAO,EAQL,WAAW,EACX,wBAAwB,EACxB,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAC,WAAW,IAAI,kBAAkB,EAAC,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAC,WAAW,IAAI,kBAAkB,EAAC,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAGtD,MAAM,gBAAgB,GAAG,QAAiB,CAAC;AAC3C,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAClC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,kBAAkB,EAC7B,IAAI,
|
|
1
|
+
{"version":3,"file":"tour-provider.js","sourceRoot":"","sources":["../../src/react-platform/tour-provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,18 +36,14 @@ export function calculateTooltipPosition(targetRect, placement, tooltipDimension
|
|
|
36
36
|
break;
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
if (left < tooltipPadding) {
|
|
40
|
-
left = tooltipPadding;
|
|
41
|
-
}
|
|
42
|
-
if (left + tooltipWidth > viewportWidth - tooltipPadding) {
|
|
43
|
-
left = viewportWidth - tooltipWidth - tooltipPadding;
|
|
44
|
-
}
|
|
45
39
|
if (top < tooltipPadding) {
|
|
46
40
|
top = targetRect.bottom + tooltipPadding;
|
|
47
41
|
}
|
|
48
42
|
if (top + tooltipHeight > viewportHeight - tooltipPadding) {
|
|
49
43
|
top = targetRect.top - tooltipHeight - tooltipPadding;
|
|
50
44
|
}
|
|
45
|
+
top = Math.max(tooltipPadding, Math.min(top, viewportHeight - tooltipHeight - tooltipPadding));
|
|
46
|
+
left = Math.max(tooltipPadding, Math.min(left, viewportWidth - tooltipWidth - tooltipPadding));
|
|
51
47
|
return { top, left };
|
|
52
48
|
}
|
|
53
49
|
//# sourceMappingURL=calculate-tooltip-position.util.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calculate-tooltip-position.util.js","sourceRoot":"","sources":["../../../src/shared/utils/calculate-tooltip-position.util.ts"],"names":[],"mappings":"AAEA,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAChC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,cAAc,GAAG,EAAE,CAAC;AAiB1B,MAAM,UAAU,wBAAwB,CACtC,UAAgB,EAChB,SAA8C,EAC9C,iBAAoC,EACpC,kBAAsC;IAEtC,MAAM,aAAa,GAAG,kBAAkB,CAAC,KAAK,CAAC;IAC/C,MAAM,cAAc,GAAG,kBAAkB,CAAC,MAAM,CAAC;IACjD,MAAM,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IAClD,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,aAAa,GAAG,cAAc,GAAG,CAAC,CAAC;QAClE,CAAC,CAAC,mBAAmB,CAAC;IACxB,MAAM,YAAY,GAAG,iBAAiB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC;IAC1F,MAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAErG,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,IAAI,IAAI,GAAG,CAAC,CAAC;IAEb,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,aAAa,GAAG,cAAc,CAAC;YACtD,IAAI,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC;YACjE,MAAM;QACR,CAAC;QAED,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,cAAc,CAAC;YACzC,IAAI,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC;YACjE,MAAM;QACR,CAAC;QAED,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;YACjE,IAAI,GAAG,UAAU,CAAC,IAAI,GAAG,YAAY,GAAG,cAAc,CAAC;YACvD,MAAM;QACR,CAAC;QAED,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;YACjE,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,cAAc,CAAC;YACzC,MAAM;QACR,CAAC;IACH,CAAC;IAGD,IAAI,
|
|
1
|
+
{"version":3,"file":"calculate-tooltip-position.util.js","sourceRoot":"","sources":["../../../src/shared/utils/calculate-tooltip-position.util.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const MAX_VISIBLE_DOTS = 7;
|
|
2
|
+
export declare const DOT_SIZE = 8;
|
|
3
|
+
export declare const DOT_GAP = 6;
|
|
4
|
+
export declare const DOTS_CONTAINER_WIDTH: number;
|
|
5
|
+
export type DotItem = {
|
|
6
|
+
type: 'dot';
|
|
7
|
+
index: number;
|
|
8
|
+
} | {
|
|
9
|
+
type: 'ellipsis';
|
|
10
|
+
};
|
|
11
|
+
export declare function getTruncatedDots(currentStep: number, totalSteps: number): DotItem[];
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export const MAX_VISIBLE_DOTS = 7;
|
|
2
|
+
export const DOT_SIZE = 8;
|
|
3
|
+
export const DOT_GAP = 6;
|
|
4
|
+
export const DOTS_CONTAINER_WIDTH = MAX_VISIBLE_DOTS * DOT_SIZE + (MAX_VISIBLE_DOTS - 1) * DOT_GAP;
|
|
5
|
+
export function getTruncatedDots(currentStep, totalSteps) {
|
|
6
|
+
if (totalSteps <= MAX_VISIBLE_DOTS) {
|
|
7
|
+
return Array.from({ length: totalSteps }, (_, i) => ({ type: 'dot', index: i }));
|
|
8
|
+
}
|
|
9
|
+
const dots = [];
|
|
10
|
+
const indices = new Set([0, totalSteps - 1, currentStep]);
|
|
11
|
+
for (let offset = 1; indices.size < MAX_VISIBLE_DOTS - countGaps(indices); offset++) {
|
|
12
|
+
if (currentStep - offset >= 0)
|
|
13
|
+
indices.add(currentStep - offset);
|
|
14
|
+
if (currentStep + offset < totalSteps)
|
|
15
|
+
indices.add(currentStep + offset);
|
|
16
|
+
if (offset > totalSteps)
|
|
17
|
+
break;
|
|
18
|
+
}
|
|
19
|
+
const sorted = [...indices].sort((a, b) => a - b);
|
|
20
|
+
for (let i = 0; i < sorted.length; i++) {
|
|
21
|
+
if (i > 0 && sorted[i] - sorted[i - 1] > 1) {
|
|
22
|
+
dots.push({ type: 'ellipsis' });
|
|
23
|
+
}
|
|
24
|
+
dots.push({ type: 'dot', index: sorted[i] });
|
|
25
|
+
}
|
|
26
|
+
return dots;
|
|
27
|
+
}
|
|
28
|
+
function countGaps(indices) {
|
|
29
|
+
const sorted = [...indices].sort((a, b) => a - b);
|
|
30
|
+
let gaps = 0;
|
|
31
|
+
for (let i = 1; i < sorted.length; i++) {
|
|
32
|
+
if (sorted[i] - sorted[i - 1] > 1)
|
|
33
|
+
gaps++;
|
|
34
|
+
}
|
|
35
|
+
return gaps;
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=get-truncated-dots.util.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-truncated-dots.util.js","sourceRoot":"","sources":["../../../src/shared/utils/get-truncated-dots.util.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAClC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC;AAC1B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AACzB,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,CAAC,gBAAgB,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;AAInG,MAAM,UAAU,gBAAgB,CAAC,WAAmB,EAAE,UAAkB;IACtE,IAAI,UAAU,IAAI,gBAAgB,EAAE,CAAC;QACnC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,UAAU,EAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAc,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;IACxF,CAAC;IAED,MAAM,IAAI,GAAc,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,IAAI,GAAG,CAAS,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;IAIlE,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,OAAO,CAAC,IAAI,GAAG,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;QACpF,IAAI,WAAW,GAAG,MAAM,IAAI,CAAC;YAAE,OAAO,CAAC,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC;QACjE,IAAI,WAAW,GAAG,MAAM,GAAG,UAAU;YAAE,OAAO,CAAC,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC;QACzE,IAAI,MAAM,GAAG,UAAU;YAAE,MAAM;IACjC,CAAC;IAGD,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAElD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,IAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAC3C,IAAI,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,SAAS,CAAC,OAAoB;IAErC,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAClD,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;YAAE,IAAI,EAAE,CAAC;IAC5C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAC,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,OAAO,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@robertlinde/react-tour-kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Cross-platform guided tour library for React and React Native. Build interactive onboarding experiences with customizable tooltips, smart positioning, cross-page navigation, and async step actions. Fully themeable with TypeScript support.",
|
|
6
6
|
"author": "Robert Linde",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"@types/react-native": "0.73.0",
|
|
70
70
|
"husky": "9.1.7",
|
|
71
71
|
"lint-staged": "16.4.0",
|
|
72
|
-
"prettier": "3.8.
|
|
72
|
+
"prettier": "3.8.2",
|
|
73
73
|
"react": "19.2.5",
|
|
74
74
|
"react-dom": "19.2.5",
|
|
75
75
|
"typescript": "6.0.2",
|