@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
package/dist/devtools/index.mjs
CHANGED
|
@@ -1,86 +1,20 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DevToolsContext,
|
|
3
|
+
listContainerVariants,
|
|
4
|
+
listItemVariants,
|
|
5
|
+
springs,
|
|
3
6
|
useDevToolsContext,
|
|
4
|
-
useDevToolsContextRequired
|
|
5
|
-
|
|
7
|
+
useDevToolsContextRequired,
|
|
8
|
+
useReducedMotion
|
|
9
|
+
} from "../chunk-ZE3LNV4N.mjs";
|
|
6
10
|
|
|
7
11
|
// src/devtools/DevToolsProvider.tsx
|
|
8
|
-
import { useCallback as useCallback8, useEffect as
|
|
12
|
+
import { useCallback as useCallback8, useEffect as useEffect7, useRef as useRef2, useState as useState10 } from "react";
|
|
9
13
|
import { createPortal as createPortal3 } from "react-dom";
|
|
10
14
|
import { motion as motion9 } from "motion/react";
|
|
11
15
|
|
|
12
|
-
// src/devtools/motion.ts
|
|
13
|
-
import { useEffect, useState } from "react";
|
|
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] = useState(false);
|
|
70
|
-
useEffect(() => {
|
|
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
|
-
import { useEffect
|
|
17
|
+
import { useEffect, useState } from "react";
|
|
84
18
|
import { createPortal } from "react-dom";
|
|
85
19
|
import { AnimatePresence, motion } from "motion/react";
|
|
86
20
|
|
|
@@ -294,21 +228,15 @@ 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
233
|
const reducedMotion = useReducedMotion();
|
|
306
|
-
const [showPulse, setShowPulse] =
|
|
307
|
-
|
|
234
|
+
const [showPulse, setShowPulse] = useState(false);
|
|
235
|
+
useEffect(() => {
|
|
308
236
|
if (onElementSelected) {
|
|
309
237
|
}
|
|
310
238
|
}, [onElementSelected]);
|
|
311
|
-
|
|
239
|
+
useEffect(() => {
|
|
312
240
|
const handlePulse = () => {
|
|
313
241
|
if (reducedMotion) return;
|
|
314
242
|
setShowPulse(true);
|
|
@@ -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 } : springs.grabber,
|
|
366
294
|
children: /* @__PURE__ */ jsxs(
|
|
367
295
|
motion.div,
|
|
368
296
|
{
|
|
@@ -436,7 +364,7 @@ function GrabberOverlay(props) {
|
|
|
436
364
|
}
|
|
437
365
|
|
|
438
366
|
// src/devtools/components/StepList.tsx
|
|
439
|
-
import { useCallback, useState as
|
|
367
|
+
import { useCallback, useState as useState4 } from "react";
|
|
440
368
|
import { motion as motion4, AnimatePresence as AnimatePresence3 } from "motion/react";
|
|
441
369
|
import {
|
|
442
370
|
DndContext,
|
|
@@ -454,7 +382,7 @@ import {
|
|
|
454
382
|
} from "@dnd-kit/sortable";
|
|
455
383
|
|
|
456
384
|
// src/devtools/components/StepItem.tsx
|
|
457
|
-
import { useState as
|
|
385
|
+
import { useState as useState2 } from "react";
|
|
458
386
|
import { useSortable } from "@dnd-kit/sortable";
|
|
459
387
|
import { CSS as CSS2 } from "@dnd-kit/utilities";
|
|
460
388
|
import { motion as motion2 } from "motion/react";
|
|
@@ -613,7 +541,7 @@ var styles2 = {
|
|
|
613
541
|
};
|
|
614
542
|
function SortableStepItem(props) {
|
|
615
543
|
const { step, index, onDelete, isBeingDragged = false } = props;
|
|
616
|
-
const [isHovered, setIsHovered] =
|
|
544
|
+
const [isHovered, setIsHovered] = useState2(false);
|
|
617
545
|
const reducedMotion = useReducedMotion();
|
|
618
546
|
const {
|
|
619
547
|
attributes,
|
|
@@ -790,7 +718,7 @@ function StepItemDragPreview(props) {
|
|
|
790
718
|
}
|
|
791
719
|
|
|
792
720
|
// src/devtools/components/Toolbar.tsx
|
|
793
|
-
import { useState as
|
|
721
|
+
import { useState as useState3 } from "react";
|
|
794
722
|
import { motion as motion3, AnimatePresence as AnimatePresence2 } from "motion/react";
|
|
795
723
|
import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
796
724
|
var styles3 = {
|
|
@@ -894,7 +822,7 @@ var styles3 = {
|
|
|
894
822
|
};
|
|
895
823
|
function Toolbar(props) {
|
|
896
824
|
const { mode, stepCount, onToggleGrab, onExport, onCopyForAI, onReset } = props;
|
|
897
|
-
const [copied, setCopied] =
|
|
825
|
+
const [copied, setCopied] = useState3(false);
|
|
898
826
|
const reducedMotion = useReducedMotion();
|
|
899
827
|
const isGrabbing = mode === "grabbing";
|
|
900
828
|
const hasSteps = stepCount > 0;
|
|
@@ -1150,7 +1078,7 @@ function StepList(props) {
|
|
|
1150
1078
|
onClearAll,
|
|
1151
1079
|
onExport
|
|
1152
1080
|
} = props;
|
|
1153
|
-
const [activeId, setActiveId] =
|
|
1081
|
+
const [activeId, setActiveId] = useState4(null);
|
|
1154
1082
|
const reducedMotion = useReducedMotion();
|
|
1155
1083
|
const activeStep = activeId ? steps.find((s) => s.id === activeId) : null;
|
|
1156
1084
|
const activeIndex = activeId ? steps.findIndex((s) => s.id === activeId) : -1;
|
|
@@ -1303,7 +1231,7 @@ function StepList(props) {
|
|
|
1303
1231
|
|
|
1304
1232
|
// src/devtools/components/TabNav.tsx
|
|
1305
1233
|
import { AnimatePresence as AnimatePresence4, motion as motion5 } from "motion/react";
|
|
1306
|
-
import { useEffect as
|
|
1234
|
+
import { useEffect as useEffect2, useRef } from "react";
|
|
1307
1235
|
import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1308
1236
|
var styles5 = {
|
|
1309
1237
|
container: {
|
|
@@ -1369,10 +1297,10 @@ function TabNav(props) {
|
|
|
1369
1297
|
const prevFlowCount = useRef(flowCount);
|
|
1370
1298
|
const stepCountChanged = stepCount !== prevStepCount.current;
|
|
1371
1299
|
const flowCountChanged = flowCount !== prevFlowCount.current;
|
|
1372
|
-
|
|
1300
|
+
useEffect2(() => {
|
|
1373
1301
|
prevStepCount.current = stepCount;
|
|
1374
1302
|
}, [stepCount]);
|
|
1375
|
-
|
|
1303
|
+
useEffect2(() => {
|
|
1376
1304
|
prevFlowCount.current = flowCount;
|
|
1377
1305
|
}, [flowCount]);
|
|
1378
1306
|
const stepsTabStyle = {
|
|
@@ -1461,11 +1389,11 @@ function TabNav(props) {
|
|
|
1461
1389
|
}
|
|
1462
1390
|
|
|
1463
1391
|
// src/devtools/components/FlowsTab.tsx
|
|
1464
|
-
import { useCallback as useCallback4, useState as
|
|
1392
|
+
import { useCallback as useCallback4, useState as useState8 } from "react";
|
|
1465
1393
|
import { motion as motion8, AnimatePresence as AnimatePresence7 } from "motion/react";
|
|
1466
1394
|
|
|
1467
1395
|
// src/devtools/hooks/useFlowsData.ts
|
|
1468
|
-
import { useCallback as useCallback2, useEffect as
|
|
1396
|
+
import { useCallback as useCallback2, useEffect as useEffect3, useState as useState5, useSyncExternalStore } from "react";
|
|
1469
1397
|
|
|
1470
1398
|
// src/devtools/globalBridge.ts
|
|
1471
1399
|
var BRIDGE_KEY = "__FLOWSTERIX_DEVTOOLS_BRIDGE__";
|
|
@@ -1502,7 +1430,7 @@ function useBridge() {
|
|
|
1502
1430
|
}
|
|
1503
1431
|
function useFlowsData() {
|
|
1504
1432
|
const bridge = useBridge();
|
|
1505
|
-
const [flowsData, setFlowsData] =
|
|
1433
|
+
const [flowsData, setFlowsData] = useState5([]);
|
|
1506
1434
|
const loadFlowStates = useCallback2(async () => {
|
|
1507
1435
|
if (!bridge) {
|
|
1508
1436
|
setFlowsData([]);
|
|
@@ -1527,7 +1455,7 @@ function useFlowsData() {
|
|
|
1527
1455
|
const results = await Promise.all(flowDataPromises);
|
|
1528
1456
|
setFlowsData(results);
|
|
1529
1457
|
}, [bridge]);
|
|
1530
|
-
|
|
1458
|
+
useEffect3(() => {
|
|
1531
1459
|
void loadFlowStates();
|
|
1532
1460
|
}, [loadFlowStates]);
|
|
1533
1461
|
const deleteFlow = useCallback2(
|
|
@@ -1558,7 +1486,7 @@ function useFlowsData() {
|
|
|
1558
1486
|
}
|
|
1559
1487
|
|
|
1560
1488
|
// src/devtools/components/FlowItem.tsx
|
|
1561
|
-
import { useState as
|
|
1489
|
+
import { useState as useState6 } from "react";
|
|
1562
1490
|
import { motion as motion6, AnimatePresence as AnimatePresence5 } from "motion/react";
|
|
1563
1491
|
import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
1564
1492
|
var styles6 = {
|
|
@@ -1696,8 +1624,8 @@ var statusStyles = {
|
|
|
1696
1624
|
function FlowItem(props) {
|
|
1697
1625
|
const { flow, onEdit, onDelete } = props;
|
|
1698
1626
|
const { flowId, definition, state, isActive } = flow;
|
|
1699
|
-
const [confirmDelete, setConfirmDelete] =
|
|
1700
|
-
const [isHovered, setIsHovered] =
|
|
1627
|
+
const [confirmDelete, setConfirmDelete] = useState6(false);
|
|
1628
|
+
const [isHovered, setIsHovered] = useState6(false);
|
|
1701
1629
|
const reducedMotion = useReducedMotion();
|
|
1702
1630
|
const handleDelete = () => {
|
|
1703
1631
|
if (confirmDelete) {
|
|
@@ -1822,7 +1750,7 @@ function FlowItem(props) {
|
|
|
1822
1750
|
}
|
|
1823
1751
|
|
|
1824
1752
|
// src/devtools/components/FlowEditModal.tsx
|
|
1825
|
-
import { useCallback as useCallback3, useEffect as
|
|
1753
|
+
import { useCallback as useCallback3, useEffect as useEffect4, useState as useState7 } from "react";
|
|
1826
1754
|
import { createPortal as createPortal2 } from "react-dom";
|
|
1827
1755
|
import { AnimatePresence as AnimatePresence6, motion as motion7 } from "motion/react";
|
|
1828
1756
|
import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
@@ -1948,11 +1876,11 @@ var styles7 = {
|
|
|
1948
1876
|
};
|
|
1949
1877
|
function FlowEditModal(props) {
|
|
1950
1878
|
const { isOpen, flowId, initialState, onClose, onSave, container } = props;
|
|
1951
|
-
const [jsonValue, setJsonValue] =
|
|
1952
|
-
const [error, setError] =
|
|
1953
|
-
const [shake, setShake] =
|
|
1879
|
+
const [jsonValue, setJsonValue] = useState7("");
|
|
1880
|
+
const [error, setError] = useState7(null);
|
|
1881
|
+
const [shake, setShake] = useState7(false);
|
|
1954
1882
|
const reducedMotion = useReducedMotion();
|
|
1955
|
-
|
|
1883
|
+
useEffect4(() => {
|
|
1956
1884
|
if (isOpen && initialState) {
|
|
1957
1885
|
setJsonValue(JSON.stringify(initialState, null, 2));
|
|
1958
1886
|
setError(null);
|
|
@@ -2186,7 +2114,7 @@ function FlowsTab(props) {
|
|
|
2186
2114
|
const { container } = props;
|
|
2187
2115
|
const { flows, refreshFlows, deleteFlow, updateFlow } = useFlowsData();
|
|
2188
2116
|
const reducedMotion = useReducedMotion();
|
|
2189
|
-
const [editModal, setEditModal] =
|
|
2117
|
+
const [editModal, setEditModal] = useState8({
|
|
2190
2118
|
isOpen: false,
|
|
2191
2119
|
flowId: "",
|
|
2192
2120
|
state: null
|
|
@@ -2307,7 +2235,7 @@ function FlowsTab(props) {
|
|
|
2307
2235
|
}
|
|
2308
2236
|
|
|
2309
2237
|
// src/devtools/hooks/useGrabMode.ts
|
|
2310
|
-
import { useCallback as useCallback6, useEffect as
|
|
2238
|
+
import { useCallback as useCallback6, useEffect as useEffect5, useState as useState9 } from "react";
|
|
2311
2239
|
|
|
2312
2240
|
// src/devtools/hooks/useElementInfo.ts
|
|
2313
2241
|
import { useCallback as useCallback5 } from "react";
|
|
@@ -2444,8 +2372,8 @@ function isDevToolsElement(element) {
|
|
|
2444
2372
|
return false;
|
|
2445
2373
|
}
|
|
2446
2374
|
function useGrabMode() {
|
|
2447
|
-
const [mode, setMode] =
|
|
2448
|
-
const [hoveredElement, setHoveredElement] =
|
|
2375
|
+
const [mode, setMode] = useState9("idle");
|
|
2376
|
+
const [hoveredElement, setHoveredElement] = useState9(null);
|
|
2449
2377
|
const { getElementInfo } = useElementInfo();
|
|
2450
2378
|
const startGrabbing = useCallback6(() => {
|
|
2451
2379
|
setMode("grabbing");
|
|
@@ -2463,7 +2391,7 @@ function useGrabMode() {
|
|
|
2463
2391
|
if (!hoveredElement) return null;
|
|
2464
2392
|
return hoveredElement.info;
|
|
2465
2393
|
}, [hoveredElement]);
|
|
2466
|
-
|
|
2394
|
+
useEffect5(() => {
|
|
2467
2395
|
if (mode !== "grabbing") return;
|
|
2468
2396
|
const handleMouseMove = (e) => {
|
|
2469
2397
|
const target = document.elementFromPoint(e.clientX, e.clientY);
|
|
@@ -2487,7 +2415,7 @@ function useGrabMode() {
|
|
|
2487
2415
|
document.addEventListener("mousemove", handleMouseMove, { passive: true });
|
|
2488
2416
|
return () => document.removeEventListener("mousemove", handleMouseMove);
|
|
2489
2417
|
}, [mode, getElementInfo]);
|
|
2490
|
-
|
|
2418
|
+
useEffect5(() => {
|
|
2491
2419
|
const handleKeyDown = (e) => {
|
|
2492
2420
|
if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === "g") {
|
|
2493
2421
|
e.preventDefault();
|
|
@@ -2514,7 +2442,7 @@ function useGrabMode() {
|
|
|
2514
2442
|
}
|
|
2515
2443
|
|
|
2516
2444
|
// src/devtools/hooks/useStepStore.ts
|
|
2517
|
-
import { useCallback as useCallback7, useEffect as
|
|
2445
|
+
import { useCallback as useCallback7, useEffect as useEffect6, useSyncExternalStore as useSyncExternalStore2 } from "react";
|
|
2518
2446
|
|
|
2519
2447
|
// src/devtools/utils/storage.ts
|
|
2520
2448
|
var STORAGE_KEY = "flowsterix-devtools-steps";
|
|
@@ -2578,14 +2506,14 @@ function generateId() {
|
|
|
2578
2506
|
}
|
|
2579
2507
|
function useStepStore() {
|
|
2580
2508
|
const steps = useSyncExternalStore2(subscribe, getSnapshot, getServerSnapshot);
|
|
2581
|
-
|
|
2509
|
+
useEffect6(() => {
|
|
2582
2510
|
const saved = loadSteps();
|
|
2583
2511
|
if (saved.length > 0) {
|
|
2584
2512
|
store.steps = saved;
|
|
2585
2513
|
notifyListeners();
|
|
2586
2514
|
}
|
|
2587
2515
|
}, []);
|
|
2588
|
-
|
|
2516
|
+
useEffect6(() => {
|
|
2589
2517
|
saveSteps(steps);
|
|
2590
2518
|
}, [steps]);
|
|
2591
2519
|
const addStep = useCallback7((params) => {
|
|
@@ -2772,10 +2700,10 @@ var styles9 = {
|
|
|
2772
2700
|
};
|
|
2773
2701
|
function DevToolsProvider(props) {
|
|
2774
2702
|
const { children, enabled = true, defaultTab = "steps" } = props;
|
|
2775
|
-
const [mounted, setMounted] =
|
|
2776
|
-
const [shadowRoot, setShadowRoot] =
|
|
2777
|
-
const [activeTab, setActiveTab] =
|
|
2778
|
-
|
|
2703
|
+
const [mounted, setMounted] = useState10(false);
|
|
2704
|
+
const [shadowRoot, setShadowRoot] = useState10(null);
|
|
2705
|
+
const [activeTab, setActiveTab] = useState10(defaultTab);
|
|
2706
|
+
useEffect7(() => {
|
|
2779
2707
|
setMounted(true);
|
|
2780
2708
|
const host = document.createElement("div");
|
|
2781
2709
|
host.setAttribute("data-devtools-host", "");
|
|
@@ -2806,9 +2734,9 @@ function DevToolsProvider(props) {
|
|
|
2806
2734
|
exportSteps
|
|
2807
2735
|
} = useStepStore();
|
|
2808
2736
|
const { flows } = useFlowsData();
|
|
2809
|
-
const [collapsed, setCollapsed] =
|
|
2810
|
-
const [position, setPosition] =
|
|
2811
|
-
const [isPanelDragging, setIsPanelDragging] =
|
|
2737
|
+
const [collapsed, setCollapsed] = useState10(false);
|
|
2738
|
+
const [position, setPosition] = useState10({ x: 16, y: 16 });
|
|
2739
|
+
const [isPanelDragging, setIsPanelDragging] = useState10(false);
|
|
2812
2740
|
const dragStartRef = useRef2(null);
|
|
2813
2741
|
const handleClick = useCallback8(
|
|
2814
2742
|
(e) => {
|
|
@@ -2830,12 +2758,12 @@ function DevToolsProvider(props) {
|
|
|
2830
2758
|
},
|
|
2831
2759
|
[mode, selectCurrent, addStep]
|
|
2832
2760
|
);
|
|
2833
|
-
|
|
2761
|
+
useEffect7(() => {
|
|
2834
2762
|
if (mode !== "grabbing") return;
|
|
2835
2763
|
document.addEventListener("click", handleClick, { capture: true });
|
|
2836
2764
|
return () => document.removeEventListener("click", handleClick, { capture: true });
|
|
2837
2765
|
}, [mode, handleClick]);
|
|
2838
|
-
|
|
2766
|
+
useEffect7(() => {
|
|
2839
2767
|
if (mode !== "grabbing") return;
|
|
2840
2768
|
const preventDefault = (e) => {
|
|
2841
2769
|
const target = e.target;
|
|
@@ -2847,7 +2775,7 @@ function DevToolsProvider(props) {
|
|
|
2847
2775
|
document.removeEventListener("submit", preventDefault, { capture: true });
|
|
2848
2776
|
};
|
|
2849
2777
|
}, [mode]);
|
|
2850
|
-
|
|
2778
|
+
useEffect7(() => {
|
|
2851
2779
|
const handleKeyDown = (e) => {
|
|
2852
2780
|
if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === "m") {
|
|
2853
2781
|
e.preventDefault();
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import type { Transition } from 'motion/react';
|
|
2
|
-
|
|
2
|
+
declare const springPresets: {
|
|
3
3
|
snappy: Transition;
|
|
4
4
|
smooth: Transition;
|
|
5
5
|
bouncy: Transition;
|
|
6
|
+
grabber: Transition;
|
|
6
7
|
};
|
|
8
|
+
export declare function setUseSpringAnimations(value: boolean): void;
|
|
9
|
+
export declare const springs: typeof springPresets;
|
|
7
10
|
export declare const tweens: {
|
|
8
11
|
fast: Transition;
|
|
9
12
|
default: Transition;
|
|
@@ -61,4 +64,5 @@ export declare function getTransition(params: {
|
|
|
61
64
|
transition: Transition;
|
|
62
65
|
reducedMotion: boolean;
|
|
63
66
|
}): Transition;
|
|
67
|
+
export {};
|
|
64
68
|
//# sourceMappingURL=motion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/devtools/motion.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG9C,
|
|
1
|
+
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/devtools/motion.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG9C,QAAA,MAAM,aAAa;YAMZ,UAAU;YAMV,UAAU;YAMV,UAAU;aAMV,UAAU;CAChB,CAAA;AAwBD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,QAEpD;AAED,eAAO,MAAM,OAAO,EAAE,OAAO,aAa5B,CAAA;AAGD,eAAO,MAAM,MAAM;UAIZ,UAAU;aAIV,UAAU;CAChB,CAAA;AAGD,eAAO,MAAM,OAAO;;;;;;;;;CASnB,CAAA;AAGD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;CAgB5B,CAAA;AAGD,eAAO,MAAM,qBAAqB;;;;;;;;;;;CAMjC,CAAA;AAGD,eAAO,MAAM,cAAc;;;;;;CAG1B,CAAA;AAGD,wBAAgB,gBAAgB,IAAI,OAAO,CAgB1C;AAGD,wBAAgB,aAAa,CAAC,MAAM,EAAE;IACpC,UAAU,EAAE,UAAU,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;CACvB,GAAG,UAAU,CAMb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTourOverlay.d.ts","sourceRoot":"","sources":["../../src/hooks/useTourOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAOlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,cAAc,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,uBAAuB,CAAA;IACzC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,EAAE;QACT,IAAI,EAAE,eAAe,GAAG,IAAI,CAAA;QAC5B,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,cAAc,GAAG,IAAI,CAAA;QAC7B,QAAQ,EAAE,OAAO,CAAA;KAClB,CAAA;IACD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA;IAClD;;OAEG;IACH,eAAe,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA;IACjD;;OAEG;IACH,eAAe,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,QAAQ,EAAE,cAAc,CAAA;CACzB;
|
|
1
|
+
{"version":3,"file":"useTourOverlay.d.ts","sourceRoot":"","sources":["../../src/hooks/useTourOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAOlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,cAAc,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,uBAAuB,CAAA;IACzC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,EAAE;QACT,IAAI,EAAE,eAAe,GAAG,IAAI,CAAA;QAC5B,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,cAAc,GAAG,IAAI,CAAA;QAC7B,QAAQ,EAAE,OAAO,CAAA;KAClB,CAAA;IACD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA;IAClD;;OAEG;IACH,eAAe,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA;IACjD;;OAEG;IACH,eAAe,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,QAAQ,EAAE,cAAc,CAAA;CACzB;AAeD,eAAO,MAAM,cAAc,GACzB,SAAS,qBAAqB,KAC7B,oBAmQF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTourTarget.d.ts","sourceRoot":"","sources":["../../src/hooks/useTourTarget.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAYlD,MAAM,MAAM,oBAAoB,GAC5B,SAAS,GACT,SAAS,GACT,QAAQ,GACR,UAAU,GACV,SAAS,CAAA;AAEb,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEpE,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,IAAI,EAAE,cAAc,GAAG,IAAI,CAAA;IAC3B,gBAAgB,EAAE,cAAc,GAAG,IAAI,CAAA;IACvC,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,CAAA;IACtC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,oBAAoB,CAAA;IAChC,UAAU,EAAE,cAAc,CAAA;CAC3B;
|
|
1
|
+
{"version":3,"file":"useTourTarget.d.ts","sourceRoot":"","sources":["../../src/hooks/useTourTarget.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAYlD,MAAM,MAAM,oBAAoB,GAC5B,SAAS,GACT,SAAS,GACT,QAAQ,GACR,UAAU,GACV,SAAS,CAAA;AAEb,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEpE,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,IAAI,EAAE,cAAc,GAAG,IAAI,CAAA;IAC3B,gBAAgB,EAAE,cAAc,GAAG,IAAI,CAAA;IACvC,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,CAAA;IACtC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,oBAAoB,CAAA;IAChC,UAAU,EAAE,cAAc,CAAA;CAC3B;AAwUD,eAAO,MAAM,aAAa,QAAO,cAsoBhC,CAAA"}
|