@hanzogui/floating 3.0.6 → 4.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Floating.cjs +7 -5
- package/dist/cjs/Floating.native.js +18 -16
- package/dist/cjs/Floating.native.js.map +1 -1
- package/dist/cjs/index.cjs +28 -26
- package/dist/cjs/index.native.js +28 -26
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/interactions/PopupTriggerMap.cjs +21 -12
- package/dist/cjs/interactions/PopupTriggerMap.native.js +51 -27
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/cjs/interactions/createFloatingEvents.cjs +21 -12
- package/dist/cjs/interactions/createFloatingEvents.native.js +22 -13
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/cjs/interactions/safePolygon.cjs +213 -131
- package/dist/cjs/interactions/safePolygon.native.js +182 -103
- package/dist/cjs/interactions/safePolygon.native.js.map +1 -1
- package/dist/cjs/interactions/types.cjs +7 -5
- package/dist/cjs/interactions/types.native.js +7 -5
- package/dist/cjs/interactions/types.native.js.map +1 -1
- package/dist/cjs/interactions/useClick.cjs +91 -49
- package/dist/cjs/interactions/useClick.native.js +96 -54
- package/dist/cjs/interactions/useClick.native.js.map +1 -1
- package/dist/cjs/interactions/useDelayGroup.cjs +63 -44
- package/dist/cjs/interactions/useDelayGroup.native.js +74 -58
- package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/cjs/interactions/useFocus.cjs +73 -44
- package/dist/cjs/interactions/useFocus.native.js +75 -49
- package/dist/cjs/interactions/useFocus.native.js.map +1 -1
- package/dist/cjs/interactions/useHover.cjs +242 -109
- package/dist/cjs/interactions/useHover.native.js +268 -143
- package/dist/cjs/interactions/useHover.native.js.map +1 -1
- package/dist/cjs/interactions/useInnerOffset.cjs +88 -64
- package/dist/cjs/interactions/useInnerOffset.native.js +88 -65
- package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/cjs/interactions/useInteractions.cjs +60 -31
- package/dist/cjs/interactions/useInteractions.native.js +133 -81
- package/dist/cjs/interactions/useInteractions.native.js.map +1 -1
- package/dist/cjs/interactions/useListNavigation.cjs +346 -181
- package/dist/cjs/interactions/useListNavigation.native.js +350 -214
- package/dist/cjs/interactions/useListNavigation.native.js.map +1 -1
- package/dist/cjs/interactions/useRole.cjs +83 -73
- package/dist/cjs/interactions/useRole.native.js +107 -99
- package/dist/cjs/interactions/useRole.native.js.map +1 -1
- package/dist/cjs/interactions/useTypeahead.cjs +115 -65
- package/dist/cjs/interactions/useTypeahead.native.js +122 -77
- package/dist/cjs/interactions/useTypeahead.native.js.map +1 -1
- package/dist/cjs/interactions/utils.cjs +68 -38
- package/dist/cjs/interactions/utils.native.js +93 -54
- package/dist/cjs/interactions/utils.native.js.map +1 -1
- package/dist/cjs/middleware/inner.cjs +80 -67
- package/dist/cjs/middleware/inner.native.js +87 -76
- package/dist/cjs/middleware/inner.native.js.map +1 -1
- package/dist/cjs/useFloating.cjs +48 -45
- package/dist/cjs/useFloating.native.js +50 -48
- package/dist/cjs/useFloating.native.js.map +1 -1
- package/dist/esm/Floating.native.js +5 -5
- package/dist/esm/Floating.native.js.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.mjs +9 -2
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.native.js +39 -17
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.mjs +9 -2
- package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.native.js +10 -3
- package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/esm/interactions/safePolygon.mjs +201 -121
- package/dist/esm/interactions/safePolygon.mjs.map +1 -1
- package/dist/esm/interactions/safePolygon.native.js +170 -93
- package/dist/esm/interactions/safePolygon.native.js.map +1 -1
- package/dist/esm/interactions/useClick.mjs +79 -39
- package/dist/esm/interactions/useClick.mjs.map +1 -1
- package/dist/esm/interactions/useClick.native.js +82 -42
- package/dist/esm/interactions/useClick.native.js.map +1 -1
- package/dist/esm/interactions/useDelayGroup.mjs +39 -22
- package/dist/esm/interactions/useDelayGroup.mjs.map +1 -1
- package/dist/esm/interactions/useDelayGroup.native.js +42 -28
- package/dist/esm/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/esm/interactions/useFocus.mjs +59 -32
- package/dist/esm/interactions/useFocus.mjs.map +1 -1
- package/dist/esm/interactions/useFocus.native.js +61 -37
- package/dist/esm/interactions/useFocus.native.js.map +1 -1
- package/dist/esm/interactions/useHover.mjs +215 -84
- package/dist/esm/interactions/useHover.mjs.map +1 -1
- package/dist/esm/interactions/useHover.native.js +240 -117
- package/dist/esm/interactions/useHover.native.js.map +1 -1
- package/dist/esm/interactions/useInnerOffset.mjs +61 -39
- package/dist/esm/interactions/useInnerOffset.mjs.map +1 -1
- package/dist/esm/interactions/useInnerOffset.native.js +61 -40
- package/dist/esm/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/esm/interactions/useInteractions.mjs +48 -21
- package/dist/esm/interactions/useInteractions.mjs.map +1 -1
- package/dist/esm/interactions/useInteractions.native.js +121 -71
- package/dist/esm/interactions/useInteractions.native.js.map +1 -1
- package/dist/esm/interactions/useListNavigation.mjs +331 -168
- package/dist/esm/interactions/useListNavigation.mjs.map +1 -1
- package/dist/esm/interactions/useListNavigation.native.js +335 -201
- package/dist/esm/interactions/useListNavigation.native.js.map +1 -1
- package/dist/esm/interactions/useRole.mjs +59 -51
- package/dist/esm/interactions/useRole.mjs.map +1 -1
- package/dist/esm/interactions/useRole.native.js +82 -76
- package/dist/esm/interactions/useRole.native.js.map +1 -1
- package/dist/esm/interactions/useTypeahead.mjs +100 -52
- package/dist/esm/interactions/useTypeahead.mjs.map +1 -1
- package/dist/esm/interactions/useTypeahead.native.js +107 -64
- package/dist/esm/interactions/useTypeahead.native.js.map +1 -1
- package/dist/esm/interactions/utils.mjs +56 -28
- package/dist/esm/interactions/utils.mjs.map +1 -1
- package/dist/esm/interactions/utils.native.js +81 -44
- package/dist/esm/interactions/utils.native.js.map +1 -1
- package/dist/esm/middleware/inner.mjs +54 -43
- package/dist/esm/middleware/inner.mjs.map +1 -1
- package/dist/esm/middleware/inner.native.js +61 -52
- package/dist/esm/middleware/inner.native.js.map +1 -1
- package/dist/esm/useFloating.mjs +22 -21
- package/dist/esm/useFloating.mjs.map +1 -1
- package/dist/esm/useFloating.native.js +24 -24
- package/dist/esm/useFloating.native.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,89 +3,139 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var useTypeahead_exports = {};
|
|
22
24
|
__export(useTypeahead_exports, {
|
|
23
25
|
useTypeahead: () => useTypeahead
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(useTypeahead_exports);
|
|
26
|
-
var import_react = require("react")
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
var import_react = require("react");
|
|
29
|
+
var import_use_event = require("@hanzogui/use-event");
|
|
30
|
+
var import_utils = require("./utils.cjs");
|
|
29
31
|
function useTypeahead(context, props) {
|
|
30
32
|
const {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
33
|
+
open,
|
|
34
|
+
dataRef
|
|
35
|
+
} = context;
|
|
36
|
+
const {
|
|
37
|
+
listRef,
|
|
38
|
+
activeIndex,
|
|
39
|
+
onMatch: unstable_onMatch,
|
|
40
|
+
onTypingChange: unstable_onTypingChange,
|
|
41
|
+
enabled = true,
|
|
42
|
+
findMatch = null,
|
|
43
|
+
resetMs = 750,
|
|
44
|
+
ignoreKeys = [],
|
|
45
|
+
selectedIndex = null
|
|
46
|
+
} = props;
|
|
47
|
+
const timeoutIdRef = (0, import_react.useRef)(-1);
|
|
48
|
+
const stringRef = (0, import_react.useRef)("");
|
|
49
|
+
const prevIndexRef = (0, import_react.useRef)(selectedIndex ?? activeIndex ?? -1);
|
|
50
|
+
const matchIndexRef = (0, import_react.useRef)(null);
|
|
51
|
+
const onMatch = (0, import_use_event.useEvent)(unstable_onMatch || (() => {}));
|
|
52
|
+
const onTypingChange = (0, import_use_event.useEvent)(unstable_onTypingChange || (() => {}));
|
|
53
|
+
const findMatchRef = (0, import_react.useRef)(findMatch);
|
|
52
54
|
findMatchRef.current = findMatch;
|
|
53
55
|
const ignoreKeysRef = (0, import_react.useRef)(ignoreKeys);
|
|
54
|
-
ignoreKeysRef.current = ignoreKeys
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
ignoreKeysRef.current = ignoreKeys;
|
|
57
|
+
(0, import_react.useLayoutEffect)(() => {
|
|
58
|
+
if (open) {
|
|
59
|
+
(0, import_utils.clearTimeoutIfSet)(timeoutIdRef);
|
|
60
|
+
matchIndexRef.current = null;
|
|
61
|
+
stringRef.current = "";
|
|
62
|
+
}
|
|
63
|
+
}, [open]);
|
|
64
|
+
(0, import_react.useLayoutEffect)(() => {
|
|
65
|
+
if (open && stringRef.current === "") {
|
|
66
|
+
prevIndexRef.current = selectedIndex ?? activeIndex ?? -1;
|
|
67
|
+
}
|
|
58
68
|
}, [open, selectedIndex, activeIndex]);
|
|
59
69
|
const setTypingChange = value => {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
70
|
+
if (value) {
|
|
71
|
+
if (!dataRef.current.typing) {
|
|
72
|
+
dataRef.current.typing = value;
|
|
73
|
+
onTypingChange(value);
|
|
74
|
+
}
|
|
75
|
+
} else {
|
|
76
|
+
if (dataRef.current.typing) {
|
|
77
|
+
dataRef.current.typing = value;
|
|
78
|
+
onTypingChange(value);
|
|
66
79
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
const onKeyDown = event => {
|
|
83
|
+
function getMatchingIndex(list, orderedList, string) {
|
|
84
|
+
const str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(text => text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase()) === 0);
|
|
85
|
+
return str ? list.indexOf(str) : -1;
|
|
86
|
+
}
|
|
87
|
+
const listContent = listRef.current;
|
|
88
|
+
if (stringRef.current.length > 0 && stringRef.current[0] !== " ") {
|
|
89
|
+
if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {
|
|
90
|
+
setTypingChange(false);
|
|
91
|
+
} else if (event.key === " ") {
|
|
92
|
+
(0, import_utils.stopEvent)(event);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
if (listContent == null || ignoreKeysRef.current.includes(event.key) ||
|
|
96
|
+
// character key
|
|
97
|
+
event.key.length !== 1 ||
|
|
98
|
+
// modifier key
|
|
99
|
+
event.ctrlKey || event.metaKey || event.altKey) {
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
if (open && event.key !== " ") {
|
|
103
|
+
(0, import_utils.stopEvent)(event);
|
|
104
|
+
setTypingChange(true);
|
|
105
|
+
}
|
|
106
|
+
const allowRapidSuccessionOfFirstLetter = listContent.every(text => text ? text[0]?.toLocaleLowerCase() !== text[1]?.toLocaleLowerCase() : true);
|
|
107
|
+
if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {
|
|
108
|
+
stringRef.current = "";
|
|
109
|
+
prevIndexRef.current = matchIndexRef.current;
|
|
110
|
+
}
|
|
111
|
+
stringRef.current += event.key;
|
|
112
|
+
(0, import_utils.clearTimeoutIfSet)(timeoutIdRef);
|
|
113
|
+
timeoutIdRef.current = window.setTimeout(() => {
|
|
114
|
+
stringRef.current = "";
|
|
115
|
+
prevIndexRef.current = matchIndexRef.current;
|
|
116
|
+
setTypingChange(false);
|
|
117
|
+
}, resetMs);
|
|
118
|
+
const prevIndex = prevIndexRef.current;
|
|
119
|
+
const index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
|
|
120
|
+
if (index !== -1) {
|
|
121
|
+
onMatch(index);
|
|
122
|
+
matchIndexRef.current = index;
|
|
123
|
+
} else if (event.key !== " ") {
|
|
124
|
+
stringRef.current = "";
|
|
125
|
+
setTypingChange(false);
|
|
126
|
+
}
|
|
127
|
+
};
|
|
128
|
+
const reference = (0, import_react.useMemo)(() => ({
|
|
129
|
+
onKeyDown
|
|
130
|
+
}), [open, enabled]);
|
|
131
|
+
const floating = (0, import_react.useMemo)(() => ({
|
|
132
|
+
onKeyDown,
|
|
133
|
+
onKeyUp(event) {
|
|
134
|
+
if (event.key === " ") {
|
|
135
|
+
setTypingChange(false);
|
|
87
136
|
}
|
|
88
|
-
}
|
|
137
|
+
}
|
|
138
|
+
}), [open, enabled]);
|
|
89
139
|
return (0, import_react.useMemo)(() => enabled ? {
|
|
90
140
|
reference,
|
|
91
141
|
floating
|
|
@@ -5,105 +5,150 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var useTypeahead_exports = {};
|
|
24
26
|
__export(useTypeahead_exports, {
|
|
25
27
|
useTypeahead: () => useTypeahead
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(useTypeahead_exports);
|
|
28
|
-
var import_react = require("react")
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
var import_react = require("react");
|
|
31
|
+
var import_use_event = require("@hanzogui/use-event");
|
|
32
|
+
var import_utils = require("./utils.native.js");
|
|
31
33
|
function useTypeahead(context, props) {
|
|
32
34
|
var {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
35
|
+
open,
|
|
36
|
+
dataRef
|
|
37
|
+
} = context;
|
|
38
|
+
var {
|
|
39
|
+
listRef,
|
|
40
|
+
activeIndex,
|
|
41
|
+
onMatch: unstable_onMatch,
|
|
42
|
+
onTypingChange: unstable_onTypingChange,
|
|
43
|
+
enabled = true,
|
|
44
|
+
findMatch = null,
|
|
45
|
+
resetMs = 750,
|
|
46
|
+
ignoreKeys = [],
|
|
47
|
+
selectedIndex = null
|
|
48
|
+
} = props;
|
|
49
|
+
var timeoutIdRef = (0, import_react.useRef)(-1);
|
|
50
|
+
var stringRef = (0, import_react.useRef)("");
|
|
51
|
+
var _ref;
|
|
52
|
+
var prevIndexRef = (0, import_react.useRef)((_ref = selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : activeIndex) !== null && _ref !== void 0 ? _ref : -1);
|
|
53
|
+
var matchIndexRef = (0, import_react.useRef)(null);
|
|
54
|
+
var onMatch = (0, import_use_event.useEvent)(unstable_onMatch || function () {});
|
|
55
|
+
var onTypingChange = (0, import_use_event.useEvent)(unstable_onTypingChange || function () {});
|
|
56
|
+
var findMatchRef = (0, import_react.useRef)(findMatch);
|
|
55
57
|
findMatchRef.current = findMatch;
|
|
56
58
|
var ignoreKeysRef = (0, import_react.useRef)(ignoreKeys);
|
|
57
|
-
ignoreKeysRef.current = ignoreKeys
|
|
58
|
-
|
|
59
|
-
|
|
59
|
+
ignoreKeysRef.current = ignoreKeys;
|
|
60
|
+
(0, import_react.useLayoutEffect)(function () {
|
|
61
|
+
if (open) {
|
|
62
|
+
(0, import_utils.clearTimeoutIfSet)(timeoutIdRef);
|
|
63
|
+
matchIndexRef.current = null;
|
|
64
|
+
stringRef.current = "";
|
|
65
|
+
}
|
|
66
|
+
}, [open]);
|
|
67
|
+
(0, import_react.useLayoutEffect)(function () {
|
|
60
68
|
if (open && stringRef.current === "") {
|
|
61
69
|
var _ref2;
|
|
62
|
-
prevIndexRef.current = (_ref2 = selectedIndex
|
|
70
|
+
prevIndexRef.current = (_ref2 = selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : activeIndex) !== null && _ref2 !== void 0 ? _ref2 : -1;
|
|
63
71
|
}
|
|
64
72
|
}, [open, selectedIndex, activeIndex]);
|
|
65
73
|
var setTypingChange = function (value) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
var str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(function (text) {
|
|
71
|
-
return text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase()) === 0;
|
|
72
|
-
});
|
|
73
|
-
return str ? list.indexOf(str) : -1;
|
|
74
|
+
if (value) {
|
|
75
|
+
if (!dataRef.current.typing) {
|
|
76
|
+
dataRef.current.typing = value;
|
|
77
|
+
onTypingChange(value);
|
|
74
78
|
}
|
|
75
|
-
|
|
76
|
-
if (
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
79
|
+
} else {
|
|
80
|
+
if (dataRef.current.typing) {
|
|
81
|
+
dataRef.current.typing = value;
|
|
82
|
+
onTypingChange(value);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
var onKeyDown = function (event) {
|
|
87
|
+
function getMatchingIndex(list, orderedList, string) {
|
|
88
|
+
var str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(function (text) {
|
|
89
|
+
return (text === null || text === void 0 ? void 0 : text.toLocaleLowerCase().indexOf(string.toLocaleLowerCase())) === 0;
|
|
90
|
+
});
|
|
91
|
+
return str ? list.indexOf(str) : -1;
|
|
92
|
+
}
|
|
93
|
+
var listContent = listRef.current;
|
|
94
|
+
if (stringRef.current.length > 0 && stringRef.current[0] !== " ") {
|
|
95
|
+
if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {
|
|
96
|
+
setTypingChange(false);
|
|
97
|
+
} else if (event.key === " ") {
|
|
98
|
+
(0, import_utils.stopEvent)(event);
|
|
92
99
|
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
100
|
+
}
|
|
101
|
+
if (listContent == null || ignoreKeysRef.current.includes(event.key) ||
|
|
102
|
+
// character key
|
|
103
|
+
event.key.length !== 1 ||
|
|
104
|
+
// modifier key
|
|
105
|
+
event.ctrlKey || event.metaKey || event.altKey) {
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
if (open && event.key !== " ") {
|
|
109
|
+
(0, import_utils.stopEvent)(event);
|
|
110
|
+
setTypingChange(true);
|
|
111
|
+
}
|
|
112
|
+
var allowRapidSuccessionOfFirstLetter = listContent.every(function (text) {
|
|
113
|
+
var _text_, _text_1;
|
|
114
|
+
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()) : true;
|
|
115
|
+
});
|
|
116
|
+
if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {
|
|
117
|
+
stringRef.current = "";
|
|
118
|
+
prevIndexRef.current = matchIndexRef.current;
|
|
119
|
+
}
|
|
120
|
+
stringRef.current += event.key;
|
|
121
|
+
(0, import_utils.clearTimeoutIfSet)(timeoutIdRef);
|
|
122
|
+
timeoutIdRef.current = window.setTimeout(function () {
|
|
123
|
+
stringRef.current = "";
|
|
124
|
+
prevIndexRef.current = matchIndexRef.current;
|
|
125
|
+
setTypingChange(false);
|
|
126
|
+
}, resetMs);
|
|
127
|
+
var prevIndex = prevIndexRef.current;
|
|
128
|
+
var index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
|
|
129
|
+
if (index !== -1) {
|
|
130
|
+
onMatch(index);
|
|
131
|
+
matchIndexRef.current = index;
|
|
132
|
+
} else if (event.key !== " ") {
|
|
133
|
+
stringRef.current = "";
|
|
134
|
+
setTypingChange(false);
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
var reference = (0, import_react.useMemo)(function () {
|
|
138
|
+
return {
|
|
139
|
+
onKeyDown
|
|
140
|
+
};
|
|
141
|
+
}, [open, enabled]);
|
|
142
|
+
var floating = (0, import_react.useMemo)(function () {
|
|
143
|
+
return {
|
|
144
|
+
onKeyDown,
|
|
145
|
+
onKeyUp(event) {
|
|
146
|
+
if (event.key === " ") {
|
|
147
|
+
setTypingChange(false);
|
|
104
148
|
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
}, [open, enabled]);
|
|
107
152
|
return (0, import_react.useMemo)(function () {
|
|
108
153
|
return enabled ? {
|
|
109
154
|
reference,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTypeahead_exports","__export","useTypeahead","module","exports","import_react","require","import_use_event","import_utils","context","props","open","dataRef","listRef","activeIndex","onMatch","unstable_onMatch","onTypingChange","unstable_onTypingChange","enabled","findMatch","resetMs","ignoreKeys","selectedIndex","timeoutIdRef","useRef","stringRef","_ref","prevIndexRef","matchIndexRef","useEvent","findMatchRef","current","ignoreKeysRef","useLayoutEffect","clearTimeoutIfSet","_ref2","setTypingChange","typing","onKeyDown","event","getMatchingIndex","list","orderedList","string","str","find","text","toLocaleLowerCase","indexOf","listContent","length","key","stopEvent","includes","ctrlKey","metaKey","altKey","allowRapidSuccessionOfFirstLetter","every","_text_","_text_1","window","setTimeout","prevIndex","index","slice","reference","useMemo","floating","onKeyUp"],"sources":["../../../src/interactions/useTypeahead.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useTypeahead_exports","__export","useTypeahead","module","exports","import_react","require","import_use_event","import_utils","context","props","open","dataRef","listRef","activeIndex","onMatch","unstable_onMatch","onTypingChange","unstable_onTypingChange","enabled","findMatch","resetMs","ignoreKeys","selectedIndex","timeoutIdRef","useRef","stringRef","_ref","prevIndexRef","matchIndexRef","useEvent","findMatchRef","current","ignoreKeysRef","useLayoutEffect","clearTimeoutIfSet","_ref2","setTypingChange","typing","onKeyDown","event","getMatchingIndex","list","orderedList","string","str","find","text","toLocaleLowerCase","indexOf","listContent","length","key","stopEvent","includes","ctrlKey","metaKey","altKey","allowRapidSuccessionOfFirstLetter","every","_text_","_text_1","window","setTimeout","prevIndex","index","slice","reference","useMemo","floating","onKeyUp"],"sources":["../../../src/interactions/useTypeahead.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|