@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,91 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
var componentRoleToAriaRoleMap = /* @__PURE__ */new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]),
|
|
3
|
+
idCounter = 0;
|
|
4
|
+
function useRole(context) {
|
|
5
|
+
var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
|
|
6
|
+
_elements_domReference,
|
|
7
|
+
{
|
|
8
|
+
open,
|
|
9
|
+
elements
|
|
10
|
+
} = context,
|
|
11
|
+
{
|
|
12
|
+
enabled = !0,
|
|
13
|
+
role = "dialog"
|
|
14
|
+
} = props,
|
|
15
|
+
defaultReferenceId = React.useId(),
|
|
16
|
+
referenceId = ((_elements_domReference = elements.domReference) === null || _elements_domReference === void 0 ? void 0 : _elements_domReference.id) || defaultReferenceId,
|
|
17
|
+
defaultFloatingId = React.useMemo(function () {
|
|
18
|
+
return `floating-${idCounter++}`;
|
|
19
|
+
}, []),
|
|
20
|
+
floatingId = React.useMemo(function () {
|
|
21
|
+
var _elements_floating;
|
|
22
|
+
return ((_elements_floating = elements.floating) === null || _elements_floating === void 0 ? void 0 : _elements_floating.id) || defaultFloatingId;
|
|
23
|
+
}, [elements.floating, defaultFloatingId]),
|
|
24
|
+
_componentRoleToAriaRoleMap_get,
|
|
25
|
+
ariaRole = (_componentRoleToAriaRoleMap_get = componentRoleToAriaRoleMap.get(role)) !== null && _componentRoleToAriaRoleMap_get !== void 0 ? _componentRoleToAriaRoleMap_get : role,
|
|
26
|
+
reference = React.useMemo(function () {
|
|
27
|
+
return ariaRole === "tooltip" || role === "label" ? {
|
|
28
|
+
[`aria-${role === "label" ? "labelledby" : "describedby"}`]: open ? floatingId : void 0
|
|
29
|
+
} : {
|
|
30
|
+
"aria-expanded": open ? "true" : "false",
|
|
31
|
+
"aria-haspopup": ariaRole === "alertdialog" ? "dialog" : ariaRole,
|
|
32
|
+
"aria-controls": open ? floatingId : void 0,
|
|
33
|
+
...(ariaRole === "listbox" && {
|
|
34
|
+
role: "combobox"
|
|
35
|
+
}),
|
|
36
|
+
...(ariaRole === "menu" && {
|
|
37
|
+
id: referenceId
|
|
38
|
+
}),
|
|
39
|
+
...(role === "select" && {
|
|
40
|
+
"aria-autocomplete": "none"
|
|
41
|
+
}),
|
|
42
|
+
...(role === "combobox" && {
|
|
43
|
+
"aria-autocomplete": "list"
|
|
44
|
+
})
|
|
45
|
+
};
|
|
46
|
+
}, [ariaRole, floatingId, open, referenceId, role]),
|
|
47
|
+
floating = React.useMemo(function () {
|
|
48
|
+
var floatingProps = {
|
|
49
|
+
id: floatingId,
|
|
50
|
+
...(ariaRole && {
|
|
51
|
+
role: ariaRole
|
|
52
|
+
})
|
|
53
|
+
};
|
|
54
|
+
return ariaRole === "tooltip" || role === "label" ? floatingProps : {
|
|
55
|
+
...floatingProps,
|
|
56
|
+
...(ariaRole === "menu" && {
|
|
57
|
+
"aria-labelledby": referenceId
|
|
58
|
+
})
|
|
59
|
+
};
|
|
60
|
+
}, [ariaRole, floatingId, referenceId, role]),
|
|
61
|
+
item = React.useCallback(function (param) {
|
|
62
|
+
var {
|
|
63
|
+
active,
|
|
64
|
+
selected
|
|
65
|
+
} = param,
|
|
66
|
+
commonProps = {
|
|
67
|
+
role: "option",
|
|
68
|
+
...(active && {
|
|
69
|
+
id: `${floatingId}-fui-option`
|
|
70
|
+
})
|
|
71
|
+
};
|
|
72
|
+
switch (role) {
|
|
73
|
+
case "select":
|
|
74
|
+
case "combobox":
|
|
75
|
+
return {
|
|
76
|
+
...commonProps,
|
|
77
|
+
"aria-selected": selected
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
return {};
|
|
81
|
+
}, [floatingId, role]);
|
|
82
|
+
return React.useMemo(function () {
|
|
83
|
+
return enabled ? {
|
|
84
|
+
reference,
|
|
85
|
+
floating,
|
|
86
|
+
item
|
|
87
|
+
} : {};
|
|
88
|
+
}, [enabled, reference, floating, item]);
|
|
89
|
+
}
|
|
90
|
+
export { useRole };
|
|
91
|
+
//# sourceMappingURL=useRole.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","componentRoleToAriaRoleMap","Map","idCounter","useRole","context","props","arguments","length","_elements_domReference","open","elements","enabled","role","defaultReferenceId","useId","referenceId","domReference","id","defaultFloatingId","useMemo","floatingId","_elements_floating","floating","_componentRoleToAriaRoleMap_get","ariaRole","get","reference","floatingProps"],"sources":["../../../src/interactions/useRole.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAMvB,IAAAC,0BAAM,kBAA6B,IAAAC,GAAI,EACrC,CACC,UACA,SAAS,CACX,EAED,CAGO,UAAS,EAId,SAAQ,CAOiB,EACQ,CAEjC,OAEM,EAaA,CAAC,EAGH,CAGK;EACLC,SAAA;AAAiC,SACjCC,QAAAC,OAAiB;EAAwC,IACzDC,KAAA,GAAAC,SAAiB,CAAAC,MAAO,QAAAD,SAAa,iBAAAA,SAAA;IAAAE,sBAAA;IAAA;MAAAC,IAAA;MAAAC;IAAA,IAAAN,OAAA;IAAA;MAAAO,OAAA;MAAAC,IAAA;IAAA,IAAAP,KAAA;IAAAQ,kBAAA,GAAAd,KAAA,CAAAe,KAAA;IAAAC,WAAA,KAAAP,sBAAA,GAAAE,QAAA,CAAAM,YAAA,cAAAR,sBAAA,uBAAAA,sBAAA,CAAAS,EAAA,KAAAJ,kBAAA;IAAAK,iBAAA,GAAAnB,KAAA,CAAAoB,OAAA;MACrC,OAAI,YAAajB,SAAA,EAAa,EAAE;IAAiB,GACjD,EAAI;IAAAkB,UAAa,GAAArB,KAAA,CAAAoB,OAAgB,aAAY;MAC7C,IAAIE,kBAAS;MACb,OAAI,EAAAA,kBAAuB,GAAEX,QAAA,CAAAY,QAAA,MAAqB,IAAO,IAAAD,kBAAA,uBAAAA,kBAAA,CAAAJ,EAAA,KAAAC,iBAAA;IAC3D,GACC,CAGDR,QAAM,CAAAY,QAAA,EAAgBJ,iBAChB;IACJK,+BAAwB;IAASC,QAAA,IAAAD,+BAAA,GAAAvB,0BAAA,CAAAyB,GAAA,CAAAb,IAAA,eAAAW,+BAAA,cAAAA,+BAAA,GAAAX,IAAA;IAAAc,SAAA,GAAA3B,KAAA,CAAAoB,OAAA;MACnC,OAAAK,QAAA,kBAAAZ,IAAA;QAEA,SAAIA,IAAA,KAAa,sBAAsB,gBAC9B,KAAAH,IAAA,GAGFW,UAAA;MAAA,IACL;QACA,eAAI,EAAaX,IAAA,SAAY;QAC/B,iBAAAe,QAAA,gCAAAA,QAAA;QACE,eAAU,EAAAf,IAAA,GAAYW,UAAA,GAAa,KAAK,CAEtC;QACH,IAAEI,QAAQ,cAAyD;UAClEZ,IAAM;QAAc;QACZ,IACNY,QAAI,KAAU,MAAM,IAAG;UACzBP,EAAA,EAAAF;QAEA;QAAc,IACZH,IAAK;UACL,mBAAK;QACH;QAAO,IAAAA,IACL,KAAG;UAAA,mBACH,EAAiB;QAAA;MACnB;IAGJ,IACFY,QAAA,EACAJ,UAAC,EACHX,IAAA,EAEAM,WAAa,EACXH,IAAA,CAAkD,CAClD;IAACU,QAAS,GAAAvB,KAAA,CAAAoB,OAAW,aAAc;MACrC,IAAAQ,aAAA;QACFV,EAAA,EAAAG,UAAA","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { useLayoutEffect, useMemo, useRef } from "react";
|
|
2
|
+
import { useEvent } from "@hanzogui/use-event";
|
|
3
|
+
import { clearTimeoutIfSet, stopEvent } from "./utils.mjs";
|
|
4
|
+
function useTypeahead(context, props) {
|
|
5
|
+
const {
|
|
6
|
+
open,
|
|
7
|
+
dataRef
|
|
8
|
+
} = context,
|
|
9
|
+
{
|
|
10
|
+
listRef,
|
|
11
|
+
activeIndex,
|
|
12
|
+
onMatch: unstable_onMatch,
|
|
13
|
+
onTypingChange: unstable_onTypingChange,
|
|
14
|
+
enabled = !0,
|
|
15
|
+
findMatch = null,
|
|
16
|
+
resetMs = 750,
|
|
17
|
+
ignoreKeys = [],
|
|
18
|
+
selectedIndex = null
|
|
19
|
+
} = props,
|
|
20
|
+
timeoutIdRef = useRef(-1),
|
|
21
|
+
stringRef = useRef(""),
|
|
22
|
+
prevIndexRef = useRef(selectedIndex ?? activeIndex ?? -1),
|
|
23
|
+
matchIndexRef = useRef(null),
|
|
24
|
+
onMatch = useEvent(unstable_onMatch || (() => {})),
|
|
25
|
+
onTypingChange = useEvent(unstable_onTypingChange || (() => {})),
|
|
26
|
+
findMatchRef = useRef(findMatch);
|
|
27
|
+
findMatchRef.current = findMatch;
|
|
28
|
+
const ignoreKeysRef = useRef(ignoreKeys);
|
|
29
|
+
ignoreKeysRef.current = ignoreKeys, useLayoutEffect(() => {
|
|
30
|
+
open && (clearTimeoutIfSet(timeoutIdRef), matchIndexRef.current = null, stringRef.current = "");
|
|
31
|
+
}, [open]), useLayoutEffect(() => {
|
|
32
|
+
open && stringRef.current === "" && (prevIndexRef.current = selectedIndex ?? activeIndex ?? -1);
|
|
33
|
+
}, [open, selectedIndex, activeIndex]);
|
|
34
|
+
const setTypingChange = value => {
|
|
35
|
+
value ? dataRef.current.typing || (dataRef.current.typing = value, onTypingChange(value)) : dataRef.current.typing && (dataRef.current.typing = value, onTypingChange(value));
|
|
36
|
+
},
|
|
37
|
+
onKeyDown = event => {
|
|
38
|
+
function getMatchingIndex(list, orderedList, string) {
|
|
39
|
+
const str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(text => text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase()) === 0);
|
|
40
|
+
return str ? list.indexOf(str) : -1;
|
|
41
|
+
}
|
|
42
|
+
const listContent = listRef.current;
|
|
43
|
+
if (stringRef.current.length > 0 && stringRef.current[0] !== " " && (getMatchingIndex(listContent, listContent, stringRef.current) === -1 ? setTypingChange(!1) : event.key === " " && stopEvent(event)), listContent == null || ignoreKeysRef.current.includes(event.key) ||
|
|
44
|
+
// character key
|
|
45
|
+
event.key.length !== 1 ||
|
|
46
|
+
// modifier key
|
|
47
|
+
event.ctrlKey || event.metaKey || event.altKey) return;
|
|
48
|
+
open && event.key !== " " && (stopEvent(event), setTypingChange(!0)), listContent.every(text => text ? text[0]?.toLocaleLowerCase() !== text[1]?.toLocaleLowerCase() : !0) && stringRef.current === event.key && (stringRef.current = "", prevIndexRef.current = matchIndexRef.current), stringRef.current += event.key, clearTimeoutIfSet(timeoutIdRef), timeoutIdRef.current = window.setTimeout(() => {
|
|
49
|
+
stringRef.current = "", prevIndexRef.current = matchIndexRef.current, setTypingChange(!1);
|
|
50
|
+
}, resetMs);
|
|
51
|
+
const prevIndex = prevIndexRef.current,
|
|
52
|
+
index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
|
|
53
|
+
index !== -1 ? (onMatch(index), matchIndexRef.current = index) : event.key !== " " && (stringRef.current = "", setTypingChange(!1));
|
|
54
|
+
},
|
|
55
|
+
reference = useMemo(() => ({
|
|
56
|
+
onKeyDown
|
|
57
|
+
}), [open, enabled]),
|
|
58
|
+
floating = useMemo(() => ({
|
|
59
|
+
onKeyDown,
|
|
60
|
+
onKeyUp(event) {
|
|
61
|
+
event.key === " " && setTypingChange(!1);
|
|
62
|
+
}
|
|
63
|
+
}), [open, enabled]);
|
|
64
|
+
return useMemo(() => enabled ? {
|
|
65
|
+
reference,
|
|
66
|
+
floating
|
|
67
|
+
} : {}, [enabled, reference, floating]);
|
|
68
|
+
}
|
|
69
|
+
export { useTypeahead };
|
|
70
|
+
//# sourceMappingURL=useTypeahead.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useLayoutEffect","useMemo","useRef","useEvent","clearTimeoutIfSet","stopEvent","useTypeahead","context","props","open","dataRef","listRef","activeIndex","onMatch","unstable_onMatch","onTypingChange","unstable_onTypingChange","enabled","findMatch","resetMs","ignoreKeys","selectedIndex","timeoutIdRef","stringRef","prevIndexRef","matchIndexRef","findMatchRef","current","ignoreKeysRef","setTypingChange","value","typing","onKeyDown","event","getMatchingIndex","list","orderedList","string","str","find","text","toLocaleLowerCase","indexOf","listContent","length","key","includes","ctrlKey","metaKey","altKey","every","window","setTimeout","prevIndex","index","slice","reference","floating","onKeyUp"],"sources":["../../../src/interactions/useTypeahead.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { useLayoutEffect, useMemo, useRef } from "react";
|
|
2
|
+
import { useEvent } from "@hanzogui/use-event";
|
|
3
|
+
import { clearTimeoutIfSet, stopEvent } from "./utils.native.js";
|
|
4
|
+
function useTypeahead(context, props) {
|
|
5
|
+
var {
|
|
6
|
+
open,
|
|
7
|
+
dataRef
|
|
8
|
+
} = context,
|
|
9
|
+
{
|
|
10
|
+
listRef,
|
|
11
|
+
activeIndex,
|
|
12
|
+
onMatch: unstable_onMatch,
|
|
13
|
+
onTypingChange: unstable_onTypingChange,
|
|
14
|
+
enabled = !0,
|
|
15
|
+
findMatch = null,
|
|
16
|
+
resetMs = 750,
|
|
17
|
+
ignoreKeys = [],
|
|
18
|
+
selectedIndex = null
|
|
19
|
+
} = props,
|
|
20
|
+
timeoutIdRef = useRef(-1),
|
|
21
|
+
stringRef = useRef(""),
|
|
22
|
+
_ref,
|
|
23
|
+
prevIndexRef = useRef((_ref = selectedIndex ?? activeIndex) !== null && _ref !== void 0 ? _ref : -1),
|
|
24
|
+
matchIndexRef = useRef(null),
|
|
25
|
+
onMatch = useEvent(unstable_onMatch || function () {}),
|
|
26
|
+
onTypingChange = useEvent(unstable_onTypingChange || function () {}),
|
|
27
|
+
findMatchRef = useRef(findMatch);
|
|
28
|
+
findMatchRef.current = findMatch;
|
|
29
|
+
var ignoreKeysRef = useRef(ignoreKeys);
|
|
30
|
+
ignoreKeysRef.current = ignoreKeys, useLayoutEffect(function () {
|
|
31
|
+
open && (clearTimeoutIfSet(timeoutIdRef), matchIndexRef.current = null, stringRef.current = "");
|
|
32
|
+
}, [open]), useLayoutEffect(function () {
|
|
33
|
+
if (open && stringRef.current === "") {
|
|
34
|
+
var _ref2;
|
|
35
|
+
prevIndexRef.current = (_ref2 = selectedIndex ?? activeIndex) !== null && _ref2 !== void 0 ? _ref2 : -1;
|
|
36
|
+
}
|
|
37
|
+
}, [open, selectedIndex, activeIndex]);
|
|
38
|
+
var setTypingChange = function (value) {
|
|
39
|
+
value ? dataRef.current.typing || (dataRef.current.typing = value, onTypingChange(value)) : dataRef.current.typing && (dataRef.current.typing = value, onTypingChange(value));
|
|
40
|
+
},
|
|
41
|
+
onKeyDown = function (event) {
|
|
42
|
+
function getMatchingIndex(list, orderedList, string) {
|
|
43
|
+
var str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(function (text) {
|
|
44
|
+
return text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase()) === 0;
|
|
45
|
+
});
|
|
46
|
+
return str ? list.indexOf(str) : -1;
|
|
47
|
+
}
|
|
48
|
+
var listContent = listRef.current;
|
|
49
|
+
if (stringRef.current.length > 0 && stringRef.current[0] !== " " && (getMatchingIndex(listContent, listContent, stringRef.current) === -1 ? setTypingChange(!1) : event.key === " " && stopEvent(event)), !(listContent == null || ignoreKeysRef.current.includes(event.key) ||
|
|
50
|
+
// character key
|
|
51
|
+
event.key.length !== 1 ||
|
|
52
|
+
// modifier key
|
|
53
|
+
event.ctrlKey || event.metaKey || event.altKey)) {
|
|
54
|
+
open && event.key !== " " && (stopEvent(event), setTypingChange(!0));
|
|
55
|
+
var allowRapidSuccessionOfFirstLetter = listContent.every(function (text) {
|
|
56
|
+
var _text_, _text_1;
|
|
57
|
+
return text ? ((_text_ = text[0]) === null || _text_ === void 0 ? void 0 : _text_.toLocaleLowerCase()) !== ((_text_1 = text[1]) === null || _text_1 === void 0 ? void 0 : _text_1.toLocaleLowerCase()) : !0;
|
|
58
|
+
});
|
|
59
|
+
allowRapidSuccessionOfFirstLetter && stringRef.current === event.key && (stringRef.current = "", prevIndexRef.current = matchIndexRef.current), stringRef.current += event.key, clearTimeoutIfSet(timeoutIdRef), timeoutIdRef.current = window.setTimeout(function () {
|
|
60
|
+
stringRef.current = "", prevIndexRef.current = matchIndexRef.current, setTypingChange(!1);
|
|
61
|
+
}, resetMs);
|
|
62
|
+
var prevIndex = prevIndexRef.current,
|
|
63
|
+
index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
|
|
64
|
+
index !== -1 ? (onMatch(index), matchIndexRef.current = index) : event.key !== " " && (stringRef.current = "", setTypingChange(!1));
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
reference = useMemo(function () {
|
|
68
|
+
return {
|
|
69
|
+
onKeyDown
|
|
70
|
+
};
|
|
71
|
+
}, [open, enabled]),
|
|
72
|
+
floating = useMemo(function () {
|
|
73
|
+
return {
|
|
74
|
+
onKeyDown,
|
|
75
|
+
onKeyUp(event) {
|
|
76
|
+
event.key === " " && setTypingChange(!1);
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
}, [open, enabled]);
|
|
80
|
+
return useMemo(function () {
|
|
81
|
+
return enabled ? {
|
|
82
|
+
reference,
|
|
83
|
+
floating
|
|
84
|
+
} : {};
|
|
85
|
+
}, [enabled, reference, floating]);
|
|
86
|
+
}
|
|
87
|
+
export { useTypeahead };
|
|
88
|
+
//# sourceMappingURL=useTypeahead.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useLayoutEffect","useMemo","useRef","useEvent","clearTimeoutIfSet","stopEvent","useTypeahead","context","props","open","dataRef","listRef","activeIndex","onMatch","unstable_onMatch","onTypingChange","unstable_onTypingChange","enabled","findMatch","resetMs","ignoreKeys","selectedIndex","timeoutIdRef","stringRef","_ref","prevIndexRef","matchIndexRef","findMatchRef","current","ignoreKeysRef","_ref2","setTypingChange","value","typing","onKeyDown","event","getMatchingIndex","list","orderedList","string","str","find","text","toLocaleLowerCase","indexOf","listContent","length","key","includes","ctrlKey","metaKey","altKey","allowRapidSuccessionOfFirstLetter","every","_text_","_text_1","window","setTimeout","prevIndex","index","slice","reference","floating","onKeyUp"],"sources":["../../../src/interactions/useTypeahead.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
function getDocument(node) {
|
|
2
|
+
return node?.ownerDocument || document;
|
|
3
|
+
}
|
|
4
|
+
function contains(parent, child) {
|
|
5
|
+
if (!parent || !child) return !1;
|
|
6
|
+
const rootNode = child.getRootNode?.();
|
|
7
|
+
if (parent.contains(child)) return !0;
|
|
8
|
+
if (rootNode && isShadowRoot(rootNode)) {
|
|
9
|
+
let next = child;
|
|
10
|
+
for (; next;) {
|
|
11
|
+
if (parent === next) return !0;
|
|
12
|
+
next = next.parentNode || next.host;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
return !1;
|
|
16
|
+
}
|
|
17
|
+
function isShadowRoot(node) {
|
|
18
|
+
return node instanceof ShadowRoot;
|
|
19
|
+
}
|
|
20
|
+
function getTarget(event) {
|
|
21
|
+
return "composedPath" in event ? event.composedPath()[0] : event.target;
|
|
22
|
+
}
|
|
23
|
+
function activeElement(doc) {
|
|
24
|
+
let el = doc.activeElement;
|
|
25
|
+
for (; el?.shadowRoot?.activeElement != null;) el = el.shadowRoot.activeElement;
|
|
26
|
+
return el;
|
|
27
|
+
}
|
|
28
|
+
function isHTMLElement(value) {
|
|
29
|
+
return value instanceof HTMLElement;
|
|
30
|
+
}
|
|
31
|
+
function isElement(value) {
|
|
32
|
+
return value instanceof Element;
|
|
33
|
+
}
|
|
34
|
+
const TYPEABLE_SELECTOR = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";
|
|
35
|
+
function isTypeableElement(element) {
|
|
36
|
+
return isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);
|
|
37
|
+
}
|
|
38
|
+
function isTypeableCombobox(element) {
|
|
39
|
+
return element ? element.getAttribute("role") === "combobox" && isTypeableElement(element) : !1;
|
|
40
|
+
}
|
|
41
|
+
function getPlatform() {
|
|
42
|
+
const uaData = navigator.userAgentData;
|
|
43
|
+
return uaData?.platform ? uaData.platform : navigator.platform;
|
|
44
|
+
}
|
|
45
|
+
function getUserAgent() {
|
|
46
|
+
const uaData = navigator.userAgentData;
|
|
47
|
+
return uaData && Array.isArray(uaData.brands) ? uaData.brands.map(({
|
|
48
|
+
brand,
|
|
49
|
+
version
|
|
50
|
+
}) => `${brand}/${version}`).join(" ") : navigator.userAgent;
|
|
51
|
+
}
|
|
52
|
+
function isSafari() {
|
|
53
|
+
return /apple/i.test(navigator.vendor);
|
|
54
|
+
}
|
|
55
|
+
function isMac() {
|
|
56
|
+
return getPlatform().toLowerCase().startsWith("mac") && !navigator.maxTouchPoints;
|
|
57
|
+
}
|
|
58
|
+
function isJSDOM() {
|
|
59
|
+
return getUserAgent().includes("jsdom/");
|
|
60
|
+
}
|
|
61
|
+
function matchesFocusVisible(element) {
|
|
62
|
+
if (!element || isJSDOM()) return !0;
|
|
63
|
+
try {
|
|
64
|
+
return element.matches(":focus-visible");
|
|
65
|
+
} catch {
|
|
66
|
+
return !0;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
function isMouseLikePointerType(pointerType, strict) {
|
|
70
|
+
const values = ["mouse", "pen"];
|
|
71
|
+
return strict || values.push("", void 0), values.includes(pointerType);
|
|
72
|
+
}
|
|
73
|
+
function clearTimeoutIfSet(timeoutRef) {
|
|
74
|
+
timeoutRef.current !== -1 && (clearTimeout(timeoutRef.current), timeoutRef.current = -1);
|
|
75
|
+
}
|
|
76
|
+
function stopEvent(event) {
|
|
77
|
+
event.preventDefault(), event.stopPropagation();
|
|
78
|
+
}
|
|
79
|
+
function isVirtualClick(event) {
|
|
80
|
+
return event.mozInputSource === 0 && event.isTrusted ? !0 : isAndroid() && event.pointerType ? event.type === "click" && event.buttons === 1 : event.detail === 0 && !event.pointerType;
|
|
81
|
+
}
|
|
82
|
+
function isVirtualPointerEvent(event) {
|
|
83
|
+
return isJSDOM() ? !1 : !isAndroid() && event.width === 0 && event.height === 0 || isAndroid() && event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse" || event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "touch";
|
|
84
|
+
}
|
|
85
|
+
function isAndroid() {
|
|
86
|
+
const re = /android/i;
|
|
87
|
+
return re.test(getPlatform()) || re.test(getUserAgent());
|
|
88
|
+
}
|
|
89
|
+
let rafId = 0;
|
|
90
|
+
function enqueueFocus(el, options = {}) {
|
|
91
|
+
const {
|
|
92
|
+
preventScroll = !1,
|
|
93
|
+
cancelPrevious = !0,
|
|
94
|
+
sync = !1
|
|
95
|
+
} = options;
|
|
96
|
+
cancelPrevious && cancelAnimationFrame(rafId);
|
|
97
|
+
const exec = () => el?.focus({
|
|
98
|
+
preventScroll
|
|
99
|
+
});
|
|
100
|
+
sync ? exec() : rafId = requestAnimationFrame(exec);
|
|
101
|
+
}
|
|
102
|
+
function isListIndexDisabled(listRef, index, disabledIndices) {
|
|
103
|
+
if (typeof disabledIndices == "function") return disabledIndices(index);
|
|
104
|
+
if (disabledIndices) return disabledIndices.includes(index);
|
|
105
|
+
const element = listRef.current[index];
|
|
106
|
+
return element == null || element.hasAttribute("disabled") || element.getAttribute("aria-disabled") === "true";
|
|
107
|
+
}
|
|
108
|
+
function findNonDisabledListIndex(listRef, {
|
|
109
|
+
startingIndex = -1,
|
|
110
|
+
decrement = !1,
|
|
111
|
+
disabledIndices,
|
|
112
|
+
amount = 1
|
|
113
|
+
} = {}) {
|
|
114
|
+
let index = startingIndex;
|
|
115
|
+
do index += decrement ? -amount : amount; while (index >= 0 && index <= listRef.current.length - 1 && isListIndexDisabled(listRef, index, disabledIndices));
|
|
116
|
+
return index;
|
|
117
|
+
}
|
|
118
|
+
function getMinListIndex(listRef, disabledIndices) {
|
|
119
|
+
return findNonDisabledListIndex(listRef, {
|
|
120
|
+
disabledIndices
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
function getMaxListIndex(listRef, disabledIndices) {
|
|
124
|
+
return findNonDisabledListIndex(listRef, {
|
|
125
|
+
decrement: !0,
|
|
126
|
+
startingIndex: listRef.current.length,
|
|
127
|
+
disabledIndices
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
function isIndexOutOfListBounds(listRef, index) {
|
|
131
|
+
return index < 0 || index >= listRef.current.length;
|
|
132
|
+
}
|
|
133
|
+
export { activeElement, clearTimeoutIfSet, contains, enqueueFocus, findNonDisabledListIndex, getDocument, getMaxListIndex, getMinListIndex, getTarget, isElement, isHTMLElement, isIndexOutOfListBounds, isListIndexDisabled, isMac, isMouseLikePointerType, isSafari, isTypeableCombobox, isTypeableElement, isVirtualClick, isVirtualPointerEvent, matchesFocusVisible, stopEvent };
|
|
134
|
+
//# sourceMappingURL=utils.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getDocument","node","ownerDocument","document","contains","parent","child","rootNode","getRootNode","isShadowRoot","next","parentNode","host","ShadowRoot","getTarget","event","composedPath","target","activeElement","doc","el","shadowRoot","isHTMLElement","value","HTMLElement","isElement","Element","TYPEABLE_SELECTOR","isTypeableElement","element","matches","isTypeableCombobox","getAttribute","getPlatform","uaData","navigator","userAgentData","platform","getUserAgent","Array","isArray","brands","map","brand","version","join","userAgent","isSafari","test","vendor","isMac","toLowerCase","startsWith","maxTouchPoints","isJSDOM","includes","matchesFocusVisible","isMouseLikePointerType","pointerType","strict","values","push","clearTimeoutIfSet","timeoutRef","current","clearTimeout","stopEvent","preventDefault","stopPropagation","isVirtualClick","mozInputSource","isTrusted","isAndroid","type","buttons","detail","isVirtualPointerEvent","width","height","pressure","re","rafId","enqueueFocus","options","preventScroll","cancelPrevious","sync","cancelAnimationFrame","exec","focus","requestAnimationFrame","isListIndexDisabled","listRef","index","disabledIndices","hasAttribute","findNonDisabledListIndex","startingIndex","decrement","amount","length","getMinListIndex","getMaxListIndex","isIndexOutOfListBounds"],"sources":["../../../src/interactions/utils.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
function _instanceof(left, right) {
|
|
2
|
+
return right != null && typeof Symbol < "u" && right[Symbol.hasInstance] ? !!right[Symbol.hasInstance](left) : left instanceof right;
|
|
3
|
+
}
|
|
4
|
+
function getDocument(node) {
|
|
5
|
+
return node?.ownerDocument || document;
|
|
6
|
+
}
|
|
7
|
+
function contains(parent, child) {
|
|
8
|
+
var _child_getRootNode;
|
|
9
|
+
if (!parent || !child) return !1;
|
|
10
|
+
var rootNode = (_child_getRootNode = child.getRootNode) === null || _child_getRootNode === void 0 ? void 0 : _child_getRootNode.call(child);
|
|
11
|
+
if (parent.contains(child)) return !0;
|
|
12
|
+
if (rootNode && isShadowRoot(rootNode)) for (var next = child; next;) {
|
|
13
|
+
if (parent === next) return !0;
|
|
14
|
+
next = next.parentNode || next.host;
|
|
15
|
+
}
|
|
16
|
+
return !1;
|
|
17
|
+
}
|
|
18
|
+
function isShadowRoot(node) {
|
|
19
|
+
return _instanceof(node, ShadowRoot);
|
|
20
|
+
}
|
|
21
|
+
function getTarget(event) {
|
|
22
|
+
return "composedPath" in event ? event.composedPath()[0] : event.target;
|
|
23
|
+
}
|
|
24
|
+
function activeElement(doc) {
|
|
25
|
+
for (var _el_shadowRoot, el = doc.activeElement; (el == null || (_el_shadowRoot = el.shadowRoot) === null || _el_shadowRoot === void 0 ? void 0 : _el_shadowRoot.activeElement) != null;) el = el.shadowRoot.activeElement;
|
|
26
|
+
return el;
|
|
27
|
+
}
|
|
28
|
+
function isHTMLElement(value) {
|
|
29
|
+
return _instanceof(value, HTMLElement);
|
|
30
|
+
}
|
|
31
|
+
function isElement(value) {
|
|
32
|
+
return _instanceof(value, Element);
|
|
33
|
+
}
|
|
34
|
+
var TYPEABLE_SELECTOR = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";
|
|
35
|
+
function isTypeableElement(element) {
|
|
36
|
+
return isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);
|
|
37
|
+
}
|
|
38
|
+
function isTypeableCombobox(element) {
|
|
39
|
+
return element ? element.getAttribute("role") === "combobox" && isTypeableElement(element) : !1;
|
|
40
|
+
}
|
|
41
|
+
function getPlatform() {
|
|
42
|
+
var uaData = navigator.userAgentData;
|
|
43
|
+
return uaData?.platform ? uaData.platform : navigator.platform;
|
|
44
|
+
}
|
|
45
|
+
function getUserAgent() {
|
|
46
|
+
var uaData = navigator.userAgentData;
|
|
47
|
+
return uaData && Array.isArray(uaData.brands) ? uaData.brands.map(function (param) {
|
|
48
|
+
var {
|
|
49
|
+
brand,
|
|
50
|
+
version
|
|
51
|
+
} = param;
|
|
52
|
+
return `${brand}/${version}`;
|
|
53
|
+
}).join(" ") : navigator.userAgent;
|
|
54
|
+
}
|
|
55
|
+
function isSafari() {
|
|
56
|
+
return /apple/i.test(navigator.vendor);
|
|
57
|
+
}
|
|
58
|
+
function isMac() {
|
|
59
|
+
return getPlatform().toLowerCase().startsWith("mac") && !navigator.maxTouchPoints;
|
|
60
|
+
}
|
|
61
|
+
function isJSDOM() {
|
|
62
|
+
return getUserAgent().includes("jsdom/");
|
|
63
|
+
}
|
|
64
|
+
function matchesFocusVisible(element) {
|
|
65
|
+
if (!element || isJSDOM()) return !0;
|
|
66
|
+
try {
|
|
67
|
+
return element.matches(":focus-visible");
|
|
68
|
+
} catch {
|
|
69
|
+
return !0;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
function isMouseLikePointerType(pointerType, strict) {
|
|
73
|
+
var values = ["mouse", "pen"];
|
|
74
|
+
return strict || values.push("", void 0), values.includes(pointerType);
|
|
75
|
+
}
|
|
76
|
+
function clearTimeoutIfSet(timeoutRef) {
|
|
77
|
+
timeoutRef.current !== -1 && (clearTimeout(timeoutRef.current), timeoutRef.current = -1);
|
|
78
|
+
}
|
|
79
|
+
function stopEvent(event) {
|
|
80
|
+
event.preventDefault(), event.stopPropagation();
|
|
81
|
+
}
|
|
82
|
+
function isVirtualClick(event) {
|
|
83
|
+
return event.mozInputSource === 0 && event.isTrusted ? !0 : isAndroid() && event.pointerType ? event.type === "click" && event.buttons === 1 : event.detail === 0 && !event.pointerType;
|
|
84
|
+
}
|
|
85
|
+
function isVirtualPointerEvent(event) {
|
|
86
|
+
return isJSDOM() ? !1 : !isAndroid() && event.width === 0 && event.height === 0 || isAndroid() && event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse" || event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "touch";
|
|
87
|
+
}
|
|
88
|
+
function isAndroid() {
|
|
89
|
+
var re = /android/i;
|
|
90
|
+
return re.test(getPlatform()) || re.test(getUserAgent());
|
|
91
|
+
}
|
|
92
|
+
var rafId = 0;
|
|
93
|
+
function enqueueFocus(el) {
|
|
94
|
+
var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
|
|
95
|
+
{
|
|
96
|
+
preventScroll = !1,
|
|
97
|
+
cancelPrevious = !0,
|
|
98
|
+
sync = !1
|
|
99
|
+
} = options;
|
|
100
|
+
cancelPrevious && cancelAnimationFrame(rafId);
|
|
101
|
+
var exec = function () {
|
|
102
|
+
return el?.focus({
|
|
103
|
+
preventScroll
|
|
104
|
+
});
|
|
105
|
+
};
|
|
106
|
+
sync ? exec() : rafId = requestAnimationFrame(exec);
|
|
107
|
+
}
|
|
108
|
+
function isListIndexDisabled(listRef, index, disabledIndices) {
|
|
109
|
+
if (typeof disabledIndices == "function") return disabledIndices(index);
|
|
110
|
+
if (disabledIndices) return disabledIndices.includes(index);
|
|
111
|
+
var element = listRef.current[index];
|
|
112
|
+
return element == null || element.hasAttribute("disabled") || element.getAttribute("aria-disabled") === "true";
|
|
113
|
+
}
|
|
114
|
+
function findNonDisabledListIndex(listRef) {
|
|
115
|
+
var {
|
|
116
|
+
startingIndex = -1,
|
|
117
|
+
decrement = !1,
|
|
118
|
+
disabledIndices,
|
|
119
|
+
amount = 1
|
|
120
|
+
} = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
|
|
121
|
+
index = startingIndex;
|
|
122
|
+
do index += decrement ? -amount : amount; while (index >= 0 && index <= listRef.current.length - 1 && isListIndexDisabled(listRef, index, disabledIndices));
|
|
123
|
+
return index;
|
|
124
|
+
}
|
|
125
|
+
function getMinListIndex(listRef, disabledIndices) {
|
|
126
|
+
return findNonDisabledListIndex(listRef, {
|
|
127
|
+
disabledIndices
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
function getMaxListIndex(listRef, disabledIndices) {
|
|
131
|
+
return findNonDisabledListIndex(listRef, {
|
|
132
|
+
decrement: !0,
|
|
133
|
+
startingIndex: listRef.current.length,
|
|
134
|
+
disabledIndices
|
|
135
|
+
});
|
|
136
|
+
}
|
|
137
|
+
function isIndexOutOfListBounds(listRef, index) {
|
|
138
|
+
return index < 0 || index >= listRef.current.length;
|
|
139
|
+
}
|
|
140
|
+
export { activeElement, clearTimeoutIfSet, contains, enqueueFocus, findNonDisabledListIndex, getDocument, getMaxListIndex, getMinListIndex, getTarget, isElement, isHTMLElement, isIndexOutOfListBounds, isListIndexDisabled, isMac, isMouseLikePointerType, isSafari, isTypeableCombobox, isTypeableElement, isVirtualClick, isVirtualPointerEvent, matchesFocusVisible, stopEvent };
|
|
141
|
+
//# sourceMappingURL=utils.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_instanceof","left","right","Symbol","hasInstance","getDocument","node","ownerDocument","document","contains","parent","child","_child_getRootNode","rootNode","getRootNode","call","isShadowRoot","next","parentNode","host","ShadowRoot","getTarget","event","composedPath","target","activeElement","doc","_el_shadowRoot","el","shadowRoot","isHTMLElement","value","HTMLElement","isElement","Element","TYPEABLE_SELECTOR","isTypeableElement","element","matches","isTypeableCombobox","getAttribute","getPlatform","uaData","navigator","userAgentData","platform","getUserAgent","Array","isArray","brands","map","param","brand","version","join","userAgent","isSafari","test","vendor","isMac","toLowerCase","startsWith","maxTouchPoints","isJSDOM","includes","matchesFocusVisible","isMouseLikePointerType","pointerType","strict","values","push","clearTimeoutIfSet","timeoutRef","current","clearTimeout","stopEvent","preventDefault","stopPropagation","isVirtualClick","mozInputSource","isTrusted","isAndroid","type","buttons","detail","isVirtualPointerEvent","width","height","pressure","re","rafId","enqueueFocus","options","arguments","length","preventScroll","cancelPrevious","sync","cancelAnimationFrame","exec","focus","requestAnimationFrame","isListIndexDisabled","listRef","index","disabledIndices","hasAttribute","findNonDisabledListIndex","startingIndex","decrement","amount","getMinListIndex","getMaxListIndex"],"sources":["../../../src/interactions/utils.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import * as ReactDOM from "react-dom";
|
|
2
|
+
import { offset } from "@floating-ui/react-dom";
|
|
3
|
+
function getArgsWithCustomFloatingHeight(state, height) {
|
|
4
|
+
return {
|
|
5
|
+
...state,
|
|
6
|
+
rects: {
|
|
7
|
+
...state.rects,
|
|
8
|
+
floating: {
|
|
9
|
+
...state.rects.floating,
|
|
10
|
+
height
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
const inner = props => ({
|
|
16
|
+
name: "inner",
|
|
17
|
+
options: props,
|
|
18
|
+
async fn(state) {
|
|
19
|
+
const {
|
|
20
|
+
listRef,
|
|
21
|
+
overflowRef,
|
|
22
|
+
onFallbackChange,
|
|
23
|
+
offset: innerOffset = 0,
|
|
24
|
+
index = 0,
|
|
25
|
+
minItemsVisible = 4,
|
|
26
|
+
referenceOverflowThreshold = 0,
|
|
27
|
+
scrollRef,
|
|
28
|
+
padding = 0
|
|
29
|
+
} = props,
|
|
30
|
+
{
|
|
31
|
+
rects,
|
|
32
|
+
platform,
|
|
33
|
+
elements: {
|
|
34
|
+
floating
|
|
35
|
+
}
|
|
36
|
+
} = state,
|
|
37
|
+
item = listRef.current?.[index ?? 0],
|
|
38
|
+
scrollEl = scrollRef?.current || floating,
|
|
39
|
+
clientTop = floating.clientTop || scrollEl.clientTop,
|
|
40
|
+
floatingIsBordered = floating.clientTop !== 0,
|
|
41
|
+
scrollElIsBordered = scrollEl.clientTop !== 0,
|
|
42
|
+
floatingIsScrollEl = floating === scrollEl;
|
|
43
|
+
if (!item || index == null) return onFallbackChange?.(!0), {};
|
|
44
|
+
const nextArgs = {
|
|
45
|
+
...state,
|
|
46
|
+
...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
|
|
47
|
+
},
|
|
48
|
+
detectOverflowOptions = {
|
|
49
|
+
padding
|
|
50
|
+
},
|
|
51
|
+
overflow = await platform.detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions),
|
|
52
|
+
refOverflow = await platform.detectOverflow(nextArgs, {
|
|
53
|
+
...detectOverflowOptions,
|
|
54
|
+
elementContext: "reference"
|
|
55
|
+
}),
|
|
56
|
+
diffY = Math.max(0, overflow.top),
|
|
57
|
+
nextY = nextArgs.y + diffY,
|
|
58
|
+
maxHeight = (scrollEl.scrollHeight > scrollEl.clientHeight ? v => v : Math.round)(Math.max(0, scrollEl.scrollHeight + (floatingIsBordered && floatingIsScrollEl || scrollElIsBordered ? clientTop * 2 : 0) - diffY - Math.max(0, overflow.bottom)));
|
|
59
|
+
if (scrollEl.style.maxHeight = `${maxHeight}px`, scrollEl.scrollTop = diffY, onFallbackChange) {
|
|
60
|
+
const shouldFallback = scrollEl.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, listRef.current?.length ?? 0) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold;
|
|
61
|
+
ReactDOM.flushSync(() => onFallbackChange(shouldFallback));
|
|
62
|
+
}
|
|
63
|
+
return overflowRef && (overflowRef.current = await platform.detectOverflow(getArgsWithCustomFloatingHeight({
|
|
64
|
+
...nextArgs,
|
|
65
|
+
y: nextY
|
|
66
|
+
}, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions)), {
|
|
67
|
+
y: nextY
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
export { inner };
|
|
72
|
+
//# sourceMappingURL=inner.mjs.map
|