@hanzogui/floating 2.0.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/LICENSE +21 -0
- package/dist/cjs/Floating.cjs +18 -0
- package/dist/cjs/Floating.native.js +37 -0
- package/dist/cjs/Floating.native.js.map +1 -0
- package/dist/cjs/index.cjs +71 -0
- package/dist/cjs/index.native.js +74 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/interactions/PopupTriggerMap.cjs +40 -0
- package/dist/cjs/interactions/PopupTriggerMap.native.js +73 -0
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -0
- package/dist/cjs/interactions/createFloatingEvents.cjs +41 -0
- package/dist/cjs/interactions/createFloatingEvents.native.js +47 -0
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -0
- package/dist/cjs/interactions/safePolygon.cjs +191 -0
- package/dist/cjs/interactions/safePolygon.native.js +205 -0
- package/dist/cjs/interactions/safePolygon.native.js.map +1 -0
- package/dist/cjs/interactions/types.cjs +16 -0
- package/dist/cjs/interactions/types.native.js +19 -0
- package/dist/cjs/interactions/types.native.js.map +1 -0
- package/dist/cjs/interactions/useClick.cjs +82 -0
- package/dist/cjs/interactions/useClick.native.js +90 -0
- package/dist/cjs/interactions/useClick.native.js.map +1 -0
- package/dist/cjs/interactions/useDelayGroup.cjs +96 -0
- package/dist/cjs/interactions/useDelayGroup.native.js +109 -0
- package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -0
- package/dist/cjs/interactions/useFocus.cjs +101 -0
- package/dist/cjs/interactions/useFocus.native.js +113 -0
- package/dist/cjs/interactions/useFocus.native.js.map +1 -0
- package/dist/cjs/interactions/useHover.cjs +224 -0
- package/dist/cjs/interactions/useHover.native.js +248 -0
- package/dist/cjs/interactions/useHover.native.js.map +1 -0
- package/dist/cjs/interactions/useInnerOffset.cjs +104 -0
- package/dist/cjs/interactions/useInnerOffset.native.js +118 -0
- package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -0
- package/dist/cjs/interactions/useInteractions.cjs +76 -0
- package/dist/cjs/interactions/useInteractions.native.js +164 -0
- package/dist/cjs/interactions/useInteractions.native.js.map +1 -0
- package/dist/cjs/interactions/useListNavigation.cjs +253 -0
- package/dist/cjs/interactions/useListNavigation.native.js +297 -0
- package/dist/cjs/interactions/useListNavigation.native.js.map +1 -0
- package/dist/cjs/interactions/useRole.cjs +112 -0
- package/dist/cjs/interactions/useRole.native.js +128 -0
- package/dist/cjs/interactions/useRole.native.js.map +1 -0
- package/dist/cjs/interactions/useTypeahead.cjs +93 -0
- package/dist/cjs/interactions/useTypeahead.native.js +114 -0
- package/dist/cjs/interactions/useTypeahead.native.js.map +1 -0
- package/dist/cjs/interactions/utils.cjs +178 -0
- package/dist/cjs/interactions/utils.native.js +188 -0
- package/dist/cjs/interactions/utils.native.js.map +1 -0
- package/dist/cjs/middleware/inner.cjs +106 -0
- package/dist/cjs/middleware/inner.native.js +120 -0
- package/dist/cjs/middleware/inner.native.js.map +1 -0
- package/dist/cjs/useFloating.cjs +61 -0
- package/dist/cjs/useFloating.native.js +67 -0
- package/dist/cjs/useFloating.native.js.map +1 -0
- package/dist/esm/Floating.mjs +2 -0
- package/dist/esm/Floating.mjs.map +1 -0
- package/dist/esm/Floating.native.js +8 -0
- package/dist/esm/Floating.native.js.map +1 -0
- package/dist/esm/index.js +18 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +18 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +18 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/interactions/PopupTriggerMap.mjs +17 -0
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -0
- package/dist/esm/interactions/PopupTriggerMap.native.js +47 -0
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -0
- package/dist/esm/interactions/createFloatingEvents.mjs +18 -0
- package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -0
- package/dist/esm/interactions/createFloatingEvents.native.js +21 -0
- package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -0
- package/dist/esm/interactions/safePolygon.mjs +168 -0
- package/dist/esm/interactions/safePolygon.mjs.map +1 -0
- package/dist/esm/interactions/safePolygon.native.js +179 -0
- package/dist/esm/interactions/safePolygon.native.js.map +1 -0
- package/dist/esm/interactions/types.mjs +2 -0
- package/dist/esm/interactions/types.mjs.map +1 -0
- package/dist/esm/interactions/types.native.js +2 -0
- package/dist/esm/interactions/types.native.js.map +1 -0
- package/dist/esm/interactions/useClick.mjs +59 -0
- package/dist/esm/interactions/useClick.mjs.map +1 -0
- package/dist/esm/interactions/useClick.native.js +64 -0
- package/dist/esm/interactions/useClick.native.js.map +1 -0
- package/dist/esm/interactions/useDelayGroup.mjs +60 -0
- package/dist/esm/interactions/useDelayGroup.mjs.map +1 -0
- package/dist/esm/interactions/useDelayGroup.native.js +70 -0
- package/dist/esm/interactions/useDelayGroup.native.js.map +1 -0
- package/dist/esm/interactions/useFocus.mjs +78 -0
- package/dist/esm/interactions/useFocus.mjs.map +1 -0
- package/dist/esm/interactions/useFocus.native.js +87 -0
- package/dist/esm/interactions/useFocus.native.js.map +1 -0
- package/dist/esm/interactions/useHover.mjs +189 -0
- package/dist/esm/interactions/useHover.mjs.map +1 -0
- package/dist/esm/interactions/useHover.native.js +210 -0
- package/dist/esm/interactions/useHover.native.js.map +1 -0
- package/dist/esm/interactions/useInnerOffset.mjs +70 -0
- package/dist/esm/interactions/useInnerOffset.mjs.map +1 -0
- package/dist/esm/interactions/useInnerOffset.native.js +81 -0
- package/dist/esm/interactions/useInnerOffset.native.js.map +1 -0
- package/dist/esm/interactions/useInteractions.mjs +53 -0
- package/dist/esm/interactions/useInteractions.mjs.map +1 -0
- package/dist/esm/interactions/useInteractions.native.js +138 -0
- package/dist/esm/interactions/useInteractions.native.js.map +1 -0
- package/dist/esm/interactions/useListNavigation.mjs +230 -0
- package/dist/esm/interactions/useListNavigation.mjs.map +1 -0
- package/dist/esm/interactions/useListNavigation.native.js +271 -0
- package/dist/esm/interactions/useListNavigation.native.js.map +1 -0
- package/dist/esm/interactions/useRole.mjs +78 -0
- package/dist/esm/interactions/useRole.mjs.map +1 -0
- package/dist/esm/interactions/useRole.native.js +91 -0
- package/dist/esm/interactions/useRole.native.js.map +1 -0
- package/dist/esm/interactions/useTypeahead.mjs +70 -0
- package/dist/esm/interactions/useTypeahead.mjs.map +1 -0
- package/dist/esm/interactions/useTypeahead.native.js +88 -0
- package/dist/esm/interactions/useTypeahead.native.js.map +1 -0
- package/dist/esm/interactions/utils.mjs +134 -0
- package/dist/esm/interactions/utils.mjs.map +1 -0
- package/dist/esm/interactions/utils.native.js +141 -0
- package/dist/esm/interactions/utils.native.js.map +1 -0
- package/dist/esm/middleware/inner.mjs +72 -0
- package/dist/esm/middleware/inner.mjs.map +1 -0
- package/dist/esm/middleware/inner.native.js +83 -0
- package/dist/esm/middleware/inner.native.js.map +1 -0
- package/dist/esm/useFloating.mjs +26 -0
- package/dist/esm/useFloating.mjs.map +1 -0
- package/dist/esm/useFloating.native.js +29 -0
- package/dist/esm/useFloating.native.js.map +1 -0
- package/package.json +50 -0
- package/src/Floating.native.tsx +45 -0
- package/src/Floating.tsx +1 -0
- package/src/index.ts +116 -0
- package/src/interactions/PopupTriggerMap.ts +30 -0
- package/src/interactions/createFloatingEvents.ts +34 -0
- package/src/interactions/safePolygon.ts +500 -0
- package/src/interactions/types.ts +165 -0
- package/src/interactions/useClick.ts +148 -0
- package/src/interactions/useDelayGroup.ts +114 -0
- package/src/interactions/useFocus.ts +164 -0
- package/src/interactions/useHover.ts +453 -0
- package/src/interactions/useInnerOffset.ts +116 -0
- package/src/interactions/useInteractions.ts +101 -0
- package/src/interactions/useListNavigation.ts +578 -0
- package/src/interactions/useRole.ts +103 -0
- package/src/interactions/useTypeahead.ts +173 -0
- package/src/interactions/utils.ts +234 -0
- package/src/middleware/inner.ts +142 -0
- package/src/useFloating.tsx +53 -0
- package/types/Floating.d.ts +2 -0
- package/types/Floating.d.ts.map +1 -0
- package/types/Floating.native.d.ts +41 -0
- package/types/Floating.native.d.ts.map +1 -0
- package/types/index.d.ts +19 -0
- package/types/index.d.ts.map +1 -0
- package/types/interactions/PopupTriggerMap.d.ts +8 -0
- package/types/interactions/PopupTriggerMap.d.ts.map +1 -0
- package/types/interactions/createFloatingEvents.d.ts +7 -0
- package/types/interactions/createFloatingEvents.d.ts.map +1 -0
- package/types/interactions/safePolygon.d.ts +4 -0
- package/types/interactions/safePolygon.d.ts.map +1 -0
- package/types/interactions/types.d.ts +123 -0
- package/types/interactions/types.d.ts.map +1 -0
- package/types/interactions/useClick.d.ts +3 -0
- package/types/interactions/useClick.d.ts.map +1 -0
- package/types/interactions/useDelayGroup.d.ts +23 -0
- package/types/interactions/useDelayGroup.d.ts.map +1 -0
- package/types/interactions/useFocus.d.ts +3 -0
- package/types/interactions/useFocus.d.ts.map +1 -0
- package/types/interactions/useHover.d.ts +6 -0
- package/types/interactions/useHover.d.ts.map +1 -0
- package/types/interactions/useInnerOffset.d.ts +3 -0
- package/types/interactions/useInnerOffset.d.ts.map +1 -0
- package/types/interactions/useInteractions.d.ts +8 -0
- package/types/interactions/useInteractions.d.ts.map +1 -0
- package/types/interactions/useListNavigation.d.ts +3 -0
- package/types/interactions/useListNavigation.d.ts.map +1 -0
- package/types/interactions/useRole.d.ts +3 -0
- package/types/interactions/useRole.d.ts.map +1 -0
- package/types/interactions/useTypeahead.d.ts +3 -0
- package/types/interactions/useTypeahead.d.ts.map +1 -0
- package/types/interactions/utils.d.ts +46 -0
- package/types/interactions/utils.d.ts.map +1 -0
- package/types/middleware/inner.d.ts +14 -0
- package/types/middleware/inner.d.ts.map +1 -0
- package/types/useFloating.d.ts +28 -0
- package/types/useFloating.d.ts.map +1 -0
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
import { useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
2
|
+
import { useEvent } from "@hanzogui/use-event";
|
|
3
|
+
import { activeElement, enqueueFocus, findNonDisabledListIndex, getMinListIndex, getMaxListIndex, isHTMLElement, isIndexOutOfListBounds, isTypeableCombobox, isVirtualClick, isVirtualPointerEvent, stopEvent } from "./utils.mjs";
|
|
4
|
+
const ARROW_UP = "ArrowUp",
|
|
5
|
+
ARROW_DOWN = "ArrowDown",
|
|
6
|
+
ARROW_LEFT = "ArrowLeft",
|
|
7
|
+
ARROW_RIGHT = "ArrowRight";
|
|
8
|
+
function doSwitch(orientation, vertical, horizontal) {
|
|
9
|
+
switch (orientation) {
|
|
10
|
+
case "vertical":
|
|
11
|
+
return vertical;
|
|
12
|
+
case "horizontal":
|
|
13
|
+
return horizontal;
|
|
14
|
+
default:
|
|
15
|
+
return vertical || horizontal;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
function isMainOrientationKey(key, orientation) {
|
|
19
|
+
return doSwitch(orientation, key === ARROW_UP || key === ARROW_DOWN, key === ARROW_LEFT || key === ARROW_RIGHT);
|
|
20
|
+
}
|
|
21
|
+
function isMainOrientationToEndKey(key, orientation, rtl) {
|
|
22
|
+
return doSwitch(orientation, key === ARROW_DOWN, rtl ? key === ARROW_LEFT : key === ARROW_RIGHT) || key === "Enter" || key === " " || key === "";
|
|
23
|
+
}
|
|
24
|
+
function isCrossOrientationOpenKey(key, orientation, rtl) {
|
|
25
|
+
return doSwitch(orientation, rtl ? key === ARROW_LEFT : key === ARROW_RIGHT, key === ARROW_DOWN);
|
|
26
|
+
}
|
|
27
|
+
function isCrossOrientationCloseKey(key, orientation, rtl) {
|
|
28
|
+
return doSwitch(orientation, rtl ? key === ARROW_RIGHT : key === ARROW_LEFT, key === ARROW_UP);
|
|
29
|
+
}
|
|
30
|
+
function useListNavigation(context, props) {
|
|
31
|
+
const {
|
|
32
|
+
open,
|
|
33
|
+
onOpenChange,
|
|
34
|
+
elements
|
|
35
|
+
} = context,
|
|
36
|
+
{
|
|
37
|
+
listRef,
|
|
38
|
+
activeIndex,
|
|
39
|
+
onNavigate: unstable_onNavigate = () => {},
|
|
40
|
+
enabled = !0,
|
|
41
|
+
selectedIndex = null,
|
|
42
|
+
allowEscape = !1,
|
|
43
|
+
loop = !1,
|
|
44
|
+
nested = !1,
|
|
45
|
+
rtl = !1,
|
|
46
|
+
virtual = !1,
|
|
47
|
+
focusItemOnOpen = "auto",
|
|
48
|
+
focusItemOnHover = !0,
|
|
49
|
+
openOnArrowKeyDown = !0,
|
|
50
|
+
disabledIndices = void 0,
|
|
51
|
+
orientation = "vertical",
|
|
52
|
+
scrollItemIntoView = !0
|
|
53
|
+
} = props,
|
|
54
|
+
typeableComboboxReference = isTypeableCombobox(elements.domReference),
|
|
55
|
+
focusItemOnOpenRef = useRef(focusItemOnOpen),
|
|
56
|
+
indexRef = useRef(selectedIndex ?? -1),
|
|
57
|
+
keyRef = useRef(null),
|
|
58
|
+
isPointerModalityRef = useRef(!0),
|
|
59
|
+
previousMountedRef = useRef(!!elements.floating),
|
|
60
|
+
previousOpenRef = useRef(open),
|
|
61
|
+
forceSyncFocusRef = useRef(!1),
|
|
62
|
+
forceScrollIntoViewRef = useRef(!1),
|
|
63
|
+
disabledIndicesRef = useRef(disabledIndices);
|
|
64
|
+
disabledIndicesRef.current = disabledIndices;
|
|
65
|
+
const latestOpenRef = useRef(open);
|
|
66
|
+
latestOpenRef.current = open;
|
|
67
|
+
const scrollItemIntoViewRef = useRef(scrollItemIntoView);
|
|
68
|
+
scrollItemIntoViewRef.current = scrollItemIntoView;
|
|
69
|
+
const selectedIndexRef = useRef(selectedIndex);
|
|
70
|
+
selectedIndexRef.current = selectedIndex;
|
|
71
|
+
const stableOnNavigate = useEvent(unstable_onNavigate),
|
|
72
|
+
[activeId, setActiveId] = useState(),
|
|
73
|
+
onNavigate = useEvent(() => {
|
|
74
|
+
stableOnNavigate(indexRef.current === -1 ? null : indexRef.current);
|
|
75
|
+
}),
|
|
76
|
+
previousOnNavigateRef = useRef(onNavigate),
|
|
77
|
+
focusItem = useEvent(() => {
|
|
78
|
+
function runFocus(item2) {
|
|
79
|
+
virtual ? setActiveId(item2.id) : enqueueFocus(item2, {
|
|
80
|
+
sync: forceSyncFocusRef.current,
|
|
81
|
+
preventScroll: !0
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
const initialItem = listRef.current[indexRef.current],
|
|
85
|
+
forceScrollIntoView = forceScrollIntoViewRef.current;
|
|
86
|
+
initialItem && runFocus(initialItem), (forceSyncFocusRef.current ? v => v() : requestAnimationFrame)(() => {
|
|
87
|
+
const waitedItem = listRef.current[indexRef.current] || initialItem;
|
|
88
|
+
if (!waitedItem) return;
|
|
89
|
+
initialItem || runFocus(waitedItem);
|
|
90
|
+
const scrollIntoViewOptions = scrollItemIntoViewRef.current;
|
|
91
|
+
scrollIntoViewOptions && waitedItem && (forceScrollIntoView || !isPointerModalityRef.current) && waitedItem.scrollIntoView?.(typeof scrollIntoViewOptions == "boolean" ? {
|
|
92
|
+
block: "nearest",
|
|
93
|
+
inline: "nearest"
|
|
94
|
+
} : scrollIntoViewOptions);
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
useLayoutEffect(() => {
|
|
98
|
+
enabled && (open && elements.floating ? focusItemOnOpenRef.current && selectedIndex != null && (forceScrollIntoViewRef.current = !0, indexRef.current = selectedIndex, onNavigate()) : previousMountedRef.current && (indexRef.current = -1, previousOnNavigateRef.current()));
|
|
99
|
+
}, [enabled, open, elements.floating, selectedIndex, onNavigate]), useLayoutEffect(() => {
|
|
100
|
+
if (enabled && open && elements.floating) if (activeIndex == null) {
|
|
101
|
+
if (forceSyncFocusRef.current = !1, selectedIndexRef.current != null) return;
|
|
102
|
+
if (previousMountedRef.current && (indexRef.current = -1, focusItem()), (!previousOpenRef.current || !previousMountedRef.current) && focusItemOnOpenRef.current && (keyRef.current != null || focusItemOnOpenRef.current === !0 && keyRef.current == null)) {
|
|
103
|
+
let runs = 0;
|
|
104
|
+
const waitForListPopulated = () => {
|
|
105
|
+
listRef.current[0] == null ? (runs < 2 && (runs ? requestAnimationFrame : queueMicrotask)(waitForListPopulated), runs++) : (indexRef.current = keyRef.current == null || isMainOrientationToEndKey(keyRef.current, orientation, rtl) || nested ? getMinListIndex(listRef, disabledIndicesRef.current) : getMaxListIndex(listRef, disabledIndicesRef.current), keyRef.current = null, onNavigate());
|
|
106
|
+
};
|
|
107
|
+
waitForListPopulated();
|
|
108
|
+
}
|
|
109
|
+
} else isIndexOutOfListBounds(listRef, activeIndex) || (indexRef.current = activeIndex, focusItem(), forceScrollIntoViewRef.current = !1);
|
|
110
|
+
}, [enabled, open, elements.floating, activeIndex, selectedIndexRef, nested, listRef, orientation, rtl, onNavigate, focusItem, disabledIndicesRef]), useLayoutEffect(() => {
|
|
111
|
+
previousOnNavigateRef.current = onNavigate, previousOpenRef.current = open, previousMountedRef.current = !!elements.floating;
|
|
112
|
+
}), useLayoutEffect(() => {
|
|
113
|
+
open || (keyRef.current = null, focusItemOnOpenRef.current = focusItemOnOpen);
|
|
114
|
+
}, [open, focusItemOnOpen]);
|
|
115
|
+
const hasActiveIndex = activeIndex != null,
|
|
116
|
+
commonOnKeyDown = useEvent(event => {
|
|
117
|
+
if (isPointerModalityRef.current = !1, forceSyncFocusRef.current = !0, event.which === 229 || !latestOpenRef.current && event.currentTarget === elements.floating) return;
|
|
118
|
+
if (nested && isCrossOrientationCloseKey(event.key, orientation, rtl)) {
|
|
119
|
+
stopEvent(event), onOpenChange(!1, event.nativeEvent, "list-navigation"), isHTMLElement(elements.domReference) && elements.domReference.focus();
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
const currentIndex = indexRef.current,
|
|
123
|
+
minIndex = getMinListIndex(listRef, disabledIndices),
|
|
124
|
+
maxIndex = getMaxListIndex(listRef, disabledIndices);
|
|
125
|
+
if (typeableComboboxReference || (event.key === "Home" && (stopEvent(event), indexRef.current = minIndex, onNavigate()), event.key === "End" && (stopEvent(event), indexRef.current = maxIndex, onNavigate())), isMainOrientationKey(event.key, orientation)) {
|
|
126
|
+
if (stopEvent(event), open && !virtual && activeElement(event.currentTarget.ownerDocument) === event.currentTarget) {
|
|
127
|
+
indexRef.current = isMainOrientationToEndKey(event.key, orientation, rtl) ? minIndex : maxIndex, onNavigate();
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
isMainOrientationToEndKey(event.key, orientation, rtl) ? loop ? indexRef.current = currentIndex >= maxIndex ? allowEscape && currentIndex !== listRef.current.length ? -1 : minIndex : findNonDisabledListIndex(listRef, {
|
|
131
|
+
startingIndex: currentIndex,
|
|
132
|
+
disabledIndices
|
|
133
|
+
}) : indexRef.current = Math.min(maxIndex, findNonDisabledListIndex(listRef, {
|
|
134
|
+
startingIndex: currentIndex,
|
|
135
|
+
disabledIndices
|
|
136
|
+
})) : loop ? indexRef.current = currentIndex <= minIndex ? allowEscape && currentIndex !== -1 ? listRef.current.length : maxIndex : findNonDisabledListIndex(listRef, {
|
|
137
|
+
startingIndex: currentIndex,
|
|
138
|
+
decrement: !0,
|
|
139
|
+
disabledIndices
|
|
140
|
+
}) : indexRef.current = Math.max(minIndex, findNonDisabledListIndex(listRef, {
|
|
141
|
+
startingIndex: currentIndex,
|
|
142
|
+
decrement: !0,
|
|
143
|
+
disabledIndices
|
|
144
|
+
})), isIndexOutOfListBounds(listRef, indexRef.current) && (indexRef.current = -1), onNavigate();
|
|
145
|
+
}
|
|
146
|
+
}),
|
|
147
|
+
ariaActiveDescendantProp = useMemo(() => virtual && open && hasActiveIndex && {
|
|
148
|
+
"aria-activedescendant": activeId
|
|
149
|
+
}, [virtual, open, hasActiveIndex, activeId]),
|
|
150
|
+
floating = useMemo(() => ({
|
|
151
|
+
"aria-orientation": orientation === "both" ? void 0 : orientation,
|
|
152
|
+
...(typeableComboboxReference ? {} : ariaActiveDescendantProp),
|
|
153
|
+
onKeyDown: commonOnKeyDown,
|
|
154
|
+
onPointerMove() {
|
|
155
|
+
isPointerModalityRef.current = !0;
|
|
156
|
+
}
|
|
157
|
+
}), [ariaActiveDescendantProp, commonOnKeyDown, orientation, typeableComboboxReference]),
|
|
158
|
+
reference = useMemo(() => {
|
|
159
|
+
function checkVirtualMouse(event) {
|
|
160
|
+
focusItemOnOpen === "auto" && isVirtualClick(event.nativeEvent) && (focusItemOnOpenRef.current = !0);
|
|
161
|
+
}
|
|
162
|
+
function checkVirtualPointer(event) {
|
|
163
|
+
focusItemOnOpenRef.current = focusItemOnOpen, focusItemOnOpen === "auto" && isVirtualPointerEvent(event.nativeEvent) && (focusItemOnOpenRef.current = !0);
|
|
164
|
+
}
|
|
165
|
+
return {
|
|
166
|
+
...ariaActiveDescendantProp,
|
|
167
|
+
onKeyDown(event) {
|
|
168
|
+
isPointerModalityRef.current = !1;
|
|
169
|
+
const isArrowKey = event.key.startsWith("Arrow"),
|
|
170
|
+
isCrossOpenKey = isCrossOrientationOpenKey(event.key, orientation, rtl),
|
|
171
|
+
isMainKey = isMainOrientationKey(event.key, orientation),
|
|
172
|
+
isNavigationKey = (nested ? isCrossOpenKey : isMainKey) || event.key === "Enter" || event.key.trim() === "";
|
|
173
|
+
if (virtual && open) return commonOnKeyDown(event);
|
|
174
|
+
if (!(!open && !openOnArrowKeyDown && isArrowKey)) {
|
|
175
|
+
if (isNavigationKey && (keyRef.current = event.key), nested) {
|
|
176
|
+
isCrossOpenKey && (stopEvent(event), open ? (indexRef.current = getMinListIndex(listRef, disabledIndicesRef.current), onNavigate()) : onOpenChange(!0, event.nativeEvent, "list-navigation"));
|
|
177
|
+
return;
|
|
178
|
+
}
|
|
179
|
+
isMainKey && (selectedIndex != null && (indexRef.current = selectedIndex), stopEvent(event), !open && openOnArrowKeyDown ? onOpenChange(!0, event.nativeEvent, "list-navigation") : commonOnKeyDown(event), open && onNavigate());
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
onFocus() {
|
|
183
|
+
open && !virtual && (indexRef.current = -1, onNavigate());
|
|
184
|
+
},
|
|
185
|
+
onPointerDown: checkVirtualPointer,
|
|
186
|
+
onPointerEnter: checkVirtualPointer,
|
|
187
|
+
onMouseDown: checkVirtualMouse,
|
|
188
|
+
onClick: checkVirtualMouse
|
|
189
|
+
};
|
|
190
|
+
}, [ariaActiveDescendantProp, commonOnKeyDown, disabledIndicesRef, focusItemOnOpen, listRef, nested, onNavigate, onOpenChange, open, openOnArrowKeyDown, orientation, rtl, selectedIndex, virtual]),
|
|
191
|
+
item = useMemo(() => {
|
|
192
|
+
function syncCurrentTarget(currentTarget) {
|
|
193
|
+
if (!latestOpenRef.current) return;
|
|
194
|
+
const index = listRef.current.indexOf(currentTarget);
|
|
195
|
+
index !== -1 && indexRef.current !== index && (indexRef.current = index, onNavigate());
|
|
196
|
+
}
|
|
197
|
+
return {
|
|
198
|
+
onFocus({
|
|
199
|
+
currentTarget
|
|
200
|
+
}) {
|
|
201
|
+
forceSyncFocusRef.current = !0, syncCurrentTarget(currentTarget);
|
|
202
|
+
},
|
|
203
|
+
onClick: ({
|
|
204
|
+
currentTarget
|
|
205
|
+
}) => currentTarget.focus({
|
|
206
|
+
preventScroll: !0
|
|
207
|
+
}),
|
|
208
|
+
// safari
|
|
209
|
+
onMouseMove({
|
|
210
|
+
currentTarget
|
|
211
|
+
}) {
|
|
212
|
+
forceSyncFocusRef.current = !0, forceScrollIntoViewRef.current = !1, focusItemOnHover && syncCurrentTarget(currentTarget);
|
|
213
|
+
},
|
|
214
|
+
onPointerLeave({
|
|
215
|
+
pointerType
|
|
216
|
+
}) {
|
|
217
|
+
!isPointerModalityRef.current || pointerType === "touch" || (forceSyncFocusRef.current = !0, focusItemOnHover && (indexRef.current = -1, onNavigate(), virtual || elements.floating?.focus({
|
|
218
|
+
preventScroll: !0
|
|
219
|
+
})));
|
|
220
|
+
}
|
|
221
|
+
};
|
|
222
|
+
}, [latestOpenRef, focusItemOnHover, listRef, onNavigate, virtual, elements.floating]);
|
|
223
|
+
return useMemo(() => enabled ? {
|
|
224
|
+
reference,
|
|
225
|
+
floating,
|
|
226
|
+
item
|
|
227
|
+
} : {}, [enabled, reference, floating, item]);
|
|
228
|
+
}
|
|
229
|
+
export { useListNavigation };
|
|
230
|
+
//# sourceMappingURL=useListNavigation.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useLayoutEffect","useMemo","useRef","useState","useEvent","activeElement","enqueueFocus","findNonDisabledListIndex","getMinListIndex","getMaxListIndex","isHTMLElement","isIndexOutOfListBounds","isTypeableCombobox","isVirtualClick","isVirtualPointerEvent","stopEvent","ARROW_UP","ARROW_DOWN","ARROW_LEFT","ARROW_RIGHT","doSwitch","orientation","vertical","horizontal","isMainOrientationKey","key","isMainOrientationToEndKey","rtl","isCrossOrientationOpenKey","isCrossOrientationCloseKey","useListNavigation","context","props","open","onOpenChange","elements","listRef","activeIndex","onNavigate","unstable_onNavigate","enabled","selectedIndex","allowEscape","loop","nested","virtual","focusItemOnOpen","focusItemOnHover","openOnArrowKeyDown","disabledIndices","scrollItemIntoView","typeableComboboxReference","domReference","focusItemOnOpenRef","indexRef","keyRef","isPointerModalityRef","previousMountedRef","floating","previousOpenRef","forceSyncFocusRef","forceScrollIntoViewRef","disabledIndicesRef","current","latestOpenRef","scrollItemIntoViewRef","selectedIndexRef","stableOnNavigate","activeId","setActiveId","previousOnNavigateRef","focusItem","runFocus","item2","id","sync","preventScroll","initialItem","forceScrollIntoView","v","requestAnimationFrame","waitedItem","scrollIntoViewOptions","scrollIntoView","block","inline","runs","waitForListPopulated","queueMicrotask","hasActiveIndex","commonOnKeyDown","event","which","currentTarget","nativeEvent","focus","currentIndex","minIndex","maxIndex","ownerDocument","length","startingIndex","Math","min","decrement","max","ariaActiveDescendantProp","onKeyDown","onPointerMove","reference","checkVirtualMouse","checkVirtualPointer","isArrowKey","startsWith","isCrossOpenKey","isMainKey","isNavigationKey","trim","onFocus","onPointerDown","onPointerEnter","onMouseDown","onClick","item","syncCurrentTarget","index","indexOf","onMouseMove","onPointerLeave","pointerType"],"sources":["../../../src/interactions/useListNavigation.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,eAAA,EAAiBC,OAAA,EAASC,MAAA,EAAQC,QAAA,QAAgB;AAC3D,SAASC,QAAA,QAAgB;AAMzB,SACEC,aAAA,EACAC,YAAA,EACAC,wBAAA,EACAC,eAAA,EACAC,eAAA,EACAC,aAAA,EACAC,sBAAA,EACAC,kBAAA,EACAC,cAAA,EACAC,qBAAA,EACAC,SAAA,QACK;AAEP,MAAMC,QAAA,GAAW;EACXC,UAAA,GAAa;EACbC,UAAA,GAAa;EACbC,WAAA,GAAc;AAEpB,SAASC,SACPC,WAAA,EACAC,QAAA,EACAC,UAAA,EACA;EACA,QAAQF,WAAA;IACN,KAAK;MACH,OAAOC,QAAA;IACT,KAAK;MACH,OAAOC,UAAA;IACT;MACE,OAAOD,QAAA,IAAYC,UAAA;EACvB;AACF;AAEA,SAASC,qBACPC,GAAA,EACAJ,WAAA,EACA;EAGA,OAAOD,QAAA,CAASC,WAAA,EAFCI,GAAA,KAAQT,QAAA,IAAYS,GAAA,KAAQR,UAAA,EAC1BQ,GAAA,KAAQP,UAAA,IAAcO,GAAA,KAAQN,WACA;AACnD;AAEA,SAASO,0BACPD,GAAA,EACAJ,WAAA,EACAM,GAAA,EACA;EAGA,OACEP,QAAA,CAASC,WAAA,EAHMI,GAAA,KAAQR,UAAA,EACNU,GAAA,GAAMF,GAAA,KAAQP,UAAA,GAAaO,GAAA,KAAQN,WAEV,KAC1CM,GAAA,KAAQ,WACRA,GAAA,KAAQ,OACRA,GAAA,KAAQ;AAEZ;AAEA,SAASG,0BACPH,GAAA,EACAJ,WAAA,EACAM,GAAA,EACA;EAGA,OAAOP,QAAA,CAASC,WAAA,EAFCM,GAAA,GAAMF,GAAA,KAAQP,UAAA,GAAaO,GAAA,KAAQN,WAAA,EACjCM,GAAA,KAAQR,UACsB;AACnD;AAEA,SAASY,2BACPJ,GAAA,EACAJ,WAAA,EACAM,GAAA,EACA;EAGA,OAAOP,QAAA,CAASC,WAAA,EAFCM,GAAA,GAAMF,GAAA,KAAQN,WAAA,GAAcM,GAAA,KAAQP,UAAA,EAClCO,GAAA,KAAQT,QACsB;AACnD;AAGO,SAASc,kBACdC,OAAA,EACAC,KAAA,EACc;EACd,MAAM;MAAEC,IAAA;MAAMC,YAAA;MAAcC;IAAS,IAAIJ,OAAA;IACnC;MACJK,OAAA;MACAC,WAAA;MACAC,UAAA,EAAYC,mBAAA,GAAsBA,CAAA,KAAM,CAAC;MACzCC,OAAA,GAAU;MACVC,aAAA,GAAgB;MAChBC,WAAA,GAAc;MACdC,IAAA,GAAO;MACPC,MAAA,GAAS;MACTjB,GAAA,GAAM;MACNkB,OAAA,GAAU;MACVC,eAAA,GAAkB;MAClBC,gBAAA,GAAmB;MACnBC,kBAAA,GAAqB;MACrBC,eAAA,GAAkB;MAClB5B,WAAA,GAAc;MACd6B,kBAAA,GAAqB;IACvB,IAAIlB,KAAA;IAEEmB,yBAAA,GAA4BvC,kBAAA,CAAmBuB,QAAA,CAASiB,YAAY;IAEpEC,kBAAA,GAAqBnD,MAAA,CAAO4C,eAAe;IAC3CQ,QAAA,GAAWpD,MAAA,CAAOuC,aAAA,IAAiB,EAAE;IACrCc,MAAA,GAASrD,MAAA,CAAsB,IAAI;IACnCsD,oBAAA,GAAuBtD,MAAA,CAAO,EAAI;IAClCuD,kBAAA,GAAqBvD,MAAA,CAAO,CAAC,CAACiC,QAAA,CAASuB,QAAQ;IAC/CC,eAAA,GAAkBzD,MAAA,CAAO+B,IAAI;IAC7B2B,iBAAA,GAAoB1D,MAAA,CAAO,EAAK;IAChC2D,sBAAA,GAAyB3D,MAAA,CAAO,EAAK;IAGrC4D,kBAAA,GAAqB5D,MAAA,CAAO+C,eAAe;EACjDa,kBAAA,CAAmBC,OAAA,GAAUd,eAAA;EAC7B,MAAMe,aAAA,GAAgB9D,MAAA,CAAO+B,IAAI;EACjC+B,aAAA,CAAcD,OAAA,GAAU9B,IAAA;EACxB,MAAMgC,qBAAA,GAAwB/D,MAAA,CAAOgD,kBAAkB;EACvDe,qBAAA,CAAsBF,OAAA,GAAUb,kBAAA;EAChC,MAAMgB,gBAAA,GAAmBhE,MAAA,CAAOuC,aAAa;EAC7CyB,gBAAA,CAAiBH,OAAA,GAAUtB,aAAA;EAG3B,MAAM0B,gBAAA,GAAmB/D,QAAA,CAASmC,mBAAmB;IAE/C,CAAC6B,QAAA,EAAUC,WAAW,IAAIlE,QAAA,CAA6B;IAGvDmC,UAAA,GAAalC,QAAA,CAAS,MAAM;MAChC+D,gBAAA,CAAiBb,QAAA,CAASS,OAAA,KAAY,KAAK,OAAOT,QAAA,CAASS,OAAO;IACpE,CAAC;IAGKO,qBAAA,GAAwBpE,MAAA,CAAOoC,UAAU;IAEzCiC,SAAA,GAAYnE,QAAA,CAAS,MAAM;MAC/B,SAASoE,SAASC,KAAA,EAAmB;QAC/B5B,OAAA,GACFwB,WAAA,CAAYI,KAAA,CAAKC,EAAE,IAEnBpE,YAAA,CAAamE,KAAA,EAAM;UACjBE,IAAA,EAAMf,iBAAA,CAAkBG,OAAA;UACxBa,aAAA,EAAe;QACjB,CAAC;MAEL;MAEA,MAAMC,WAAA,GAAczC,OAAA,CAAQ2B,OAAA,CAAQT,QAAA,CAASS,OAAO;QAC9Ce,mBAAA,GAAsBjB,sBAAA,CAAuBE,OAAA;MAE/Cc,WAAA,IACFL,QAAA,CAASK,WAAW,IAGJjB,iBAAA,CAAkBG,OAAA,GAC/BgB,CAAA,IAAkBA,CAAA,CAAE,IACrBC,qBAAA,EAEM,MAAM;QACd,MAAMC,UAAA,GAAa7C,OAAA,CAAQ2B,OAAA,CAAQT,QAAA,CAASS,OAAO,KAAKc,WAAA;QAExD,IAAI,CAACI,UAAA,EAAY;QAEZJ,WAAA,IACHL,QAAA,CAASS,UAAU;QAGrB,MAAMC,qBAAA,GAAwBjB,qBAAA,CAAsBF,OAAA;QAElDmB,qBAAA,IACAD,UAAA,KACCH,mBAAA,IAAuB,CAACtB,oBAAA,CAAqBO,OAAA,KAG9CkB,UAAA,CAAWE,cAAA,GACT,OAAOD,qBAAA,IAA0B,YAC7B;UAAEE,KAAA,EAAO;UAAWC,MAAA,EAAQ;QAAU,IACtCH,qBACN;MAEJ,CAAC;IACH,CAAC;EAGDlF,eAAA,CAAgB,MAAM;IACfwC,OAAA,KAEDP,IAAA,IAAQE,QAAA,CAASuB,QAAA,GACfL,kBAAA,CAAmBU,OAAA,IAAWtB,aAAA,IAAiB,SACjDoB,sBAAA,CAAuBE,OAAA,GAAU,IACjCT,QAAA,CAASS,OAAA,GAAUtB,aAAA,EACnBH,UAAA,CAAW,KAEJmB,kBAAA,CAAmBM,OAAA,KAC5BT,QAAA,CAASS,OAAA,GAAU,IACnBO,qBAAA,CAAsBP,OAAA,CAAQ;EAElC,GAAG,CAACvB,OAAA,EAASP,IAAA,EAAME,QAAA,CAASuB,QAAA,EAAUjB,aAAA,EAAeH,UAAU,CAAC,GAGhEtC,eAAA,CAAgB,MAAM;IACpB,IAAKwC,OAAA,IACAP,IAAA,IACAE,QAAA,CAASuB,QAAA,EAEd,IAAIrB,WAAA,IAAe,MAAM;MAGvB,IAFAuB,iBAAA,CAAkBG,OAAA,GAAU,IAExBG,gBAAA,CAAiBH,OAAA,IAAW,MAC9B;MAUF,IANIN,kBAAA,CAAmBM,OAAA,KACrBT,QAAA,CAASS,OAAA,GAAU,IACnBQ,SAAA,CAAU,KAKT,CAACZ,eAAA,CAAgBI,OAAA,IAAW,CAACN,kBAAA,CAAmBM,OAAA,KACjDV,kBAAA,CAAmBU,OAAA,KAClBR,MAAA,CAAOQ,OAAA,IAAW,QAChBV,kBAAA,CAAmBU,OAAA,KAAY,MAAQR,MAAA,CAAOQ,OAAA,IAAW,OAC5D;QACA,IAAIuB,IAAA,GAAO;QACX,MAAMC,oBAAA,GAAuBA,CAAA,KAAM;UAC7BnD,OAAA,CAAQ2B,OAAA,CAAQ,CAAC,KAAK,QACpBuB,IAAA,GAAO,MACSA,IAAA,GAAON,qBAAA,GAAwBQ,cAAA,EACvCD,oBAAoB,GAEhCD,IAAA,OAEAhC,QAAA,CAASS,OAAA,GACPR,MAAA,CAAOQ,OAAA,IAAW,QAClBrC,yBAAA,CAA0B6B,MAAA,CAAOQ,OAAA,EAAS1C,WAAA,EAAaM,GAAG,KAC1DiB,MAAA,GACIpC,eAAA,CAAgB4B,OAAA,EAAS0B,kBAAA,CAAmBC,OAAO,IACnDtD,eAAA,CAAgB2B,OAAA,EAAS0B,kBAAA,CAAmBC,OAAO,GACzDR,MAAA,CAAOQ,OAAA,GAAU,MACjBzB,UAAA,CAAW;QAEf;QAEAiD,oBAAA,CAAqB;MACvB;IACF,OAAY5E,sBAAA,CAAuByB,OAAA,EAASC,WAAW,MACrDiB,QAAA,CAASS,OAAA,GAAU1B,WAAA,EACnBkC,SAAA,CAAU,GACVV,sBAAA,CAAuBE,OAAA,GAAU;EAErC,GAAG,CACDvB,OAAA,EACAP,IAAA,EACAE,QAAA,CAASuB,QAAA,EACTrB,WAAA,EACA6B,gBAAA,EACAtB,MAAA,EACAR,OAAA,EACAf,WAAA,EACAM,GAAA,EACAW,UAAA,EACAiC,SAAA,EACAT,kBAAA,CACD,GAGD9D,eAAA,CAAgB,MAAM;IACpBsE,qBAAA,CAAsBP,OAAA,GAAUzB,UAAA,EAChCqB,eAAA,CAAgBI,OAAA,GAAU9B,IAAA,EAC1BwB,kBAAA,CAAmBM,OAAA,GAAU,CAAC,CAAC5B,QAAA,CAASuB,QAAA;EAC1C,CAAC,GAED1D,eAAA,CAAgB,MAAM;IACfiC,IAAA,KACHsB,MAAA,CAAOQ,OAAA,GAAU,MACjBV,kBAAA,CAAmBU,OAAA,GAAUjB,eAAA;EAEjC,GAAG,CAACb,IAAA,EAAMa,eAAe,CAAC;EAE1B,MAAM2C,cAAA,GAAiBpD,WAAA,IAAe;IAEhCqD,eAAA,GAAkBtF,QAAA,CAAUuF,KAAA,IAA+B;MAU/D,IATAnC,oBAAA,CAAqBO,OAAA,GAAU,IAC/BH,iBAAA,CAAkBG,OAAA,GAAU,IAGxB4B,KAAA,CAAMC,KAAA,KAAU,OAKhB,CAAC5B,aAAA,CAAcD,OAAA,IAAW4B,KAAA,CAAME,aAAA,KAAkB1D,QAAA,CAASuB,QAAA,EAC7D;MAGF,IAAId,MAAA,IAAUf,0BAAA,CAA2B8D,KAAA,CAAMlE,GAAA,EAAKJ,WAAA,EAAaM,GAAG,GAAG;QACrEZ,SAAA,CAAU4E,KAAK,GACfzD,YAAA,CAAa,IAAOyD,KAAA,CAAMG,WAAA,EAAa,iBAAiB,GAEpDpF,aAAA,CAAcyB,QAAA,CAASiB,YAAY,KACrCjB,QAAA,CAASiB,YAAA,CAAa2C,KAAA,CAAM;QAG9B;MACF;MAEA,MAAMC,YAAA,GAAe1C,QAAA,CAASS,OAAA;QACxBkC,QAAA,GAAWzF,eAAA,CAAgB4B,OAAA,EAASa,eAAe;QACnDiD,QAAA,GAAWzF,eAAA,CAAgB2B,OAAA,EAASa,eAAe;MAgBzD,IAdKE,yBAAA,KACCwC,KAAA,CAAMlE,GAAA,KAAQ,WAChBV,SAAA,CAAU4E,KAAK,GACfrC,QAAA,CAASS,OAAA,GAAUkC,QAAA,EACnB3D,UAAA,CAAW,IAGTqD,KAAA,CAAMlE,GAAA,KAAQ,UAChBV,SAAA,CAAU4E,KAAK,GACfrC,QAAA,CAASS,OAAA,GAAUmC,QAAA,EACnB5D,UAAA,CAAW,KAIXd,oBAAA,CAAqBmE,KAAA,CAAMlE,GAAA,EAAKJ,WAAW,GAAG;QAIhD,IAHAN,SAAA,CAAU4E,KAAK,GAIb1D,IAAA,IACA,CAACY,OAAA,IACDxC,aAAA,CAAcsF,KAAA,CAAME,aAAA,CAAcM,aAAa,MAAMR,KAAA,CAAME,aAAA,EAC3D;UACAvC,QAAA,CAASS,OAAA,GAAUrC,yBAAA,CAA0BiE,KAAA,CAAMlE,GAAA,EAAKJ,WAAA,EAAaM,GAAG,IACpEsE,QAAA,GACAC,QAAA,EACJ5D,UAAA,CAAW;UACX;QACF;QAEIZ,yBAAA,CAA0BiE,KAAA,CAAMlE,GAAA,EAAKJ,WAAA,EAAaM,GAAG,IACnDgB,IAAA,GACFW,QAAA,CAASS,OAAA,GACPiC,YAAA,IAAgBE,QAAA,GACZxD,WAAA,IAAesD,YAAA,KAAiB5D,OAAA,CAAQ2B,OAAA,CAAQqC,MAAA,GAC9C,KACAH,QAAA,GACF1F,wBAAA,CAAyB6B,OAAA,EAAS;UAChCiE,aAAA,EAAeL,YAAA;UACf/C;QACF,CAAC,IAEPK,QAAA,CAASS,OAAA,GAAUuC,IAAA,CAAKC,GAAA,CACtBL,QAAA,EACA3F,wBAAA,CAAyB6B,OAAA,EAAS;UAChCiE,aAAA,EAAeL,YAAA;UACf/C;QACF,CAAC,CACH,IAGEN,IAAA,GACFW,QAAA,CAASS,OAAA,GACPiC,YAAA,IAAgBC,QAAA,GACZvD,WAAA,IAAesD,YAAA,KAAiB,KAC9B5D,OAAA,CAAQ2B,OAAA,CAAQqC,MAAA,GAChBF,QAAA,GACF3F,wBAAA,CAAyB6B,OAAA,EAAS;UAChCiE,aAAA,EAAeL,YAAA;UACfQ,SAAA,EAAW;UACXvD;QACF,CAAC,IAEPK,QAAA,CAASS,OAAA,GAAUuC,IAAA,CAAKG,GAAA,CACtBR,QAAA,EACA1F,wBAAA,CAAyB6B,OAAA,EAAS;UAChCiE,aAAA,EAAeL,YAAA;UACfQ,SAAA,EAAW;UACXvD;QACF,CAAC,CACH,GAIAtC,sBAAA,CAAuByB,OAAA,EAASkB,QAAA,CAASS,OAAO,MAClDT,QAAA,CAASS,OAAA,GAAU,KAGrBzB,UAAA,CAAW;MACb;IACF,CAAC;IAEKoE,wBAAA,GAA2BzG,OAAA,CAAQ,MAErC4C,OAAA,IACAZ,IAAA,IACAwD,cAAA,IAAkB;MAChB,yBAAyBrB;IAC3B,GAED,CAACvB,OAAA,EAASZ,IAAA,EAAMwD,cAAA,EAAgBrB,QAAQ,CAAC;IAEtCV,QAAA,GAAqCzD,OAAA,CAAQ,OAC1C;MACL,oBAAoBoB,WAAA,KAAgB,SAAS,SAAYA,WAAA;MACzD,IAAK8B,yBAAA,GAAuD,CAAC,IAA5BuD,wBAAA;MACjCC,SAAA,EAAWjB,eAAA;MACXkB,cAAA,EAAgB;QACdpD,oBAAA,CAAqBO,OAAA,GAAU;MACjC;IACF,IACC,CAAC2C,wBAAA,EAA0BhB,eAAA,EAAiBrE,WAAA,EAAa8B,yBAAyB,CAAC;IAEhF0D,SAAA,GAAuC5G,OAAA,CAAQ,MAAM;MACzD,SAAS6G,kBAAkBnB,KAAA,EAA2B;QAChD7C,eAAA,KAAoB,UAAUjC,cAAA,CAAe8E,KAAA,CAAMG,WAAW,MAChEzC,kBAAA,CAAmBU,OAAA,GAAU;MAEjC;MAEA,SAASgD,oBAAoBpB,KAAA,EAA2B;QACtDtC,kBAAA,CAAmBU,OAAA,GAAUjB,eAAA,EACzBA,eAAA,KAAoB,UAAUhC,qBAAA,CAAsB6E,KAAA,CAAMG,WAAW,MACvEzC,kBAAA,CAAmBU,OAAA,GAAU;MAEjC;MAEA,OAAO;QACL,GAAG2C,wBAAA;QACHC,UAAUhB,KAAA,EAAY;UACpBnC,oBAAA,CAAqBO,OAAA,GAAU;UAE/B,MAAMiD,UAAA,GAAarB,KAAA,CAAMlE,GAAA,CAAIwF,UAAA,CAAW,OAAO;YACzCC,cAAA,GAAiBtF,yBAAA,CAA0B+D,KAAA,CAAMlE,GAAA,EAAKJ,WAAA,EAAaM,GAAG;YACtEwF,SAAA,GAAY3F,oBAAA,CAAqBmE,KAAA,CAAMlE,GAAA,EAAKJ,WAAW;YACvD+F,eAAA,IACHxE,MAAA,GAASsE,cAAA,GAAiBC,SAAA,KAC3BxB,KAAA,CAAMlE,GAAA,KAAQ,WACdkE,KAAA,CAAMlE,GAAA,CAAI4F,IAAA,CAAK,MAAM;UAEvB,IAAIxE,OAAA,IAAWZ,IAAA,EACb,OAAOyD,eAAA,CAAgBC,KAAK;UAK9B,IAAI,GAAC1D,IAAA,IAAQ,CAACe,kBAAA,IAAsBgE,UAAA,GAQpC;YAAA,IAJII,eAAA,KACF7D,MAAA,CAAOQ,OAAA,GAAU4B,KAAA,CAAMlE,GAAA,GAGrBmB,MAAA,EAAQ;cACNsE,cAAA,KACFnG,SAAA,CAAU4E,KAAK,GAEX1D,IAAA,IACFqB,QAAA,CAASS,OAAA,GAAUvD,eAAA,CAAgB4B,OAAA,EAAS0B,kBAAA,CAAmBC,OAAO,GACtEzB,UAAA,CAAW,KAEXJ,YAAA,CAAa,IAAMyD,KAAA,CAAMG,WAAA,EAAa,iBAAiB;cAI3D;YACF;YAEIqB,SAAA,KACE1E,aAAA,IAAiB,SACnBa,QAAA,CAASS,OAAA,GAAUtB,aAAA,GAGrB1B,SAAA,CAAU4E,KAAK,GAEX,CAAC1D,IAAA,IAAQe,kBAAA,GACXd,YAAA,CAAa,IAAMyD,KAAA,CAAMG,WAAA,EAAa,iBAAiB,IAEvDJ,eAAA,CAAgBC,KAAK,GAGnB1D,IAAA,IACFK,UAAA,CAAW;UAAA;QAGjB;QACAgF,QAAA,EAAU;UACJrF,IAAA,IAAQ,CAACY,OAAA,KACXS,QAAA,CAASS,OAAA,GAAU,IACnBzB,UAAA,CAAW;QAEf;QACAiF,aAAA,EAAeR,mBAAA;QACfS,cAAA,EAAgBT,mBAAA;QAChBU,WAAA,EAAaX,iBAAA;QACbY,OAAA,EAASZ;MACX;IACF,GAAG,CACDJ,wBAAA,EACAhB,eAAA,EACA5B,kBAAA,EACAhB,eAAA,EACAV,OAAA,EACAQ,MAAA,EACAN,UAAA,EACAJ,YAAA,EACAD,IAAA,EACAe,kBAAA,EACA3B,WAAA,EACAM,GAAA,EACAc,aAAA,EACAI,OAAA,CACD;IAEK8E,IAAA,GAAO1H,OAAA,CAAQ,MAAM;MACzB,SAAS2H,kBAAkB/B,aAAA,EAAmC;QAC5D,IAAI,CAAC7B,aAAA,CAAcD,OAAA,EAAS;QAC5B,MAAM8D,KAAA,GAAQzF,OAAA,CAAQ2B,OAAA,CAAQ+D,OAAA,CAAQjC,aAAa;QAC/CgC,KAAA,KAAU,MAAMvE,QAAA,CAASS,OAAA,KAAY8D,KAAA,KACvCvE,QAAA,CAASS,OAAA,GAAU8D,KAAA,EACnBvF,UAAA,CAAW;MAEf;MAmCA,OAjCwC;QACtCgF,QAAQ;UAAEzB;QAAc,GAAQ;UAC9BjC,iBAAA,CAAkBG,OAAA,GAAU,IAC5B6D,iBAAA,CAAkB/B,aAAa;QACjC;QACA6B,OAAA,EAASA,CAAC;UAAE7B;QAAc,MAAWA,aAAA,CAAcE,KAAA,CAAM;UAAEnB,aAAA,EAAe;QAAK,CAAC;QAAA;QAChFmD,YAAY;UAAElC;QAAc,GAAQ;UAClCjC,iBAAA,CAAkBG,OAAA,GAAU,IAC5BF,sBAAA,CAAuBE,OAAA,GAAU,IAC7BhB,gBAAA,IACF6E,iBAAA,CAAkB/B,aAAa;QAEnC;QACAmC,eAAe;UAAEC;QAAY,GAAQ;UAC/B,CAACzE,oBAAA,CAAqBO,OAAA,IAAWkE,WAAA,KAAgB,YAIrDrE,iBAAA,CAAkBG,OAAA,GAAU,IAEvBhB,gBAAA,KAILO,QAAA,CAASS,OAAA,GAAU,IACnBzB,UAAA,CAAW,GAENO,OAAA,IACHV,QAAA,CAASuB,QAAA,EAAUqC,KAAA,CAAM;YAAEnB,aAAA,EAAe;UAAK,CAAC;QAEpD;MACF;IAGF,GAAG,CAACZ,aAAA,EAAejB,gBAAA,EAAkBX,OAAA,EAASE,UAAA,EAAYO,OAAA,EAASV,QAAA,CAASuB,QAAQ,CAAC;EAErF,OAAOzD,OAAA,CACL,MAAOuC,OAAA,GAAU;IAAEqE,SAAA;IAAWnD,QAAA;IAAUiE;EAAK,IAAI,CAAC,GAClD,CAACnF,OAAA,EAASqE,SAAA,EAAWnD,QAAA,EAAUiE,IAAI,CACrC;AACF","ignoreList":[]}
|
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
import { useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
2
|
+
import { useEvent } from "@hanzogui/use-event";
|
|
3
|
+
import { activeElement, enqueueFocus, findNonDisabledListIndex, getMinListIndex, getMaxListIndex, isHTMLElement, isIndexOutOfListBounds, isTypeableCombobox, isVirtualClick, isVirtualPointerEvent, stopEvent } from "./utils.native.js";
|
|
4
|
+
var ARROW_UP = "ArrowUp",
|
|
5
|
+
ARROW_DOWN = "ArrowDown",
|
|
6
|
+
ARROW_LEFT = "ArrowLeft",
|
|
7
|
+
ARROW_RIGHT = "ArrowRight";
|
|
8
|
+
function doSwitch(orientation, vertical, horizontal) {
|
|
9
|
+
switch (orientation) {
|
|
10
|
+
case "vertical":
|
|
11
|
+
return vertical;
|
|
12
|
+
case "horizontal":
|
|
13
|
+
return horizontal;
|
|
14
|
+
default:
|
|
15
|
+
return vertical || horizontal;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
function isMainOrientationKey(key, orientation) {
|
|
19
|
+
var vertical = key === ARROW_UP || key === ARROW_DOWN,
|
|
20
|
+
horizontal = key === ARROW_LEFT || key === ARROW_RIGHT;
|
|
21
|
+
return doSwitch(orientation, vertical, horizontal);
|
|
22
|
+
}
|
|
23
|
+
function isMainOrientationToEndKey(key, orientation, rtl) {
|
|
24
|
+
var vertical = key === ARROW_DOWN,
|
|
25
|
+
horizontal = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT;
|
|
26
|
+
return doSwitch(orientation, vertical, horizontal) || key === "Enter" || key === " " || key === "";
|
|
27
|
+
}
|
|
28
|
+
function isCrossOrientationOpenKey(key, orientation, rtl) {
|
|
29
|
+
var vertical = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT,
|
|
30
|
+
horizontal = key === ARROW_DOWN;
|
|
31
|
+
return doSwitch(orientation, vertical, horizontal);
|
|
32
|
+
}
|
|
33
|
+
function isCrossOrientationCloseKey(key, orientation, rtl) {
|
|
34
|
+
var vertical = rtl ? key === ARROW_RIGHT : key === ARROW_LEFT,
|
|
35
|
+
horizontal = key === ARROW_UP;
|
|
36
|
+
return doSwitch(orientation, vertical, horizontal);
|
|
37
|
+
}
|
|
38
|
+
function useListNavigation(context, props) {
|
|
39
|
+
var {
|
|
40
|
+
open,
|
|
41
|
+
onOpenChange,
|
|
42
|
+
elements
|
|
43
|
+
} = context,
|
|
44
|
+
{
|
|
45
|
+
listRef,
|
|
46
|
+
activeIndex,
|
|
47
|
+
onNavigate: unstable_onNavigate = function () {},
|
|
48
|
+
enabled = !0,
|
|
49
|
+
selectedIndex = null,
|
|
50
|
+
allowEscape = !1,
|
|
51
|
+
loop = !1,
|
|
52
|
+
nested = !1,
|
|
53
|
+
rtl = !1,
|
|
54
|
+
virtual = !1,
|
|
55
|
+
focusItemOnOpen = "auto",
|
|
56
|
+
focusItemOnHover = !0,
|
|
57
|
+
openOnArrowKeyDown = !0,
|
|
58
|
+
disabledIndices = void 0,
|
|
59
|
+
orientation = "vertical",
|
|
60
|
+
scrollItemIntoView = !0
|
|
61
|
+
} = props,
|
|
62
|
+
typeableComboboxReference = isTypeableCombobox(elements.domReference),
|
|
63
|
+
focusItemOnOpenRef = useRef(focusItemOnOpen),
|
|
64
|
+
indexRef = useRef(selectedIndex ?? -1),
|
|
65
|
+
keyRef = useRef(null),
|
|
66
|
+
isPointerModalityRef = useRef(!0),
|
|
67
|
+
previousMountedRef = useRef(!!elements.floating),
|
|
68
|
+
previousOpenRef = useRef(open),
|
|
69
|
+
forceSyncFocusRef = useRef(!1),
|
|
70
|
+
forceScrollIntoViewRef = useRef(!1),
|
|
71
|
+
disabledIndicesRef = useRef(disabledIndices);
|
|
72
|
+
disabledIndicesRef.current = disabledIndices;
|
|
73
|
+
var latestOpenRef = useRef(open);
|
|
74
|
+
latestOpenRef.current = open;
|
|
75
|
+
var scrollItemIntoViewRef = useRef(scrollItemIntoView);
|
|
76
|
+
scrollItemIntoViewRef.current = scrollItemIntoView;
|
|
77
|
+
var selectedIndexRef = useRef(selectedIndex);
|
|
78
|
+
selectedIndexRef.current = selectedIndex;
|
|
79
|
+
var stableOnNavigate = useEvent(unstable_onNavigate),
|
|
80
|
+
[activeId, setActiveId] = useState(),
|
|
81
|
+
onNavigate = useEvent(function () {
|
|
82
|
+
stableOnNavigate(indexRef.current === -1 ? null : indexRef.current);
|
|
83
|
+
}),
|
|
84
|
+
previousOnNavigateRef = useRef(onNavigate),
|
|
85
|
+
focusItem = useEvent(function () {
|
|
86
|
+
function runFocus(item2) {
|
|
87
|
+
virtual ? setActiveId(item2.id) : enqueueFocus(item2, {
|
|
88
|
+
sync: forceSyncFocusRef.current,
|
|
89
|
+
preventScroll: !0
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
var initialItem = listRef.current[indexRef.current],
|
|
93
|
+
forceScrollIntoView = forceScrollIntoViewRef.current;
|
|
94
|
+
initialItem && runFocus(initialItem);
|
|
95
|
+
var scheduler = forceSyncFocusRef.current ? function (v) {
|
|
96
|
+
return v();
|
|
97
|
+
} : requestAnimationFrame;
|
|
98
|
+
scheduler(function () {
|
|
99
|
+
var waitedItem = listRef.current[indexRef.current] || initialItem;
|
|
100
|
+
if (waitedItem) {
|
|
101
|
+
initialItem || runFocus(waitedItem);
|
|
102
|
+
var scrollIntoViewOptions = scrollItemIntoViewRef.current,
|
|
103
|
+
shouldScrollIntoView = scrollIntoViewOptions && waitedItem && (forceScrollIntoView || !isPointerModalityRef.current);
|
|
104
|
+
if (shouldScrollIntoView) {
|
|
105
|
+
var _waitedItem_scrollIntoView;
|
|
106
|
+
(_waitedItem_scrollIntoView = waitedItem.scrollIntoView) === null || _waitedItem_scrollIntoView === void 0 || _waitedItem_scrollIntoView.call(waitedItem, typeof scrollIntoViewOptions == "boolean" ? {
|
|
107
|
+
block: "nearest",
|
|
108
|
+
inline: "nearest"
|
|
109
|
+
} : scrollIntoViewOptions);
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
});
|
|
113
|
+
});
|
|
114
|
+
useLayoutEffect(function () {
|
|
115
|
+
enabled && (open && elements.floating ? focusItemOnOpenRef.current && selectedIndex != null && (forceScrollIntoViewRef.current = !0, indexRef.current = selectedIndex, onNavigate()) : previousMountedRef.current && (indexRef.current = -1, previousOnNavigateRef.current()));
|
|
116
|
+
}, [enabled, open, elements.floating, selectedIndex, onNavigate]), useLayoutEffect(function () {
|
|
117
|
+
if (enabled && open && elements.floating) if (activeIndex == null) {
|
|
118
|
+
if (forceSyncFocusRef.current = !1, selectedIndexRef.current != null) return;
|
|
119
|
+
if (previousMountedRef.current && (indexRef.current = -1, focusItem()), (!previousOpenRef.current || !previousMountedRef.current) && focusItemOnOpenRef.current && (keyRef.current != null || focusItemOnOpenRef.current === !0 && keyRef.current == null)) {
|
|
120
|
+
var runs = 0,
|
|
121
|
+
waitForListPopulated = function () {
|
|
122
|
+
if (listRef.current[0] == null) {
|
|
123
|
+
if (runs < 2) {
|
|
124
|
+
var scheduler = runs ? requestAnimationFrame : queueMicrotask;
|
|
125
|
+
scheduler(waitForListPopulated);
|
|
126
|
+
}
|
|
127
|
+
runs++;
|
|
128
|
+
} else indexRef.current = keyRef.current == null || isMainOrientationToEndKey(keyRef.current, orientation, rtl) || nested ? getMinListIndex(listRef, disabledIndicesRef.current) : getMaxListIndex(listRef, disabledIndicesRef.current), keyRef.current = null, onNavigate();
|
|
129
|
+
};
|
|
130
|
+
waitForListPopulated();
|
|
131
|
+
}
|
|
132
|
+
} else isIndexOutOfListBounds(listRef, activeIndex) || (indexRef.current = activeIndex, focusItem(), forceScrollIntoViewRef.current = !1);
|
|
133
|
+
}, [enabled, open, elements.floating, activeIndex, selectedIndexRef, nested, listRef, orientation, rtl, onNavigate, focusItem, disabledIndicesRef]), useLayoutEffect(function () {
|
|
134
|
+
previousOnNavigateRef.current = onNavigate, previousOpenRef.current = open, previousMountedRef.current = !!elements.floating;
|
|
135
|
+
}), useLayoutEffect(function () {
|
|
136
|
+
open || (keyRef.current = null, focusItemOnOpenRef.current = focusItemOnOpen);
|
|
137
|
+
}, [open, focusItemOnOpen]);
|
|
138
|
+
var hasActiveIndex = activeIndex != null,
|
|
139
|
+
commonOnKeyDown = useEvent(function (event) {
|
|
140
|
+
if (isPointerModalityRef.current = !1, forceSyncFocusRef.current = !0, event.which !== 229 && !(!latestOpenRef.current && event.currentTarget === elements.floating)) {
|
|
141
|
+
if (nested && isCrossOrientationCloseKey(event.key, orientation, rtl)) {
|
|
142
|
+
stopEvent(event), onOpenChange(!1, event.nativeEvent, "list-navigation"), isHTMLElement(elements.domReference) && elements.domReference.focus();
|
|
143
|
+
return;
|
|
144
|
+
}
|
|
145
|
+
var currentIndex = indexRef.current,
|
|
146
|
+
minIndex = getMinListIndex(listRef, disabledIndices),
|
|
147
|
+
maxIndex = getMaxListIndex(listRef, disabledIndices);
|
|
148
|
+
if (typeableComboboxReference || (event.key === "Home" && (stopEvent(event), indexRef.current = minIndex, onNavigate()), event.key === "End" && (stopEvent(event), indexRef.current = maxIndex, onNavigate())), isMainOrientationKey(event.key, orientation)) {
|
|
149
|
+
if (stopEvent(event), open && !virtual && activeElement(event.currentTarget.ownerDocument) === event.currentTarget) {
|
|
150
|
+
indexRef.current = isMainOrientationToEndKey(event.key, orientation, rtl) ? minIndex : maxIndex, onNavigate();
|
|
151
|
+
return;
|
|
152
|
+
}
|
|
153
|
+
isMainOrientationToEndKey(event.key, orientation, rtl) ? loop ? indexRef.current = currentIndex >= maxIndex ? allowEscape && currentIndex !== listRef.current.length ? -1 : minIndex : findNonDisabledListIndex(listRef, {
|
|
154
|
+
startingIndex: currentIndex,
|
|
155
|
+
disabledIndices
|
|
156
|
+
}) : indexRef.current = Math.min(maxIndex, findNonDisabledListIndex(listRef, {
|
|
157
|
+
startingIndex: currentIndex,
|
|
158
|
+
disabledIndices
|
|
159
|
+
})) : loop ? indexRef.current = currentIndex <= minIndex ? allowEscape && currentIndex !== -1 ? listRef.current.length : maxIndex : findNonDisabledListIndex(listRef, {
|
|
160
|
+
startingIndex: currentIndex,
|
|
161
|
+
decrement: !0,
|
|
162
|
+
disabledIndices
|
|
163
|
+
}) : indexRef.current = Math.max(minIndex, findNonDisabledListIndex(listRef, {
|
|
164
|
+
startingIndex: currentIndex,
|
|
165
|
+
decrement: !0,
|
|
166
|
+
disabledIndices
|
|
167
|
+
})), isIndexOutOfListBounds(listRef, indexRef.current) && (indexRef.current = -1), onNavigate();
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
}),
|
|
171
|
+
ariaActiveDescendantProp = useMemo(function () {
|
|
172
|
+
return virtual && open && hasActiveIndex && {
|
|
173
|
+
"aria-activedescendant": activeId
|
|
174
|
+
};
|
|
175
|
+
}, [virtual, open, hasActiveIndex, activeId]),
|
|
176
|
+
floating = useMemo(function () {
|
|
177
|
+
return {
|
|
178
|
+
"aria-orientation": orientation === "both" ? void 0 : orientation,
|
|
179
|
+
...(typeableComboboxReference ? {} : ariaActiveDescendantProp),
|
|
180
|
+
onKeyDown: commonOnKeyDown,
|
|
181
|
+
onPointerMove() {
|
|
182
|
+
isPointerModalityRef.current = !0;
|
|
183
|
+
}
|
|
184
|
+
};
|
|
185
|
+
}, [ariaActiveDescendantProp, commonOnKeyDown, orientation, typeableComboboxReference]),
|
|
186
|
+
reference = useMemo(function () {
|
|
187
|
+
function checkVirtualMouse(event) {
|
|
188
|
+
focusItemOnOpen === "auto" && isVirtualClick(event.nativeEvent) && (focusItemOnOpenRef.current = !0);
|
|
189
|
+
}
|
|
190
|
+
function checkVirtualPointer(event) {
|
|
191
|
+
focusItemOnOpenRef.current = focusItemOnOpen, focusItemOnOpen === "auto" && isVirtualPointerEvent(event.nativeEvent) && (focusItemOnOpenRef.current = !0);
|
|
192
|
+
}
|
|
193
|
+
return {
|
|
194
|
+
...ariaActiveDescendantProp,
|
|
195
|
+
onKeyDown(event) {
|
|
196
|
+
isPointerModalityRef.current = !1;
|
|
197
|
+
var isArrowKey = event.key.startsWith("Arrow"),
|
|
198
|
+
isCrossOpenKey = isCrossOrientationOpenKey(event.key, orientation, rtl),
|
|
199
|
+
isMainKey = isMainOrientationKey(event.key, orientation),
|
|
200
|
+
isNavigationKey = (nested ? isCrossOpenKey : isMainKey) || event.key === "Enter" || event.key.trim() === "";
|
|
201
|
+
if (virtual && open) return commonOnKeyDown(event);
|
|
202
|
+
if (!(!open && !openOnArrowKeyDown && isArrowKey)) {
|
|
203
|
+
if (isNavigationKey && (keyRef.current = event.key), nested) {
|
|
204
|
+
isCrossOpenKey && (stopEvent(event), open ? (indexRef.current = getMinListIndex(listRef, disabledIndicesRef.current), onNavigate()) : onOpenChange(!0, event.nativeEvent, "list-navigation"));
|
|
205
|
+
return;
|
|
206
|
+
}
|
|
207
|
+
isMainKey && (selectedIndex != null && (indexRef.current = selectedIndex), stopEvent(event), !open && openOnArrowKeyDown ? onOpenChange(!0, event.nativeEvent, "list-navigation") : commonOnKeyDown(event), open && onNavigate());
|
|
208
|
+
}
|
|
209
|
+
},
|
|
210
|
+
onFocus() {
|
|
211
|
+
open && !virtual && (indexRef.current = -1, onNavigate());
|
|
212
|
+
},
|
|
213
|
+
onPointerDown: checkVirtualPointer,
|
|
214
|
+
onPointerEnter: checkVirtualPointer,
|
|
215
|
+
onMouseDown: checkVirtualMouse,
|
|
216
|
+
onClick: checkVirtualMouse
|
|
217
|
+
};
|
|
218
|
+
}, [ariaActiveDescendantProp, commonOnKeyDown, disabledIndicesRef, focusItemOnOpen, listRef, nested, onNavigate, onOpenChange, open, openOnArrowKeyDown, orientation, rtl, selectedIndex, virtual]),
|
|
219
|
+
item = useMemo(function () {
|
|
220
|
+
function syncCurrentTarget(currentTarget) {
|
|
221
|
+
if (latestOpenRef.current) {
|
|
222
|
+
var index = listRef.current.indexOf(currentTarget);
|
|
223
|
+
index !== -1 && indexRef.current !== index && (indexRef.current = index, onNavigate());
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
var itemProps = {
|
|
227
|
+
onFocus(param) {
|
|
228
|
+
var {
|
|
229
|
+
currentTarget
|
|
230
|
+
} = param;
|
|
231
|
+
forceSyncFocusRef.current = !0, syncCurrentTarget(currentTarget);
|
|
232
|
+
},
|
|
233
|
+
onClick: function (param) {
|
|
234
|
+
var {
|
|
235
|
+
currentTarget
|
|
236
|
+
} = param;
|
|
237
|
+
return currentTarget.focus({
|
|
238
|
+
preventScroll: !0
|
|
239
|
+
});
|
|
240
|
+
},
|
|
241
|
+
// safari
|
|
242
|
+
onMouseMove(param) {
|
|
243
|
+
var {
|
|
244
|
+
currentTarget
|
|
245
|
+
} = param;
|
|
246
|
+
forceSyncFocusRef.current = !0, forceScrollIntoViewRef.current = !1, focusItemOnHover && syncCurrentTarget(currentTarget);
|
|
247
|
+
},
|
|
248
|
+
onPointerLeave(param) {
|
|
249
|
+
var {
|
|
250
|
+
pointerType
|
|
251
|
+
} = param;
|
|
252
|
+
if (!(!isPointerModalityRef.current || pointerType === "touch") && (forceSyncFocusRef.current = !0, !!focusItemOnHover && (indexRef.current = -1, onNavigate(), !virtual))) {
|
|
253
|
+
var _elements_floating;
|
|
254
|
+
(_elements_floating = elements.floating) === null || _elements_floating === void 0 || _elements_floating.focus({
|
|
255
|
+
preventScroll: !0
|
|
256
|
+
});
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
};
|
|
260
|
+
return itemProps;
|
|
261
|
+
}, [latestOpenRef, focusItemOnHover, listRef, onNavigate, virtual, elements.floating]);
|
|
262
|
+
return useMemo(function () {
|
|
263
|
+
return enabled ? {
|
|
264
|
+
reference,
|
|
265
|
+
floating,
|
|
266
|
+
item
|
|
267
|
+
} : {};
|
|
268
|
+
}, [enabled, reference, floating, item]);
|
|
269
|
+
}
|
|
270
|
+
export { useListNavigation };
|
|
271
|
+
//# sourceMappingURL=useListNavigation.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useLayoutEffect","useMemo","useRef","useState","useEvent","activeElement","enqueueFocus","findNonDisabledListIndex","getMinListIndex","getMaxListIndex","isHTMLElement","isIndexOutOfListBounds","isTypeableCombobox","isVirtualClick","isVirtualPointerEvent","stopEvent","ARROW_UP","ARROW_DOWN","ARROW_LEFT","ARROW_RIGHT","doSwitch","orientation","vertical","horizontal","isMainOrientationKey","key","isMainOrientationToEndKey","rtl","isCrossOrientationOpenKey","isCrossOrientationCloseKey","useListNavigation","context","props","open","onOpenChange","elements","listRef","activeIndex","onNavigate","unstable_onNavigate","enabled","selectedIndex","allowEscape","loop","nested","virtual","focusItemOnOpen","focusItemOnHover","openOnArrowKeyDown","disabledIndices","scrollItemIntoView","typeableComboboxReference","domReference","focusItemOnOpenRef","indexRef","keyRef","isPointerModalityRef","previousMountedRef","floating","previousOpenRef","forceSyncFocusRef","forceScrollIntoViewRef","disabledIndicesRef","current","latestOpenRef","scrollItemIntoViewRef","selectedIndexRef","stableOnNavigate","activeId","setActiveId","previousOnNavigateRef","focusItem","runFocus","item2","id","sync","preventScroll","initialItem","forceScrollIntoView","scheduler","v","requestAnimationFrame","waitedItem","scrollIntoViewOptions","shouldScrollIntoView","_waitedItem_scrollIntoView","scrollIntoView","call","block","inline","runs","waitForListPopulated","queueMicrotask","hasActiveIndex","commonOnKeyDown","event","which","currentTarget","nativeEvent","focus","currentIndex","minIndex","maxIndex","ownerDocument","length","startingIndex","Math","min","decrement","max","ariaActiveDescendantProp","onKeyDown","onPointerMove","reference","checkVirtualMouse","checkVirtualPointer","isArrowKey","startsWith","isCrossOpenKey","isMainKey","isNavigationKey","trim","onFocus","onPointerDown","onPointerEnter","onMouseDown","onClick","item","syncCurrentTarget","index","indexOf","itemProps","param"],"sources":["../../../src/interactions/useListNavigation.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
const componentRoleToAriaRoleMap = /* @__PURE__ */new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
|
|
3
|
+
let idCounter = 0;
|
|
4
|
+
function useRole(context, props = {}) {
|
|
5
|
+
const {
|
|
6
|
+
open,
|
|
7
|
+
elements
|
|
8
|
+
} = context,
|
|
9
|
+
{
|
|
10
|
+
enabled = !0,
|
|
11
|
+
role = "dialog"
|
|
12
|
+
} = props,
|
|
13
|
+
defaultReferenceId = React.useId(),
|
|
14
|
+
referenceId = elements.domReference?.id || defaultReferenceId,
|
|
15
|
+
defaultFloatingId = React.useMemo(() => `floating-${idCounter++}`, []),
|
|
16
|
+
floatingId = React.useMemo(() => elements.floating?.id || defaultFloatingId, [elements.floating, defaultFloatingId]),
|
|
17
|
+
ariaRole = componentRoleToAriaRoleMap.get(role) ?? role,
|
|
18
|
+
reference = React.useMemo(() => ariaRole === "tooltip" || role === "label" ? {
|
|
19
|
+
[`aria-${role === "label" ? "labelledby" : "describedby"}`]: open ? floatingId : void 0
|
|
20
|
+
} : {
|
|
21
|
+
"aria-expanded": open ? "true" : "false",
|
|
22
|
+
"aria-haspopup": ariaRole === "alertdialog" ? "dialog" : ariaRole,
|
|
23
|
+
"aria-controls": open ? floatingId : void 0,
|
|
24
|
+
...(ariaRole === "listbox" && {
|
|
25
|
+
role: "combobox"
|
|
26
|
+
}),
|
|
27
|
+
...(ariaRole === "menu" && {
|
|
28
|
+
id: referenceId
|
|
29
|
+
}),
|
|
30
|
+
...(role === "select" && {
|
|
31
|
+
"aria-autocomplete": "none"
|
|
32
|
+
}),
|
|
33
|
+
...(role === "combobox" && {
|
|
34
|
+
"aria-autocomplete": "list"
|
|
35
|
+
})
|
|
36
|
+
}, [ariaRole, floatingId, open, referenceId, role]),
|
|
37
|
+
floating = React.useMemo(() => {
|
|
38
|
+
const floatingProps = {
|
|
39
|
+
id: floatingId,
|
|
40
|
+
...(ariaRole && {
|
|
41
|
+
role: ariaRole
|
|
42
|
+
})
|
|
43
|
+
};
|
|
44
|
+
return ariaRole === "tooltip" || role === "label" ? floatingProps : {
|
|
45
|
+
...floatingProps,
|
|
46
|
+
...(ariaRole === "menu" && {
|
|
47
|
+
"aria-labelledby": referenceId
|
|
48
|
+
})
|
|
49
|
+
};
|
|
50
|
+
}, [ariaRole, floatingId, referenceId, role]),
|
|
51
|
+
item = React.useCallback(({
|
|
52
|
+
active,
|
|
53
|
+
selected
|
|
54
|
+
}) => {
|
|
55
|
+
const commonProps = {
|
|
56
|
+
role: "option",
|
|
57
|
+
...(active && {
|
|
58
|
+
id: `${floatingId}-fui-option`
|
|
59
|
+
})
|
|
60
|
+
};
|
|
61
|
+
switch (role) {
|
|
62
|
+
case "select":
|
|
63
|
+
case "combobox":
|
|
64
|
+
return {
|
|
65
|
+
...commonProps,
|
|
66
|
+
"aria-selected": selected
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
return {};
|
|
70
|
+
}, [floatingId, role]);
|
|
71
|
+
return React.useMemo(() => enabled ? {
|
|
72
|
+
reference,
|
|
73
|
+
floating,
|
|
74
|
+
item
|
|
75
|
+
} : {}, [enabled, reference, floating, item]);
|
|
76
|
+
}
|
|
77
|
+
export { useRole };
|
|
78
|
+
//# sourceMappingURL=useRole.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","componentRoleToAriaRoleMap","Map","idCounter","useRole","context","props","open","elements","enabled","role","defaultReferenceId","useId","referenceId","domReference","id","defaultFloatingId","useMemo","floatingId","floating","ariaRole","get","reference","floatingProps","item","useCallback","active","selected","commonProps"],"sources":["../../../src/interactions/useRole.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAMvB,MAAMC,0BAAA,GAA6B,mBAAIC,GAAA,CAAkC,CACvE,CAAC,UAAU,SAAS,GACpB,CAAC,YAAY,SAAS,GACtB,CAAC,SAAS,EAAK,EAChB;AAED,IAAIC,SAAA,GAAY;AAGT,SAASC,QACdC,OAAA,EACAC,KAAA,GAAsB,CAAC,GACT;EACd,MAAM;MAAEC,IAAA;MAAMC;IAAS,IAAIH,OAAA;IACrB;MAAEI,OAAA,GAAU;MAAMC,IAAA,GAAO;IAAS,IAAIJ,KAAA;IAEtCK,kBAAA,GAAqBX,KAAA,CAAMY,KAAA,CAAM;IACjCC,WAAA,GAAcL,QAAA,CAASM,YAAA,EAAcC,EAAA,IAAMJ,kBAAA;IAE3CK,iBAAA,GAAoBhB,KAAA,CAAMiB,OAAA,CAAQ,MAAM,YAAYd,SAAA,EAAW,IAAI,EAAE;IACrEe,UAAA,GAAalB,KAAA,CAAMiB,OAAA,CACvB,MAAMT,QAAA,CAASW,QAAA,EAAUJ,EAAA,IAAMC,iBAAA,EAC/B,CAACR,QAAA,CAASW,QAAA,EAAUH,iBAAiB,CACvC;IAEMI,QAAA,GAAYnB,0BAAA,CAA2BoB,GAAA,CAAIX,IAAI,KAAKA,IAAA;IAUpDY,SAAA,GAAuCtB,KAAA,CAAMiB,OAAA,CAAQ,MACrDG,QAAA,KAAa,aAAaV,IAAA,KAAS,UAC9B;MACL,CAAC,QAAQA,IAAA,KAAS,UAAU,eAAe,aAAa,EAAE,GAAGH,IAAA,GACzDW,UAAA,GACA;IACN,IAGK;MACL,iBAAiBX,IAAA,GAAO,SAAS;MACjC,iBAAiBa,QAAA,KAAa,gBAAgB,WAAWA,QAAA;MACzD,iBAAiBb,IAAA,GAAOW,UAAA,GAAa;MACrC,IAAIE,QAAA,KAAa,aAAa;QAAEV,IAAA,EAAM;MAAW;MACjD,IAAIU,QAAA,KAAa,UAAU;QAAEL,EAAA,EAAIF;MAAY;MAC7C,IAAIH,IAAA,KAAS,YAAY;QAAE,qBAAqB;MAAO;MACvD,IAAIA,IAAA,KAAS,cAAc;QAAE,qBAAqB;MAAO;IAC3D,GACC,CAACU,QAAA,EAAUF,UAAA,EAAYX,IAAA,EAAMM,WAAA,EAAaH,IAAI,CAAC;IAE5CS,QAAA,GAAqCnB,KAAA,CAAMiB,OAAA,CAAQ,MAAM;MAC7D,MAAMM,aAAA,GAAgB;QACpBR,EAAA,EAAIG,UAAA;QACJ,IAAIE,QAAA,IAAY;UAAEV,IAAA,EAAMU;QAAS;MACnC;MAEA,OAAIA,QAAA,KAAa,aAAaV,IAAA,KAAS,UAC9Ba,aAAA,GAGF;QACL,GAAGA,aAAA;QACH,IAAIH,QAAA,KAAa,UAAU;UAAE,mBAAmBP;QAAY;MAC9D;IACF,GAAG,CAACO,QAAA,EAAUF,UAAA,EAAYL,WAAA,EAAaH,IAAI,CAAC;IAEtCc,IAAA,GAA6BxB,KAAA,CAAMyB,WAAA,CACvC,CAAC;MAAEC,MAAA;MAAQC;IAAS,MAAgD;MAClE,MAAMC,WAAA,GAAc;QAClBlB,IAAA,EAAM;QACN,IAAIgB,MAAA,IAAU;UAAEX,EAAA,EAAI,GAAGG,UAAU;QAAc;MACjD;MAEA,QAAQR,IAAA;QACN,KAAK;QACL,KAAK;UACH,OAAO;YACL,GAAGkB,WAAA;YACH,iBAAiBD;UACnB;MACJ;MAEA,OAAO,CAAC;IACV,GACA,CAACT,UAAA,EAAYR,IAAI,CACnB;EAEA,OAAOV,KAAA,CAAMiB,OAAA,CACX,MAAOR,OAAA,GAAU;IAAEa,SAAA;IAAWH,QAAA;IAAUK;EAAK,IAAI,CAAC,GAClD,CAACf,OAAA,EAASa,SAAA,EAAWH,QAAA,EAAUK,IAAI,CACrC;AACF","ignoreList":[]}
|