@react-aria/combobox 3.14.2 → 3.16.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.
Files changed (191) hide show
  1. package/dist/import.mjs +2 -2
  2. package/dist/main.js +2 -2
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +2 -2
  5. package/dist/module.js.map +1 -1
  6. package/dist/types/src/index.d.ts +2 -0
  7. package/package.json +15 -26
  8. package/src/index.ts +3 -3
  9. package/dist/ar-AE.main.js +0 -22
  10. package/dist/ar-AE.main.js.map +0 -1
  11. package/dist/ar-AE.mjs +0 -24
  12. package/dist/ar-AE.module.js +0 -24
  13. package/dist/ar-AE.module.js.map +0 -1
  14. package/dist/bg-BG.main.js +0 -22
  15. package/dist/bg-BG.main.js.map +0 -1
  16. package/dist/bg-BG.mjs +0 -24
  17. package/dist/bg-BG.module.js +0 -24
  18. package/dist/bg-BG.module.js.map +0 -1
  19. package/dist/cs-CZ.main.js +0 -22
  20. package/dist/cs-CZ.main.js.map +0 -1
  21. package/dist/cs-CZ.mjs +0 -24
  22. package/dist/cs-CZ.module.js +0 -24
  23. package/dist/cs-CZ.module.js.map +0 -1
  24. package/dist/da-DK.main.js +0 -22
  25. package/dist/da-DK.main.js.map +0 -1
  26. package/dist/da-DK.mjs +0 -24
  27. package/dist/da-DK.module.js +0 -24
  28. package/dist/da-DK.module.js.map +0 -1
  29. package/dist/de-DE.main.js +0 -22
  30. package/dist/de-DE.main.js.map +0 -1
  31. package/dist/de-DE.mjs +0 -24
  32. package/dist/de-DE.module.js +0 -24
  33. package/dist/de-DE.module.js.map +0 -1
  34. package/dist/el-GR.main.js +0 -22
  35. package/dist/el-GR.main.js.map +0 -1
  36. package/dist/el-GR.mjs +0 -24
  37. package/dist/el-GR.module.js +0 -24
  38. package/dist/el-GR.module.js.map +0 -1
  39. package/dist/en-US.main.js +0 -22
  40. package/dist/en-US.main.js.map +0 -1
  41. package/dist/en-US.mjs +0 -24
  42. package/dist/en-US.module.js +0 -24
  43. package/dist/en-US.module.js.map +0 -1
  44. package/dist/es-ES.main.js +0 -22
  45. package/dist/es-ES.main.js.map +0 -1
  46. package/dist/es-ES.mjs +0 -24
  47. package/dist/es-ES.module.js +0 -24
  48. package/dist/es-ES.module.js.map +0 -1
  49. package/dist/et-EE.main.js +0 -22
  50. package/dist/et-EE.main.js.map +0 -1
  51. package/dist/et-EE.mjs +0 -24
  52. package/dist/et-EE.module.js +0 -24
  53. package/dist/et-EE.module.js.map +0 -1
  54. package/dist/fi-FI.main.js +0 -22
  55. package/dist/fi-FI.main.js.map +0 -1
  56. package/dist/fi-FI.mjs +0 -24
  57. package/dist/fi-FI.module.js +0 -24
  58. package/dist/fi-FI.module.js.map +0 -1
  59. package/dist/fr-FR.main.js +0 -22
  60. package/dist/fr-FR.main.js.map +0 -1
  61. package/dist/fr-FR.mjs +0 -24
  62. package/dist/fr-FR.module.js +0 -24
  63. package/dist/fr-FR.module.js.map +0 -1
  64. package/dist/he-IL.main.js +0 -22
  65. package/dist/he-IL.main.js.map +0 -1
  66. package/dist/he-IL.mjs +0 -24
  67. package/dist/he-IL.module.js +0 -24
  68. package/dist/he-IL.module.js.map +0 -1
  69. package/dist/hr-HR.main.js +0 -22
  70. package/dist/hr-HR.main.js.map +0 -1
  71. package/dist/hr-HR.mjs +0 -24
  72. package/dist/hr-HR.module.js +0 -24
  73. package/dist/hr-HR.module.js.map +0 -1
  74. package/dist/hu-HU.main.js +0 -22
  75. package/dist/hu-HU.main.js.map +0 -1
  76. package/dist/hu-HU.mjs +0 -24
  77. package/dist/hu-HU.module.js +0 -24
  78. package/dist/hu-HU.module.js.map +0 -1
  79. package/dist/intlStrings.main.js +0 -108
  80. package/dist/intlStrings.main.js.map +0 -1
  81. package/dist/intlStrings.mjs +0 -110
  82. package/dist/intlStrings.module.js +0 -110
  83. package/dist/intlStrings.module.js.map +0 -1
  84. package/dist/it-IT.main.js +0 -22
  85. package/dist/it-IT.main.js.map +0 -1
  86. package/dist/it-IT.mjs +0 -24
  87. package/dist/it-IT.module.js +0 -24
  88. package/dist/it-IT.module.js.map +0 -1
  89. package/dist/ja-JP.main.js +0 -22
  90. package/dist/ja-JP.main.js.map +0 -1
  91. package/dist/ja-JP.mjs +0 -24
  92. package/dist/ja-JP.module.js +0 -24
  93. package/dist/ja-JP.module.js.map +0 -1
  94. package/dist/ko-KR.main.js +0 -22
  95. package/dist/ko-KR.main.js.map +0 -1
  96. package/dist/ko-KR.mjs +0 -24
  97. package/dist/ko-KR.module.js +0 -24
  98. package/dist/ko-KR.module.js.map +0 -1
  99. package/dist/lt-LT.main.js +0 -22
  100. package/dist/lt-LT.main.js.map +0 -1
  101. package/dist/lt-LT.mjs +0 -24
  102. package/dist/lt-LT.module.js +0 -24
  103. package/dist/lt-LT.module.js.map +0 -1
  104. package/dist/lv-LV.main.js +0 -22
  105. package/dist/lv-LV.main.js.map +0 -1
  106. package/dist/lv-LV.mjs +0 -24
  107. package/dist/lv-LV.module.js +0 -24
  108. package/dist/lv-LV.module.js.map +0 -1
  109. package/dist/nb-NO.main.js +0 -22
  110. package/dist/nb-NO.main.js.map +0 -1
  111. package/dist/nb-NO.mjs +0 -24
  112. package/dist/nb-NO.module.js +0 -24
  113. package/dist/nb-NO.module.js.map +0 -1
  114. package/dist/nl-NL.main.js +0 -22
  115. package/dist/nl-NL.main.js.map +0 -1
  116. package/dist/nl-NL.mjs +0 -24
  117. package/dist/nl-NL.module.js +0 -24
  118. package/dist/nl-NL.module.js.map +0 -1
  119. package/dist/pl-PL.main.js +0 -22
  120. package/dist/pl-PL.main.js.map +0 -1
  121. package/dist/pl-PL.mjs +0 -24
  122. package/dist/pl-PL.module.js +0 -24
  123. package/dist/pl-PL.module.js.map +0 -1
  124. package/dist/pt-BR.main.js +0 -22
  125. package/dist/pt-BR.main.js.map +0 -1
  126. package/dist/pt-BR.mjs +0 -24
  127. package/dist/pt-BR.module.js +0 -24
  128. package/dist/pt-BR.module.js.map +0 -1
  129. package/dist/pt-PT.main.js +0 -22
  130. package/dist/pt-PT.main.js.map +0 -1
  131. package/dist/pt-PT.mjs +0 -24
  132. package/dist/pt-PT.module.js +0 -24
  133. package/dist/pt-PT.module.js.map +0 -1
  134. package/dist/ro-RO.main.js +0 -22
  135. package/dist/ro-RO.main.js.map +0 -1
  136. package/dist/ro-RO.mjs +0 -24
  137. package/dist/ro-RO.module.js +0 -24
  138. package/dist/ro-RO.module.js.map +0 -1
  139. package/dist/ru-RU.main.js +0 -22
  140. package/dist/ru-RU.main.js.map +0 -1
  141. package/dist/ru-RU.mjs +0 -24
  142. package/dist/ru-RU.module.js +0 -24
  143. package/dist/ru-RU.module.js.map +0 -1
  144. package/dist/sk-SK.main.js +0 -22
  145. package/dist/sk-SK.main.js.map +0 -1
  146. package/dist/sk-SK.mjs +0 -24
  147. package/dist/sk-SK.module.js +0 -24
  148. package/dist/sk-SK.module.js.map +0 -1
  149. package/dist/sl-SI.main.js +0 -22
  150. package/dist/sl-SI.main.js.map +0 -1
  151. package/dist/sl-SI.mjs +0 -24
  152. package/dist/sl-SI.module.js +0 -24
  153. package/dist/sl-SI.module.js.map +0 -1
  154. package/dist/sr-SP.main.js +0 -22
  155. package/dist/sr-SP.main.js.map +0 -1
  156. package/dist/sr-SP.mjs +0 -24
  157. package/dist/sr-SP.module.js +0 -24
  158. package/dist/sr-SP.module.js.map +0 -1
  159. package/dist/sv-SE.main.js +0 -22
  160. package/dist/sv-SE.main.js.map +0 -1
  161. package/dist/sv-SE.mjs +0 -24
  162. package/dist/sv-SE.module.js +0 -24
  163. package/dist/sv-SE.module.js.map +0 -1
  164. package/dist/tr-TR.main.js +0 -22
  165. package/dist/tr-TR.main.js.map +0 -1
  166. package/dist/tr-TR.mjs +0 -24
  167. package/dist/tr-TR.module.js +0 -24
  168. package/dist/tr-TR.module.js.map +0 -1
  169. package/dist/types.d.ts +0 -48
  170. package/dist/types.d.ts.map +0 -1
  171. package/dist/uk-UA.main.js +0 -22
  172. package/dist/uk-UA.main.js.map +0 -1
  173. package/dist/uk-UA.mjs +0 -24
  174. package/dist/uk-UA.module.js +0 -24
  175. package/dist/uk-UA.module.js.map +0 -1
  176. package/dist/useComboBox.main.js +0 -326
  177. package/dist/useComboBox.main.js.map +0 -1
  178. package/dist/useComboBox.mjs +0 -321
  179. package/dist/useComboBox.module.js +0 -321
  180. package/dist/useComboBox.module.js.map +0 -1
  181. package/dist/zh-CN.main.js +0 -22
  182. package/dist/zh-CN.main.js.map +0 -1
  183. package/dist/zh-CN.mjs +0 -24
  184. package/dist/zh-CN.module.js +0 -24
  185. package/dist/zh-CN.module.js.map +0 -1
  186. package/dist/zh-TW.main.js +0 -22
  187. package/dist/zh-TW.main.js.map +0 -1
  188. package/dist/zh-TW.mjs +0 -24
  189. package/dist/zh-TW.module.js +0 -24
  190. package/dist/zh-TW.module.js.map +0 -1
  191. package/src/useComboBox.ts +0 -401
@@ -1,24 +0,0 @@
1
- var $69ba655c7853c08e$exports = {};
2
- $69ba655c7853c08e$exports = {
3
- "buttonLabel": `Visa f\xf6rslag`,
4
- "countAnnouncement": (args, formatter)=>`${formatter.plural(args.optionCount, {
5
- one: ()=>`${formatter.number(args.optionCount)} alternativ`,
6
- other: ()=>`${formatter.number(args.optionCount)} alternativ`
7
- })} tillg\xe4ngliga.`,
8
- "focusAnnouncement": (args, formatter)=>`${formatter.select({
9
- true: ()=>`Ingick i gruppen ${args.groupTitle} med ${formatter.plural(args.groupCount, {
10
- one: ()=>`${formatter.number(args.groupCount)} alternativ`,
11
- other: ()=>`${formatter.number(args.groupCount)} alternativ`
12
- })}. `,
13
- other: ``
14
- }, args.isGroupChange)}${args.optionText}${formatter.select({
15
- true: `, valda`,
16
- other: ``
17
- }, args.isSelected)}`,
18
- "listboxLabel": `F\xf6rslag`,
19
- "selectedAnnouncement": (args)=>`${args.optionText}, valda`
20
- };
21
-
22
-
23
- export {$69ba655c7853c08e$exports as default};
24
- //# sourceMappingURL=sv-SE.module.js.map
@@ -1 +0,0 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,eAAY,CAAC;IAC/C,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE;YAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,WAAW,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,WAAW,CAAC;QAAA,GAAG,iBAAc,CAAC;IACjO,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,IAAM,CAAC,iBAAiB,EAAE,KAAK,UAAU,CAAC,KAAK,EAAE,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE;oBAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,WAAW,CAAC;oBAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,WAAW,CAAC;gBAAA,GAAG,EAAE,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,aAAa,IAAI,KAAK,UAAU,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,CAAC,OAAO,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,UAAU,GAAG;IAClZ,gBAAgB,CAAC,UAAO,CAAC;IACzB,wBAAwB,CAAC,OAAS,GAAG,KAAK,UAAU,CAAC,OAAO,CAAC;AAC/D","sources":["packages/@react-aria/combobox/intl/sv-SE.json"],"sourcesContent":["{\n \"buttonLabel\": \"Visa förslag\",\n \"countAnnouncement\": \"{optionCount, plural, one {# alternativ} other {# alternativ}} tillgängliga.\",\n \"focusAnnouncement\": \"{isGroupChange, select, true {Ingick i gruppen {groupTitle} med {groupCount, plural, one {# alternativ} other {# alternativ}}. } other {}}{optionText}{isSelected, select, true {, valda} other {}}\",\n \"listboxLabel\": \"Förslag\",\n \"selectedAnnouncement\": \"{optionText}, valda\"\n}\n"],"names":[],"version":3,"file":"sv-SE.module.js.map"}
@@ -1,22 +0,0 @@
1
- module.exports = {
2
- "buttonLabel": `\xd6nerileri g\xf6ster`,
3
- "countAnnouncement": (args, formatter)=>`${formatter.plural(args.optionCount, {
4
- one: ()=>`${formatter.number(args.optionCount)} se\xe7enek`,
5
- other: ()=>`${formatter.number(args.optionCount)} se\xe7enekler`
6
- })} kullan\u{131}labilir.`,
7
- "focusAnnouncement": (args, formatter)=>`${formatter.select({
8
- true: ()=>`Girilen grup ${args.groupTitle}, ile ${formatter.plural(args.groupCount, {
9
- one: ()=>`${formatter.number(args.groupCount)} se\xe7enek`,
10
- other: ()=>`${formatter.number(args.groupCount)} se\xe7enekler`
11
- })}. `,
12
- other: ``
13
- }, args.isGroupChange)}${args.optionText}${formatter.select({
14
- true: `, se\xe7ildi`,
15
- other: ``
16
- }, args.isSelected)}`,
17
- "listboxLabel": `\xd6neriler`,
18
- "selectedAnnouncement": (args)=>`${args.optionText}, se\xe7ildi`
19
- };
20
-
21
-
22
- //# sourceMappingURL=tr-TR.main.js.map
@@ -1 +0,0 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,eAAe,CAAC,sBAAgB,CAAC;IACnD,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE;YAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,WAAQ,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,cAAW,CAAC;QAAA,GAAG,sBAAgB,CAAC;IAChO,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,IAAM,CAAC,aAAa,EAAE,KAAK,UAAU,CAAC,MAAM,EAAE,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE;oBAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,WAAQ,CAAC;oBAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,cAAW,CAAC;gBAAA,GAAG,EAAE,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,aAAa,IAAI,KAAK,UAAU,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,CAAC,YAAS,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,UAAU,GAAG;IAC9Y,gBAAgB,CAAC,WAAQ,CAAC;IAC1B,wBAAwB,CAAC,OAAS,GAAG,KAAK,UAAU,CAAC,YAAS,CAAC;AACjE","sources":["packages/@react-aria/combobox/intl/tr-TR.json"],"sourcesContent":["{\n \"buttonLabel\": \"Önerileri göster\",\n \"countAnnouncement\": \"{optionCount, plural, one {# seçenek} other {# seçenekler}} kullanılabilir.\",\n \"focusAnnouncement\": \"{isGroupChange, select, true {Girilen grup {groupTitle}, ile {groupCount, plural, one {# seçenek} other {# seçenekler}}. } other {}}{optionText}{isSelected, select, true {, seçildi} other {}}\",\n \"listboxLabel\": \"Öneriler\",\n \"selectedAnnouncement\": \"{optionText}, seçildi\"\n}\n"],"names":[],"version":3,"file":"tr-TR.main.js.map"}
package/dist/tr-TR.mjs DELETED
@@ -1,24 +0,0 @@
1
- var $a79794784d61577c$exports = {};
2
- $a79794784d61577c$exports = {
3
- "buttonLabel": `\xd6nerileri g\xf6ster`,
4
- "countAnnouncement": (args, formatter)=>`${formatter.plural(args.optionCount, {
5
- one: ()=>`${formatter.number(args.optionCount)} se\xe7enek`,
6
- other: ()=>`${formatter.number(args.optionCount)} se\xe7enekler`
7
- })} kullan\u{131}labilir.`,
8
- "focusAnnouncement": (args, formatter)=>`${formatter.select({
9
- true: ()=>`Girilen grup ${args.groupTitle}, ile ${formatter.plural(args.groupCount, {
10
- one: ()=>`${formatter.number(args.groupCount)} se\xe7enek`,
11
- other: ()=>`${formatter.number(args.groupCount)} se\xe7enekler`
12
- })}. `,
13
- other: ``
14
- }, args.isGroupChange)}${args.optionText}${formatter.select({
15
- true: `, se\xe7ildi`,
16
- other: ``
17
- }, args.isSelected)}`,
18
- "listboxLabel": `\xd6neriler`,
19
- "selectedAnnouncement": (args)=>`${args.optionText}, se\xe7ildi`
20
- };
21
-
22
-
23
- export {$a79794784d61577c$exports as default};
24
- //# sourceMappingURL=tr-TR.module.js.map
@@ -1,24 +0,0 @@
1
- var $a79794784d61577c$exports = {};
2
- $a79794784d61577c$exports = {
3
- "buttonLabel": `\xd6nerileri g\xf6ster`,
4
- "countAnnouncement": (args, formatter)=>`${formatter.plural(args.optionCount, {
5
- one: ()=>`${formatter.number(args.optionCount)} se\xe7enek`,
6
- other: ()=>`${formatter.number(args.optionCount)} se\xe7enekler`
7
- })} kullan\u{131}labilir.`,
8
- "focusAnnouncement": (args, formatter)=>`${formatter.select({
9
- true: ()=>`Girilen grup ${args.groupTitle}, ile ${formatter.plural(args.groupCount, {
10
- one: ()=>`${formatter.number(args.groupCount)} se\xe7enek`,
11
- other: ()=>`${formatter.number(args.groupCount)} se\xe7enekler`
12
- })}. `,
13
- other: ``
14
- }, args.isGroupChange)}${args.optionText}${formatter.select({
15
- true: `, se\xe7ildi`,
16
- other: ``
17
- }, args.isSelected)}`,
18
- "listboxLabel": `\xd6neriler`,
19
- "selectedAnnouncement": (args)=>`${args.optionText}, se\xe7ildi`
20
- };
21
-
22
-
23
- export {$a79794784d61577c$exports as default};
24
- //# sourceMappingURL=tr-TR.module.js.map
@@ -1 +0,0 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,sBAAgB,CAAC;IACnD,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE;YAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,WAAQ,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,cAAW,CAAC;QAAA,GAAG,sBAAgB,CAAC;IAChO,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,IAAM,CAAC,aAAa,EAAE,KAAK,UAAU,CAAC,MAAM,EAAE,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE;oBAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,WAAQ,CAAC;oBAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,cAAW,CAAC;gBAAA,GAAG,EAAE,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,aAAa,IAAI,KAAK,UAAU,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,CAAC,YAAS,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,UAAU,GAAG;IAC9Y,gBAAgB,CAAC,WAAQ,CAAC;IAC1B,wBAAwB,CAAC,OAAS,GAAG,KAAK,UAAU,CAAC,YAAS,CAAC;AACjE","sources":["packages/@react-aria/combobox/intl/tr-TR.json"],"sourcesContent":["{\n \"buttonLabel\": \"Önerileri göster\",\n \"countAnnouncement\": \"{optionCount, plural, one {# seçenek} other {# seçenekler}} kullanılabilir.\",\n \"focusAnnouncement\": \"{isGroupChange, select, true {Girilen grup {groupTitle}, ile {groupCount, plural, one {# seçenek} other {# seçenekler}}. } other {}}{optionText}{isSelected, select, true {, seçildi} other {}}\",\n \"listboxLabel\": \"Öneriler\",\n \"selectedAnnouncement\": \"{optionText}, seçildi\"\n}\n"],"names":[],"version":3,"file":"tr-TR.module.js.map"}
package/dist/types.d.ts DELETED
@@ -1,48 +0,0 @@
1
- import { AriaButtonProps } from "@react-types/button";
2
- import { AriaComboBoxProps } from "@react-types/combobox";
3
- import { AriaListBoxOptions } from "@react-aria/listbox";
4
- import { DOMAttributes, KeyboardDelegate, LayoutDelegate, RefObject, ValidationResult } from "@react-types/shared";
5
- import { ComboBoxState } from "@react-stately/combobox";
6
- import { InputHTMLAttributes } from "react";
7
- export interface AriaComboBoxOptions<T> extends Omit<AriaComboBoxProps<T>, 'children'> {
8
- /** The ref for the input element. */
9
- inputRef: RefObject<HTMLInputElement | null>;
10
- /** The ref for the list box popover. */
11
- popoverRef: RefObject<Element | null>;
12
- /** The ref for the list box. */
13
- listBoxRef: RefObject<HTMLElement | null>;
14
- /** The ref for the optional list box popup trigger button. */
15
- buttonRef?: RefObject<Element | null>;
16
- /** An optional keyboard delegate implementation, to override the default. */
17
- keyboardDelegate?: KeyboardDelegate;
18
- /**
19
- * A delegate object that provides layout information for items in the collection.
20
- * By default this uses the DOM, but this can be overridden to implement things like
21
- * virtualized scrolling.
22
- */
23
- layoutDelegate?: LayoutDelegate;
24
- }
25
- export interface ComboBoxAria<T> extends ValidationResult {
26
- /** Props for the label element. */
27
- labelProps: DOMAttributes;
28
- /** Props for the combo box input element. */
29
- inputProps: InputHTMLAttributes<HTMLInputElement>;
30
- /** Props for the list box, to be passed to `useListBox`. */
31
- listBoxProps: AriaListBoxOptions<T>;
32
- /** Props for the optional trigger button, to be passed to `useButton`. */
33
- buttonProps: AriaButtonProps;
34
- /** Props for the combo box description element, if any. */
35
- descriptionProps: DOMAttributes;
36
- /** Props for the combo box error message element, if any. */
37
- errorMessageProps: DOMAttributes;
38
- }
39
- /**
40
- * Provides the behavior and accessibility implementation for a combo box component.
41
- * A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
42
- * @param props - Props for the combo box.
43
- * @param state - State for the select, as returned by `useComboBoxState`.
44
- */
45
- export function useComboBox<T>(props: AriaComboBoxOptions<T>, state: ComboBoxState<T>): ComboBoxAria<T>;
46
- export type { AriaComboBoxProps } from '@react-types/combobox';
47
-
48
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;AA+BA,qCAAqC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,UAAU,CAAC;IACpF,qCAAqC;IACrC,QAAQ,EAAE,UAAU,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7C,wCAAwC;IACxC,UAAU,EAAE,UAAU,OAAO,GAAG,IAAI,CAAC,CAAC;IACtC,gCAAgC;IAChC,UAAU,EAAE,UAAU,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,+DAA+D;IAC/D,SAAS,CAAC,EAAE,UAAU,OAAO,GAAG,IAAI,CAAC,CAAC;IACtC,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC;AAED,8BAA8B,CAAC,CAAE,SAAQ,gBAAgB;IACvD,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,6CAA6C;IAC7C,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,4DAA4D;IAC5D,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAC;IACpC,0EAA0E;IAC1E,WAAW,EAAE,eAAe,CAAC;IAC7B,2DAA2D;IAC3D,gBAAgB,EAAE,aAAa,CAAC;IAChC,6DAA6D;IAC7D,iBAAiB,EAAE,aAAa,CAAA;CACjC;AAED;;;;;GAKG;AACH,4BAA4B,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAyUtG;ACnYD,YAAY,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC","sources":["packages/@react-aria/combobox/src/packages/@react-aria/combobox/src/useComboBox.ts","packages/@react-aria/combobox/src/packages/@react-aria/combobox/src/index.ts","packages/@react-aria/combobox/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport {useComboBox} from './useComboBox';\nexport type {AriaComboBoxOptions, ComboBoxAria} from './useComboBox';\nexport type {AriaComboBoxProps} from '@react-types/combobox';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
@@ -1,22 +0,0 @@
1
- module.exports = {
2
- "buttonLabel": `\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{430}\u{442}\u{438} \u{43F}\u{440}\u{43E}\u{43F}\u{43E}\u{437}\u{438}\u{446}\u{456}\u{457}`,
3
- "countAnnouncement": (args, formatter)=>`${formatter.plural(args.optionCount, {
4
- one: ()=>`${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}`,
5
- other: ()=>`${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{438}(-\u{456}\u{432})`
6
- })} \u{434}\u{43E}\u{441}\u{442}\u{443}\u{43F}\u{43D}\u{43E}.`,
7
- "focusAnnouncement": (args, formatter)=>`${formatter.select({
8
- true: ()=>`\u{412}\u{432}\u{435}\u{434}\u{435}\u{43D}\u{430} \u{433}\u{440}\u{443}\u{43F}\u{430} ${args.groupTitle}, \u{437} ${formatter.plural(args.groupCount, {
9
- one: ()=>`${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}`,
10
- other: ()=>`${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{438}(-\u{456}\u{432})`
11
- })}. `,
12
- other: ``
13
- }, args.isGroupChange)}${args.optionText}${formatter.select({
14
- true: `, \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}`,
15
- other: ``
16
- }, args.isSelected)}`,
17
- "listboxLabel": `\u{41F}\u{440}\u{43E}\u{43F}\u{43E}\u{437}\u{438}\u{446}\u{456}\u{457}`,
18
- "selectedAnnouncement": (args)=>`${args.optionText}, \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}`
19
- };
20
-
21
-
22
- //# sourceMappingURL=uk-UA.main.js.map
@@ -1 +0,0 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,eAAe,CAAC,+HAAmB,CAAC;IACtD,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE;YAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,yDAAS,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,iFAAe,CAAC;QAAA,GAAG,0DAAU,CAAC;IAC/N,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,IAAM,CAAC,sFAAc,EAAE,KAAK,UAAU,CAAC,UAAI,EAAE,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE;oBAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,yDAAS,CAAC;oBAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,iFAAe,CAAC;gBAAA,GAAG,EAAE,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,aAAa,IAAI,KAAK,UAAU,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,CAAC,mDAAS,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,UAAU,GAAG;IAClZ,gBAAgB,CAAC,sEAAU,CAAC;IAC5B,wBAAwB,CAAC,OAAS,GAAG,KAAK,UAAU,CAAC,mDAAS,CAAC;AACjE","sources":["packages/@react-aria/combobox/intl/uk-UA.json"],"sourcesContent":["{\n \"buttonLabel\": \"Показати пропозиції\",\n \"countAnnouncement\": \"{optionCount, plural, one {# параметр} other {# параметри(-ів)}} доступно.\",\n \"focusAnnouncement\": \"{isGroupChange, select, true {Введена група {groupTitle}, з {groupCount, plural, one {# параметр} other {# параметри(-ів)}}. } other {}}{optionText}{isSelected, select, true {, вибрано} other {}}\",\n \"listboxLabel\": \"Пропозиції\",\n \"selectedAnnouncement\": \"{optionText}, вибрано\"\n}\n"],"names":[],"version":3,"file":"uk-UA.main.js.map"}
package/dist/uk-UA.mjs DELETED
@@ -1,24 +0,0 @@
1
- var $c2845791417ebaf4$exports = {};
2
- $c2845791417ebaf4$exports = {
3
- "buttonLabel": `\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{430}\u{442}\u{438} \u{43F}\u{440}\u{43E}\u{43F}\u{43E}\u{437}\u{438}\u{446}\u{456}\u{457}`,
4
- "countAnnouncement": (args, formatter)=>`${formatter.plural(args.optionCount, {
5
- one: ()=>`${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}`,
6
- other: ()=>`${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{438}(-\u{456}\u{432})`
7
- })} \u{434}\u{43E}\u{441}\u{442}\u{443}\u{43F}\u{43D}\u{43E}.`,
8
- "focusAnnouncement": (args, formatter)=>`${formatter.select({
9
- true: ()=>`\u{412}\u{432}\u{435}\u{434}\u{435}\u{43D}\u{430} \u{433}\u{440}\u{443}\u{43F}\u{430} ${args.groupTitle}, \u{437} ${formatter.plural(args.groupCount, {
10
- one: ()=>`${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}`,
11
- other: ()=>`${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{438}(-\u{456}\u{432})`
12
- })}. `,
13
- other: ``
14
- }, args.isGroupChange)}${args.optionText}${formatter.select({
15
- true: `, \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}`,
16
- other: ``
17
- }, args.isSelected)}`,
18
- "listboxLabel": `\u{41F}\u{440}\u{43E}\u{43F}\u{43E}\u{437}\u{438}\u{446}\u{456}\u{457}`,
19
- "selectedAnnouncement": (args)=>`${args.optionText}, \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}`
20
- };
21
-
22
-
23
- export {$c2845791417ebaf4$exports as default};
24
- //# sourceMappingURL=uk-UA.module.js.map
@@ -1,24 +0,0 @@
1
- var $c2845791417ebaf4$exports = {};
2
- $c2845791417ebaf4$exports = {
3
- "buttonLabel": `\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{430}\u{442}\u{438} \u{43F}\u{440}\u{43E}\u{43F}\u{43E}\u{437}\u{438}\u{446}\u{456}\u{457}`,
4
- "countAnnouncement": (args, formatter)=>`${formatter.plural(args.optionCount, {
5
- one: ()=>`${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}`,
6
- other: ()=>`${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{438}(-\u{456}\u{432})`
7
- })} \u{434}\u{43E}\u{441}\u{442}\u{443}\u{43F}\u{43D}\u{43E}.`,
8
- "focusAnnouncement": (args, formatter)=>`${formatter.select({
9
- true: ()=>`\u{412}\u{432}\u{435}\u{434}\u{435}\u{43D}\u{430} \u{433}\u{440}\u{443}\u{43F}\u{430} ${args.groupTitle}, \u{437} ${formatter.plural(args.groupCount, {
10
- one: ()=>`${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}`,
11
- other: ()=>`${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{438}(-\u{456}\u{432})`
12
- })}. `,
13
- other: ``
14
- }, args.isGroupChange)}${args.optionText}${formatter.select({
15
- true: `, \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}`,
16
- other: ``
17
- }, args.isSelected)}`,
18
- "listboxLabel": `\u{41F}\u{440}\u{43E}\u{43F}\u{43E}\u{437}\u{438}\u{446}\u{456}\u{457}`,
19
- "selectedAnnouncement": (args)=>`${args.optionText}, \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}`
20
- };
21
-
22
-
23
- export {$c2845791417ebaf4$exports as default};
24
- //# sourceMappingURL=uk-UA.module.js.map
@@ -1 +0,0 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,+HAAmB,CAAC;IACtD,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE;YAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,yDAAS,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,WAAW,EAAE,iFAAe,CAAC;QAAA,GAAG,0DAAU,CAAC;IAC/N,qBAAqB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,IAAM,CAAC,sFAAc,EAAE,KAAK,UAAU,CAAC,UAAI,EAAE,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE;oBAAC,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,yDAAS,CAAC;oBAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,UAAU,EAAE,iFAAe,CAAC;gBAAA,GAAG,EAAE,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,aAAa,IAAI,KAAK,UAAU,GAAG,UAAU,MAAM,CAAC;YAAC,MAAM,CAAC,mDAAS,CAAC;YAAE,OAAO,EAAE;QAAA,GAAG,KAAK,UAAU,GAAG;IAClZ,gBAAgB,CAAC,sEAAU,CAAC;IAC5B,wBAAwB,CAAC,OAAS,GAAG,KAAK,UAAU,CAAC,mDAAS,CAAC;AACjE","sources":["packages/@react-aria/combobox/intl/uk-UA.json"],"sourcesContent":["{\n \"buttonLabel\": \"Показати пропозиції\",\n \"countAnnouncement\": \"{optionCount, plural, one {# параметр} other {# параметри(-ів)}} доступно.\",\n \"focusAnnouncement\": \"{isGroupChange, select, true {Введена група {groupTitle}, з {groupCount, plural, one {# параметр} other {# параметри(-ів)}}. } other {}}{optionText}{isSelected, select, true {, вибрано} other {}}\",\n \"listboxLabel\": \"Пропозиції\",\n \"selectedAnnouncement\": \"{optionText}, вибрано\"\n}\n"],"names":[],"version":3,"file":"uk-UA.module.js.map"}
@@ -1,326 +0,0 @@
1
- var $8d1e5da058b86bb9$exports = require("./intlStrings.main.js");
2
- var $BGXP4$reactarialiveannouncer = require("@react-aria/live-announcer");
3
- var $BGXP4$reactariaoverlays = require("@react-aria/overlays");
4
- var $BGXP4$reactarialistbox = require("@react-aria/listbox");
5
- var $BGXP4$reactariautils = require("@react-aria/utils");
6
- var $BGXP4$reactariafocus = require("@react-aria/focus");
7
- var $BGXP4$react = require("react");
8
- var $BGXP4$reactstatelycollections = require("@react-stately/collections");
9
- var $BGXP4$reactariaselection = require("@react-aria/selection");
10
- var $BGXP4$reactstatelyform = require("@react-stately/form");
11
- var $BGXP4$reactariai18n = require("@react-aria/i18n");
12
- var $BGXP4$reactariamenu = require("@react-aria/menu");
13
- var $BGXP4$reactariatextfield = require("@react-aria/textfield");
14
-
15
-
16
- function $parcel$interopDefault(a) {
17
- return a && a.__esModule ? a.default : a;
18
- }
19
-
20
- function $parcel$export(e, n, v, s) {
21
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
22
- }
23
-
24
- $parcel$export(module.exports, "useComboBox", () => $242452271d1e4c0e$export$8c18d1b4f7232bbf);
25
- /*
26
- * Copyright 2020 Adobe. All rights reserved.
27
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
28
- * you may not use this file except in compliance with the License. You may obtain a copy
29
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
30
- *
31
- * Unless required by applicable law or agreed to in writing, software distributed under
32
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
33
- * OF ANY KIND, either express or implied. See the License for the specific language
34
- * governing permissions and limitations under the License.
35
- */
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
- function $242452271d1e4c0e$export$8c18d1b4f7232bbf(props, state) {
49
- let { buttonRef: buttonRef, popoverRef: popoverRef, inputRef: inputRef, listBoxRef: listBoxRef, keyboardDelegate: keyboardDelegate, layoutDelegate: layoutDelegate, shouldFocusWrap: // completionMode = 'suggest',
50
- shouldFocusWrap, isReadOnly: isReadOnly, isDisabled: isDisabled } = props;
51
- let backupBtnRef = (0, $BGXP4$react.useRef)(null);
52
- buttonRef = buttonRef !== null && buttonRef !== void 0 ? buttonRef : backupBtnRef;
53
- let stringFormatter = (0, $BGXP4$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($8d1e5da058b86bb9$exports))), '@react-aria/combobox');
54
- let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $BGXP4$reactariamenu.useMenuTrigger)({
55
- type: 'listbox',
56
- isDisabled: isDisabled || isReadOnly
57
- }, state, buttonRef);
58
- // Set listbox id so it can be used when calling getItemId later
59
- (0, $BGXP4$reactarialistbox.listData).set(state, {
60
- id: menuProps.id
61
- });
62
- // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
63
- // When virtualized, the layout object will be passed in as a prop and override this.
64
- let { collection: collection } = state;
65
- let { disabledKeys: disabledKeys } = state.selectionManager;
66
- let delegate = (0, $BGXP4$react.useMemo)(()=>keyboardDelegate || new (0, $BGXP4$reactariaselection.ListKeyboardDelegate)({
67
- collection: collection,
68
- disabledKeys: disabledKeys,
69
- ref: listBoxRef,
70
- layoutDelegate: layoutDelegate
71
- }), [
72
- keyboardDelegate,
73
- layoutDelegate,
74
- collection,
75
- disabledKeys,
76
- listBoxRef
77
- ]);
78
- // Use useSelectableCollection to get the keyboard handlers to apply to the textfield
79
- let { collectionProps: collectionProps } = (0, $BGXP4$reactariaselection.useSelectableCollection)({
80
- selectionManager: state.selectionManager,
81
- keyboardDelegate: delegate,
82
- disallowTypeAhead: true,
83
- disallowEmptySelection: true,
84
- shouldFocusWrap: shouldFocusWrap,
85
- ref: inputRef,
86
- // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
87
- isVirtualized: true
88
- });
89
- let router = (0, $BGXP4$reactariautils.useRouter)();
90
- // For textfield specific keydown operations
91
- let onKeyDown = (e)=>{
92
- if (e.nativeEvent.isComposing) return;
93
- switch(e.key){
94
- case 'Enter':
95
- case 'Tab':
96
- // Prevent form submission if menu is open since we may be selecting a option
97
- if (state.isOpen && e.key === 'Enter') e.preventDefault();
98
- // If the focused item is a link, trigger opening it. Items that are links are not selectable.
99
- if (state.isOpen && listBoxRef.current && state.selectionManager.focusedKey != null) {
100
- let collectionItem = state.collection.getItem(state.selectionManager.focusedKey);
101
- if (collectionItem === null || collectionItem === void 0 ? void 0 : collectionItem.props.href) {
102
- let item = listBoxRef.current.querySelector(`[data-key="${CSS.escape(state.selectionManager.focusedKey.toString())}"]`);
103
- if (e.key === 'Enter' && item instanceof HTMLAnchorElement) router.open(item, e, collectionItem.props.href, collectionItem.props.routerOptions);
104
- state.close();
105
- break;
106
- } else if (collectionItem === null || collectionItem === void 0 ? void 0 : collectionItem.props.onAction) {
107
- collectionItem.props.onAction();
108
- state.close();
109
- break;
110
- }
111
- }
112
- state.commit();
113
- break;
114
- case 'Escape':
115
- if (state.selectedKey !== null || state.inputValue === '' || props.allowsCustomValue) e.continuePropagation();
116
- state.revert();
117
- break;
118
- case 'ArrowDown':
119
- state.open('first', 'manual');
120
- break;
121
- case 'ArrowUp':
122
- state.open('last', 'manual');
123
- break;
124
- case 'ArrowLeft':
125
- case 'ArrowRight':
126
- state.selectionManager.setFocusedKey(null);
127
- break;
128
- }
129
- };
130
- let onBlur = (e)=>{
131
- let blurFromButton = (buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) && buttonRef.current === e.relatedTarget;
132
- let blurIntoPopover = (0, $BGXP4$reactariautils.nodeContains)(popoverRef.current, e.relatedTarget);
133
- // Ignore blur if focused moved to the button(if exists) or into the popover.
134
- if (blurFromButton || blurIntoPopover) return;
135
- if (props.onBlur) props.onBlur(e);
136
- state.setFocused(false);
137
- };
138
- let onFocus = (e)=>{
139
- if (state.isFocused) return;
140
- if (props.onFocus) props.onFocus(e);
141
- state.setFocused(true);
142
- };
143
- let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
144
- let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $BGXP4$reactariatextfield.useTextField)({
145
- ...props,
146
- onChange: state.setInputValue,
147
- onKeyDown: !isReadOnly ? (0, $BGXP4$reactariautils.chain)(state.isOpen && collectionProps.onKeyDown, onKeyDown, props.onKeyDown) : props.onKeyDown,
148
- onBlur: onBlur,
149
- value: state.inputValue,
150
- defaultValue: state.defaultInputValue,
151
- onFocus: onFocus,
152
- autoComplete: 'off',
153
- validate: undefined,
154
- [(0, $BGXP4$reactstatelyform.privateValidationStateProp)]: state
155
- }, inputRef);
156
- (0, $BGXP4$reactariautils.useFormReset)(inputRef, state.defaultSelectedKey, state.setSelectedKey);
157
- // Press handlers for the ComboBox button
158
- let onPress = (e)=>{
159
- if (e.pointerType === 'touch') {
160
- var // Focus the input field in case it isn't focused yet
161
- _inputRef_current;
162
- (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
163
- state.toggle(null, 'manual');
164
- }
165
- };
166
- let onPressStart = (e)=>{
167
- if (e.pointerType !== 'touch') {
168
- var _inputRef_current;
169
- (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
170
- state.toggle(e.pointerType === 'keyboard' || e.pointerType === 'virtual' ? 'first' : null, 'manual');
171
- }
172
- };
173
- let triggerLabelProps = (0, $BGXP4$reactariautils.useLabels)({
174
- id: menuTriggerProps.id,
175
- 'aria-label': stringFormatter.format('buttonLabel'),
176
- 'aria-labelledby': props['aria-labelledby'] || labelProps.id
177
- });
178
- let listBoxProps = (0, $BGXP4$reactariautils.useLabels)({
179
- id: menuProps.id,
180
- 'aria-label': stringFormatter.format('listboxLabel'),
181
- 'aria-labelledby': props['aria-labelledby'] || labelProps.id
182
- });
183
- // If a touch happens on direct center of ComboBox input, might be virtual click from iPad so open ComboBox menu
184
- let lastEventTime = (0, $BGXP4$react.useRef)(0);
185
- let onTouchEnd = (e)=>{
186
- if (isDisabled || isReadOnly) return;
187
- // Sometimes VoiceOver on iOS fires two touchend events in quick succession. Ignore the second one.
188
- if (e.timeStamp - lastEventTime.current < 500) {
189
- var _inputRef_current;
190
- e.preventDefault();
191
- (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
192
- return;
193
- }
194
- let rect = e.target.getBoundingClientRect();
195
- let touch = e.changedTouches[0];
196
- let centerX = Math.ceil(rect.left + .5 * rect.width);
197
- let centerY = Math.ceil(rect.top + .5 * rect.height);
198
- if (touch.clientX === centerX && touch.clientY === centerY) {
199
- var _inputRef_current1;
200
- e.preventDefault();
201
- (_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.focus();
202
- state.toggle(null, 'manual');
203
- lastEventTime.current = e.timeStamp;
204
- }
205
- };
206
- // VoiceOver has issues with announcing aria-activedescendant properly on change
207
- // (especially on iOS). We use a live region announcer to announce focus changes
208
- // manually. In addition, section titles are announced when navigating into a new section.
209
- let focusedItem = state.selectionManager.focusedKey != null && state.isOpen ? state.collection.getItem(state.selectionManager.focusedKey) : undefined;
210
- var _focusedItem_parentKey;
211
- let sectionKey = (_focusedItem_parentKey = focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.parentKey) !== null && _focusedItem_parentKey !== void 0 ? _focusedItem_parentKey : null;
212
- var _state_selectionManager_focusedKey;
213
- let itemKey = (_state_selectionManager_focusedKey = state.selectionManager.focusedKey) !== null && _state_selectionManager_focusedKey !== void 0 ? _state_selectionManager_focusedKey : null;
214
- let lastSection = (0, $BGXP4$react.useRef)(sectionKey);
215
- let lastItem = (0, $BGXP4$react.useRef)(itemKey);
216
- (0, $BGXP4$react.useEffect)(()=>{
217
- if ((0, $BGXP4$reactariautils.isAppleDevice)() && focusedItem != null && itemKey != null && itemKey !== lastItem.current) {
218
- let isSelected = state.selectionManager.isSelected(itemKey);
219
- let section = sectionKey != null ? state.collection.getItem(sectionKey) : null;
220
- let sectionTitle = (section === null || section === void 0 ? void 0 : section['aria-label']) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === 'string' ? section.rendered : '') || '';
221
- var _ref;
222
- let announcement = stringFormatter.format('focusAnnouncement', {
223
- isGroupChange: (_ref = section && sectionKey !== lastSection.current) !== null && _ref !== void 0 ? _ref : false,
224
- groupTitle: sectionTitle,
225
- groupCount: section ? [
226
- ...(0, $BGXP4$reactstatelycollections.getChildNodes)(section, state.collection)
227
- ].length : 0,
228
- optionText: focusedItem['aria-label'] || focusedItem.textValue || '',
229
- isSelected: isSelected
230
- });
231
- (0, $BGXP4$reactarialiveannouncer.announce)(announcement);
232
- }
233
- lastSection.current = sectionKey;
234
- lastItem.current = itemKey;
235
- });
236
- // Announce the number of available suggestions when it changes
237
- let optionCount = (0, $BGXP4$reactstatelycollections.getItemCount)(state.collection);
238
- let lastSize = (0, $BGXP4$react.useRef)(optionCount);
239
- let lastOpen = (0, $BGXP4$react.useRef)(state.isOpen);
240
- (0, $BGXP4$react.useEffect)(()=>{
241
- // Only announce the number of options available when the menu opens if there is no
242
- // focused item, otherwise screen readers will typically read e.g. "1 of 6".
243
- // The exception is VoiceOver since this isn't included in the message above.
244
- let didOpenWithoutFocusedItem = state.isOpen !== lastOpen.current && (state.selectionManager.focusedKey == null || (0, $BGXP4$reactariautils.isAppleDevice)());
245
- if (state.isOpen && (didOpenWithoutFocusedItem || optionCount !== lastSize.current)) {
246
- let announcement = stringFormatter.format('countAnnouncement', {
247
- optionCount: optionCount
248
- });
249
- (0, $BGXP4$reactarialiveannouncer.announce)(announcement);
250
- }
251
- lastSize.current = optionCount;
252
- lastOpen.current = state.isOpen;
253
- });
254
- // Announce when a selection occurs for VoiceOver. Other screen readers typically do this automatically.
255
- let lastSelectedKey = (0, $BGXP4$react.useRef)(state.selectedKey);
256
- (0, $BGXP4$react.useEffect)(()=>{
257
- if ((0, $BGXP4$reactariautils.isAppleDevice)() && state.isFocused && state.selectedItem && state.selectedKey !== lastSelectedKey.current) {
258
- let optionText = state.selectedItem['aria-label'] || state.selectedItem.textValue || '';
259
- let announcement = stringFormatter.format('selectedAnnouncement', {
260
- optionText: optionText
261
- });
262
- (0, $BGXP4$reactarialiveannouncer.announce)(announcement);
263
- }
264
- lastSelectedKey.current = state.selectedKey;
265
- });
266
- (0, $BGXP4$react.useEffect)(()=>{
267
- if (state.isOpen) return (0, $BGXP4$reactariaoverlays.ariaHideOutside)([
268
- inputRef.current,
269
- popoverRef.current
270
- ].filter((element)=>element != null));
271
- }, [
272
- state.isOpen,
273
- inputRef,
274
- popoverRef
275
- ]);
276
- (0, $BGXP4$reactariautils.useUpdateEffect)(()=>{
277
- // Re-show focus ring when there is no virtually focused item.
278
- if (!focusedItem && inputRef.current && (0, $BGXP4$reactariautils.getActiveElement)((0, $BGXP4$reactariautils.getOwnerDocument)(inputRef.current)) === inputRef.current) (0, $BGXP4$reactariafocus.dispatchVirtualFocus)(inputRef.current, null);
279
- }, [
280
- focusedItem
281
- ]);
282
- (0, $BGXP4$reactariautils.useEvent)(listBoxRef, 'react-aria-item-action', state.isOpen ? ()=>{
283
- state.close();
284
- } : undefined);
285
- return {
286
- labelProps: labelProps,
287
- buttonProps: {
288
- ...menuTriggerProps,
289
- ...triggerLabelProps,
290
- excludeFromTabOrder: true,
291
- preventFocusOnPress: true,
292
- onPress: onPress,
293
- onPressStart: onPressStart,
294
- isDisabled: isDisabled || isReadOnly
295
- },
296
- inputProps: (0, $BGXP4$reactariautils.mergeProps)(inputProps, {
297
- role: 'combobox',
298
- 'aria-expanded': menuTriggerProps['aria-expanded'],
299
- 'aria-controls': state.isOpen ? menuProps.id : undefined,
300
- // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
301
- 'aria-autocomplete': 'list',
302
- 'aria-activedescendant': focusedItem ? (0, $BGXP4$reactarialistbox.getItemId)(state, focusedItem.key) : undefined,
303
- onTouchEnd: onTouchEnd,
304
- // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
305
- autoCorrect: 'off',
306
- // This disable's the macOS Safari spell check auto corrections.
307
- spellCheck: 'false'
308
- }),
309
- listBoxProps: (0, $BGXP4$reactariautils.mergeProps)(menuProps, listBoxProps, {
310
- autoFocus: state.focusStrategy || true,
311
- shouldUseVirtualFocus: true,
312
- shouldSelectOnPressUp: true,
313
- shouldFocusOnHover: true,
314
- linkBehavior: 'selection',
315
- ['UNSTABLE_itemBehavior']: 'action'
316
- }),
317
- descriptionProps: descriptionProps,
318
- errorMessageProps: errorMessageProps,
319
- isInvalid: isInvalid,
320
- validationErrors: validationErrors,
321
- validationDetails: validationDetails
322
- };
323
- }
324
-
325
-
326
- //# sourceMappingURL=useComboBox.main.js.map