@tamagui/floating 2.7.7 → 3.0.0-beta.643.1
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/cjs/Floating.cjs +10 -11
- package/dist/cjs/Floating.native.cjs +37 -0
- package/dist/cjs/Floating.native.js +20 -20
- package/dist/cjs/Floating.native.js.map +1 -1
- package/dist/cjs/index.cjs +45 -46
- package/dist/cjs/index.native.cjs +74 -0
- package/dist/cjs/index.native.js +45 -45
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/interactions/PopupTriggerMap.cjs +36 -39
- package/dist/cjs/interactions/PopupTriggerMap.native.cjs +96 -0
- package/dist/cjs/interactions/PopupTriggerMap.native.js +76 -75
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/cjs/interactions/createFloatingEvents.cjs +36 -39
- package/dist/cjs/interactions/createFloatingEvents.native.cjs +52 -0
- package/dist/cjs/interactions/createFloatingEvents.native.js +39 -41
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/cjs/interactions/safePolygon.cjs +263 -252
- package/dist/cjs/interactions/safePolygon.native.cjs +294 -0
- package/dist/cjs/interactions/safePolygon.native.js +271 -259
- package/dist/cjs/interactions/safePolygon.native.js.map +1 -1
- package/dist/cjs/interactions/types.cjs +10 -11
- package/dist/cjs/interactions/types.native.cjs +19 -0
- package/dist/cjs/interactions/types.native.js +10 -10
- package/dist/cjs/interactions/types.native.js.map +1 -1
- package/dist/cjs/interactions/useClick.cjs +96 -105
- package/dist/cjs/interactions/useClick.native.cjs +122 -0
- package/dist/cjs/interactions/useClick.native.js +101 -109
- package/dist/cjs/interactions/useClick.native.js.map +1 -1
- package/dist/cjs/interactions/useDelayGroup.cjs +86 -91
- package/dist/cjs/interactions/useDelayGroup.native.cjs +119 -0
- package/dist/cjs/interactions/useDelayGroup.native.js +92 -96
- package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/cjs/interactions/useFocus.cjs +108 -115
- package/dist/cjs/interactions/useFocus.native.cjs +131 -0
- package/dist/cjs/interactions/useFocus.native.js +114 -120
- package/dist/cjs/interactions/useFocus.native.js.map +1 -1
- package/dist/cjs/interactions/useHover.cjs +321 -335
- package/dist/cjs/interactions/useHover.native.cjs +357 -0
- package/dist/cjs/interactions/useHover.native.js +333 -347
- package/dist/cjs/interactions/useHover.native.js.map +1 -1
- package/dist/cjs/interactions/useInnerOffset.cjs +103 -111
- package/dist/cjs/interactions/useInnerOffset.native.cjs +132 -0
- package/dist/cjs/interactions/useInnerOffset.native.js +113 -120
- package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/cjs/interactions/useInteractions.cjs +85 -90
- package/dist/cjs/interactions/useInteractions.native.cjs +199 -0
- package/dist/cjs/interactions/useInteractions.native.js +180 -195
- package/dist/cjs/interactions/useInteractions.native.js.map +1 -1
- package/dist/cjs/interactions/useListNavigation.cjs +404 -390
- package/dist/cjs/interactions/useListNavigation.native.cjs +446 -0
- package/dist/cjs/interactions/useListNavigation.native.js +416 -401
- package/dist/cjs/interactions/useListNavigation.native.js.map +1 -1
- package/dist/cjs/interactions/useRole.cjs +92 -106
- package/dist/cjs/interactions/useRole.native.cjs +121 -0
- package/dist/cjs/interactions/useRole.native.js +103 -116
- package/dist/cjs/interactions/useRole.native.js.map +1 -1
- package/dist/cjs/interactions/useTypeahead.cjs +115 -129
- package/dist/cjs/interactions/useTypeahead.native.cjs +144 -0
- package/dist/cjs/interactions/useTypeahead.native.js +128 -141
- package/dist/cjs/interactions/useTypeahead.native.js.map +1 -1
- package/dist/cjs/interactions/utils.cjs +126 -143
- package/dist/cjs/interactions/utils.native.cjs +209 -0
- package/dist/cjs/interactions/utils.native.js +138 -154
- package/dist/cjs/interactions/utils.native.js.map +1 -1
- package/dist/cjs/middleware/inner.cjs +74 -101
- package/dist/cjs/middleware/inner.native.cjs +102 -0
- package/dist/cjs/middleware/inner.native.js +83 -109
- package/dist/cjs/middleware/inner.native.js.map +1 -1
- package/dist/cjs/useFloating.cjs +34 -46
- package/dist/cjs/useFloating.native.cjs +56 -0
- package/dist/cjs/useFloating.native.js +37 -48
- package/dist/cjs/useFloating.native.js.map +1 -1
- package/dist/esm/Floating.mjs +1 -2
- package/dist/esm/Floating.native.js +6 -4
- package/dist/esm/Floating.native.js.map +1 -1
- package/dist/esm/index.js +4 -5
- package/dist/esm/index.mjs +4 -5
- package/dist/esm/index.native.js +4 -5
- package/dist/esm/interactions/PopupTriggerMap.mjs +23 -22
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.native.js +62 -58
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.mjs +22 -21
- package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.native.js +25 -24
- package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/esm/interactions/safePolygon.mjs +250 -234
- package/dist/esm/interactions/safePolygon.mjs.map +1 -1
- package/dist/esm/interactions/safePolygon.native.js +258 -242
- package/dist/esm/interactions/safePolygon.native.js.map +1 -1
- package/dist/esm/interactions/types.mjs +0 -2
- package/dist/esm/interactions/types.native.js +0 -2
- package/dist/esm/interactions/useClick.mjs +83 -87
- package/dist/esm/interactions/useClick.mjs.map +1 -1
- package/dist/esm/interactions/useClick.native.js +88 -92
- package/dist/esm/interactions/useClick.native.js.map +1 -1
- package/dist/esm/interactions/useDelayGroup.mjs +68 -65
- package/dist/esm/interactions/useDelayGroup.mjs.map +1 -1
- package/dist/esm/interactions/useDelayGroup.native.js +74 -71
- package/dist/esm/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/esm/interactions/useFocus.mjs +95 -97
- package/dist/esm/interactions/useFocus.mjs.map +1 -1
- package/dist/esm/interactions/useFocus.native.js +101 -103
- package/dist/esm/interactions/useFocus.native.js.map +1 -1
- package/dist/esm/interactions/useHover.mjs +304 -310
- package/dist/esm/interactions/useHover.mjs.map +1 -1
- package/dist/esm/interactions/useHover.native.js +316 -323
- package/dist/esm/interactions/useHover.native.js.map +1 -1
- package/dist/esm/interactions/useInnerOffset.mjs +87 -85
- package/dist/esm/interactions/useInnerOffset.mjs.map +1 -1
- package/dist/esm/interactions/useInnerOffset.native.js +97 -95
- package/dist/esm/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/esm/interactions/useInteractions.mjs +71 -72
- package/dist/esm/interactions/useInteractions.mjs.map +1 -1
- package/dist/esm/interactions/useInteractions.native.js +166 -178
- package/dist/esm/interactions/useInteractions.native.js.map +1 -1
- package/dist/esm/interactions/useListNavigation.mjs +392 -373
- package/dist/esm/interactions/useListNavigation.mjs.map +1 -1
- package/dist/esm/interactions/useListNavigation.native.js +404 -385
- package/dist/esm/interactions/useListNavigation.native.js.map +1 -1
- package/dist/esm/interactions/useRole.mjs +76 -80
- package/dist/esm/interactions/useRole.mjs.map +1 -1
- package/dist/esm/interactions/useRole.native.js +87 -91
- package/dist/esm/interactions/useRole.native.js.map +1 -1
- package/dist/esm/interactions/useTypeahead.mjs +102 -111
- package/dist/esm/interactions/useTypeahead.mjs.map +1 -1
- package/dist/esm/interactions/useTypeahead.native.js +115 -124
- package/dist/esm/interactions/useTypeahead.native.js.map +1 -1
- package/dist/esm/interactions/utils.mjs +91 -106
- package/dist/esm/interactions/utils.mjs.map +1 -1
- package/dist/esm/interactions/utils.native.js +103 -118
- package/dist/esm/interactions/utils.native.js.map +1 -1
- package/dist/esm/middleware/inner.mjs +58 -75
- package/dist/esm/middleware/inner.mjs.map +1 -1
- package/dist/esm/middleware/inner.native.js +67 -84
- package/dist/esm/middleware/inner.native.js.map +1 -1
- package/dist/esm/useFloating.mjs +17 -21
- package/dist/esm/useFloating.mjs.map +1 -1
- package/dist/esm/useFloating.native.js +19 -23
- package/dist/esm/useFloating.native.js.map +1 -1
- package/package.json +6 -5
- package/types/interactions/PopupTriggerMap.d.ts.map +1 -1
- package/types/interactions/useInteractions.d.ts.map +1 -1
- package/types/middleware/inner.d.ts.map +1 -1
- package/types/useFloating.d.ts.map +1 -1
- package/dist/esm/Floating.mjs.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/interactions/types.mjs.map +0 -1
- package/dist/esm/interactions/types.native.js.map +0 -1
|
@@ -1,99 +1,95 @@
|
|
|
1
1
|
import { useMemo, useRef } from "react";
|
|
2
2
|
import { isHTMLElement, isMouseLikePointerType, isTypeableElement } from "./utils.mjs";
|
|
3
|
+
|
|
3
4
|
function isButtonTarget(event) {
|
|
4
|
-
|
|
5
|
+
return isHTMLElement(event.target) && event.target.tagName === "BUTTON";
|
|
5
6
|
}
|
|
6
7
|
function isAnchorTarget(event) {
|
|
7
|
-
|
|
8
|
+
return isHTMLElement(event.target) && event.target.tagName === "A";
|
|
8
9
|
}
|
|
9
10
|
function isSpaceIgnored(element) {
|
|
10
|
-
|
|
11
|
+
return isTypeableElement(element);
|
|
11
12
|
}
|
|
12
13
|
function useClick(context, props = {}) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
}), [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open, stickIfOpen, toggle]);
|
|
94
|
-
return useMemo(() => enabled ? {
|
|
95
|
-
reference
|
|
96
|
-
} : {}, [enabled, reference]);
|
|
14
|
+
const { open, onOpenChange, dataRef, elements: { domReference } } = context;
|
|
15
|
+
const { enabled = true, event: eventOption = "click", toggle = true, ignoreMouse = false, keyboardHandlers = true, stickIfOpen = true } = props;
|
|
16
|
+
const pointerTypeRef = useRef(void 0);
|
|
17
|
+
const didKeyDownRef = useRef(false);
|
|
18
|
+
const reference = useMemo(() => ({
|
|
19
|
+
onPointerDown(event) {
|
|
20
|
+
pointerTypeRef.current = event.pointerType;
|
|
21
|
+
},
|
|
22
|
+
onMouseDown(event) {
|
|
23
|
+
const pointerType = pointerTypeRef.current;
|
|
24
|
+
if (event.button !== 0) return;
|
|
25
|
+
if (eventOption === "click") return;
|
|
26
|
+
if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
|
|
27
|
+
if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "mousedown" : true)) {
|
|
28
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
29
|
+
} else {
|
|
30
|
+
event.preventDefault();
|
|
31
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
onClick(event) {
|
|
35
|
+
const pointerType = pointerTypeRef.current;
|
|
36
|
+
if (eventOption === "mousedown" && pointerTypeRef.current) {
|
|
37
|
+
pointerTypeRef.current = void 0;
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
|
|
41
|
+
if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "click" : true)) {
|
|
42
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
43
|
+
} else {
|
|
44
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
onKeyDown(event) {
|
|
48
|
+
pointerTypeRef.current = void 0;
|
|
49
|
+
if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) {
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
if (event.key === " " && !isSpaceIgnored(domReference)) {
|
|
53
|
+
event.preventDefault();
|
|
54
|
+
didKeyDownRef.current = true;
|
|
55
|
+
}
|
|
56
|
+
if (isAnchorTarget(event)) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
if (event.key === "Enter") {
|
|
60
|
+
if (open && toggle) {
|
|
61
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
62
|
+
} else {
|
|
63
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
onKeyUp(event) {
|
|
68
|
+
if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference)) {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
if (event.key === " " && didKeyDownRef.current) {
|
|
72
|
+
didKeyDownRef.current = false;
|
|
73
|
+
if (open && toggle) {
|
|
74
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
75
|
+
} else {
|
|
76
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}), [
|
|
81
|
+
dataRef,
|
|
82
|
+
domReference,
|
|
83
|
+
eventOption,
|
|
84
|
+
ignoreMouse,
|
|
85
|
+
keyboardHandlers,
|
|
86
|
+
onOpenChange,
|
|
87
|
+
open,
|
|
88
|
+
stickIfOpen,
|
|
89
|
+
toggle
|
|
90
|
+
]);
|
|
91
|
+
return useMemo(() => enabled ? { reference } : {}, [enabled, reference]);
|
|
97
92
|
}
|
|
93
|
+
|
|
98
94
|
export { useClick };
|
|
99
95
|
//# sourceMappingURL=useClick.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useClick.js","names":[],"sources":["esm/interactions/useClick.js"],"sourcesContent":["import { useMemo, useRef } from \"react\";\nimport { isHTMLElement, isMouseLikePointerType, isTypeableElement } from \"./utils\";\nfunction isButtonTarget(event) {\n return isHTMLElement(event.target) && event.target.tagName === \"BUTTON\";\n}\nfunction isAnchorTarget(event) {\n return isHTMLElement(event.target) && event.target.tagName === \"A\";\n}\nfunction isSpaceIgnored(element) {\n return isTypeableElement(element);\n}\nfunction useClick(context, props = {}) {\n const {\n open,\n onOpenChange,\n dataRef,\n elements: { domReference }\n } = context;\n const {\n enabled = true,\n event: eventOption = \"click\",\n toggle = true,\n ignoreMouse = false,\n keyboardHandlers = true,\n stickIfOpen = true\n } = props;\n const pointerTypeRef = useRef(void 0);\n const didKeyDownRef = useRef(false);\n const reference = useMemo(\n () => ({\n onPointerDown(event) {\n pointerTypeRef.current = event.pointerType;\n },\n onMouseDown(event) {\n const pointerType = pointerTypeRef.current;\n if (event.button !== 0) return;\n if (eventOption === \"click\") return;\n if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;\n if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === \"mousedown\" : true)) {\n onOpenChange(false, event.nativeEvent || event, \"click\");\n } else {\n event.preventDefault();\n onOpenChange(true, event.nativeEvent || event, \"click\");\n }\n },\n onClick(event) {\n const pointerType = pointerTypeRef.current;\n if (eventOption === \"mousedown\" && pointerTypeRef.current) {\n pointerTypeRef.current = void 0;\n return;\n }\n if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;\n if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === \"click\" : true)) {\n onOpenChange(false, event.nativeEvent || event, \"click\");\n } else {\n onOpenChange(true, event.nativeEvent || event, \"click\");\n }\n },\n onKeyDown(event) {\n pointerTypeRef.current = void 0;\n if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) {\n return;\n }\n if (event.key === \" \" && !isSpaceIgnored(domReference)) {\n event.preventDefault();\n didKeyDownRef.current = true;\n }\n if (isAnchorTarget(event)) {\n return;\n }\n if (event.key === \"Enter\") {\n if (open && toggle) {\n onOpenChange(false, event.nativeEvent || event, \"click\");\n } else {\n onOpenChange(true, event.nativeEvent || event, \"click\");\n }\n }\n },\n onKeyUp(event) {\n if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference)) {\n return;\n }\n if (event.key === \" \" && didKeyDownRef.current) {\n didKeyDownRef.current = false;\n if (open && toggle) {\n onOpenChange(false, event.nativeEvent || event, \"click\");\n } else {\n onOpenChange(true, event.nativeEvent || event, \"click\");\n }\n }\n }\n }),\n [\n dataRef,\n domReference,\n eventOption,\n ignoreMouse,\n keyboardHandlers,\n onOpenChange,\n open,\n stickIfOpen,\n toggle\n ]\n );\n return useMemo(() => enabled ? { reference } : {}, [enabled, reference]);\n}\nexport {\n useClick\n};\n//# sourceMappingURL=useClick.js.map\n"],"mappings":";;;;AAEA,SAAS,eAAe,OAAO;CAC7B,OAAO,cAAc,MAAM,MAAM,KAAK,MAAM,OAAO,YAAY;AACjE;AACA,SAAS,eAAe,OAAO;CAC7B,OAAO,cAAc,MAAM,MAAM,KAAK,MAAM,OAAO,YAAY;AACjE;AACA,SAAS,eAAe,SAAS;CAC/B,OAAO,kBAAkB,OAAO;AAClC;AACA,SAAS,SAAS,SAAS,QAAQ,CAAC,GAAG;CACrC,MAAM,EACJ,MACA,cACA,SACA,UAAU,EAAE,mBACV;CACJ,MAAM,EACJ,UAAU,MACV,OAAO,cAAc,SACrB,SAAS,MACT,cAAc,OACd,mBAAmB,MACnB,cAAc,SACZ;CACJ,MAAM,iBAAiB,OAAO,KAAK,CAAC;CACpC,MAAM,gBAAgB,OAAO,KAAK;CAClC,MAAM,YAAY,eACT;EACL,cAAc,OAAO;GACnB,eAAe,UAAU,MAAM;EACjC;EACA,YAAY,OAAO;GACjB,MAAM,cAAc,eAAe;GACnC,IAAI,MAAM,WAAW,GAAG;GACxB,IAAI,gBAAgB,SAAS;GAC7B,IAAI,uBAAuB,aAAa,IAAI,KAAK,aAAa;GAC9D,IAAI,QAAQ,WAAW,QAAQ,QAAQ,aAAa,cAAc,QAAQ,QAAQ,UAAU,SAAS,cAAc,OAAO;IACxH,aAAa,OAAO,MAAM,eAAe,OAAO,OAAO;GACzD,OAAO;IACL,MAAM,eAAe;IACrB,aAAa,MAAM,MAAM,eAAe,OAAO,OAAO;GACxD;EACF;EACA,QAAQ,OAAO;GACb,MAAM,cAAc,eAAe;GACnC,IAAI,gBAAgB,eAAe,eAAe,SAAS;IACzD,eAAe,UAAU,KAAK;IAC9B;GACF;GACA,IAAI,uBAAuB,aAAa,IAAI,KAAK,aAAa;GAC9D,IAAI,QAAQ,WAAW,QAAQ,QAAQ,aAAa,cAAc,QAAQ,QAAQ,UAAU,SAAS,UAAU,OAAO;IACpH,aAAa,OAAO,MAAM,eAAe,OAAO,OAAO;GACzD,OAAO;IACL,aAAa,MAAM,MAAM,eAAe,OAAO,OAAO;GACxD;EACF;EACA,UAAU,OAAO;GACf,eAAe,UAAU,KAAK;GAC9B,IAAI,MAAM,oBAAoB,CAAC,oBAAoB,eAAe,KAAK,GAAG;IACxE;GACF;GACA,IAAI,MAAM,QAAQ,OAAO,CAAC,eAAe,YAAY,GAAG;IACtD,MAAM,eAAe;IACrB,cAAc,UAAU;GAC1B;GACA,IAAI,eAAe,KAAK,GAAG;IACzB;GACF;GACA,IAAI,MAAM,QAAQ,SAAS;IACzB,IAAI,QAAQ,QAAQ;KAClB,aAAa,OAAO,MAAM,eAAe,OAAO,OAAO;IACzD,OAAO;KACL,aAAa,MAAM,MAAM,eAAe,OAAO,OAAO;IACxD;GACF;EACF;EACA,QAAQ,OAAO;GACb,IAAI,MAAM,oBAAoB,CAAC,oBAAoB,eAAe,KAAK,KAAK,eAAe,YAAY,GAAG;IACxG;GACF;GACA,IAAI,MAAM,QAAQ,OAAO,cAAc,SAAS;IAC9C,cAAc,UAAU;IACxB,IAAI,QAAQ,QAAQ;KAClB,aAAa,OAAO,MAAM,eAAe,OAAO,OAAO;IACzD,OAAO;KACL,aAAa,MAAM,MAAM,eAAe,OAAO,OAAO;IACxD;GACF;EACF;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,OAAO,cAAc,UAAU,EAAE,UAAU,IAAI,CAAC,GAAG,CAAC,SAAS,SAAS,CAAC;AACzE"}
|
|
@@ -1,104 +1,100 @@
|
|
|
1
1
|
import { useMemo, useRef } from "react";
|
|
2
2
|
import { isHTMLElement, isMouseLikePointerType, isTypeableElement } from "./utils.native.js";
|
|
3
|
+
|
|
3
4
|
function isButtonTarget(event) {
|
|
4
|
-
|
|
5
|
+
return isHTMLElement(event.target) && event.target.tagName === "BUTTON";
|
|
5
6
|
}
|
|
6
7
|
function isAnchorTarget(event) {
|
|
7
|
-
|
|
8
|
+
return isHTMLElement(event.target) && event.target.tagName === "A";
|
|
8
9
|
}
|
|
9
10
|
function isSpaceIgnored(element) {
|
|
10
|
-
|
|
11
|
+
return isTypeableElement(element);
|
|
11
12
|
}
|
|
12
13
|
function useClick(context) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}, [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open, stickIfOpen, toggle]);
|
|
97
|
-
return useMemo(function () {
|
|
98
|
-
return enabled ? {
|
|
99
|
-
reference
|
|
100
|
-
} : {};
|
|
101
|
-
}, [enabled, reference]);
|
|
14
|
+
var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
15
|
+
var { open, onOpenChange, dataRef, elements: { domReference } } = context;
|
|
16
|
+
var { enabled = true, event: eventOption = "click", toggle = true, ignoreMouse = false, keyboardHandlers = true, stickIfOpen = true } = props;
|
|
17
|
+
var pointerTypeRef = useRef(void 0);
|
|
18
|
+
var didKeyDownRef = useRef(false);
|
|
19
|
+
var reference = useMemo(function() {
|
|
20
|
+
return {
|
|
21
|
+
onPointerDown(event) {
|
|
22
|
+
pointerTypeRef.current = event.pointerType;
|
|
23
|
+
},
|
|
24
|
+
onMouseDown(event) {
|
|
25
|
+
var pointerType = pointerTypeRef.current;
|
|
26
|
+
if (event.button !== 0) return;
|
|
27
|
+
if (eventOption === "click") return;
|
|
28
|
+
if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
|
|
29
|
+
if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "mousedown" : true)) {
|
|
30
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
31
|
+
} else {
|
|
32
|
+
event.preventDefault();
|
|
33
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
onClick(event) {
|
|
37
|
+
var pointerType = pointerTypeRef.current;
|
|
38
|
+
if (eventOption === "mousedown" && pointerTypeRef.current) {
|
|
39
|
+
pointerTypeRef.current = void 0;
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
|
|
43
|
+
if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "click" : true)) {
|
|
44
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
45
|
+
} else {
|
|
46
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
onKeyDown(event) {
|
|
50
|
+
pointerTypeRef.current = void 0;
|
|
51
|
+
if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
if (event.key === " " && !isSpaceIgnored(domReference)) {
|
|
55
|
+
event.preventDefault();
|
|
56
|
+
didKeyDownRef.current = true;
|
|
57
|
+
}
|
|
58
|
+
if (isAnchorTarget(event)) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
if (event.key === "Enter") {
|
|
62
|
+
if (open && toggle) {
|
|
63
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
64
|
+
} else {
|
|
65
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
onKeyUp(event) {
|
|
70
|
+
if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference)) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
if (event.key === " " && didKeyDownRef.current) {
|
|
74
|
+
didKeyDownRef.current = false;
|
|
75
|
+
if (open && toggle) {
|
|
76
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
77
|
+
} else {
|
|
78
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
}, [
|
|
84
|
+
dataRef,
|
|
85
|
+
domReference,
|
|
86
|
+
eventOption,
|
|
87
|
+
ignoreMouse,
|
|
88
|
+
keyboardHandlers,
|
|
89
|
+
onOpenChange,
|
|
90
|
+
open,
|
|
91
|
+
stickIfOpen,
|
|
92
|
+
toggle
|
|
93
|
+
]);
|
|
94
|
+
return useMemo(function() {
|
|
95
|
+
return enabled ? { reference } : {};
|
|
96
|
+
}, [enabled, reference]);
|
|
102
97
|
}
|
|
98
|
+
|
|
103
99
|
export { useClick };
|
|
104
100
|
//# sourceMappingURL=useClick.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useClick.native.js","names":[],"sources":["esm/interactions/useClick.native.js"],"sourcesContent":["import { useMemo, useRef } from \"react\";\nimport { isHTMLElement, isMouseLikePointerType, isTypeableElement } from \"./utils\";\nfunction isButtonTarget(event) {\n return isHTMLElement(event.target) && event.target.tagName === \"BUTTON\";\n}\nfunction isAnchorTarget(event) {\n return isHTMLElement(event.target) && event.target.tagName === \"A\";\n}\nfunction isSpaceIgnored(element) {\n return isTypeableElement(element);\n}\nfunction useClick(context) {\n var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n var { open, onOpenChange, dataRef, elements: { domReference } } = context;\n var { enabled = true, event: eventOption = \"click\", toggle = true, ignoreMouse = false, keyboardHandlers = true, stickIfOpen = true } = props;\n var pointerTypeRef = useRef(void 0);\n var didKeyDownRef = useRef(false);\n var reference = useMemo(function() {\n return {\n onPointerDown(event) {\n pointerTypeRef.current = event.pointerType;\n },\n onMouseDown(event) {\n var pointerType = pointerTypeRef.current;\n if (event.button !== 0) return;\n if (eventOption === \"click\") return;\n if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;\n if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === \"mousedown\" : true)) {\n onOpenChange(false, event.nativeEvent || event, \"click\");\n } else {\n event.preventDefault();\n onOpenChange(true, event.nativeEvent || event, \"click\");\n }\n },\n onClick(event) {\n var pointerType = pointerTypeRef.current;\n if (eventOption === \"mousedown\" && pointerTypeRef.current) {\n pointerTypeRef.current = void 0;\n return;\n }\n if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;\n if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === \"click\" : true)) {\n onOpenChange(false, event.nativeEvent || event, \"click\");\n } else {\n onOpenChange(true, event.nativeEvent || event, \"click\");\n }\n },\n onKeyDown(event) {\n pointerTypeRef.current = void 0;\n if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) {\n return;\n }\n if (event.key === \" \" && !isSpaceIgnored(domReference)) {\n event.preventDefault();\n didKeyDownRef.current = true;\n }\n if (isAnchorTarget(event)) {\n return;\n }\n if (event.key === \"Enter\") {\n if (open && toggle) {\n onOpenChange(false, event.nativeEvent || event, \"click\");\n } else {\n onOpenChange(true, event.nativeEvent || event, \"click\");\n }\n }\n },\n onKeyUp(event) {\n if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference)) {\n return;\n }\n if (event.key === \" \" && didKeyDownRef.current) {\n didKeyDownRef.current = false;\n if (open && toggle) {\n onOpenChange(false, event.nativeEvent || event, \"click\");\n } else {\n onOpenChange(true, event.nativeEvent || event, \"click\");\n }\n }\n }\n };\n }, [\n dataRef,\n domReference,\n eventOption,\n ignoreMouse,\n keyboardHandlers,\n onOpenChange,\n open,\n stickIfOpen,\n toggle\n ]);\n return useMemo(function() {\n return enabled ? {\n reference\n } : {};\n }, [\n enabled,\n reference\n ]);\n}\nexport {\n useClick\n};\n//# sourceMappingURL=useClick.js.map\n"],"mappings":";;;;AAEA,SAAS,eAAe,OAAO;CAC7B,OAAO,cAAc,MAAM,MAAM,KAAK,MAAM,OAAO,YAAY;AACjE;AACA,SAAS,eAAe,OAAO;CAC7B,OAAO,cAAc,MAAM,MAAM,KAAK,MAAM,OAAO,YAAY;AACjE;AACA,SAAS,eAAe,SAAS;CAC/B,OAAO,kBAAkB,OAAO;AAClC;AACA,SAAS,SAAS,SAAS;CACzB,IAAI,QAAQ,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,CAAC;CAC9E,IAAI,EAAE,MAAM,cAAc,SAAS,UAAU,EAAE,mBAAmB;CAClE,IAAI,EAAE,UAAU,MAAM,OAAO,cAAc,SAAS,SAAS,MAAM,cAAc,OAAO,mBAAmB,MAAM,cAAc,SAAS;CACxI,IAAI,iBAAiB,OAAO,KAAK,CAAC;CAClC,IAAI,gBAAgB,OAAO,KAAK;CAChC,IAAI,YAAY,QAAQ,WAAW;EACjC,OAAO;GACL,cAAc,OAAO;IACnB,eAAe,UAAU,MAAM;GACjC;GACA,YAAY,OAAO;IACjB,IAAI,cAAc,eAAe;IACjC,IAAI,MAAM,WAAW,GAAG;IACxB,IAAI,gBAAgB,SAAS;IAC7B,IAAI,uBAAuB,aAAa,IAAI,KAAK,aAAa;IAC9D,IAAI,QAAQ,WAAW,QAAQ,QAAQ,aAAa,cAAc,QAAQ,QAAQ,UAAU,SAAS,cAAc,OAAO;KACxH,aAAa,OAAO,MAAM,eAAe,OAAO,OAAO;IACzD,OAAO;KACL,MAAM,eAAe;KACrB,aAAa,MAAM,MAAM,eAAe,OAAO,OAAO;IACxD;GACF;GACA,QAAQ,OAAO;IACb,IAAI,cAAc,eAAe;IACjC,IAAI,gBAAgB,eAAe,eAAe,SAAS;KACzD,eAAe,UAAU,KAAK;KAC9B;IACF;IACA,IAAI,uBAAuB,aAAa,IAAI,KAAK,aAAa;IAC9D,IAAI,QAAQ,WAAW,QAAQ,QAAQ,aAAa,cAAc,QAAQ,QAAQ,UAAU,SAAS,UAAU,OAAO;KACpH,aAAa,OAAO,MAAM,eAAe,OAAO,OAAO;IACzD,OAAO;KACL,aAAa,MAAM,MAAM,eAAe,OAAO,OAAO;IACxD;GACF;GACA,UAAU,OAAO;IACf,eAAe,UAAU,KAAK;IAC9B,IAAI,MAAM,oBAAoB,CAAC,oBAAoB,eAAe,KAAK,GAAG;KACxE;IACF;IACA,IAAI,MAAM,QAAQ,OAAO,CAAC,eAAe,YAAY,GAAG;KACtD,MAAM,eAAe;KACrB,cAAc,UAAU;IAC1B;IACA,IAAI,eAAe,KAAK,GAAG;KACzB;IACF;IACA,IAAI,MAAM,QAAQ,SAAS;KACzB,IAAI,QAAQ,QAAQ;MAClB,aAAa,OAAO,MAAM,eAAe,OAAO,OAAO;KACzD,OAAO;MACL,aAAa,MAAM,MAAM,eAAe,OAAO,OAAO;KACxD;IACF;GACF;GACA,QAAQ,OAAO;IACb,IAAI,MAAM,oBAAoB,CAAC,oBAAoB,eAAe,KAAK,KAAK,eAAe,YAAY,GAAG;KACxG;IACF;IACA,IAAI,MAAM,QAAQ,OAAO,cAAc,SAAS;KAC9C,cAAc,UAAU;KACxB,IAAI,QAAQ,QAAQ;MAClB,aAAa,OAAO,MAAM,eAAe,OAAO,OAAO;KACzD,OAAO;MACL,aAAa,MAAM,MAAM,eAAe,OAAO,OAAO;KACxD;IACF;GACF;EACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,OAAO,QAAQ,WAAW;EACxB,OAAO,UAAU,EACf,UACF,IAAI,CAAC;CACP,GAAG,CACD,SACA,SACF,CAAC;AACH"}
|
|
@@ -1,77 +1,80 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
|
|
2
3
|
const DelayGroupContext = React.createContext({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
currentId: null,
|
|
5
|
+
setCurrentId: () => {},
|
|
6
|
+
delay: 0,
|
|
7
|
+
timeoutMs: 0,
|
|
8
|
+
initialDelay: 0
|
|
8
9
|
});
|
|
9
10
|
function useDelayGroupContext() {
|
|
10
|
-
|
|
11
|
+
return React.useContext(DelayGroupContext);
|
|
11
12
|
}
|
|
12
|
-
function FloatingDelayGroup({
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}, children);
|
|
13
|
+
function FloatingDelayGroup({ children, delay, timeoutMs = 0 }) {
|
|
14
|
+
const [currentId, setCurrentIdRaw] = React.useState(null);
|
|
15
|
+
const timeoutRef = React.useRef(void 0);
|
|
16
|
+
const setCurrentId = React.useCallback((id) => {
|
|
17
|
+
clearTimeout(timeoutRef.current);
|
|
18
|
+
if (id == null && timeoutMs > 0) {
|
|
19
|
+
timeoutRef.current = setTimeout(() => {
|
|
20
|
+
setCurrentIdRaw(null);
|
|
21
|
+
}, timeoutMs);
|
|
22
|
+
} else {
|
|
23
|
+
setCurrentIdRaw(id);
|
|
24
|
+
}
|
|
25
|
+
}, [timeoutMs]);
|
|
26
|
+
React.useEffect(() => {
|
|
27
|
+
return () => clearTimeout(timeoutRef.current);
|
|
28
|
+
}, []);
|
|
29
|
+
const value = React.useMemo(() => ({
|
|
30
|
+
currentId,
|
|
31
|
+
setCurrentId,
|
|
32
|
+
delay,
|
|
33
|
+
timeoutMs,
|
|
34
|
+
initialDelay: delay
|
|
35
|
+
}), [
|
|
36
|
+
currentId,
|
|
37
|
+
setCurrentId,
|
|
38
|
+
delay,
|
|
39
|
+
timeoutMs
|
|
40
|
+
]);
|
|
41
|
+
return React.createElement(DelayGroupContext.Provider, { value }, children);
|
|
42
42
|
}
|
|
43
43
|
function useDelayGroup(context, options = {}) {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
44
|
+
const { id } = options;
|
|
45
|
+
const groupContext = React.useContext(DelayGroupContext);
|
|
46
|
+
React.useEffect(() => {
|
|
47
|
+
if (!context.open && groupContext.currentId === id) {
|
|
48
|
+
groupContext.setCurrentId(null);
|
|
49
|
+
}
|
|
50
|
+
}, [context.open, id]);
|
|
51
|
+
React.useEffect(() => {
|
|
52
|
+
if (groupContext.currentId != null && groupContext.currentId !== id && context.open) {
|
|
53
|
+
context.onOpenChange(false);
|
|
54
|
+
}
|
|
55
|
+
}, [
|
|
56
|
+
groupContext.currentId,
|
|
57
|
+
id,
|
|
58
|
+
context.open
|
|
59
|
+
]);
|
|
60
|
+
if (groupContext.currentId != null) {
|
|
61
|
+
return {
|
|
62
|
+
delay: {
|
|
63
|
+
open: 1,
|
|
64
|
+
close: getClose(groupContext.initialDelay)
|
|
65
|
+
},
|
|
66
|
+
currentId: groupContext.currentId
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
return {
|
|
70
|
+
delay: groupContext.initialDelay,
|
|
71
|
+
currentId: groupContext.currentId
|
|
72
|
+
};
|
|
71
73
|
}
|
|
72
74
|
function getClose(delay) {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
+
if (typeof delay === "number") return delay;
|
|
76
|
+
return delay?.close ?? 0;
|
|
75
77
|
}
|
|
78
|
+
|
|
76
79
|
export { FloatingDelayGroup, useDelayGroup, useDelayGroupContext };
|
|
77
80
|
//# sourceMappingURL=useDelayGroup.mjs.map
|