@tamagui/floating 2.7.7 → 3.0.0-beta.643.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/dist/cjs/Floating.cjs +10 -11
  2. package/dist/cjs/Floating.native.cjs +37 -0
  3. package/dist/cjs/Floating.native.js +20 -20
  4. package/dist/cjs/Floating.native.js.map +1 -1
  5. package/dist/cjs/index.cjs +45 -46
  6. package/dist/cjs/index.native.cjs +74 -0
  7. package/dist/cjs/index.native.js +45 -45
  8. package/dist/cjs/index.native.js.map +1 -1
  9. package/dist/cjs/interactions/PopupTriggerMap.cjs +36 -39
  10. package/dist/cjs/interactions/PopupTriggerMap.native.cjs +96 -0
  11. package/dist/cjs/interactions/PopupTriggerMap.native.js +76 -75
  12. package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -1
  13. package/dist/cjs/interactions/createFloatingEvents.cjs +36 -39
  14. package/dist/cjs/interactions/createFloatingEvents.native.cjs +52 -0
  15. package/dist/cjs/interactions/createFloatingEvents.native.js +39 -41
  16. package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -1
  17. package/dist/cjs/interactions/safePolygon.cjs +263 -252
  18. package/dist/cjs/interactions/safePolygon.native.cjs +294 -0
  19. package/dist/cjs/interactions/safePolygon.native.js +271 -259
  20. package/dist/cjs/interactions/safePolygon.native.js.map +1 -1
  21. package/dist/cjs/interactions/types.cjs +10 -11
  22. package/dist/cjs/interactions/types.native.cjs +19 -0
  23. package/dist/cjs/interactions/types.native.js +10 -10
  24. package/dist/cjs/interactions/types.native.js.map +1 -1
  25. package/dist/cjs/interactions/useClick.cjs +96 -105
  26. package/dist/cjs/interactions/useClick.native.cjs +122 -0
  27. package/dist/cjs/interactions/useClick.native.js +101 -109
  28. package/dist/cjs/interactions/useClick.native.js.map +1 -1
  29. package/dist/cjs/interactions/useDelayGroup.cjs +86 -91
  30. package/dist/cjs/interactions/useDelayGroup.native.cjs +119 -0
  31. package/dist/cjs/interactions/useDelayGroup.native.js +92 -96
  32. package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -1
  33. package/dist/cjs/interactions/useFocus.cjs +108 -115
  34. package/dist/cjs/interactions/useFocus.native.cjs +131 -0
  35. package/dist/cjs/interactions/useFocus.native.js +114 -120
  36. package/dist/cjs/interactions/useFocus.native.js.map +1 -1
  37. package/dist/cjs/interactions/useHover.cjs +321 -335
  38. package/dist/cjs/interactions/useHover.native.cjs +357 -0
  39. package/dist/cjs/interactions/useHover.native.js +333 -347
  40. package/dist/cjs/interactions/useHover.native.js.map +1 -1
  41. package/dist/cjs/interactions/useInnerOffset.cjs +103 -111
  42. package/dist/cjs/interactions/useInnerOffset.native.cjs +132 -0
  43. package/dist/cjs/interactions/useInnerOffset.native.js +113 -120
  44. package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -1
  45. package/dist/cjs/interactions/useInteractions.cjs +85 -90
  46. package/dist/cjs/interactions/useInteractions.native.cjs +199 -0
  47. package/dist/cjs/interactions/useInteractions.native.js +180 -195
  48. package/dist/cjs/interactions/useInteractions.native.js.map +1 -1
  49. package/dist/cjs/interactions/useListNavigation.cjs +404 -390
  50. package/dist/cjs/interactions/useListNavigation.native.cjs +446 -0
  51. package/dist/cjs/interactions/useListNavigation.native.js +416 -401
  52. package/dist/cjs/interactions/useListNavigation.native.js.map +1 -1
  53. package/dist/cjs/interactions/useRole.cjs +92 -106
  54. package/dist/cjs/interactions/useRole.native.cjs +121 -0
  55. package/dist/cjs/interactions/useRole.native.js +103 -116
  56. package/dist/cjs/interactions/useRole.native.js.map +1 -1
  57. package/dist/cjs/interactions/useTypeahead.cjs +115 -129
  58. package/dist/cjs/interactions/useTypeahead.native.cjs +144 -0
  59. package/dist/cjs/interactions/useTypeahead.native.js +128 -141
  60. package/dist/cjs/interactions/useTypeahead.native.js.map +1 -1
  61. package/dist/cjs/interactions/utils.cjs +126 -143
  62. package/dist/cjs/interactions/utils.native.cjs +209 -0
  63. package/dist/cjs/interactions/utils.native.js +138 -154
  64. package/dist/cjs/interactions/utils.native.js.map +1 -1
  65. package/dist/cjs/middleware/inner.cjs +74 -101
  66. package/dist/cjs/middleware/inner.native.cjs +102 -0
  67. package/dist/cjs/middleware/inner.native.js +83 -109
  68. package/dist/cjs/middleware/inner.native.js.map +1 -1
  69. package/dist/cjs/useFloating.cjs +34 -46
  70. package/dist/cjs/useFloating.native.cjs +56 -0
  71. package/dist/cjs/useFloating.native.js +37 -48
  72. package/dist/cjs/useFloating.native.js.map +1 -1
  73. package/dist/esm/Floating.mjs +1 -2
  74. package/dist/esm/Floating.native.js +6 -4
  75. package/dist/esm/Floating.native.js.map +1 -1
  76. package/dist/esm/index.js +4 -5
  77. package/dist/esm/index.mjs +4 -5
  78. package/dist/esm/index.native.js +4 -5
  79. package/dist/esm/interactions/PopupTriggerMap.mjs +23 -22
  80. package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -1
  81. package/dist/esm/interactions/PopupTriggerMap.native.js +62 -58
  82. package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -1
  83. package/dist/esm/interactions/createFloatingEvents.mjs +22 -21
  84. package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -1
  85. package/dist/esm/interactions/createFloatingEvents.native.js +25 -24
  86. package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -1
  87. package/dist/esm/interactions/safePolygon.mjs +250 -234
  88. package/dist/esm/interactions/safePolygon.mjs.map +1 -1
  89. package/dist/esm/interactions/safePolygon.native.js +258 -242
  90. package/dist/esm/interactions/safePolygon.native.js.map +1 -1
  91. package/dist/esm/interactions/types.mjs +0 -2
  92. package/dist/esm/interactions/types.native.js +0 -2
  93. package/dist/esm/interactions/useClick.mjs +83 -87
  94. package/dist/esm/interactions/useClick.mjs.map +1 -1
  95. package/dist/esm/interactions/useClick.native.js +88 -92
  96. package/dist/esm/interactions/useClick.native.js.map +1 -1
  97. package/dist/esm/interactions/useDelayGroup.mjs +68 -65
  98. package/dist/esm/interactions/useDelayGroup.mjs.map +1 -1
  99. package/dist/esm/interactions/useDelayGroup.native.js +74 -71
  100. package/dist/esm/interactions/useDelayGroup.native.js.map +1 -1
  101. package/dist/esm/interactions/useFocus.mjs +95 -97
  102. package/dist/esm/interactions/useFocus.mjs.map +1 -1
  103. package/dist/esm/interactions/useFocus.native.js +101 -103
  104. package/dist/esm/interactions/useFocus.native.js.map +1 -1
  105. package/dist/esm/interactions/useHover.mjs +304 -310
  106. package/dist/esm/interactions/useHover.mjs.map +1 -1
  107. package/dist/esm/interactions/useHover.native.js +316 -323
  108. package/dist/esm/interactions/useHover.native.js.map +1 -1
  109. package/dist/esm/interactions/useInnerOffset.mjs +87 -85
  110. package/dist/esm/interactions/useInnerOffset.mjs.map +1 -1
  111. package/dist/esm/interactions/useInnerOffset.native.js +97 -95
  112. package/dist/esm/interactions/useInnerOffset.native.js.map +1 -1
  113. package/dist/esm/interactions/useInteractions.mjs +71 -72
  114. package/dist/esm/interactions/useInteractions.mjs.map +1 -1
  115. package/dist/esm/interactions/useInteractions.native.js +166 -178
  116. package/dist/esm/interactions/useInteractions.native.js.map +1 -1
  117. package/dist/esm/interactions/useListNavigation.mjs +392 -373
  118. package/dist/esm/interactions/useListNavigation.mjs.map +1 -1
  119. package/dist/esm/interactions/useListNavigation.native.js +404 -385
  120. package/dist/esm/interactions/useListNavigation.native.js.map +1 -1
  121. package/dist/esm/interactions/useRole.mjs +76 -80
  122. package/dist/esm/interactions/useRole.mjs.map +1 -1
  123. package/dist/esm/interactions/useRole.native.js +87 -91
  124. package/dist/esm/interactions/useRole.native.js.map +1 -1
  125. package/dist/esm/interactions/useTypeahead.mjs +102 -111
  126. package/dist/esm/interactions/useTypeahead.mjs.map +1 -1
  127. package/dist/esm/interactions/useTypeahead.native.js +115 -124
  128. package/dist/esm/interactions/useTypeahead.native.js.map +1 -1
  129. package/dist/esm/interactions/utils.mjs +91 -106
  130. package/dist/esm/interactions/utils.mjs.map +1 -1
  131. package/dist/esm/interactions/utils.native.js +103 -118
  132. package/dist/esm/interactions/utils.native.js.map +1 -1
  133. package/dist/esm/middleware/inner.mjs +58 -75
  134. package/dist/esm/middleware/inner.mjs.map +1 -1
  135. package/dist/esm/middleware/inner.native.js +67 -84
  136. package/dist/esm/middleware/inner.native.js.map +1 -1
  137. package/dist/esm/useFloating.mjs +17 -21
  138. package/dist/esm/useFloating.mjs.map +1 -1
  139. package/dist/esm/useFloating.native.js +19 -23
  140. package/dist/esm/useFloating.native.js.map +1 -1
  141. package/package.json +6 -5
  142. package/types/interactions/PopupTriggerMap.d.ts.map +1 -1
  143. package/types/interactions/useInteractions.d.ts.map +1 -1
  144. package/types/middleware/inner.d.ts.map +1 -1
  145. package/types/useFloating.d.ts.map +1 -1
  146. package/dist/esm/Floating.mjs.map +0 -1
  147. package/dist/esm/index.js.map +0 -1
  148. package/dist/esm/index.mjs.map +0 -1
  149. package/dist/esm/index.native.js.map +0 -1
  150. package/dist/esm/interactions/types.mjs.map +0 -1
  151. package/dist/esm/interactions/types.native.js.map +0 -1
@@ -1,118 +1,109 @@
1
1
  import { useLayoutEffect, useMemo, useRef } from "react";
2
2
  import { useEvent } from "@tamagui/use-event";
3
3
  import { clearTimeoutIfSet, stopEvent } from "./utils.mjs";
4
+
4
5
  function useTypeahead(context, props) {
5
- const {
6
- open,
7
- dataRef
8
- } = context;
9
- const {
10
- listRef,
11
- activeIndex,
12
- onMatch: unstable_onMatch,
13
- onTypingChange: unstable_onTypingChange,
14
- enabled = true,
15
- findMatch = null,
16
- resetMs = 750,
17
- ignoreKeys = [],
18
- selectedIndex = null
19
- } = props;
20
- const timeoutIdRef = useRef(-1);
21
- const stringRef = useRef("");
22
- const prevIndexRef = useRef(selectedIndex ?? activeIndex ?? -1);
23
- const matchIndexRef = useRef(null);
24
- const onMatch = useEvent(unstable_onMatch || (() => {}));
25
- const onTypingChange = useEvent(unstable_onTypingChange || (() => {}));
26
- const findMatchRef = useRef(findMatch);
27
- findMatchRef.current = findMatch;
28
- const ignoreKeysRef = useRef(ignoreKeys);
29
- ignoreKeysRef.current = ignoreKeys;
30
- useLayoutEffect(() => {
31
- if (open) {
32
- clearTimeoutIfSet(timeoutIdRef);
33
- matchIndexRef.current = null;
34
- stringRef.current = "";
35
- }
36
- }, [open]);
37
- useLayoutEffect(() => {
38
- if (open && stringRef.current === "") {
39
- prevIndexRef.current = selectedIndex ?? activeIndex ?? -1;
40
- }
41
- }, [open, selectedIndex, activeIndex]);
42
- const setTypingChange = value => {
43
- if (value) {
44
- if (!dataRef.current.typing) {
45
- dataRef.current.typing = value;
46
- onTypingChange(value);
47
- }
48
- } else {
49
- if (dataRef.current.typing) {
50
- dataRef.current.typing = value;
51
- onTypingChange(value);
52
- }
53
- }
54
- };
55
- const onKeyDown = event => {
56
- function getMatchingIndex(list, orderedList, string) {
57
- const str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(text => text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase()) === 0);
58
- return str ? list.indexOf(str) : -1;
59
- }
60
- const listContent = listRef.current;
61
- if (stringRef.current.length > 0 && stringRef.current[0] !== " ") {
62
- if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {
63
- setTypingChange(false);
64
- } else if (event.key === " ") {
65
- stopEvent(event);
66
- }
67
- }
68
- if (listContent == null || ignoreKeysRef.current.includes(event.key) ||
69
- // character key
70
- event.key.length !== 1 ||
71
- // modifier key
72
- event.ctrlKey || event.metaKey || event.altKey) {
73
- return;
74
- }
75
- if (open && event.key !== " ") {
76
- stopEvent(event);
77
- setTypingChange(true);
78
- }
79
- const allowRapidSuccessionOfFirstLetter = listContent.every(text => text ? text[0]?.toLocaleLowerCase() !== text[1]?.toLocaleLowerCase() : true);
80
- if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {
81
- stringRef.current = "";
82
- prevIndexRef.current = matchIndexRef.current;
83
- }
84
- stringRef.current += event.key;
85
- clearTimeoutIfSet(timeoutIdRef);
86
- timeoutIdRef.current = window.setTimeout(() => {
87
- stringRef.current = "";
88
- prevIndexRef.current = matchIndexRef.current;
89
- setTypingChange(false);
90
- }, resetMs);
91
- const prevIndex = prevIndexRef.current;
92
- const index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
93
- if (index !== -1) {
94
- onMatch(index);
95
- matchIndexRef.current = index;
96
- } else if (event.key !== " ") {
97
- stringRef.current = "";
98
- setTypingChange(false);
99
- }
100
- };
101
- const reference = useMemo(() => ({
102
- onKeyDown
103
- }), [open, enabled]);
104
- const floating = useMemo(() => ({
105
- onKeyDown,
106
- onKeyUp(event) {
107
- if (event.key === " ") {
108
- setTypingChange(false);
109
- }
110
- }
111
- }), [open, enabled]);
112
- return useMemo(() => enabled ? {
113
- reference,
114
- floating
115
- } : {}, [enabled, reference, floating]);
6
+ const { open, dataRef } = context;
7
+ const { listRef, activeIndex, onMatch: unstable_onMatch, onTypingChange: unstable_onTypingChange, enabled = true, findMatch = null, resetMs = 750, ignoreKeys = [], selectedIndex = null } = props;
8
+ const timeoutIdRef = useRef(-1);
9
+ const stringRef = useRef("");
10
+ const prevIndexRef = useRef(selectedIndex ?? activeIndex ?? -1);
11
+ const matchIndexRef = useRef(null);
12
+ const onMatch = useEvent(unstable_onMatch || (() => {}));
13
+ const onTypingChange = useEvent(unstable_onTypingChange || (() => {}));
14
+ const findMatchRef = useRef(findMatch);
15
+ findMatchRef.current = findMatch;
16
+ const ignoreKeysRef = useRef(ignoreKeys);
17
+ ignoreKeysRef.current = ignoreKeys;
18
+ useLayoutEffect(() => {
19
+ if (open) {
20
+ clearTimeoutIfSet(timeoutIdRef);
21
+ matchIndexRef.current = null;
22
+ stringRef.current = "";
23
+ }
24
+ }, [open]);
25
+ useLayoutEffect(() => {
26
+ if (open && stringRef.current === "") {
27
+ prevIndexRef.current = selectedIndex ?? activeIndex ?? -1;
28
+ }
29
+ }, [
30
+ open,
31
+ selectedIndex,
32
+ activeIndex
33
+ ]);
34
+ const setTypingChange = (value) => {
35
+ if (value) {
36
+ if (!dataRef.current.typing) {
37
+ dataRef.current.typing = value;
38
+ onTypingChange(value);
39
+ }
40
+ } else {
41
+ if (dataRef.current.typing) {
42
+ dataRef.current.typing = value;
43
+ onTypingChange(value);
44
+ }
45
+ }
46
+ };
47
+ const onKeyDown = (event) => {
48
+ function getMatchingIndex(list, orderedList, string) {
49
+ const str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find((text) => text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase()) === 0);
50
+ return str ? list.indexOf(str) : -1;
51
+ }
52
+ const listContent = listRef.current;
53
+ if (stringRef.current.length > 0 && stringRef.current[0] !== " ") {
54
+ if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {
55
+ setTypingChange(false);
56
+ } else if (event.key === " ") {
57
+ stopEvent(event);
58
+ }
59
+ }
60
+ if (listContent == null || ignoreKeysRef.current.includes(event.key) || event.key.length !== 1 || event.ctrlKey || event.metaKey || event.altKey) {
61
+ return;
62
+ }
63
+ if (open && event.key !== " ") {
64
+ stopEvent(event);
65
+ setTypingChange(true);
66
+ }
67
+ const allowRapidSuccessionOfFirstLetter = listContent.every((text) => text ? text[0]?.toLocaleLowerCase() !== text[1]?.toLocaleLowerCase() : true);
68
+ if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {
69
+ stringRef.current = "";
70
+ prevIndexRef.current = matchIndexRef.current;
71
+ }
72
+ stringRef.current += event.key;
73
+ clearTimeoutIfSet(timeoutIdRef);
74
+ timeoutIdRef.current = window.setTimeout(() => {
75
+ stringRef.current = "";
76
+ prevIndexRef.current = matchIndexRef.current;
77
+ setTypingChange(false);
78
+ }, resetMs);
79
+ const prevIndex = prevIndexRef.current;
80
+ const index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
81
+ if (index !== -1) {
82
+ onMatch(index);
83
+ matchIndexRef.current = index;
84
+ } else if (event.key !== " ") {
85
+ stringRef.current = "";
86
+ setTypingChange(false);
87
+ }
88
+ };
89
+ const reference = useMemo(() => ({ onKeyDown }), [open, enabled]);
90
+ const floating = useMemo(() => ({
91
+ onKeyDown,
92
+ onKeyUp(event) {
93
+ if (event.key === " ") {
94
+ setTypingChange(false);
95
+ }
96
+ }
97
+ }), [open, enabled]);
98
+ return useMemo(() => enabled ? {
99
+ reference,
100
+ floating
101
+ } : {}, [
102
+ enabled,
103
+ reference,
104
+ floating
105
+ ]);
116
106
  }
107
+
117
108
  export { useTypeahead };
118
109
  //# sourceMappingURL=useTypeahead.mjs.map
@@ -1 +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","allowRapidSuccessionOfFirstLetter","every","window","setTimeout","prevIndex","index","slice","reference","floating","onKeyUp"],"sources":["../../../src/interactions/useTypeahead.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"useTypeahead.js","names":[],"sources":["esm/interactions/useTypeahead.js"],"sourcesContent":["import { useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useEvent } from \"@tamagui/use-event\";\nimport { clearTimeoutIfSet, stopEvent } from \"./utils\";\nfunction useTypeahead(context, props) {\n const { open, dataRef } = context;\n const {\n listRef,\n activeIndex,\n onMatch: unstable_onMatch,\n onTypingChange: unstable_onTypingChange,\n enabled = true,\n findMatch = null,\n resetMs = 750,\n ignoreKeys = [],\n selectedIndex = null\n } = props;\n const timeoutIdRef = useRef(-1);\n const stringRef = useRef(\"\");\n const prevIndexRef = useRef(selectedIndex ?? activeIndex ?? -1);\n const matchIndexRef = useRef(null);\n const onMatch = useEvent(unstable_onMatch || (() => {\n }));\n const onTypingChange = useEvent(unstable_onTypingChange || (() => {\n }));\n const findMatchRef = useRef(findMatch);\n findMatchRef.current = findMatch;\n const ignoreKeysRef = useRef(ignoreKeys);\n ignoreKeysRef.current = ignoreKeys;\n useLayoutEffect(() => {\n if (open) {\n clearTimeoutIfSet(timeoutIdRef);\n matchIndexRef.current = null;\n stringRef.current = \"\";\n }\n }, [open]);\n useLayoutEffect(() => {\n if (open && stringRef.current === \"\") {\n prevIndexRef.current = selectedIndex ?? activeIndex ?? -1;\n }\n }, [open, selectedIndex, activeIndex]);\n const setTypingChange = (value) => {\n if (value) {\n if (!dataRef.current.typing) {\n dataRef.current.typing = value;\n onTypingChange(value);\n }\n } else {\n if (dataRef.current.typing) {\n dataRef.current.typing = value;\n onTypingChange(value);\n }\n }\n };\n const onKeyDown = (event) => {\n function getMatchingIndex(list, orderedList, string) {\n const str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(\n (text) => text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase()) === 0\n );\n return str ? list.indexOf(str) : -1;\n }\n const listContent = listRef.current;\n if (stringRef.current.length > 0 && stringRef.current[0] !== \" \") {\n if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {\n setTypingChange(false);\n } else if (event.key === \" \") {\n stopEvent(event);\n }\n }\n if (listContent == null || ignoreKeysRef.current.includes(event.key) || // character key\n event.key.length !== 1 || // modifier key\n event.ctrlKey || event.metaKey || event.altKey) {\n return;\n }\n if (open && event.key !== \" \") {\n stopEvent(event);\n setTypingChange(true);\n }\n const allowRapidSuccessionOfFirstLetter = listContent.every(\n (text) => text ? text[0]?.toLocaleLowerCase() !== text[1]?.toLocaleLowerCase() : true\n );\n if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {\n stringRef.current = \"\";\n prevIndexRef.current = matchIndexRef.current;\n }\n stringRef.current += event.key;\n clearTimeoutIfSet(timeoutIdRef);\n timeoutIdRef.current = window.setTimeout(() => {\n stringRef.current = \"\";\n prevIndexRef.current = matchIndexRef.current;\n setTypingChange(false);\n }, resetMs);\n const prevIndex = prevIndexRef.current;\n const index = getMatchingIndex(\n listContent,\n [\n ...listContent.slice((prevIndex || 0) + 1),\n ...listContent.slice(0, (prevIndex || 0) + 1)\n ],\n stringRef.current\n );\n if (index !== -1) {\n onMatch(index);\n matchIndexRef.current = index;\n } else if (event.key !== \" \") {\n stringRef.current = \"\";\n setTypingChange(false);\n }\n };\n const reference = useMemo(\n () => ({ onKeyDown }),\n [open, enabled]\n );\n const floating = useMemo(\n () => ({\n onKeyDown,\n onKeyUp(event) {\n if (event.key === \" \") {\n setTypingChange(false);\n }\n }\n }),\n [open, enabled]\n );\n return useMemo(\n () => enabled ? { reference, floating } : {},\n [enabled, reference, floating]\n );\n}\nexport {\n useTypeahead\n};\n//# sourceMappingURL=useTypeahead.js.map\n"],"mappings":"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"}
@@ -1,131 +1,122 @@
1
1
  import { useLayoutEffect, useMemo, useRef } from "react";
2
2
  import { useEvent } from "@tamagui/use-event";
3
3
  import { clearTimeoutIfSet, stopEvent } from "./utils.native.js";
4
+
4
5
  function useTypeahead(context, props) {
5
- var {
6
- open,
7
- dataRef
8
- } = context;
9
- var {
10
- listRef,
11
- activeIndex,
12
- onMatch: unstable_onMatch,
13
- onTypingChange: unstable_onTypingChange,
14
- enabled = true,
15
- findMatch = null,
16
- resetMs = 750,
17
- ignoreKeys = [],
18
- selectedIndex = null
19
- } = props;
20
- var timeoutIdRef = useRef(-1);
21
- var stringRef = useRef("");
22
- var _ref;
23
- var prevIndexRef = useRef((_ref = selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : activeIndex) !== null && _ref !== void 0 ? _ref : -1);
24
- var matchIndexRef = useRef(null);
25
- var onMatch = useEvent(unstable_onMatch || function () {});
26
- var onTypingChange = useEvent(unstable_onTypingChange || function () {});
27
- var findMatchRef = useRef(findMatch);
28
- findMatchRef.current = findMatch;
29
- var ignoreKeysRef = useRef(ignoreKeys);
30
- ignoreKeysRef.current = ignoreKeys;
31
- useLayoutEffect(function () {
32
- if (open) {
33
- clearTimeoutIfSet(timeoutIdRef);
34
- matchIndexRef.current = null;
35
- stringRef.current = "";
36
- }
37
- }, [open]);
38
- useLayoutEffect(function () {
39
- if (open && stringRef.current === "") {
40
- var _ref2;
41
- prevIndexRef.current = (_ref2 = selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : activeIndex) !== null && _ref2 !== void 0 ? _ref2 : -1;
42
- }
43
- }, [open, selectedIndex, activeIndex]);
44
- var setTypingChange = function (value) {
45
- if (value) {
46
- if (!dataRef.current.typing) {
47
- dataRef.current.typing = value;
48
- onTypingChange(value);
49
- }
50
- } else {
51
- if (dataRef.current.typing) {
52
- dataRef.current.typing = value;
53
- onTypingChange(value);
54
- }
55
- }
56
- };
57
- var onKeyDown = function (event) {
58
- function getMatchingIndex(list, orderedList, string) {
59
- var str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(function (text) {
60
- return (text === null || text === void 0 ? void 0 : text.toLocaleLowerCase().indexOf(string.toLocaleLowerCase())) === 0;
61
- });
62
- return str ? list.indexOf(str) : -1;
63
- }
64
- var listContent = listRef.current;
65
- if (stringRef.current.length > 0 && stringRef.current[0] !== " ") {
66
- if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {
67
- setTypingChange(false);
68
- } else if (event.key === " ") {
69
- stopEvent(event);
70
- }
71
- }
72
- if (listContent == null || ignoreKeysRef.current.includes(event.key) ||
73
- // character key
74
- event.key.length !== 1 ||
75
- // modifier key
76
- event.ctrlKey || event.metaKey || event.altKey) {
77
- return;
78
- }
79
- if (open && event.key !== " ") {
80
- stopEvent(event);
81
- setTypingChange(true);
82
- }
83
- var allowRapidSuccessionOfFirstLetter = listContent.every(function (text) {
84
- var _text_, _text_1;
85
- 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;
86
- });
87
- if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {
88
- stringRef.current = "";
89
- prevIndexRef.current = matchIndexRef.current;
90
- }
91
- stringRef.current += event.key;
92
- clearTimeoutIfSet(timeoutIdRef);
93
- timeoutIdRef.current = window.setTimeout(function () {
94
- stringRef.current = "";
95
- prevIndexRef.current = matchIndexRef.current;
96
- setTypingChange(false);
97
- }, resetMs);
98
- var prevIndex = prevIndexRef.current;
99
- var index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
100
- if (index !== -1) {
101
- onMatch(index);
102
- matchIndexRef.current = index;
103
- } else if (event.key !== " ") {
104
- stringRef.current = "";
105
- setTypingChange(false);
106
- }
107
- };
108
- var reference = useMemo(function () {
109
- return {
110
- onKeyDown
111
- };
112
- }, [open, enabled]);
113
- var floating = useMemo(function () {
114
- return {
115
- onKeyDown,
116
- onKeyUp(event) {
117
- if (event.key === " ") {
118
- setTypingChange(false);
119
- }
120
- }
121
- };
122
- }, [open, enabled]);
123
- return useMemo(function () {
124
- return enabled ? {
125
- reference,
126
- floating
127
- } : {};
128
- }, [enabled, reference, floating]);
6
+ var { open, dataRef } = context;
7
+ var { listRef, activeIndex, onMatch: unstable_onMatch, onTypingChange: unstable_onTypingChange, enabled = true, findMatch = null, resetMs = 750, ignoreKeys = [], selectedIndex = null } = props;
8
+ var timeoutIdRef = useRef(-1);
9
+ var stringRef = useRef("");
10
+ var _ref;
11
+ var prevIndexRef = useRef((_ref = selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : activeIndex) !== null && _ref !== void 0 ? _ref : -1);
12
+ var matchIndexRef = useRef(null);
13
+ var onMatch = useEvent(unstable_onMatch || function() {});
14
+ var onTypingChange = useEvent(unstable_onTypingChange || function() {});
15
+ var findMatchRef = useRef(findMatch);
16
+ findMatchRef.current = findMatch;
17
+ var ignoreKeysRef = useRef(ignoreKeys);
18
+ ignoreKeysRef.current = ignoreKeys;
19
+ useLayoutEffect(function() {
20
+ if (open) {
21
+ clearTimeoutIfSet(timeoutIdRef);
22
+ matchIndexRef.current = null;
23
+ stringRef.current = "";
24
+ }
25
+ }, [open]);
26
+ useLayoutEffect(function() {
27
+ if (open && stringRef.current === "") {
28
+ var _ref2;
29
+ prevIndexRef.current = (_ref2 = selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : activeIndex) !== null && _ref2 !== void 0 ? _ref2 : -1;
30
+ }
31
+ }, [
32
+ open,
33
+ selectedIndex,
34
+ activeIndex
35
+ ]);
36
+ var setTypingChange = function(value) {
37
+ if (value) {
38
+ if (!dataRef.current.typing) {
39
+ dataRef.current.typing = value;
40
+ onTypingChange(value);
41
+ }
42
+ } else {
43
+ if (dataRef.current.typing) {
44
+ dataRef.current.typing = value;
45
+ onTypingChange(value);
46
+ }
47
+ }
48
+ };
49
+ var onKeyDown = function(event) {
50
+ function getMatchingIndex(list, orderedList, string) {
51
+ var str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(function(text) {
52
+ return (text === null || text === void 0 ? void 0 : text.toLocaleLowerCase().indexOf(string.toLocaleLowerCase())) === 0;
53
+ });
54
+ return str ? list.indexOf(str) : -1;
55
+ }
56
+ var listContent = listRef.current;
57
+ if (stringRef.current.length > 0 && stringRef.current[0] !== " ") {
58
+ if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {
59
+ setTypingChange(false);
60
+ } else if (event.key === " ") {
61
+ stopEvent(event);
62
+ }
63
+ }
64
+ if (listContent == null || ignoreKeysRef.current.includes(event.key) || event.key.length !== 1 || event.ctrlKey || event.metaKey || event.altKey) {
65
+ return;
66
+ }
67
+ if (open && event.key !== " ") {
68
+ stopEvent(event);
69
+ setTypingChange(true);
70
+ }
71
+ var allowRapidSuccessionOfFirstLetter = listContent.every(function(text) {
72
+ var _text_, _text_1;
73
+ 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;
74
+ });
75
+ if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {
76
+ stringRef.current = "";
77
+ prevIndexRef.current = matchIndexRef.current;
78
+ }
79
+ stringRef.current += event.key;
80
+ clearTimeoutIfSet(timeoutIdRef);
81
+ timeoutIdRef.current = window.setTimeout(function() {
82
+ stringRef.current = "";
83
+ prevIndexRef.current = matchIndexRef.current;
84
+ setTypingChange(false);
85
+ }, resetMs);
86
+ var prevIndex = prevIndexRef.current;
87
+ var index = getMatchingIndex(listContent, [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)], stringRef.current);
88
+ if (index !== -1) {
89
+ onMatch(index);
90
+ matchIndexRef.current = index;
91
+ } else if (event.key !== " ") {
92
+ stringRef.current = "";
93
+ setTypingChange(false);
94
+ }
95
+ };
96
+ var reference = useMemo(function() {
97
+ return { onKeyDown };
98
+ }, [open, enabled]);
99
+ var floating = useMemo(function() {
100
+ return {
101
+ onKeyDown,
102
+ onKeyUp(event) {
103
+ if (event.key === " ") {
104
+ setTypingChange(false);
105
+ }
106
+ }
107
+ };
108
+ }, [open, enabled]);
109
+ return useMemo(function() {
110
+ return enabled ? {
111
+ reference,
112
+ floating
113
+ } : {};
114
+ }, [
115
+ enabled,
116
+ reference,
117
+ floating
118
+ ]);
129
119
  }
120
+
130
121
  export { useTypeahead };
131
122
  //# sourceMappingURL=useTypeahead.native.js.map
@@ -1 +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":[]}
1
+ {"version":3,"file":"useTypeahead.native.js","names":[],"sources":["esm/interactions/useTypeahead.native.js"],"sourcesContent":["import { useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useEvent } from \"@tamagui/use-event\";\nimport { clearTimeoutIfSet, stopEvent } from \"./utils\";\nfunction useTypeahead(context, props) {\n var { open, dataRef } = context;\n var { listRef, activeIndex, onMatch: unstable_onMatch, onTypingChange: unstable_onTypingChange, enabled = true, findMatch = null, resetMs = 750, ignoreKeys = [], selectedIndex = null } = props;\n var timeoutIdRef = useRef(-1);\n var stringRef = useRef(\"\");\n var _ref;\n var prevIndexRef = useRef((_ref = selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : activeIndex) !== null && _ref !== void 0 ? _ref : -1);\n var matchIndexRef = useRef(null);\n var onMatch = useEvent(unstable_onMatch || function() {\n });\n var onTypingChange = useEvent(unstable_onTypingChange || function() {\n });\n var findMatchRef = useRef(findMatch);\n findMatchRef.current = findMatch;\n var ignoreKeysRef = useRef(ignoreKeys);\n ignoreKeysRef.current = ignoreKeys;\n useLayoutEffect(function() {\n if (open) {\n clearTimeoutIfSet(timeoutIdRef);\n matchIndexRef.current = null;\n stringRef.current = \"\";\n }\n }, [\n open\n ]);\n useLayoutEffect(function() {\n if (open && stringRef.current === \"\") {\n var _ref2;\n prevIndexRef.current = (_ref2 = selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : activeIndex) !== null && _ref2 !== void 0 ? _ref2 : -1;\n }\n }, [\n open,\n selectedIndex,\n activeIndex\n ]);\n var setTypingChange = function(value) {\n if (value) {\n if (!dataRef.current.typing) {\n dataRef.current.typing = value;\n onTypingChange(value);\n }\n } else {\n if (dataRef.current.typing) {\n dataRef.current.typing = value;\n onTypingChange(value);\n }\n }\n };\n var onKeyDown = function(event) {\n function getMatchingIndex(list, orderedList, string) {\n var str = findMatchRef.current ? findMatchRef.current(orderedList, string) : orderedList.find(function(text) {\n return (text === null || text === void 0 ? void 0 : text.toLocaleLowerCase().indexOf(string.toLocaleLowerCase())) === 0;\n });\n return str ? list.indexOf(str) : -1;\n }\n var listContent = listRef.current;\n if (stringRef.current.length > 0 && stringRef.current[0] !== \" \") {\n if (getMatchingIndex(listContent, listContent, stringRef.current) === -1) {\n setTypingChange(false);\n } else if (event.key === \" \") {\n stopEvent(event);\n }\n }\n if (listContent == null || ignoreKeysRef.current.includes(event.key) || // character key\n event.key.length !== 1 || // modifier key\n event.ctrlKey || event.metaKey || event.altKey) {\n return;\n }\n if (open && event.key !== \" \") {\n stopEvent(event);\n setTypingChange(true);\n }\n var allowRapidSuccessionOfFirstLetter = listContent.every(function(text) {\n var _text_, _text_1;\n 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;\n });\n if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {\n stringRef.current = \"\";\n prevIndexRef.current = matchIndexRef.current;\n }\n stringRef.current += event.key;\n clearTimeoutIfSet(timeoutIdRef);\n timeoutIdRef.current = window.setTimeout(function() {\n stringRef.current = \"\";\n prevIndexRef.current = matchIndexRef.current;\n setTypingChange(false);\n }, resetMs);\n var prevIndex = prevIndexRef.current;\n var index = getMatchingIndex(listContent, [\n ...listContent.slice((prevIndex || 0) + 1),\n ...listContent.slice(0, (prevIndex || 0) + 1)\n ], stringRef.current);\n if (index !== -1) {\n onMatch(index);\n matchIndexRef.current = index;\n } else if (event.key !== \" \") {\n stringRef.current = \"\";\n setTypingChange(false);\n }\n };\n var reference = useMemo(function() {\n return {\n onKeyDown\n };\n }, [\n open,\n enabled\n ]);\n var floating = useMemo(function() {\n return {\n onKeyDown,\n onKeyUp(event) {\n if (event.key === \" \") {\n setTypingChange(false);\n }\n }\n };\n }, [\n open,\n enabled\n ]);\n return useMemo(function() {\n return enabled ? {\n reference,\n floating\n } : {};\n }, [\n enabled,\n reference,\n floating\n ]);\n}\nexport {\n useTypeahead\n};\n//# sourceMappingURL=useTypeahead.js.map\n"],"mappings":"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"}