@hanzogui/floating 3.0.6 → 4.4.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/dist/cjs/Floating.cjs +7 -5
- package/dist/cjs/Floating.native.js +18 -16
- package/dist/cjs/Floating.native.js.map +1 -1
- package/dist/cjs/index.cjs +28 -26
- package/dist/cjs/index.native.js +28 -26
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/interactions/PopupTriggerMap.cjs +21 -12
- package/dist/cjs/interactions/PopupTriggerMap.native.js +51 -27
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/cjs/interactions/createFloatingEvents.cjs +21 -12
- package/dist/cjs/interactions/createFloatingEvents.native.js +22 -13
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/cjs/interactions/safePolygon.cjs +213 -131
- package/dist/cjs/interactions/safePolygon.native.js +182 -103
- package/dist/cjs/interactions/safePolygon.native.js.map +1 -1
- package/dist/cjs/interactions/types.cjs +7 -5
- package/dist/cjs/interactions/types.native.js +7 -5
- package/dist/cjs/interactions/types.native.js.map +1 -1
- package/dist/cjs/interactions/useClick.cjs +91 -49
- package/dist/cjs/interactions/useClick.native.js +96 -54
- package/dist/cjs/interactions/useClick.native.js.map +1 -1
- package/dist/cjs/interactions/useDelayGroup.cjs +63 -44
- package/dist/cjs/interactions/useDelayGroup.native.js +74 -58
- package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/cjs/interactions/useFocus.cjs +73 -44
- package/dist/cjs/interactions/useFocus.native.js +75 -49
- package/dist/cjs/interactions/useFocus.native.js.map +1 -1
- package/dist/cjs/interactions/useHover.cjs +242 -109
- package/dist/cjs/interactions/useHover.native.js +268 -143
- package/dist/cjs/interactions/useHover.native.js.map +1 -1
- package/dist/cjs/interactions/useInnerOffset.cjs +88 -64
- package/dist/cjs/interactions/useInnerOffset.native.js +88 -65
- package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/cjs/interactions/useInteractions.cjs +60 -31
- package/dist/cjs/interactions/useInteractions.native.js +133 -81
- package/dist/cjs/interactions/useInteractions.native.js.map +1 -1
- package/dist/cjs/interactions/useListNavigation.cjs +346 -181
- package/dist/cjs/interactions/useListNavigation.native.js +350 -214
- package/dist/cjs/interactions/useListNavigation.native.js.map +1 -1
- package/dist/cjs/interactions/useRole.cjs +83 -73
- package/dist/cjs/interactions/useRole.native.js +107 -99
- package/dist/cjs/interactions/useRole.native.js.map +1 -1
- package/dist/cjs/interactions/useTypeahead.cjs +115 -65
- package/dist/cjs/interactions/useTypeahead.native.js +122 -77
- package/dist/cjs/interactions/useTypeahead.native.js.map +1 -1
- package/dist/cjs/interactions/utils.cjs +68 -38
- package/dist/cjs/interactions/utils.native.js +93 -54
- package/dist/cjs/interactions/utils.native.js.map +1 -1
- package/dist/cjs/middleware/inner.cjs +79 -67
- package/dist/cjs/middleware/inner.native.js +86 -76
- package/dist/cjs/middleware/inner.native.js.map +1 -1
- package/dist/cjs/useFloating.cjs +48 -45
- package/dist/cjs/useFloating.native.js +50 -48
- package/dist/cjs/useFloating.native.js.map +1 -1
- package/dist/esm/Floating.native.js +5 -5
- package/dist/esm/Floating.native.js.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.mjs +9 -2
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.native.js +39 -17
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.mjs +9 -2
- package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.native.js +10 -3
- package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/esm/interactions/safePolygon.mjs +201 -121
- package/dist/esm/interactions/safePolygon.mjs.map +1 -1
- package/dist/esm/interactions/safePolygon.native.js +170 -93
- package/dist/esm/interactions/safePolygon.native.js.map +1 -1
- package/dist/esm/interactions/useClick.mjs +79 -39
- package/dist/esm/interactions/useClick.mjs.map +1 -1
- package/dist/esm/interactions/useClick.native.js +82 -42
- package/dist/esm/interactions/useClick.native.js.map +1 -1
- package/dist/esm/interactions/useDelayGroup.mjs +39 -22
- package/dist/esm/interactions/useDelayGroup.mjs.map +1 -1
- package/dist/esm/interactions/useDelayGroup.native.js +42 -28
- package/dist/esm/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/esm/interactions/useFocus.mjs +59 -32
- package/dist/esm/interactions/useFocus.mjs.map +1 -1
- package/dist/esm/interactions/useFocus.native.js +61 -37
- package/dist/esm/interactions/useFocus.native.js.map +1 -1
- package/dist/esm/interactions/useHover.mjs +215 -84
- package/dist/esm/interactions/useHover.mjs.map +1 -1
- package/dist/esm/interactions/useHover.native.js +240 -117
- package/dist/esm/interactions/useHover.native.js.map +1 -1
- package/dist/esm/interactions/useInnerOffset.mjs +61 -39
- package/dist/esm/interactions/useInnerOffset.mjs.map +1 -1
- package/dist/esm/interactions/useInnerOffset.native.js +61 -40
- package/dist/esm/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/esm/interactions/useInteractions.mjs +48 -21
- package/dist/esm/interactions/useInteractions.mjs.map +1 -1
- package/dist/esm/interactions/useInteractions.native.js +121 -71
- package/dist/esm/interactions/useInteractions.native.js.map +1 -1
- package/dist/esm/interactions/useListNavigation.mjs +331 -168
- package/dist/esm/interactions/useListNavigation.mjs.map +1 -1
- package/dist/esm/interactions/useListNavigation.native.js +335 -201
- package/dist/esm/interactions/useListNavigation.native.js.map +1 -1
- package/dist/esm/interactions/useRole.mjs +59 -51
- package/dist/esm/interactions/useRole.mjs.map +1 -1
- package/dist/esm/interactions/useRole.native.js +82 -76
- package/dist/esm/interactions/useRole.native.js.map +1 -1
- package/dist/esm/interactions/useTypeahead.mjs +100 -52
- package/dist/esm/interactions/useTypeahead.mjs.map +1 -1
- package/dist/esm/interactions/useTypeahead.native.js +107 -64
- package/dist/esm/interactions/useTypeahead.native.js.map +1 -1
- package/dist/esm/interactions/utils.mjs +56 -28
- package/dist/esm/interactions/utils.mjs.map +1 -1
- package/dist/esm/interactions/utils.native.js +81 -44
- package/dist/esm/interactions/utils.native.js.map +1 -1
- package/dist/esm/middleware/inner.mjs +54 -44
- package/dist/esm/middleware/inner.mjs.map +1 -1
- package/dist/esm/middleware/inner.native.js +61 -53
- package/dist/esm/middleware/inner.native.js.map +1 -1
- package/dist/esm/useFloating.mjs +22 -21
- package/dist/esm/useFloating.mjs.map +1 -1
- package/dist/esm/useFloating.native.js +24 -24
- package/dist/esm/useFloating.native.js.map +1 -1
- package/package.json +3 -3
- package/src/middleware/inner.ts +4 -5
- package/types/middleware/inner.d.ts.map +1 -1
|
@@ -3,28 +3,30 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var useClick_exports = {};
|
|
22
24
|
__export(useClick_exports, {
|
|
23
25
|
useClick: () => useClick
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(useClick_exports);
|
|
26
|
-
var import_react = require("react")
|
|
27
|
-
|
|
28
|
+
var import_react = require("react");
|
|
29
|
+
var import_utils = require("./utils.cjs");
|
|
28
30
|
function isButtonTarget(event) {
|
|
29
31
|
return (0, import_utils.isHTMLElement)(event.target) && event.target.tagName === "BUTTON";
|
|
30
32
|
}
|
|
@@ -36,46 +38,86 @@ function isSpaceIgnored(element) {
|
|
|
36
38
|
}
|
|
37
39
|
function useClick(context, props = {}) {
|
|
38
40
|
const {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
open,
|
|
42
|
+
onOpenChange,
|
|
43
|
+
dataRef,
|
|
44
|
+
elements: {
|
|
45
|
+
domReference
|
|
46
|
+
}
|
|
47
|
+
} = context;
|
|
48
|
+
const {
|
|
49
|
+
enabled = true,
|
|
50
|
+
event: eventOption = "click",
|
|
51
|
+
toggle = true,
|
|
52
|
+
ignoreMouse = false,
|
|
53
|
+
keyboardHandlers = true,
|
|
54
|
+
stickIfOpen = true
|
|
55
|
+
} = props;
|
|
56
|
+
const pointerTypeRef = (0, import_react.useRef)(void 0);
|
|
57
|
+
const didKeyDownRef = (0, import_react.useRef)(false);
|
|
58
|
+
const reference = (0, import_react.useMemo)(() => ({
|
|
59
|
+
onPointerDown(event) {
|
|
60
|
+
pointerTypeRef.current = event.pointerType;
|
|
61
|
+
},
|
|
62
|
+
onMouseDown(event) {
|
|
63
|
+
const pointerType = pointerTypeRef.current;
|
|
64
|
+
if (event.button !== 0) return;
|
|
65
|
+
if (eventOption === "click") return;
|
|
66
|
+
if ((0, import_utils.isMouseLikePointerType)(pointerType, true) && ignoreMouse) return;
|
|
67
|
+
if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "mousedown" : true)) {
|
|
68
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
69
|
+
} else {
|
|
70
|
+
event.preventDefault();
|
|
71
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
onClick(event) {
|
|
75
|
+
const pointerType = pointerTypeRef.current;
|
|
76
|
+
if (eventOption === "mousedown" && pointerTypeRef.current) {
|
|
77
|
+
pointerTypeRef.current = void 0;
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
if ((0, import_utils.isMouseLikePointerType)(pointerType, true) && ignoreMouse) return;
|
|
81
|
+
if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "click" : true)) {
|
|
82
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
83
|
+
} else {
|
|
84
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
onKeyDown(event) {
|
|
88
|
+
pointerTypeRef.current = void 0;
|
|
89
|
+
if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
if (event.key === " " && !isSpaceIgnored(domReference)) {
|
|
93
|
+
event.preventDefault();
|
|
94
|
+
didKeyDownRef.current = true;
|
|
95
|
+
}
|
|
96
|
+
if (isAnchorTarget(event)) {
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
if (event.key === "Enter") {
|
|
100
|
+
if (open && toggle) {
|
|
101
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
102
|
+
} else {
|
|
103
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
onKeyUp(event) {
|
|
108
|
+
if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference)) {
|
|
109
|
+
return;
|
|
44
110
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
keyboardHandlers = !0,
|
|
52
|
-
stickIfOpen = !0
|
|
53
|
-
} = props,
|
|
54
|
-
pointerTypeRef = (0, import_react.useRef)(void 0),
|
|
55
|
-
didKeyDownRef = (0, import_react.useRef)(!1),
|
|
56
|
-
reference = (0, import_react.useMemo)(() => ({
|
|
57
|
-
onPointerDown(event) {
|
|
58
|
-
pointerTypeRef.current = event.pointerType;
|
|
59
|
-
},
|
|
60
|
-
onMouseDown(event) {
|
|
61
|
-
const pointerType = pointerTypeRef.current;
|
|
62
|
-
event.button === 0 && eventOption !== "click" && ((0, import_utils.isMouseLikePointerType)(pointerType, !0) && ignoreMouse || (open && toggle && (!(dataRef.current.openEvent && stickIfOpen) || dataRef.current.openEvent.type === "mousedown") ? onOpenChange(!1, event.nativeEvent || event, "click") : (event.preventDefault(), onOpenChange(!0, event.nativeEvent || event, "click"))));
|
|
63
|
-
},
|
|
64
|
-
onClick(event) {
|
|
65
|
-
const pointerType = pointerTypeRef.current;
|
|
66
|
-
if (eventOption === "mousedown" && pointerTypeRef.current) {
|
|
67
|
-
pointerTypeRef.current = void 0;
|
|
68
|
-
return;
|
|
111
|
+
if (event.key === " " && didKeyDownRef.current) {
|
|
112
|
+
didKeyDownRef.current = false;
|
|
113
|
+
if (open && toggle) {
|
|
114
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
115
|
+
} else {
|
|
116
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
69
117
|
}
|
|
70
|
-
(0, import_utils.isMouseLikePointerType)(pointerType, !0) && ignoreMouse || (open && toggle && (!(dataRef.current.openEvent && stickIfOpen) || dataRef.current.openEvent.type === "click") ? onOpenChange(!1, event.nativeEvent || event, "click") : onOpenChange(!0, event.nativeEvent || event, "click"));
|
|
71
|
-
},
|
|
72
|
-
onKeyDown(event) {
|
|
73
|
-
pointerTypeRef.current = void 0, !(event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) && (event.key === " " && !isSpaceIgnored(domReference) && (event.preventDefault(), didKeyDownRef.current = !0), !isAnchorTarget(event) && event.key === "Enter" && onOpenChange(!(open && toggle), event.nativeEvent || event, "click"));
|
|
74
|
-
},
|
|
75
|
-
onKeyUp(event) {
|
|
76
|
-
event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference) || event.key === " " && didKeyDownRef.current && (didKeyDownRef.current = !1, onOpenChange(!(open && toggle), event.nativeEvent || event, "click"));
|
|
77
118
|
}
|
|
78
|
-
}
|
|
119
|
+
}
|
|
120
|
+
}), [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open, stickIfOpen, toggle]);
|
|
79
121
|
return (0, import_react.useMemo)(() => enabled ? {
|
|
80
122
|
reference
|
|
81
123
|
} : {}, [enabled, reference]);
|
|
@@ -5,28 +5,30 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var useClick_exports = {};
|
|
24
26
|
__export(useClick_exports, {
|
|
25
27
|
useClick: () => useClick
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(useClick_exports);
|
|
28
|
-
var import_react = require("react")
|
|
29
|
-
|
|
30
|
+
var import_react = require("react");
|
|
31
|
+
var import_utils = require("./utils.native.js");
|
|
30
32
|
function isButtonTarget(event) {
|
|
31
33
|
return (0, import_utils.isHTMLElement)(event.target) && event.target.tagName === "BUTTON";
|
|
32
34
|
}
|
|
@@ -37,50 +39,90 @@ function isSpaceIgnored(element) {
|
|
|
37
39
|
return (0, import_utils.isTypeableElement)(element);
|
|
38
40
|
}
|
|
39
41
|
function useClick(context) {
|
|
40
|
-
var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}
|
|
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
|
-
|
|
42
|
+
var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
43
|
+
var {
|
|
44
|
+
open,
|
|
45
|
+
onOpenChange,
|
|
46
|
+
dataRef,
|
|
47
|
+
elements: {
|
|
48
|
+
domReference
|
|
49
|
+
}
|
|
50
|
+
} = context;
|
|
51
|
+
var {
|
|
52
|
+
enabled = true,
|
|
53
|
+
event: eventOption = "click",
|
|
54
|
+
toggle = true,
|
|
55
|
+
ignoreMouse = false,
|
|
56
|
+
keyboardHandlers = true,
|
|
57
|
+
stickIfOpen = true
|
|
58
|
+
} = props;
|
|
59
|
+
var pointerTypeRef = (0, import_react.useRef)(void 0);
|
|
60
|
+
var didKeyDownRef = (0, import_react.useRef)(false);
|
|
61
|
+
var reference = (0, import_react.useMemo)(function () {
|
|
62
|
+
return {
|
|
63
|
+
onPointerDown(event) {
|
|
64
|
+
pointerTypeRef.current = event.pointerType;
|
|
65
|
+
},
|
|
66
|
+
onMouseDown(event) {
|
|
67
|
+
var pointerType = pointerTypeRef.current;
|
|
68
|
+
if (event.button !== 0) return;
|
|
69
|
+
if (eventOption === "click") return;
|
|
70
|
+
if ((0, import_utils.isMouseLikePointerType)(pointerType, true) && ignoreMouse) return;
|
|
71
|
+
if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "mousedown" : true)) {
|
|
72
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
73
|
+
} else {
|
|
74
|
+
event.preventDefault();
|
|
75
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
onClick(event) {
|
|
79
|
+
var pointerType = pointerTypeRef.current;
|
|
80
|
+
if (eventOption === "mousedown" && pointerTypeRef.current) {
|
|
81
|
+
pointerTypeRef.current = void 0;
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
if ((0, import_utils.isMouseLikePointerType)(pointerType, true) && ignoreMouse) return;
|
|
85
|
+
if (open && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "click" : true)) {
|
|
86
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
87
|
+
} else {
|
|
88
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
onKeyDown(event) {
|
|
92
|
+
pointerTypeRef.current = void 0;
|
|
93
|
+
if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) {
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
if (event.key === " " && !isSpaceIgnored(domReference)) {
|
|
97
|
+
event.preventDefault();
|
|
98
|
+
didKeyDownRef.current = true;
|
|
99
|
+
}
|
|
100
|
+
if (isAnchorTarget(event)) {
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
if (event.key === "Enter") {
|
|
104
|
+
if (open && toggle) {
|
|
105
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
106
|
+
} else {
|
|
107
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
onKeyUp(event) {
|
|
112
|
+
if (event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference)) {
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
if (event.key === " " && didKeyDownRef.current) {
|
|
116
|
+
didKeyDownRef.current = false;
|
|
117
|
+
if (open && toggle) {
|
|
118
|
+
onOpenChange(false, event.nativeEvent || event, "click");
|
|
119
|
+
} else {
|
|
120
|
+
onOpenChange(true, event.nativeEvent || event, "click");
|
|
73
121
|
}
|
|
74
|
-
(0, import_utils.isMouseLikePointerType)(pointerType, !0) && ignoreMouse || (open && toggle && (!(dataRef.current.openEvent && stickIfOpen) || dataRef.current.openEvent.type === "click") ? onOpenChange(!1, event.nativeEvent || event, "click") : onOpenChange(!0, event.nativeEvent || event, "click"));
|
|
75
|
-
},
|
|
76
|
-
onKeyDown(event) {
|
|
77
|
-
pointerTypeRef.current = void 0, !(event.defaultPrevented || !keyboardHandlers || isButtonTarget(event)) && (event.key === " " && !isSpaceIgnored(domReference) && (event.preventDefault(), didKeyDownRef.current = !0), !isAnchorTarget(event) && event.key === "Enter" && onOpenChange(!(open && toggle), event.nativeEvent || event, "click"));
|
|
78
|
-
},
|
|
79
|
-
onKeyUp(event) {
|
|
80
|
-
event.defaultPrevented || !keyboardHandlers || isButtonTarget(event) || isSpaceIgnored(domReference) || event.key === " " && didKeyDownRef.current && (didKeyDownRef.current = !1, onOpenChange(!(open && toggle), event.nativeEvent || event, "click"));
|
|
81
122
|
}
|
|
82
|
-
}
|
|
83
|
-
}
|
|
123
|
+
}
|
|
124
|
+
};
|
|
125
|
+
}, [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open, stickIfOpen, toggle]);
|
|
84
126
|
return (0, import_react.useMemo)(function () {
|
|
85
127
|
return enabled ? {
|
|
86
128
|
reference
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useClick_exports","__export","useClick","module","exports","import_react","require","import_utils","isButtonTarget","event","isHTMLElement","target","tagName","isAnchorTarget","isSpaceIgnored","element","isTypeableElement","context","props","arguments","length","open","onOpenChange","dataRef","elements","domReference","enabled","eventOption","toggle","ignoreMouse","keyboardHandlers","stickIfOpen","pointerTypeRef","useRef","didKeyDownRef","reference","useMemo","onPointerDown","current","pointerType","onMouseDown","button","isMouseLikePointerType","openEvent","type","nativeEvent","preventDefault","onClick","onKeyDown","defaultPrevented","key","onKeyUp"],"sources":["../../../src/interactions/useClick.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useClick_exports","__export","useClick","module","exports","import_react","require","import_utils","isButtonTarget","event","isHTMLElement","target","tagName","isAnchorTarget","isSpaceIgnored","element","isTypeableElement","context","props","arguments","length","open","onOpenChange","dataRef","elements","domReference","enabled","eventOption","toggle","ignoreMouse","keyboardHandlers","stickIfOpen","pointerTypeRef","useRef","didKeyDownRef","reference","useMemo","onPointerDown","current","pointerType","onMouseDown","button","isMouseLikePointerType","openEvent","type","nativeEvent","preventDefault","onClick","onKeyDown","defaultPrevented","key","onKeyUp"],"sources":["../../../src/interactions/useClick.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -2,33 +2,35 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
6
|
-
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
32
34
|
var useDelayGroup_exports = {};
|
|
33
35
|
__export(useDelayGroup_exports, {
|
|
34
36
|
FloatingDelayGroup: () => FloatingDelayGroup,
|
|
@@ -52,14 +54,21 @@ function FloatingDelayGroup({
|
|
|
52
54
|
delay,
|
|
53
55
|
timeoutMs = 0
|
|
54
56
|
}) {
|
|
55
|
-
const [currentId, setCurrentIdRaw] = React.useState(null)
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
const [currentId, setCurrentIdRaw] = React.useState(null);
|
|
58
|
+
const timeoutRef = React.useRef(void 0);
|
|
59
|
+
const setCurrentId = React.useCallback(id => {
|
|
60
|
+
clearTimeout(timeoutRef.current);
|
|
61
|
+
if (id == null && timeoutMs > 0) {
|
|
62
|
+
timeoutRef.current = setTimeout(() => {
|
|
59
63
|
setCurrentIdRaw(null);
|
|
60
|
-
}, timeoutMs)
|
|
61
|
-
}
|
|
62
|
-
|
|
64
|
+
}, timeoutMs);
|
|
65
|
+
} else {
|
|
66
|
+
setCurrentIdRaw(id);
|
|
67
|
+
}
|
|
68
|
+
}, [timeoutMs]);
|
|
69
|
+
React.useEffect(() => {
|
|
70
|
+
return () => clearTimeout(timeoutRef.current);
|
|
71
|
+
}, []);
|
|
63
72
|
const value = React.useMemo(() => ({
|
|
64
73
|
currentId,
|
|
65
74
|
setCurrentId,
|
|
@@ -73,24 +82,34 @@ function FloatingDelayGroup({
|
|
|
73
82
|
}
|
|
74
83
|
function useDelayGroup(context, options = {}) {
|
|
75
84
|
const {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
!context.open && groupContext.currentId === id
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}, [
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
85
|
+
id
|
|
86
|
+
} = options;
|
|
87
|
+
const groupContext = React.useContext(DelayGroupContext);
|
|
88
|
+
React.useEffect(() => {
|
|
89
|
+
if (!context.open && groupContext.currentId === id) {
|
|
90
|
+
groupContext.setCurrentId(null);
|
|
91
|
+
}
|
|
92
|
+
}, [context.open, id]);
|
|
93
|
+
React.useEffect(() => {
|
|
94
|
+
if (groupContext.currentId != null && groupContext.currentId !== id && context.open) {
|
|
95
|
+
context.onOpenChange(false);
|
|
96
|
+
}
|
|
97
|
+
}, [groupContext.currentId, id, context.open]);
|
|
98
|
+
if (groupContext.currentId != null) {
|
|
99
|
+
return {
|
|
100
|
+
delay: {
|
|
101
|
+
open: 1,
|
|
102
|
+
close: getClose(groupContext.initialDelay)
|
|
103
|
+
},
|
|
104
|
+
currentId: groupContext.currentId
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
return {
|
|
90
108
|
delay: groupContext.initialDelay,
|
|
91
109
|
currentId: groupContext.currentId
|
|
92
110
|
};
|
|
93
111
|
}
|
|
94
112
|
function getClose(delay) {
|
|
95
|
-
|
|
113
|
+
if (typeof delay === "number") return delay;
|
|
114
|
+
return delay?.close ?? 0;
|
|
96
115
|
}
|