@flowsterix/react 0.14.0 → 0.14.2
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/chunk-IMMALBJL.cjs +138 -0
- package/dist/chunk-ZE3LNV4N.mjs +138 -0
- package/dist/components/TourPopoverPortal.d.ts +7 -1
- package/dist/components/TourPopoverPortal.d.ts.map +1 -1
- package/dist/context.d.ts +3 -1
- package/dist/context.d.ts.map +1 -1
- package/dist/devtools/components/GrabberOverlay.d.ts.map +1 -1
- package/dist/devtools/index.cjs +27 -99
- package/dist/devtools/index.mjs +52 -124
- package/dist/devtools/motion.d.ts +5 -1
- package/dist/devtools/motion.d.ts.map +1 -1
- package/dist/hooks/useTourOverlay.d.ts.map +1 -1
- package/dist/hooks/useTourTarget.d.ts.map +1 -1
- package/dist/index.cjs +279 -129
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +187 -37
- package/dist/motion/animationAdapter.d.ts +1 -0
- package/dist/motion/animationAdapter.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/chunk-AJZMUYBN.mjs +0 -21
- package/dist/chunk-FCOKCGV3.cjs +0 -21
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/devtools/DevToolsContext.tsx
|
|
2
|
+
var _react = require('react');
|
|
3
|
+
var DevToolsContext = _react.createContext.call(void 0, null);
|
|
4
|
+
function useDevToolsContext() {
|
|
5
|
+
return _react.useContext.call(void 0, DevToolsContext);
|
|
6
|
+
}
|
|
7
|
+
function useDevToolsContextRequired() {
|
|
8
|
+
const context = _react.useContext.call(void 0, DevToolsContext);
|
|
9
|
+
if (!context) {
|
|
10
|
+
throw new Error(
|
|
11
|
+
"useDevToolsContext must be used within a TourProvider with devtools enabled"
|
|
12
|
+
);
|
|
13
|
+
}
|
|
14
|
+
return context;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
// src/devtools/motion.ts
|
|
18
|
+
|
|
19
|
+
var springPresets = {
|
|
20
|
+
snappy: {
|
|
21
|
+
type: "spring",
|
|
22
|
+
damping: 30,
|
|
23
|
+
stiffness: 500,
|
|
24
|
+
mass: 0.5
|
|
25
|
+
},
|
|
26
|
+
smooth: {
|
|
27
|
+
type: "spring",
|
|
28
|
+
damping: 30,
|
|
29
|
+
stiffness: 300,
|
|
30
|
+
mass: 0.8
|
|
31
|
+
},
|
|
32
|
+
bouncy: {
|
|
33
|
+
type: "spring",
|
|
34
|
+
damping: 15,
|
|
35
|
+
stiffness: 400,
|
|
36
|
+
mass: 0.5
|
|
37
|
+
},
|
|
38
|
+
grabber: {
|
|
39
|
+
type: "spring",
|
|
40
|
+
damping: 30,
|
|
41
|
+
stiffness: 400,
|
|
42
|
+
mass: 0.8
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
var springTweenEquivalents = {
|
|
46
|
+
snappy: {
|
|
47
|
+
duration: 0.2,
|
|
48
|
+
ease: [0.25, 1, 0.5, 1]
|
|
49
|
+
},
|
|
50
|
+
smooth: {
|
|
51
|
+
duration: 0.3,
|
|
52
|
+
ease: [0.25, 1, 0.5, 1]
|
|
53
|
+
},
|
|
54
|
+
bouncy: {
|
|
55
|
+
duration: 0.3,
|
|
56
|
+
ease: [0.25, 1, 0.5, 1]
|
|
57
|
+
},
|
|
58
|
+
grabber: {
|
|
59
|
+
duration: 0.25,
|
|
60
|
+
ease: [0.25, 1, 0.5, 1]
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
var _useSpringAnimations = true;
|
|
64
|
+
function setUseSpringAnimations(value) {
|
|
65
|
+
_useSpringAnimations = value;
|
|
66
|
+
}
|
|
67
|
+
var springs = {
|
|
68
|
+
get snappy() {
|
|
69
|
+
return _useSpringAnimations ? springPresets.snappy : springTweenEquivalents.snappy;
|
|
70
|
+
},
|
|
71
|
+
get smooth() {
|
|
72
|
+
return _useSpringAnimations ? springPresets.smooth : springTweenEquivalents.smooth;
|
|
73
|
+
},
|
|
74
|
+
get bouncy() {
|
|
75
|
+
return _useSpringAnimations ? springPresets.bouncy : springTweenEquivalents.bouncy;
|
|
76
|
+
},
|
|
77
|
+
get grabber() {
|
|
78
|
+
return _useSpringAnimations ? springPresets.grabber : springTweenEquivalents.grabber;
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
var stagger = {
|
|
82
|
+
fast: {
|
|
83
|
+
staggerChildren: 0.03,
|
|
84
|
+
delayChildren: 0.05
|
|
85
|
+
},
|
|
86
|
+
default: {
|
|
87
|
+
staggerChildren: 0.05,
|
|
88
|
+
delayChildren: 0.1
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
var listItemVariants = {
|
|
92
|
+
hidden: {
|
|
93
|
+
opacity: 0,
|
|
94
|
+
y: 8,
|
|
95
|
+
scale: 0.98
|
|
96
|
+
},
|
|
97
|
+
visible: {
|
|
98
|
+
opacity: 1,
|
|
99
|
+
y: 0,
|
|
100
|
+
scale: 1
|
|
101
|
+
},
|
|
102
|
+
exit: {
|
|
103
|
+
opacity: 0,
|
|
104
|
+
scale: 0.95,
|
|
105
|
+
transition: { duration: 0.15 }
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
var listContainerVariants = {
|
|
109
|
+
hidden: { opacity: 0 },
|
|
110
|
+
visible: {
|
|
111
|
+
opacity: 1,
|
|
112
|
+
transition: stagger.fast
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
function useReducedMotion() {
|
|
116
|
+
const [prefersReducedMotion, setPrefersReducedMotion] = _react.useState.call(void 0, false);
|
|
117
|
+
_react.useEffect.call(void 0, () => {
|
|
118
|
+
const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
|
|
119
|
+
setPrefersReducedMotion(mediaQuery.matches);
|
|
120
|
+
const handler = (event) => {
|
|
121
|
+
setPrefersReducedMotion(event.matches);
|
|
122
|
+
};
|
|
123
|
+
mediaQuery.addEventListener("change", handler);
|
|
124
|
+
return () => mediaQuery.removeEventListener("change", handler);
|
|
125
|
+
}, []);
|
|
126
|
+
return prefersReducedMotion;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
exports.DevToolsContext = DevToolsContext; exports.useDevToolsContext = useDevToolsContext; exports.useDevToolsContextRequired = useDevToolsContextRequired; exports.setUseSpringAnimations = setUseSpringAnimations; exports.springs = springs; exports.listItemVariants = listItemVariants; exports.listContainerVariants = listContainerVariants; exports.useReducedMotion = useReducedMotion;
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
// src/devtools/DevToolsContext.tsx
|
|
2
|
+
import { createContext, useContext } from "react";
|
|
3
|
+
var DevToolsContext = createContext(null);
|
|
4
|
+
function useDevToolsContext() {
|
|
5
|
+
return useContext(DevToolsContext);
|
|
6
|
+
}
|
|
7
|
+
function useDevToolsContextRequired() {
|
|
8
|
+
const context = useContext(DevToolsContext);
|
|
9
|
+
if (!context) {
|
|
10
|
+
throw new Error(
|
|
11
|
+
"useDevToolsContext must be used within a TourProvider with devtools enabled"
|
|
12
|
+
);
|
|
13
|
+
}
|
|
14
|
+
return context;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
// src/devtools/motion.ts
|
|
18
|
+
import { useEffect, useState } from "react";
|
|
19
|
+
var springPresets = {
|
|
20
|
+
snappy: {
|
|
21
|
+
type: "spring",
|
|
22
|
+
damping: 30,
|
|
23
|
+
stiffness: 500,
|
|
24
|
+
mass: 0.5
|
|
25
|
+
},
|
|
26
|
+
smooth: {
|
|
27
|
+
type: "spring",
|
|
28
|
+
damping: 30,
|
|
29
|
+
stiffness: 300,
|
|
30
|
+
mass: 0.8
|
|
31
|
+
},
|
|
32
|
+
bouncy: {
|
|
33
|
+
type: "spring",
|
|
34
|
+
damping: 15,
|
|
35
|
+
stiffness: 400,
|
|
36
|
+
mass: 0.5
|
|
37
|
+
},
|
|
38
|
+
grabber: {
|
|
39
|
+
type: "spring",
|
|
40
|
+
damping: 30,
|
|
41
|
+
stiffness: 400,
|
|
42
|
+
mass: 0.8
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
var springTweenEquivalents = {
|
|
46
|
+
snappy: {
|
|
47
|
+
duration: 0.2,
|
|
48
|
+
ease: [0.25, 1, 0.5, 1]
|
|
49
|
+
},
|
|
50
|
+
smooth: {
|
|
51
|
+
duration: 0.3,
|
|
52
|
+
ease: [0.25, 1, 0.5, 1]
|
|
53
|
+
},
|
|
54
|
+
bouncy: {
|
|
55
|
+
duration: 0.3,
|
|
56
|
+
ease: [0.25, 1, 0.5, 1]
|
|
57
|
+
},
|
|
58
|
+
grabber: {
|
|
59
|
+
duration: 0.25,
|
|
60
|
+
ease: [0.25, 1, 0.5, 1]
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
var _useSpringAnimations = true;
|
|
64
|
+
function setUseSpringAnimations(value) {
|
|
65
|
+
_useSpringAnimations = value;
|
|
66
|
+
}
|
|
67
|
+
var springs = {
|
|
68
|
+
get snappy() {
|
|
69
|
+
return _useSpringAnimations ? springPresets.snappy : springTweenEquivalents.snappy;
|
|
70
|
+
},
|
|
71
|
+
get smooth() {
|
|
72
|
+
return _useSpringAnimations ? springPresets.smooth : springTweenEquivalents.smooth;
|
|
73
|
+
},
|
|
74
|
+
get bouncy() {
|
|
75
|
+
return _useSpringAnimations ? springPresets.bouncy : springTweenEquivalents.bouncy;
|
|
76
|
+
},
|
|
77
|
+
get grabber() {
|
|
78
|
+
return _useSpringAnimations ? springPresets.grabber : springTweenEquivalents.grabber;
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
var stagger = {
|
|
82
|
+
fast: {
|
|
83
|
+
staggerChildren: 0.03,
|
|
84
|
+
delayChildren: 0.05
|
|
85
|
+
},
|
|
86
|
+
default: {
|
|
87
|
+
staggerChildren: 0.05,
|
|
88
|
+
delayChildren: 0.1
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
var listItemVariants = {
|
|
92
|
+
hidden: {
|
|
93
|
+
opacity: 0,
|
|
94
|
+
y: 8,
|
|
95
|
+
scale: 0.98
|
|
96
|
+
},
|
|
97
|
+
visible: {
|
|
98
|
+
opacity: 1,
|
|
99
|
+
y: 0,
|
|
100
|
+
scale: 1
|
|
101
|
+
},
|
|
102
|
+
exit: {
|
|
103
|
+
opacity: 0,
|
|
104
|
+
scale: 0.95,
|
|
105
|
+
transition: { duration: 0.15 }
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
var listContainerVariants = {
|
|
109
|
+
hidden: { opacity: 0 },
|
|
110
|
+
visible: {
|
|
111
|
+
opacity: 1,
|
|
112
|
+
transition: stagger.fast
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
function useReducedMotion() {
|
|
116
|
+
const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
|
|
117
|
+
useEffect(() => {
|
|
118
|
+
const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
|
|
119
|
+
setPrefersReducedMotion(mediaQuery.matches);
|
|
120
|
+
const handler = (event) => {
|
|
121
|
+
setPrefersReducedMotion(event.matches);
|
|
122
|
+
};
|
|
123
|
+
mediaQuery.addEventListener("change", handler);
|
|
124
|
+
return () => mediaQuery.removeEventListener("change", handler);
|
|
125
|
+
}, []);
|
|
126
|
+
return prefersReducedMotion;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
export {
|
|
130
|
+
DevToolsContext,
|
|
131
|
+
useDevToolsContext,
|
|
132
|
+
useDevToolsContextRequired,
|
|
133
|
+
setUseSpringAnimations,
|
|
134
|
+
springs,
|
|
135
|
+
listItemVariants,
|
|
136
|
+
listContainerVariants,
|
|
137
|
+
useReducedMotion
|
|
138
|
+
};
|
|
@@ -56,7 +56,13 @@ export interface TourPopoverPortalProps {
|
|
|
56
56
|
* The backdrop will show but the popover content remains invisible.
|
|
57
57
|
*/
|
|
58
58
|
isInGracePeriod?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Callback reporting the popover's rendered height (plus margin).
|
|
61
|
+
* Use as `scrollLockBottomInset` so constrained scroll lets users
|
|
62
|
+
* reach all highlighted content above the popover.
|
|
63
|
+
*/
|
|
64
|
+
onHeightChange?: (height: number) => void;
|
|
59
65
|
}
|
|
60
|
-
export declare const TourPopoverPortal: ({ target, children, offset, width, maxWidth, zIndex, placement, role, ariaLabel, ariaDescribedBy, ariaModal, descriptionId, descriptionText, onContainerChange, layoutId, containerComponent, contentComponent, transitionsOverride, isInGracePeriod, }: TourPopoverPortalProps) => import("react").ReactPortal | null;
|
|
66
|
+
export declare const TourPopoverPortal: ({ target, children, offset, width, maxWidth, zIndex, placement, role, ariaLabel, ariaDescribedBy, ariaModal, descriptionId, descriptionText, onContainerChange, layoutId, containerComponent, contentComponent, transitionsOverride, isInGracePeriod, onHeightChange, }: TourPopoverPortalProps) => import("react").ReactPortal | null;
|
|
61
67
|
export {};
|
|
62
68
|
//# sourceMappingURL=TourPopoverPortal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TourPopoverPortal.d.ts","sourceRoot":"","sources":["../../src/components/TourPopoverPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAc,MAAM,cAAc,CAAA;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAuB7E,KAAK,kBAAkB,GAAG,WAAW,GACnC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IAC3C,KAAK,CAAC,EAAE,aAAa,GAAG,WAAW,CAAA;CACpC,CAAA;AAEH,KAAK,sBAAsB,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"TourPopoverPortal.d.ts","sourceRoot":"","sources":["../../src/components/TourPopoverPortal.tsx"],"names":[],"mappings":"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"}
|
package/dist/context.d.ts
CHANGED
|
@@ -24,6 +24,8 @@ export interface TourProviderProps {
|
|
|
24
24
|
lockBodyScroll?: boolean;
|
|
25
25
|
/** Customize UI labels for internationalization */
|
|
26
26
|
labels?: Partial<TourLabels>;
|
|
27
|
+
/** Use tween (easing-curve) animations instead of spring physics everywhere */
|
|
28
|
+
useSpringAnimations?: boolean;
|
|
27
29
|
/** Callback when a version mismatch is detected and resolved */
|
|
28
30
|
onVersionMismatch?: (info: VersionMismatchInfo) => void;
|
|
29
31
|
}
|
|
@@ -58,7 +60,7 @@ export interface TourContextValue {
|
|
|
58
60
|
/** @internal - DevTools: update flow storage entry */
|
|
59
61
|
updateFlowStorage: (flowId: string, state: FlowState) => Promise<void>;
|
|
60
62
|
}
|
|
61
|
-
export declare const TourProvider: ({ flows, children, storageAdapter, storageNamespace, persistOnChange, defaultDebug, animationAdapter: animationAdapterProp, reducedMotionAdapter, autoDetectReducedMotion, analytics, backdropInteraction: backdropInteractionProp, lockBodyScroll: lockBodyScrollProp, labels: labelsProp, onVersionMismatch, }: PropsWithChildren<TourProviderProps>) => import("react/jsx-runtime").JSX.Element;
|
|
63
|
+
export declare const TourProvider: ({ flows, children, storageAdapter, storageNamespace, persistOnChange, defaultDebug, animationAdapter: animationAdapterProp, reducedMotionAdapter, autoDetectReducedMotion, analytics, backdropInteraction: backdropInteractionProp, lockBodyScroll: lockBodyScrollProp, labels: labelsProp, useSpringAnimations: useSpringAnimationsProp, onVersionMismatch, }: PropsWithChildren<TourProviderProps>) => import("react/jsx-runtime").JSX.Element;
|
|
62
64
|
export declare const useTour: () => TourContextValue;
|
|
63
65
|
export declare const useTourEvents: <TEventKey extends Extract<keyof FlowEvents<ReactNode>, string>>(event: TEventKey, handler: (payload: FlowEvents<ReactNode>[TEventKey]) => void) => void;
|
|
64
66
|
//# sourceMappingURL=context.d.ts.map
|
package/dist/context.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,YAAY,EACZ,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,SAAS,EAET,YAAY,EAEZ,gBAAgB,EAChB,IAAI,EACJ,cAAc,EAEd,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AAczB,OAAO,KAAK,EACV,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AAUd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GrabberOverlay.d.ts","sourceRoot":"","sources":["../../../src/devtools/components/GrabberOverlay.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GrabberOverlay.d.ts","sourceRoot":"","sources":["../../../src/devtools/components/GrabberOverlay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAuH3C,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAC7C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,sCAsJxD"}
|
package/dist/devtools/index.cjs
CHANGED
|
@@ -2,83 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
var _chunkIMMALBJLcjs = require('../chunk-IMMALBJL.cjs');
|
|
6
10
|
|
|
7
11
|
// src/devtools/DevToolsProvider.tsx
|
|
8
12
|
var _react = require('react');
|
|
9
13
|
var _reactdom = require('react-dom');
|
|
10
14
|
var _react3 = require('motion/react');
|
|
11
15
|
|
|
12
|
-
// src/devtools/motion.ts
|
|
13
|
-
|
|
14
|
-
var springs = {
|
|
15
|
-
snappy: {
|
|
16
|
-
type: "spring",
|
|
17
|
-
damping: 30,
|
|
18
|
-
stiffness: 500,
|
|
19
|
-
mass: 0.5
|
|
20
|
-
},
|
|
21
|
-
smooth: {
|
|
22
|
-
type: "spring",
|
|
23
|
-
damping: 30,
|
|
24
|
-
stiffness: 300,
|
|
25
|
-
mass: 0.8
|
|
26
|
-
},
|
|
27
|
-
bouncy: {
|
|
28
|
-
type: "spring",
|
|
29
|
-
damping: 15,
|
|
30
|
-
stiffness: 400,
|
|
31
|
-
mass: 0.5
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
var stagger = {
|
|
35
|
-
fast: {
|
|
36
|
-
staggerChildren: 0.03,
|
|
37
|
-
delayChildren: 0.05
|
|
38
|
-
},
|
|
39
|
-
default: {
|
|
40
|
-
staggerChildren: 0.05,
|
|
41
|
-
delayChildren: 0.1
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
var listItemVariants = {
|
|
45
|
-
hidden: {
|
|
46
|
-
opacity: 0,
|
|
47
|
-
y: 8,
|
|
48
|
-
scale: 0.98
|
|
49
|
-
},
|
|
50
|
-
visible: {
|
|
51
|
-
opacity: 1,
|
|
52
|
-
y: 0,
|
|
53
|
-
scale: 1
|
|
54
|
-
},
|
|
55
|
-
exit: {
|
|
56
|
-
opacity: 0,
|
|
57
|
-
scale: 0.95,
|
|
58
|
-
transition: { duration: 0.15 }
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
var listContainerVariants = {
|
|
62
|
-
hidden: { opacity: 0 },
|
|
63
|
-
visible: {
|
|
64
|
-
opacity: 1,
|
|
65
|
-
transition: stagger.fast
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
function useReducedMotion() {
|
|
69
|
-
const [prefersReducedMotion, setPrefersReducedMotion] = _react.useState.call(void 0, false);
|
|
70
|
-
_react.useEffect.call(void 0, () => {
|
|
71
|
-
const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
|
|
72
|
-
setPrefersReducedMotion(mediaQuery.matches);
|
|
73
|
-
const handler = (event) => {
|
|
74
|
-
setPrefersReducedMotion(event.matches);
|
|
75
|
-
};
|
|
76
|
-
mediaQuery.addEventListener("change", handler);
|
|
77
|
-
return () => mediaQuery.removeEventListener("change", handler);
|
|
78
|
-
}, []);
|
|
79
|
-
return prefersReducedMotion;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
16
|
// src/devtools/components/GrabberOverlay.tsx
|
|
83
17
|
|
|
84
18
|
|
|
@@ -294,15 +228,9 @@ var styles = {
|
|
|
294
228
|
backgroundColor: "hsl(215 20% 25%)"
|
|
295
229
|
}
|
|
296
230
|
};
|
|
297
|
-
var springTransition = {
|
|
298
|
-
type: "spring",
|
|
299
|
-
damping: 30,
|
|
300
|
-
stiffness: 400,
|
|
301
|
-
mass: 0.8
|
|
302
|
-
};
|
|
303
231
|
function GrabberOverlay(props) {
|
|
304
232
|
const { isGrabbing, hoveredInfo, container, onElementSelected } = props;
|
|
305
|
-
const reducedMotion = useReducedMotion();
|
|
233
|
+
const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
|
|
306
234
|
const [showPulse, setShowPulse] = _react.useState.call(void 0, false);
|
|
307
235
|
_react.useEffect.call(void 0, () => {
|
|
308
236
|
if (onElementSelected) {
|
|
@@ -362,7 +290,7 @@ function GrabberOverlay(props) {
|
|
|
362
290
|
exit: {
|
|
363
291
|
opacity: 0
|
|
364
292
|
},
|
|
365
|
-
transition: reducedMotion ? { duration: 0 } :
|
|
293
|
+
transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.grabber,
|
|
366
294
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
367
295
|
_react3.motion.div,
|
|
368
296
|
{
|
|
@@ -410,7 +338,7 @@ function GrabberOverlay(props) {
|
|
|
410
338
|
initial: reducedMotion ? {} : { opacity: 0, y: 10, scale: 0.95, x: "-50%" },
|
|
411
339
|
animate: { opacity: 1, y: 0, scale: 1, x: "-50%" },
|
|
412
340
|
exit: reducedMotion ? {} : { opacity: 0, y: 10, scale: 0.95, x: "-50%" },
|
|
413
|
-
transition: reducedMotion ? { duration: 0 } : springs.smooth,
|
|
341
|
+
transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.smooth,
|
|
414
342
|
children: [
|
|
415
343
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: styles.hintItem, children: [
|
|
416
344
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: styles.kbd, children: "Click" }),
|
|
@@ -614,7 +542,7 @@ var styles2 = {
|
|
|
614
542
|
function SortableStepItem(props) {
|
|
615
543
|
const { step, index, onDelete, isBeingDragged = false } = props;
|
|
616
544
|
const [isHovered, setIsHovered] = _react.useState.call(void 0, false);
|
|
617
|
-
const reducedMotion = useReducedMotion();
|
|
545
|
+
const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
|
|
618
546
|
const {
|
|
619
547
|
attributes,
|
|
620
548
|
listeners,
|
|
@@ -666,7 +594,7 @@ function SortableStepItem(props) {
|
|
|
666
594
|
style: styles2.order,
|
|
667
595
|
initial: reducedMotion ? {} : { scale: 1.2 },
|
|
668
596
|
animate: { scale: 1 },
|
|
669
|
-
transition: reducedMotion ? { duration: 0 } : springs.bouncy,
|
|
597
|
+
transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
|
|
670
598
|
children: index + 1
|
|
671
599
|
},
|
|
672
600
|
`order-${index}`
|
|
@@ -895,7 +823,7 @@ var styles3 = {
|
|
|
895
823
|
function Toolbar(props) {
|
|
896
824
|
const { mode, stepCount, onToggleGrab, onExport, onCopyForAI, onReset } = props;
|
|
897
825
|
const [copied, setCopied] = _react.useState.call(void 0, false);
|
|
898
|
-
const reducedMotion = useReducedMotion();
|
|
826
|
+
const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
|
|
899
827
|
const isGrabbing = mode === "grabbing";
|
|
900
828
|
const hasSteps = stepCount > 0;
|
|
901
829
|
const handleCopy = async () => {
|
|
@@ -1054,7 +982,7 @@ function Toolbar(props) {
|
|
|
1054
982
|
initial: reducedMotion ? {} : { opacity: 0, scale: 0.5, y: 4 },
|
|
1055
983
|
animate: { opacity: 1, scale: 1, y: 0 },
|
|
1056
984
|
exit: reducedMotion ? {} : { opacity: 0, scale: 0.5, y: 4 },
|
|
1057
|
-
transition: reducedMotion ? { duration: 0 } : springs.bouncy,
|
|
985
|
+
transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
|
|
1058
986
|
children: "Copied!"
|
|
1059
987
|
}
|
|
1060
988
|
) })
|
|
@@ -1151,7 +1079,7 @@ function StepList(props) {
|
|
|
1151
1079
|
onExport
|
|
1152
1080
|
} = props;
|
|
1153
1081
|
const [activeId, setActiveId] = _react.useState.call(void 0, null);
|
|
1154
|
-
const reducedMotion = useReducedMotion();
|
|
1082
|
+
const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
|
|
1155
1083
|
const activeStep = activeId ? steps.find((s) => s.id === activeId) : null;
|
|
1156
1084
|
const activeIndex = activeId ? steps.findIndex((s) => s.id === activeId) : -1;
|
|
1157
1085
|
const sensors = _core.useSensors.call(void 0,
|
|
@@ -1266,13 +1194,13 @@ function StepList(props) {
|
|
|
1266
1194
|
_react3.motion.div,
|
|
1267
1195
|
{
|
|
1268
1196
|
style: styles4.stepList,
|
|
1269
|
-
variants: reducedMotion ? void 0 : listContainerVariants,
|
|
1197
|
+
variants: reducedMotion ? void 0 : _chunkIMMALBJLcjs.listContainerVariants,
|
|
1270
1198
|
initial: "hidden",
|
|
1271
1199
|
animate: "visible",
|
|
1272
1200
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.AnimatePresence, { mode: "popLayout", children: steps.map((step, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1273
1201
|
_react3.motion.div,
|
|
1274
1202
|
{
|
|
1275
|
-
variants: reducedMotion ? void 0 : listItemVariants,
|
|
1203
|
+
variants: reducedMotion ? void 0 : _chunkIMMALBJLcjs.listItemVariants,
|
|
1276
1204
|
initial: "hidden",
|
|
1277
1205
|
animate: "visible",
|
|
1278
1206
|
exit: "exit",
|
|
@@ -1364,7 +1292,7 @@ var styles5 = {
|
|
|
1364
1292
|
};
|
|
1365
1293
|
function TabNav(props) {
|
|
1366
1294
|
const { activeTab, onTabChange, stepCount, flowCount } = props;
|
|
1367
|
-
const reducedMotion = useReducedMotion();
|
|
1295
|
+
const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
|
|
1368
1296
|
const prevStepCount = _react.useRef.call(void 0, stepCount);
|
|
1369
1297
|
const prevFlowCount = _react.useRef.call(void 0, flowCount);
|
|
1370
1298
|
const stepCountChanged = stepCount !== prevStepCount.current;
|
|
@@ -1411,7 +1339,7 @@ function TabNav(props) {
|
|
|
1411
1339
|
opacity: 1
|
|
1412
1340
|
},
|
|
1413
1341
|
exit: { scale: 0.8, opacity: 0 },
|
|
1414
|
-
transition: reducedMotion ? { duration: 0 } : springs.bouncy,
|
|
1342
|
+
transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
|
|
1415
1343
|
children: stepCount
|
|
1416
1344
|
},
|
|
1417
1345
|
"step-badge"
|
|
@@ -1438,7 +1366,7 @@ function TabNav(props) {
|
|
|
1438
1366
|
opacity: 1
|
|
1439
1367
|
},
|
|
1440
1368
|
exit: { scale: 0.8, opacity: 0 },
|
|
1441
|
-
transition: reducedMotion ? { duration: 0 } : springs.bouncy,
|
|
1369
|
+
transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
|
|
1442
1370
|
children: flowCount
|
|
1443
1371
|
},
|
|
1444
1372
|
"flow-badge"
|
|
@@ -1698,7 +1626,7 @@ function FlowItem(props) {
|
|
|
1698
1626
|
const { flowId, definition, state, isActive } = flow;
|
|
1699
1627
|
const [confirmDelete, setConfirmDelete] = _react.useState.call(void 0, false);
|
|
1700
1628
|
const [isHovered, setIsHovered] = _react.useState.call(void 0, false);
|
|
1701
|
-
const reducedMotion = useReducedMotion();
|
|
1629
|
+
const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
|
|
1702
1630
|
const handleDelete = () => {
|
|
1703
1631
|
if (confirmDelete) {
|
|
1704
1632
|
onDelete();
|
|
@@ -1740,7 +1668,7 @@ function FlowItem(props) {
|
|
|
1740
1668
|
initial: reducedMotion ? {} : { scale: 0.8, opacity: 0 },
|
|
1741
1669
|
animate: { scale: 1, opacity: 1 },
|
|
1742
1670
|
exit: reducedMotion ? {} : { scale: 0.8, opacity: 0 },
|
|
1743
|
-
transition: reducedMotion ? { duration: 0 } : springs.bouncy,
|
|
1671
|
+
transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
|
|
1744
1672
|
children: "Active"
|
|
1745
1673
|
},
|
|
1746
1674
|
"active-badge"
|
|
@@ -1951,7 +1879,7 @@ function FlowEditModal(props) {
|
|
|
1951
1879
|
const [jsonValue, setJsonValue] = _react.useState.call(void 0, "");
|
|
1952
1880
|
const [error, setError] = _react.useState.call(void 0, null);
|
|
1953
1881
|
const [shake, setShake] = _react.useState.call(void 0, false);
|
|
1954
|
-
const reducedMotion = useReducedMotion();
|
|
1882
|
+
const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
|
|
1955
1883
|
_react.useEffect.call(void 0, () => {
|
|
1956
1884
|
if (isOpen && initialState) {
|
|
1957
1885
|
setJsonValue(JSON.stringify(initialState, null, 2));
|
|
@@ -2030,7 +1958,7 @@ function FlowEditModal(props) {
|
|
|
2030
1958
|
x: shake ? [0, -8, 8, -6, 6, -4, 4, 0] : 0
|
|
2031
1959
|
},
|
|
2032
1960
|
exit: reducedMotion ? {} : { opacity: 0, scale: 0.95, y: 10 },
|
|
2033
|
-
transition: reducedMotion ? { duration: 0 } : springs.smooth,
|
|
1961
|
+
transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.smooth,
|
|
2034
1962
|
onClick: (e) => e.stopPropagation(),
|
|
2035
1963
|
children: [
|
|
2036
1964
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: styles7.header, children: [
|
|
@@ -2185,7 +2113,7 @@ var styles8 = {
|
|
|
2185
2113
|
function FlowsTab(props) {
|
|
2186
2114
|
const { container } = props;
|
|
2187
2115
|
const { flows, refreshFlows, deleteFlow, updateFlow } = useFlowsData();
|
|
2188
|
-
const reducedMotion = useReducedMotion();
|
|
2116
|
+
const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
|
|
2189
2117
|
const [editModal, setEditModal] = _react.useState.call(void 0, {
|
|
2190
2118
|
isOpen: false,
|
|
2191
2119
|
flowId: "",
|
|
@@ -2269,13 +2197,13 @@ function FlowsTab(props) {
|
|
|
2269
2197
|
_react3.motion.div,
|
|
2270
2198
|
{
|
|
2271
2199
|
style: styles8.flowList,
|
|
2272
|
-
variants: reducedMotion ? void 0 : listContainerVariants,
|
|
2200
|
+
variants: reducedMotion ? void 0 : _chunkIMMALBJLcjs.listContainerVariants,
|
|
2273
2201
|
initial: "hidden",
|
|
2274
2202
|
animate: "visible",
|
|
2275
2203
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.AnimatePresence, { mode: "popLayout", children: flows.map((flow) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2276
2204
|
_react3.motion.div,
|
|
2277
2205
|
{
|
|
2278
|
-
variants: reducedMotion ? void 0 : listItemVariants,
|
|
2206
|
+
variants: reducedMotion ? void 0 : _chunkIMMALBJLcjs.listItemVariants,
|
|
2279
2207
|
initial: "hidden",
|
|
2280
2208
|
animate: "visible",
|
|
2281
2209
|
exit: "exit",
|
|
@@ -2979,7 +2907,7 @@ function DevToolsProvider(props) {
|
|
|
2979
2907
|
initial: false,
|
|
2980
2908
|
animate: { height: collapsed ? 0 : "auto", opacity: collapsed ? 0 : 1 },
|
|
2981
2909
|
transition: {
|
|
2982
|
-
height: springs.smooth,
|
|
2910
|
+
height: _chunkIMMALBJLcjs.springs.smooth,
|
|
2983
2911
|
opacity: { duration: 0.12 }
|
|
2984
2912
|
},
|
|
2985
2913
|
"aria-hidden": collapsed,
|
|
@@ -3042,4 +2970,4 @@ function DevToolsProvider(props) {
|
|
|
3042
2970
|
|
|
3043
2971
|
|
|
3044
2972
|
|
|
3045
|
-
exports.DevToolsContext =
|
|
2973
|
+
exports.DevToolsContext = _chunkIMMALBJLcjs.DevToolsContext; exports.DevToolsProvider = DevToolsProvider; exports.FlowEditModal = FlowEditModal; exports.FlowItem = FlowItem; exports.FlowsTab = FlowsTab; exports.GrabberOverlay = GrabberOverlay; exports.SortableStepItem = SortableStepItem; exports.StepItem = SortableStepItem; exports.StepItemDragPreview = StepItemDragPreview; exports.StepList = StepList; exports.TabNav = TabNav; exports.Toolbar = Toolbar; exports.clearSteps = clearSteps; exports.extractComponentHierarchy = extractComponentHierarchy; exports.extractSource = extractSource; exports.formatSourcePath = formatSourcePath; exports.generateSelector = generateSelector; exports.getVSCodeLink = getVSCodeLink; exports.loadSteps = loadSteps; exports.saveSteps = saveSteps; exports.useDevToolsContext = _chunkIMMALBJLcjs.useDevToolsContext; exports.useDevToolsContextRequired = _chunkIMMALBJLcjs.useDevToolsContextRequired; exports.useElementInfo = useElementInfo; exports.useFlowsData = useFlowsData; exports.useGrabMode = useGrabMode; exports.useStepStore = useStepStore;
|