@midas-ds/components 1.1.0 → 1.3.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 (183) hide show
  1. package/CHANGELOG.md +63 -1
  2. package/accordion/AccordionItem.d.ts +2 -2
  3. package/index.cjs +138 -0
  4. package/index.css +1 -0
  5. package/index.d.ts +0 -2
  6. package/index.js +27094 -105
  7. package/package.json +22 -4
  8. package/table/Table.d.ts +3 -4
  9. package/textfield/TextField.d.ts +15 -4
  10. package/theme.cjs +1 -0
  11. package/theme.js +20 -0
  12. package/tokens-BskyMDHv.cjs +1 -0
  13. package/Breadcrumbs.css +0 -1
  14. package/Button-DL6nqUco.js +0 -182
  15. package/Button.css +0 -1
  16. package/ButtonGroup.css +0 -1
  17. package/Card.css +0 -1
  18. package/Checkbox-q0dugR2t.js +0 -402
  19. package/Checkbox.css +0 -1
  20. package/Collection-KMFfVuzU.js +0 -510
  21. package/ComboBox.css +0 -1
  22. package/DatePicker.css +0 -1
  23. package/Dialog-D6Bqrpn-.js +0 -1952
  24. package/Disclosure-dAZYXyTH.js +0 -225
  25. package/Disclosure.css +0 -1
  26. package/DragAndDrop-B0T3WgjL.js +0 -40
  27. package/Dropdown.css +0 -1
  28. package/FileUpload.css +0 -1
  29. package/Flex.css +0 -1
  30. package/Flex.module-CpoxBzQX.js +0 -37
  31. package/FocusScope-B7CkxXNC.js +0 -513
  32. package/Form-BWBjJC6v.js +0 -238
  33. package/Grid.css +0 -1
  34. package/Grid.module-Ia0e9Dix.js +0 -36
  35. package/Group-D7_8007y.js +0 -42
  36. package/Heading-RCRHv6hd.js +0 -15
  37. package/Hidden-CVlUgUJM.js +0 -37
  38. package/InfoBanner.css +0 -1
  39. package/Layout.css +0 -1
  40. package/Link-BnQvB-hH.js +0 -75
  41. package/Link.css +0 -1
  42. package/LinkButton.css +0 -1
  43. package/ListBox-DBBiqvcR.js +0 -474
  44. package/ListKeyboardDelegate-gCXy-Xnn.js +0 -172
  45. package/Logo.css +0 -1
  46. package/Modal.css +0 -1
  47. package/MultiSelect.css +0 -1
  48. package/PressResponder-B4g56kDz.js +0 -31
  49. package/RSPContexts-BW2SEIqe.js +0 -11
  50. package/Radio.css +0 -1
  51. package/SearchField.css +0 -1
  52. package/Select.css +0 -1
  53. package/SelectionManager-BfXUE1qg.js +0 -1031
  54. package/Separator-BBX9m2O2.js +0 -49
  55. package/Spinner.css +0 -1
  56. package/Table.css +0 -1
  57. package/Tabs.css +0 -1
  58. package/Tag-DWt0koFj.js +0 -728
  59. package/Tag.css +0 -1
  60. package/Text-BCF0xvqL.js +0 -15
  61. package/TextArea.css +0 -1
  62. package/TextField-CX4eOQf6.js +0 -225
  63. package/TextField.css +0 -1
  64. package/TextField.module-DdICj682.js +0 -143
  65. package/Toast.css +0 -1
  66. package/VisuallyHidden-Dhr5caPC.js +0 -39
  67. package/chevron-down-Cd1bkzXT.js +0 -13
  68. package/chevron-right-DBMc9VMi.js +0 -23
  69. package/clsx-OuTLNxxd.js +0 -16
  70. package/context-BpJLnOuu.js +0 -80
  71. package/createLucideIcon-DeWljiyi.js +0 -79
  72. package/index-B-jHjTDC.js +0 -120
  73. package/index-BPdc9gJ8.js +0 -3122
  74. package/index-KSgQWWiy.js +0 -26984
  75. package/index10.js +0 -4
  76. package/index11.js +0 -5
  77. package/index12.js +0 -4
  78. package/index13.js +0 -4
  79. package/index14.js +0 -4
  80. package/index15.js +0 -6
  81. package/index16.js +0 -6
  82. package/index17.js +0 -6
  83. package/index18.js +0 -4
  84. package/index19.js +0 -6
  85. package/index2.js +0 -8
  86. package/index20.js +0 -6
  87. package/index21.js +0 -4
  88. package/index22.js +0 -5
  89. package/index23.js +0 -5
  90. package/index24.js +0 -5
  91. package/index25.js +0 -6
  92. package/index26.js +0 -6
  93. package/index27.js +0 -6
  94. package/index28.js +0 -4
  95. package/index29.js +0 -6
  96. package/index3.js +0 -6
  97. package/index30.js +0 -21
  98. package/index31.js +0 -22
  99. package/index32.js +0 -14
  100. package/index33.js +0 -11
  101. package/index34.js +0 -31
  102. package/index35.js +0 -8
  103. package/index36.js +0 -9
  104. package/index37.js +0 -19
  105. package/index38.js +0 -9
  106. package/index39.js +0 -9
  107. package/index4.js +0 -4
  108. package/index40.js +0 -23
  109. package/index41.js +0 -63
  110. package/index42.js +0 -53
  111. package/index43.js +0 -18
  112. package/index44.js +0 -27
  113. package/index45.js +0 -18
  114. package/index46.js +0 -21
  115. package/index47.js +0 -49
  116. package/index48.js +0 -5
  117. package/index49.js +0 -25
  118. package/index5.js +0 -5
  119. package/index50.js +0 -18
  120. package/index51.js +0 -9
  121. package/index52.js +0 -25
  122. package/index53.js +0 -18
  123. package/index54.js +0 -11
  124. package/index55.js +0 -12
  125. package/index56.js +0 -15
  126. package/index57.js +0 -9
  127. package/index58.js +0 -9
  128. package/index59.js +0 -19
  129. package/index6.js +0 -4
  130. package/index60.js +0 -22
  131. package/index61.js +0 -61
  132. package/index62.js +0 -15
  133. package/index63.js +0 -11
  134. package/index64.js +0 -53
  135. package/index65.js +0 -85
  136. package/index66.js +0 -74
  137. package/index67.js +0 -24
  138. package/index68.js +0 -69
  139. package/index69.js +0 -80
  140. package/index7.js +0 -9
  141. package/index70.js +0 -140
  142. package/index71.js +0 -70
  143. package/index72.js +0 -42
  144. package/index73.js +0 -82
  145. package/index74.js +0 -71
  146. package/index75.js +0 -104
  147. package/index76.js +0 -275
  148. package/index77.js +0 -723
  149. package/index78.js +0 -489
  150. package/index79.js +0 -314
  151. package/index8.js +0 -4
  152. package/index80.js +0 -389
  153. package/index81.js +0 -252
  154. package/index82.js +0 -1364
  155. package/index83.js +0 -1009
  156. package/index84.js +0 -386
  157. package/index85.js +0 -2101
  158. package/index86.js +0 -2368
  159. package/index87.js +0 -6831
  160. package/index88.js +0 -17
  161. package/index89.js +0 -14
  162. package/index9.js +0 -5
  163. package/index90.js +0 -6
  164. package/index91.js +0 -9
  165. package/intlStrings-Cd44R5hT.js +0 -278
  166. package/react.esm-sMU8Z7rL.js +0 -11060
  167. package/triangle-alert-1OYl9KWz.js +0 -56
  168. package/useControlledState-Kv9K2AYu.js +0 -30
  169. package/useDescription-B7stiK3j.js +0 -32
  170. package/useEvent-Xk5kn5Ns.js +0 -21
  171. package/useField-DMzJIIN4.js +0 -67
  172. package/useFilter-Bt9dbV1U.js +0 -35
  173. package/useFocusRing-9PXyKy2A.js +0 -1297
  174. package/useFocusable-CcEBZe40.js +0 -59
  175. package/useGridSelectionCheckbox-DYgEnElE.js +0 -22
  176. package/useHasTabbableChild-D6DwR81L.js +0 -34
  177. package/useHighlightSelectionDescription-WYAbP4No.js +0 -552
  178. package/useLabels-9zaZ9oa0.js +0 -17
  179. package/useListState-BfTeKTk5.js +0 -119
  180. package/useLocalizedStringFormatter-BlCbn-hX.js +0 -96
  181. package/useSingleSelectListState-DPkaL0la.js +0 -34
  182. package/useUpdateEffect-Dtz-i14F.js +0 -12
  183. package/x-JK7i-TQC.js +0 -14
package/index82.js DELETED
@@ -1,1364 +0,0 @@
1
- import { jsxs as be, jsx as j } from "react/jsx-runtime";
2
- import W, { useRef as m, useMemo as ee, useEffect as pe, useState as Q, useCallback as se, forwardRef as ou, createContext as xe } from "react";
3
- import { b as $e, a as tu, $ as lu } from "./Button-DL6nqUco.js";
4
- import { p as iu, I as cu, M as re, e as ae, a as pu, y as du, z as su, A as $u, d as ru, o as bu, B as au } from "./useFocusRing-9PXyKy2A.js";
5
- import { f as Cu, c as xu, $ as fu, a as hu } from "./Form-BWBjJC6v.js";
6
- import { a as mu } from "./Group-D7_8007y.js";
7
- import { a as vu, $ as Au, b as Bu } from "./TextField.module-DdICj682.js";
8
- import { $ as Eu } from "./useField-DMzJIIN4.js";
9
- import { d as Du, e as Tu, a as fe, $ as yu, b as Fu, c as gu } from "./ListBox-DBBiqvcR.js";
10
- import { e as Su, j as ku, f as Lu, g as Iu, h as Pu, i as Ku, a as Ou } from "./Dialog-D6Bqrpn-.js";
11
- import { $ as Ru } from "./Text-BCF0xvqL.js";
12
- import { $ as Gu } from "./Collection-KMFfVuzU.js";
13
- import { $ as Vu } from "./useFilter-Bt9dbV1U.js";
14
- import { e as wu, f as he } from "./SelectionManager-BfXUE1qg.js";
15
- import { $ as Mu } from "./useSingleSelectListState-DPkaL0la.js";
16
- import { a as ju } from "./useListState-BfTeKTk5.js";
17
- import { $ as zu } from "./useControlledState-Kv9K2AYu.js";
18
- import { $ as Ce } from "./useLabels-9zaZ9oa0.js";
19
- import { a as Nu } from "./Separator-BBX9m2O2.js";
20
- import { a as Uu } from "./ListKeyboardDelegate-gCXy-Xnn.js";
21
- import { $ as _u } from "./useLocalizedStringFormatter-BlCbn-hX.js";
22
- import { I as qu } from "./TextField-CX4eOQf6.js";
23
- import { C as Wu } from "./chevron-down-Cd1bkzXT.js";
24
- import './ComboBox.css';var me = {};
25
- me = {
26
- buttonLabel: "عرض المقترحات",
27
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
28
- one: () => `${u.number(e.optionCount)} خيار`,
29
- other: () => `${u.number(e.optionCount)} خيارات`
30
- })} متاحة.`,
31
- focusAnnouncement: (e, u) => `${u.select({
32
- true: () => `المجموعة المدخلة ${e.groupTitle}, مع ${u.plural(e.groupCount, {
33
- one: () => `${u.number(e.groupCount)} خيار`,
34
- other: () => `${u.number(e.groupCount)} خيارات`
35
- })}. `,
36
- other: ""
37
- }, e.isGroupChange)}${e.optionText}${u.select({
38
- true: ", محدد",
39
- other: ""
40
- }, e.isSelected)}`,
41
- listboxLabel: "مقترحات",
42
- selectedAnnouncement: (e) => `${e.optionText}، محدد`
43
- };
44
- var ve = {};
45
- ve = {
46
- buttonLabel: "Покажи предложения",
47
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
48
- one: () => `${u.number(e.optionCount)} опция`,
49
- other: () => `${u.number(e.optionCount)} опции`
50
- })} на разположение.`,
51
- focusAnnouncement: (e, u) => `${u.select({
52
- true: () => `Въведена група ${e.groupTitle}, с ${u.plural(e.groupCount, {
53
- one: () => `${u.number(e.groupCount)} опция`,
54
- other: () => `${u.number(e.groupCount)} опции`
55
- })}. `,
56
- other: ""
57
- }, e.isGroupChange)}${e.optionText}${u.select({
58
- true: ", избрани",
59
- other: ""
60
- }, e.isSelected)}`,
61
- listboxLabel: "Предложения",
62
- selectedAnnouncement: (e) => `${e.optionText}, избрани`
63
- };
64
- var Ae = {};
65
- Ae = {
66
- buttonLabel: "Zobrazit doporučení",
67
- countAnnouncement: (e, u) => `K dispozici ${u.plural(e.optionCount, {
68
- one: () => `je ${u.number(e.optionCount)} možnost`,
69
- other: () => `jsou/je ${u.number(e.optionCount)} možnosti/-í`
70
- })}.`,
71
- focusAnnouncement: (e, u) => `${u.select({
72
- true: () => `Zadaná skupina „${e.groupTitle}“ ${u.plural(e.groupCount, {
73
- one: () => `s ${u.number(e.groupCount)} možností`,
74
- other: () => `se ${u.number(e.groupCount)} možnostmi`
75
- })}. `,
76
- other: ""
77
- }, e.isGroupChange)}${e.optionText}${u.select({
78
- true: " (vybráno)",
79
- other: ""
80
- }, e.isSelected)}`,
81
- listboxLabel: "Návrhy",
82
- selectedAnnouncement: (e) => `${e.optionText}, vybráno`
83
- };
84
- var Be = {};
85
- Be = {
86
- buttonLabel: "Vis forslag",
87
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
88
- one: () => `${u.number(e.optionCount)} mulighed tilgængelig`,
89
- other: () => `${u.number(e.optionCount)} muligheder tilgængelige`
90
- })}.`,
91
- focusAnnouncement: (e, u) => `${u.select({
92
- true: () => `Angivet gruppe ${e.groupTitle}, med ${u.plural(e.groupCount, {
93
- one: () => `${u.number(e.groupCount)} mulighed`,
94
- other: () => `${u.number(e.groupCount)} muligheder`
95
- })}. `,
96
- other: ""
97
- }, e.isGroupChange)}${e.optionText}${u.select({
98
- true: ", valgt",
99
- other: ""
100
- }, e.isSelected)}`,
101
- listboxLabel: "Forslag",
102
- selectedAnnouncement: (e) => `${e.optionText}, valgt`
103
- };
104
- var Ee = {};
105
- Ee = {
106
- buttonLabel: "Empfehlungen anzeigen",
107
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
108
- one: () => `${u.number(e.optionCount)} Option`,
109
- other: () => `${u.number(e.optionCount)} Optionen`
110
- })} verfügbar.`,
111
- focusAnnouncement: (e, u) => `${u.select({
112
- true: () => `Eingetretene Gruppe ${e.groupTitle}, mit ${u.plural(e.groupCount, {
113
- one: () => `${u.number(e.groupCount)} Option`,
114
- other: () => `${u.number(e.groupCount)} Optionen`
115
- })}. `,
116
- other: ""
117
- }, e.isGroupChange)}${e.optionText}${u.select({
118
- true: ", ausgewählt",
119
- other: ""
120
- }, e.isSelected)}`,
121
- listboxLabel: "Empfehlungen",
122
- selectedAnnouncement: (e) => `${e.optionText}, ausgewählt`
123
- };
124
- var De = {};
125
- De = {
126
- buttonLabel: "Προβολή προτάσεων",
127
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
128
- one: () => `${u.number(e.optionCount)} επιλογή`,
129
- other: () => `${u.number(e.optionCount)} επιλογές `
130
- })} διαθέσιμες.`,
131
- focusAnnouncement: (e, u) => `${u.select({
132
- true: () => `Εισαγμένη ομάδα ${e.groupTitle}, με ${u.plural(e.groupCount, {
133
- one: () => `${u.number(e.groupCount)} επιλογή`,
134
- other: () => `${u.number(e.groupCount)} επιλογές`
135
- })}. `,
136
- other: ""
137
- }, e.isGroupChange)}${e.optionText}${u.select({
138
- true: ", επιλεγμένο",
139
- other: ""
140
- }, e.isSelected)}`,
141
- listboxLabel: "Προτάσεις",
142
- selectedAnnouncement: (e) => `${e.optionText}, επιλέχθηκε`
143
- };
144
- var Te = {};
145
- Te = {
146
- focusAnnouncement: (e, u) => `${u.select({
147
- true: () => `Entered group ${e.groupTitle}, with ${u.plural(e.groupCount, {
148
- one: () => `${u.number(e.groupCount)} option`,
149
- other: () => `${u.number(e.groupCount)} options`
150
- })}. `,
151
- other: ""
152
- }, e.isGroupChange)}${e.optionText}${u.select({
153
- true: ", selected",
154
- other: ""
155
- }, e.isSelected)}`,
156
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
157
- one: () => `${u.number(e.optionCount)} option`,
158
- other: () => `${u.number(e.optionCount)} options`
159
- })} available.`,
160
- selectedAnnouncement: (e) => `${e.optionText}, selected`,
161
- buttonLabel: "Show suggestions",
162
- listboxLabel: "Suggestions"
163
- };
164
- var ye = {};
165
- ye = {
166
- buttonLabel: "Mostrar sugerencias",
167
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
168
- one: () => `${u.number(e.optionCount)} opción`,
169
- other: () => `${u.number(e.optionCount)} opciones`
170
- })} disponible(s).`,
171
- focusAnnouncement: (e, u) => `${u.select({
172
- true: () => `Se ha unido al grupo ${e.groupTitle}, con ${u.plural(e.groupCount, {
173
- one: () => `${u.number(e.groupCount)} opción`,
174
- other: () => `${u.number(e.groupCount)} opciones`
175
- })}. `,
176
- other: ""
177
- }, e.isGroupChange)}${e.optionText}${u.select({
178
- true: ", seleccionado",
179
- other: ""
180
- }, e.isSelected)}`,
181
- listboxLabel: "Sugerencias",
182
- selectedAnnouncement: (e) => `${e.optionText}, seleccionado`
183
- };
184
- var Fe = {};
185
- Fe = {
186
- buttonLabel: "Kuva soovitused",
187
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
188
- one: () => `${u.number(e.optionCount)} valik`,
189
- other: () => `${u.number(e.optionCount)} valikud`
190
- })} saadaval.`,
191
- focusAnnouncement: (e, u) => `${u.select({
192
- true: () => `Sisestatud rühm ${e.groupTitle}, valikuga ${u.plural(e.groupCount, {
193
- one: () => `${u.number(e.groupCount)} valik`,
194
- other: () => `${u.number(e.groupCount)} valikud`
195
- })}. `,
196
- other: ""
197
- }, e.isGroupChange)}${e.optionText}${u.select({
198
- true: ", valitud",
199
- other: ""
200
- }, e.isSelected)}`,
201
- listboxLabel: "Soovitused",
202
- selectedAnnouncement: (e) => `${e.optionText}, valitud`
203
- };
204
- var ge = {};
205
- ge = {
206
- buttonLabel: "Näytä ehdotukset",
207
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
208
- one: () => `${u.number(e.optionCount)} vaihtoehto`,
209
- other: () => `${u.number(e.optionCount)} vaihtoehdot`
210
- })} saatavilla.`,
211
- focusAnnouncement: (e, u) => `${u.select({
212
- true: () => `Mentiin ryhmään ${e.groupTitle}, ${u.plural(e.groupCount, {
213
- one: () => `${u.number(e.groupCount)} vaihtoehdon`,
214
- other: () => `${u.number(e.groupCount)} vaihtoehdon`
215
- })} kanssa.`,
216
- other: ""
217
- }, e.isGroupChange)}${e.optionText}${u.select({
218
- true: ", valittu",
219
- other: ""
220
- }, e.isSelected)}`,
221
- listboxLabel: "Ehdotukset",
222
- selectedAnnouncement: (e) => `${e.optionText}, valittu`
223
- };
224
- var Se = {};
225
- Se = {
226
- buttonLabel: "Afficher les suggestions",
227
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
228
- one: () => `${u.number(e.optionCount)} option`,
229
- other: () => `${u.number(e.optionCount)} options`
230
- })} disponible(s).`,
231
- focusAnnouncement: (e, u) => `${u.select({
232
- true: () => `Groupe ${e.groupTitle} rejoint, avec ${u.plural(e.groupCount, {
233
- one: () => `${u.number(e.groupCount)} option`,
234
- other: () => `${u.number(e.groupCount)} options`
235
- })}. `,
236
- other: ""
237
- }, e.isGroupChange)}${e.optionText}${u.select({
238
- true: ", sélectionné(s)",
239
- other: ""
240
- }, e.isSelected)}`,
241
- listboxLabel: "Suggestions",
242
- selectedAnnouncement: (e) => `${e.optionText}, sélectionné`
243
- };
244
- var ke = {};
245
- ke = {
246
- buttonLabel: "הצג הצעות",
247
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
248
- one: () => `אפשרות ${u.number(e.optionCount)}`,
249
- other: () => `${u.number(e.optionCount)} אפשרויות`
250
- })} במצב זמין.`,
251
- focusAnnouncement: (e, u) => `${u.select({
252
- true: () => `נכנס לקבוצה ${e.groupTitle}, עם ${u.plural(e.groupCount, {
253
- one: () => `אפשרות ${u.number(e.groupCount)}`,
254
- other: () => `${u.number(e.groupCount)} אפשרויות`
255
- })}. `,
256
- other: ""
257
- }, e.isGroupChange)}${e.optionText}${u.select({
258
- true: ", נבחר",
259
- other: ""
260
- }, e.isSelected)}`,
261
- listboxLabel: "הצעות",
262
- selectedAnnouncement: (e) => `${e.optionText}, נבחר`
263
- };
264
- var Le = {};
265
- Le = {
266
- buttonLabel: "Prikaži prijedloge",
267
- countAnnouncement: (e, u) => `Dostupno još: ${u.plural(e.optionCount, {
268
- one: () => `${u.number(e.optionCount)} opcija`,
269
- other: () => `${u.number(e.optionCount)} opcije/a`
270
- })}.`,
271
- focusAnnouncement: (e, u) => `${u.select({
272
- true: () => `Unesena skupina ${e.groupTitle}, s ${u.plural(e.groupCount, {
273
- one: () => `${u.number(e.groupCount)} opcijom`,
274
- other: () => `${u.number(e.groupCount)} opcije/a`
275
- })}. `,
276
- other: ""
277
- }, e.isGroupChange)}${e.optionText}${u.select({
278
- true: ", odabranih",
279
- other: ""
280
- }, e.isSelected)}`,
281
- listboxLabel: "Prijedlozi",
282
- selectedAnnouncement: (e) => `${e.optionText}, odabrano`
283
- };
284
- var Ie = {};
285
- Ie = {
286
- buttonLabel: "Javaslatok megjelenítése",
287
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
288
- one: () => `${u.number(e.optionCount)} lehetőség`,
289
- other: () => `${u.number(e.optionCount)} lehetőség`
290
- })} áll rendelkezésre.`,
291
- focusAnnouncement: (e, u) => `${u.select({
292
- true: () => `Belépett a(z) ${e.groupTitle} csoportba, amely ${u.plural(e.groupCount, {
293
- one: () => `${u.number(e.groupCount)} lehetőséget`,
294
- other: () => `${u.number(e.groupCount)} lehetőséget`
295
- })} tartalmaz. `,
296
- other: ""
297
- }, e.isGroupChange)}${e.optionText}${u.select({
298
- true: ", kijelölve",
299
- other: ""
300
- }, e.isSelected)}`,
301
- listboxLabel: "Javaslatok",
302
- selectedAnnouncement: (e) => `${e.optionText}, kijelölve`
303
- };
304
- var Pe = {};
305
- Pe = {
306
- buttonLabel: "Mostra suggerimenti",
307
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
308
- one: () => `${u.number(e.optionCount)} opzione disponibile`,
309
- other: () => `${u.number(e.optionCount)} opzioni disponibili`
310
- })}.`,
311
- focusAnnouncement: (e, u) => `${u.select({
312
- true: () => `Ingresso nel gruppo ${e.groupTitle}, con ${u.plural(e.groupCount, {
313
- one: () => `${u.number(e.groupCount)} opzione`,
314
- other: () => `${u.number(e.groupCount)} opzioni`
315
- })}. `,
316
- other: ""
317
- }, e.isGroupChange)}${e.optionText}${u.select({
318
- true: ", selezionato",
319
- other: ""
320
- }, e.isSelected)}`,
321
- listboxLabel: "Suggerimenti",
322
- selectedAnnouncement: (e) => `${e.optionText}, selezionato`
323
- };
324
- var Ke = {};
325
- Ke = {
326
- buttonLabel: "候補を表示",
327
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
328
- one: () => `${u.number(e.optionCount)} 個のオプション`,
329
- other: () => `${u.number(e.optionCount)} 個のオプション`
330
- })}を利用できます。`,
331
- focusAnnouncement: (e, u) => `${u.select({
332
- true: () => `入力されたグループ ${e.groupTitle}、${u.plural(e.groupCount, {
333
- one: () => `${u.number(e.groupCount)} 個のオプション`,
334
- other: () => `${u.number(e.groupCount)} 個のオプション`
335
- })}を含む。`,
336
- other: ""
337
- }, e.isGroupChange)}${e.optionText}${u.select({
338
- true: "、選択済み",
339
- other: ""
340
- }, e.isSelected)}`,
341
- listboxLabel: "候補",
342
- selectedAnnouncement: (e) => `${e.optionText}、選択済み`
343
- };
344
- var Oe = {};
345
- Oe = {
346
- buttonLabel: "제안 사항 표시",
347
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
348
- one: () => `${u.number(e.optionCount)}개 옵션`,
349
- other: () => `${u.number(e.optionCount)}개 옵션`
350
- })}을 사용할 수 있습니다.`,
351
- focusAnnouncement: (e, u) => `${u.select({
352
- true: () => `입력한 그룹 ${e.groupTitle}, ${u.plural(e.groupCount, {
353
- one: () => `${u.number(e.groupCount)}개 옵션`,
354
- other: () => `${u.number(e.groupCount)}개 옵션`
355
- })}. `,
356
- other: ""
357
- }, e.isGroupChange)}${e.optionText}${u.select({
358
- true: ", 선택됨",
359
- other: ""
360
- }, e.isSelected)}`,
361
- listboxLabel: "제안",
362
- selectedAnnouncement: (e) => `${e.optionText}, 선택됨`
363
- };
364
- var Re = {};
365
- Re = {
366
- buttonLabel: "Rodyti pasiūlymus",
367
- countAnnouncement: (e, u) => `Yra ${u.plural(e.optionCount, {
368
- one: () => `${u.number(e.optionCount)} parinktis`,
369
- other: () => `${u.number(e.optionCount)} parinktys (-ių)`
370
- })}.`,
371
- focusAnnouncement: (e, u) => `${u.select({
372
- true: () => `Įvesta grupė ${e.groupTitle}, su ${u.plural(e.groupCount, {
373
- one: () => `${u.number(e.groupCount)} parinktimi`,
374
- other: () => `${u.number(e.groupCount)} parinktimis (-ių)`
375
- })}. `,
376
- other: ""
377
- }, e.isGroupChange)}${e.optionText}${u.select({
378
- true: ", pasirinkta",
379
- other: ""
380
- }, e.isSelected)}`,
381
- listboxLabel: "Pasiūlymai",
382
- selectedAnnouncement: (e) => `${e.optionText}, pasirinkta`
383
- };
384
- var Ge = {};
385
- Ge = {
386
- buttonLabel: "Rādīt ieteikumus",
387
- countAnnouncement: (e, u) => `Pieejamo opciju skaits: ${u.plural(e.optionCount, {
388
- one: () => `${u.number(e.optionCount)} opcija`,
389
- other: () => `${u.number(e.optionCount)} opcijas`
390
- })}.`,
391
- focusAnnouncement: (e, u) => `${u.select({
392
- true: () => `Ievadīta grupa ${e.groupTitle}, ar ${u.plural(e.groupCount, {
393
- one: () => `${u.number(e.groupCount)} opciju`,
394
- other: () => `${u.number(e.groupCount)} opcijām`
395
- })}. `,
396
- other: ""
397
- }, e.isGroupChange)}${e.optionText}${u.select({
398
- true: ", atlasīta",
399
- other: ""
400
- }, e.isSelected)}`,
401
- listboxLabel: "Ieteikumi",
402
- selectedAnnouncement: (e) => `${e.optionText}, atlasīta`
403
- };
404
- var Ve = {};
405
- Ve = {
406
- buttonLabel: "Vis forslag",
407
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
408
- one: () => `${u.number(e.optionCount)} alternativ`,
409
- other: () => `${u.number(e.optionCount)} alternativer`
410
- })} finnes.`,
411
- focusAnnouncement: (e, u) => `${u.select({
412
- true: () => `Angitt gruppe ${e.groupTitle}, med ${u.plural(e.groupCount, {
413
- one: () => `${u.number(e.groupCount)} alternativ`,
414
- other: () => `${u.number(e.groupCount)} alternativer`
415
- })}. `,
416
- other: ""
417
- }, e.isGroupChange)}${e.optionText}${u.select({
418
- true: ", valgt",
419
- other: ""
420
- }, e.isSelected)}`,
421
- listboxLabel: "Forslag",
422
- selectedAnnouncement: (e) => `${e.optionText}, valgt`
423
- };
424
- var we = {};
425
- we = {
426
- buttonLabel: "Suggesties weergeven",
427
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
428
- one: () => `${u.number(e.optionCount)} optie`,
429
- other: () => `${u.number(e.optionCount)} opties`
430
- })} beschikbaar.`,
431
- focusAnnouncement: (e, u) => `${u.select({
432
- true: () => `Groep ${e.groupTitle} ingevoerd met ${u.plural(e.groupCount, {
433
- one: () => `${u.number(e.groupCount)} optie`,
434
- other: () => `${u.number(e.groupCount)} opties`
435
- })}. `,
436
- other: ""
437
- }, e.isGroupChange)}${e.optionText}${u.select({
438
- true: ", geselecteerd",
439
- other: ""
440
- }, e.isSelected)}`,
441
- listboxLabel: "Suggesties",
442
- selectedAnnouncement: (e) => `${e.optionText}, geselecteerd`
443
- };
444
- var Me = {};
445
- Me = {
446
- buttonLabel: "Wyświetlaj sugestie",
447
- countAnnouncement: (e, u) => `dostępna/dostępne(-nych) ${u.plural(e.optionCount, {
448
- one: () => `${u.number(e.optionCount)} opcja`,
449
- other: () => `${u.number(e.optionCount)} opcje(-i)`
450
- })}.`,
451
- focusAnnouncement: (e, u) => `${u.select({
452
- true: () => `Dołączono do grupy ${e.groupTitle}, z ${u.plural(e.groupCount, {
453
- one: () => `${u.number(e.groupCount)} opcją`,
454
- other: () => `${u.number(e.groupCount)} opcjami`
455
- })}. `,
456
- other: ""
457
- }, e.isGroupChange)}${e.optionText}${u.select({
458
- true: ", wybrano",
459
- other: ""
460
- }, e.isSelected)}`,
461
- listboxLabel: "Sugestie",
462
- selectedAnnouncement: (e) => `${e.optionText}, wybrano`
463
- };
464
- var je = {};
465
- je = {
466
- buttonLabel: "Mostrar sugestões",
467
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
468
- one: () => `${u.number(e.optionCount)} opção`,
469
- other: () => `${u.number(e.optionCount)} opções`
470
- })} disponível.`,
471
- focusAnnouncement: (e, u) => `${u.select({
472
- true: () => `Grupo inserido ${e.groupTitle}, com ${u.plural(e.groupCount, {
473
- one: () => `${u.number(e.groupCount)} opção`,
474
- other: () => `${u.number(e.groupCount)} opções`
475
- })}. `,
476
- other: ""
477
- }, e.isGroupChange)}${e.optionText}${u.select({
478
- true: ", selecionado",
479
- other: ""
480
- }, e.isSelected)}`,
481
- listboxLabel: "Sugestões",
482
- selectedAnnouncement: (e) => `${e.optionText}, selecionado`
483
- };
484
- var ze = {};
485
- ze = {
486
- buttonLabel: "Apresentar sugestões",
487
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
488
- one: () => `${u.number(e.optionCount)} opção`,
489
- other: () => `${u.number(e.optionCount)} opções`
490
- })} disponível.`,
491
- focusAnnouncement: (e, u) => `${u.select({
492
- true: () => `Grupo introduzido ${e.groupTitle}, com ${u.plural(e.groupCount, {
493
- one: () => `${u.number(e.groupCount)} opção`,
494
- other: () => `${u.number(e.groupCount)} opções`
495
- })}. `,
496
- other: ""
497
- }, e.isGroupChange)}${e.optionText}${u.select({
498
- true: ", selecionado",
499
- other: ""
500
- }, e.isSelected)}`,
501
- listboxLabel: "Sugestões",
502
- selectedAnnouncement: (e) => `${e.optionText}, selecionado`
503
- };
504
- var Ne = {};
505
- Ne = {
506
- buttonLabel: "Afișare sugestii",
507
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
508
- one: () => `${u.number(e.optionCount)} opțiune`,
509
- other: () => `${u.number(e.optionCount)} opțiuni`
510
- })} disponibile.`,
511
- focusAnnouncement: (e, u) => `${u.select({
512
- true: () => `Grup ${e.groupTitle} introdus, cu ${u.plural(e.groupCount, {
513
- one: () => `${u.number(e.groupCount)} opțiune`,
514
- other: () => `${u.number(e.groupCount)} opțiuni`
515
- })}. `,
516
- other: ""
517
- }, e.isGroupChange)}${e.optionText}${u.select({
518
- true: ", selectat",
519
- other: ""
520
- }, e.isSelected)}`,
521
- listboxLabel: "Sugestii",
522
- selectedAnnouncement: (e) => `${e.optionText}, selectat`
523
- };
524
- var Ue = {};
525
- Ue = {
526
- buttonLabel: "Показать предложения",
527
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
528
- one: () => `${u.number(e.optionCount)} параметр`,
529
- other: () => `${u.number(e.optionCount)} параметров`
530
- })} доступно.`,
531
- focusAnnouncement: (e, u) => `${u.select({
532
- true: () => `Введенная группа ${e.groupTitle}, с ${u.plural(e.groupCount, {
533
- one: () => `${u.number(e.groupCount)} параметром`,
534
- other: () => `${u.number(e.groupCount)} параметрами`
535
- })}. `,
536
- other: ""
537
- }, e.isGroupChange)}${e.optionText}${u.select({
538
- true: ", выбранными",
539
- other: ""
540
- }, e.isSelected)}`,
541
- listboxLabel: "Предложения",
542
- selectedAnnouncement: (e) => `${e.optionText}, выбрано`
543
- };
544
- var _e = {};
545
- _e = {
546
- buttonLabel: "Zobraziť návrhy",
547
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
548
- one: () => `${u.number(e.optionCount)} možnosť`,
549
- other: () => `${u.number(e.optionCount)} možnosti/-í`
550
- })} k dispozícii.`,
551
- focusAnnouncement: (e, u) => `${u.select({
552
- true: () => `Zadaná skupina ${e.groupTitle}, s ${u.plural(e.groupCount, {
553
- one: () => `${u.number(e.groupCount)} možnosťou`,
554
- other: () => `${u.number(e.groupCount)} možnosťami`
555
- })}. `,
556
- other: ""
557
- }, e.isGroupChange)}${e.optionText}${u.select({
558
- true: ", vybraté",
559
- other: ""
560
- }, e.isSelected)}`,
561
- listboxLabel: "Návrhy",
562
- selectedAnnouncement: (e) => `${e.optionText}, vybraté`
563
- };
564
- var qe = {};
565
- qe = {
566
- buttonLabel: "Prikaži predloge",
567
- countAnnouncement: (e, u) => `Na voljo je ${u.plural(e.optionCount, {
568
- one: () => `${u.number(e.optionCount)} opcija`,
569
- other: () => `${u.number(e.optionCount)} opcije`
570
- })}.`,
571
- focusAnnouncement: (e, u) => `${u.select({
572
- true: () => `Vnesena skupina ${e.groupTitle}, z ${u.plural(e.groupCount, {
573
- one: () => `${u.number(e.groupCount)} opcija`,
574
- other: () => `${u.number(e.groupCount)} opcije`
575
- })}. `,
576
- other: ""
577
- }, e.isGroupChange)}${e.optionText}${u.select({
578
- true: ", izbrano",
579
- other: ""
580
- }, e.isSelected)}`,
581
- listboxLabel: "Predlogi",
582
- selectedAnnouncement: (e) => `${e.optionText}, izbrano`
583
- };
584
- var We = {};
585
- We = {
586
- buttonLabel: "Prikaži predloge",
587
- countAnnouncement: (e, u) => `Dostupno još: ${u.plural(e.optionCount, {
588
- one: () => `${u.number(e.optionCount)} opcija`,
589
- other: () => `${u.number(e.optionCount)} opcije/a`
590
- })}.`,
591
- focusAnnouncement: (e, u) => `${u.select({
592
- true: () => `Unesena grupa ${e.groupTitle}, s ${u.plural(e.groupCount, {
593
- one: () => `${u.number(e.groupCount)} opcijom`,
594
- other: () => `${u.number(e.groupCount)} optione/a`
595
- })}. `,
596
- other: ""
597
- }, e.isGroupChange)}${e.optionText}${u.select({
598
- true: ", izabranih",
599
- other: ""
600
- }, e.isSelected)}`,
601
- listboxLabel: "Predlozi",
602
- selectedAnnouncement: (e) => `${e.optionText}, izabrano`
603
- };
604
- var Ze = {};
605
- Ze = {
606
- buttonLabel: "Visa förslag",
607
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
608
- one: () => `${u.number(e.optionCount)} alternativ`,
609
- other: () => `${u.number(e.optionCount)} alternativ`
610
- })} tillgängliga.`,
611
- focusAnnouncement: (e, u) => `${u.select({
612
- true: () => `Ingick i gruppen ${e.groupTitle} med ${u.plural(e.groupCount, {
613
- one: () => `${u.number(e.groupCount)} alternativ`,
614
- other: () => `${u.number(e.groupCount)} alternativ`
615
- })}. `,
616
- other: ""
617
- }, e.isGroupChange)}${e.optionText}${u.select({
618
- true: ", valda",
619
- other: ""
620
- }, e.isSelected)}`,
621
- listboxLabel: "Förslag",
622
- selectedAnnouncement: (e) => `${e.optionText}, valda`
623
- };
624
- var He = {};
625
- He = {
626
- buttonLabel: "Önerileri göster",
627
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
628
- one: () => `${u.number(e.optionCount)} seçenek`,
629
- other: () => `${u.number(e.optionCount)} seçenekler`
630
- })} kullanılabilir.`,
631
- focusAnnouncement: (e, u) => `${u.select({
632
- true: () => `Girilen grup ${e.groupTitle}, ile ${u.plural(e.groupCount, {
633
- one: () => `${u.number(e.groupCount)} seçenek`,
634
- other: () => `${u.number(e.groupCount)} seçenekler`
635
- })}. `,
636
- other: ""
637
- }, e.isGroupChange)}${e.optionText}${u.select({
638
- true: ", seçildi",
639
- other: ""
640
- }, e.isSelected)}`,
641
- listboxLabel: "Öneriler",
642
- selectedAnnouncement: (e) => `${e.optionText}, seçildi`
643
- };
644
- var Xe = {};
645
- Xe = {
646
- buttonLabel: "Показати пропозиції",
647
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
648
- one: () => `${u.number(e.optionCount)} параметр`,
649
- other: () => `${u.number(e.optionCount)} параметри(-ів)`
650
- })} доступно.`,
651
- focusAnnouncement: (e, u) => `${u.select({
652
- true: () => `Введена група ${e.groupTitle}, з ${u.plural(e.groupCount, {
653
- one: () => `${u.number(e.groupCount)} параметр`,
654
- other: () => `${u.number(e.groupCount)} параметри(-ів)`
655
- })}. `,
656
- other: ""
657
- }, e.isGroupChange)}${e.optionText}${u.select({
658
- true: ", вибрано",
659
- other: ""
660
- }, e.isSelected)}`,
661
- listboxLabel: "Пропозиції",
662
- selectedAnnouncement: (e) => `${e.optionText}, вибрано`
663
- };
664
- var Je = {};
665
- Je = {
666
- buttonLabel: "显示建议",
667
- countAnnouncement: (e, u) => `有 ${u.plural(e.optionCount, {
668
- one: () => `${u.number(e.optionCount)} 个选项`,
669
- other: () => `${u.number(e.optionCount)} 个选项`
670
- })}可用。`,
671
- focusAnnouncement: (e, u) => `${u.select({
672
- true: () => `进入了 ${e.groupTitle} 组,其中有 ${u.plural(e.groupCount, {
673
- one: () => `${u.number(e.groupCount)} 个选项`,
674
- other: () => `${u.number(e.groupCount)} 个选项`
675
- })}. `,
676
- other: ""
677
- }, e.isGroupChange)}${e.optionText}${u.select({
678
- true: ", 已选择",
679
- other: ""
680
- }, e.isSelected)}`,
681
- listboxLabel: "建议",
682
- selectedAnnouncement: (e) => `${e.optionText}, 已选择`
683
- };
684
- var Ye = {};
685
- Ye = {
686
- buttonLabel: "顯示建議",
687
- countAnnouncement: (e, u) => `${u.plural(e.optionCount, {
688
- one: () => `${u.number(e.optionCount)} 選項`,
689
- other: () => `${u.number(e.optionCount)} 選項`
690
- })} 可用。`,
691
- focusAnnouncement: (e, u) => `${u.select({
692
- true: () => `輸入的群組 ${e.groupTitle}, 有 ${u.plural(e.groupCount, {
693
- one: () => `${u.number(e.groupCount)} 選項`,
694
- other: () => `${u.number(e.groupCount)} 選項`
695
- })}. `,
696
- other: ""
697
- }, e.isGroupChange)}${e.optionText}${u.select({
698
- true: ", 已選取",
699
- other: ""
700
- }, e.isSelected)}`,
701
- listboxLabel: "建議",
702
- selectedAnnouncement: (e) => `${e.optionText}, 已選取`
703
- };
704
- var Qe = {};
705
- Qe = {
706
- "ar-AE": me,
707
- "bg-BG": ve,
708
- "cs-CZ": Ae,
709
- "da-DK": Be,
710
- "de-DE": Ee,
711
- "el-GR": De,
712
- "en-US": Te,
713
- "es-ES": ye,
714
- "et-EE": Fe,
715
- "fi-FI": ge,
716
- "fr-FR": Se,
717
- "he-IL": ke,
718
- "hr-HR": Le,
719
- "hu-HU": Ie,
720
- "it-IT": Pe,
721
- "ja-JP": Ke,
722
- "ko-KR": Oe,
723
- "lt-LT": Re,
724
- "lv-LV": Ge,
725
- "nb-NO": Ve,
726
- "nl-NL": we,
727
- "pl-PL": Me,
728
- "pt-BR": je,
729
- "pt-PT": ze,
730
- "ro-RO": Ne,
731
- "ru-RU": Ue,
732
- "sk-SK": _e,
733
- "sl-SI": qe,
734
- "sr-SP": We,
735
- "sv-SE": Ze,
736
- "tr-TR": He,
737
- "uk-UA": Xe,
738
- "zh-CN": Je,
739
- "zh-TW": Ye
740
- };
741
- function Zu(e) {
742
- return e && e.__esModule ? e.default : e;
743
- }
744
- function Hu(e, u) {
745
- let { buttonRef: c, popoverRef: b, inputRef: l, listBoxRef: d, keyboardDelegate: f, layoutDelegate: C, shouldFocusWrap: h, isReadOnly: g, isDisabled: z } = e, v = m(null);
746
- c = c ?? v;
747
- let A = _u(Zu(Qe), "@react-aria/combobox"), { menuTriggerProps: B, menuProps: T } = Su({
748
- type: "listbox",
749
- isDisabled: z || g
750
- }, u, c);
751
- Du.set(u, {
752
- id: T.id
753
- });
754
- let { collection: x } = u, { disabledKeys: y } = u.selectionManager, t = ee(() => f || new Uu({
755
- collection: x,
756
- disabledKeys: y,
757
- ref: d,
758
- layoutDelegate: C
759
- }), [
760
- f,
761
- C,
762
- x,
763
- y,
764
- d
765
- ]), { collectionProps: R } = wu({
766
- selectionManager: u.selectionManager,
767
- keyboardDelegate: t,
768
- disallowTypeAhead: !0,
769
- disallowEmptySelection: !0,
770
- shouldFocusWrap: h,
771
- ref: l,
772
- // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
773
- isVirtualized: !0
774
- }), ue = iu(), ne = (n) => {
775
- if (!n.nativeEvent.isComposing)
776
- switch (n.key) {
777
- case "Enter":
778
- case "Tab":
779
- if (u.isOpen && n.key === "Enter" && n.preventDefault(), u.isOpen && d.current && u.selectionManager.focusedKey != null && u.selectionManager.isLink(u.selectionManager.focusedKey)) {
780
- let i = d.current.querySelector(`[data-key="${CSS.escape(u.selectionManager.focusedKey.toString())}"]`);
781
- if (n.key === "Enter" && i instanceof HTMLAnchorElement) {
782
- let p = u.collection.getItem(u.selectionManager.focusedKey);
783
- p && ue.open(i, n, p.props.href, p.props.routerOptions);
784
- }
785
- u.close();
786
- } else u.commit();
787
- break;
788
- case "Escape":
789
- (u.selectedKey !== null || u.inputValue === "" || e.allowsCustomValue) && n.continuePropagation(), u.revert();
790
- break;
791
- case "ArrowDown":
792
- u.open("first", "manual");
793
- break;
794
- case "ArrowUp":
795
- u.open("last", "manual");
796
- break;
797
- case "ArrowLeft":
798
- case "ArrowRight":
799
- u.selectionManager.setFocusedKey(null);
800
- break;
801
- }
802
- }, G = (n) => {
803
- var i;
804
- let p = (c == null ? void 0 : c.current) && c.current === n.relatedTarget, I = (i = b.current) === null || i === void 0 ? void 0 : i.contains(n.relatedTarget);
805
- p || I || (e.onBlur && e.onBlur(n), u.setFocused(!1));
806
- }, N = (n) => {
807
- u.isFocused || (e.onFocus && e.onFocus(n), u.setFocused(!0));
808
- }, { isInvalid: U, validationErrors: s, validationDetails: _ } = u.displayValidation, { labelProps: E, inputProps: D, descriptionProps: Z, errorMessageProps: oe } = vu({
809
- ...e,
810
- onChange: u.setInputValue,
811
- onKeyDown: g ? e.onKeyDown : cu(u.isOpen && R.onKeyDown, ne, e.onKeyDown),
812
- onBlur: G,
813
- value: u.inputValue,
814
- onFocus: N,
815
- autoComplete: "off",
816
- validate: void 0,
817
- [Cu]: u
818
- }, l), V = (n) => {
819
- if (n.pointerType === "touch") {
820
- var i;
821
- (i = l.current) === null || i === void 0 || i.focus(), u.toggle(null, "manual");
822
- }
823
- }, H = (n) => {
824
- if (n.pointerType !== "touch") {
825
- var i;
826
- (i = l.current) === null || i === void 0 || i.focus(), u.toggle(n.pointerType === "keyboard" || n.pointerType === "virtual" ? "first" : null, "manual");
827
- }
828
- }, $ = Ce({
829
- id: B.id,
830
- "aria-label": A.format("buttonLabel"),
831
- "aria-labelledby": e["aria-labelledby"] || E.id
832
- }), S = Ce({
833
- id: T.id,
834
- "aria-label": A.format("listboxLabel"),
835
- "aria-labelledby": e["aria-labelledby"] || E.id
836
- }), P = m(0), w = (n) => {
837
- if (z || g) return;
838
- if (n.timeStamp - P.current < 500) {
839
- var i;
840
- n.preventDefault(), (i = l.current) === null || i === void 0 || i.focus();
841
- return;
842
- }
843
- let p = n.target.getBoundingClientRect(), I = n.changedTouches[0], ie = Math.ceil(p.left + 0.5 * p.width), de = Math.ceil(p.top + 0.5 * p.height);
844
- if (I.clientX === ie && I.clientY === de) {
845
- var ce;
846
- n.preventDefault(), (ce = l.current) === null || ce === void 0 || ce.focus(), u.toggle(null, "manual"), P.current = n.timeStamp;
847
- }
848
- }, F = u.selectionManager.focusedKey != null && u.isOpen ? u.collection.getItem(u.selectionManager.focusedKey) : void 0;
849
- var k;
850
- let K = (k = F == null ? void 0 : F.parentKey) !== null && k !== void 0 ? k : null;
851
- var M;
852
- let O = (M = u.selectionManager.focusedKey) !== null && M !== void 0 ? M : null, X = m(K), J = m(O);
853
- pe(() => {
854
- if (re() && F != null && O != null && O !== J.current) {
855
- let i = u.selectionManager.isSelected(O), p = K != null ? u.collection.getItem(K) : null, I = (p == null ? void 0 : p["aria-label"]) || (typeof (p == null ? void 0 : p.rendered) == "string" ? p.rendered : "") || "";
856
- var n;
857
- let ie = A.format("focusAnnouncement", {
858
- isGroupChange: (n = p && K !== X.current) !== null && n !== void 0 ? n : !1,
859
- groupTitle: I,
860
- groupCount: p ? [
861
- ...he(p, u.collection)
862
- ].length : 0,
863
- optionText: F["aria-label"] || F.textValue || "",
864
- isSelected: i
865
- });
866
- $e(ie);
867
- }
868
- X.current = K, J.current = O;
869
- });
870
- let L = Nu(u.collection), Y = m(L), te = m(u.isOpen);
871
- pe(() => {
872
- let n = u.isOpen !== te.current && (u.selectionManager.focusedKey == null || re());
873
- if (u.isOpen && (n || L !== Y.current)) {
874
- let i = A.format("countAnnouncement", {
875
- optionCount: L
876
- });
877
- $e(i);
878
- }
879
- Y.current = L, te.current = u.isOpen;
880
- });
881
- let le = m(u.selectedKey);
882
- return pe(() => {
883
- if (re() && u.isFocused && u.selectedItem && u.selectedKey !== le.current) {
884
- let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", i = A.format("selectedAnnouncement", {
885
- optionText: n
886
- });
887
- $e(i);
888
- }
889
- le.current = u.selectedKey;
890
- }), pe(() => {
891
- if (u.isOpen) return ku([
892
- l.current,
893
- b.current
894
- ].filter((n) => n != null));
895
- }, [
896
- u.isOpen,
897
- l,
898
- b
899
- ]), {
900
- labelProps: E,
901
- buttonProps: {
902
- ...B,
903
- ...$,
904
- excludeFromTabOrder: !0,
905
- preventFocusOnPress: !0,
906
- onPress: V,
907
- onPressStart: H,
908
- isDisabled: z || g
909
- },
910
- inputProps: ae(D, {
911
- role: "combobox",
912
- "aria-expanded": B["aria-expanded"],
913
- "aria-controls": u.isOpen ? T.id : void 0,
914
- // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
915
- "aria-autocomplete": "list",
916
- "aria-activedescendant": F ? Tu(u, F.key) : void 0,
917
- onTouchEnd: w,
918
- // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
919
- autoCorrect: "off",
920
- // This disable's the macOS Safari spell check auto corrections.
921
- spellCheck: "false"
922
- }),
923
- listBoxProps: ae(T, S, {
924
- autoFocus: u.focusStrategy,
925
- shouldUseVirtualFocus: !0,
926
- shouldSelectOnPressUp: !0,
927
- shouldFocusOnHover: !0,
928
- linkBehavior: "selection"
929
- }),
930
- descriptionProps: Z,
931
- errorMessageProps: oe,
932
- isInvalid: U,
933
- validationErrors: s,
934
- validationDetails: _
935
- };
936
- }
937
- function Xu(e) {
938
- var u;
939
- let { defaultFilter: c, menuTrigger: b = "input", allowsEmptyCollection: l = !1, allowsCustomValue: d, shouldCloseOnBlur: f = !0 } = e, [C, h] = Q(!1), [g, z] = Q(!1), [v, A] = Q(null), B = (o) => {
940
- e.onSelectionChange && e.onSelectionChange(o), o === t && (O(), k());
941
- };
942
- var T;
943
- let { collection: x, selectionManager: y, selectedKey: t, setSelectedKey: R, selectedItem: ue, disabledKeys: ne } = Mu({
944
- ...e,
945
- onSelectionChange: B,
946
- items: (T = e.items) !== null && T !== void 0 ? T : e.defaultItems
947
- }), G = e.defaultInputValue;
948
- if (G == null) {
949
- var N, U;
950
- t == null ? G = "" : G = (U = (N = x.getItem(t)) === null || N === void 0 ? void 0 : N.textValue) !== null && U !== void 0 ? U : "";
951
- }
952
- let [s, _] = zu(e.inputValue, G, e.onInputChange), E = x, D = ee(() => (
953
- // No default filter if items are controlled.
954
- e.items != null || !c ? x : Ju(x, s, c)
955
- ), [
956
- x,
957
- s,
958
- c,
959
- e.items
960
- ]), [Z, oe] = Q(D), V = m("focus"), $ = Lu({
961
- ...e,
962
- onOpenChange: (o) => {
963
- e.onOpenChange && e.onOpenChange(o, o ? V.current : void 0), y.setFocused(o), o || y.setFocusedKey(null);
964
- },
965
- isOpen: void 0,
966
- defaultOpen: void 0
967
- }), S = (o = null, r) => {
968
- let a = r === "manual" || r === "focus" && b === "focus";
969
- (l || D.size > 0 || a && E.size > 0 || e.items) && (a && !$.isOpen && e.items === void 0 && h(!0), V.current = r, A(o), $.open());
970
- }, P = (o = null, r) => {
971
- let a = r === "manual" || r === "focus" && b === "focus";
972
- !(l || D.size > 0 || a && E.size > 0 || e.items) && !$.isOpen || (a && !$.isOpen && e.items === void 0 && h(!0), $.isOpen || (V.current = r), F(o));
973
- }, w = se(() => {
974
- oe(C ? E : D);
975
- }, [
976
- C,
977
- E,
978
- D
979
- ]), F = se((o = null) => {
980
- $.isOpen && w(), A(o), $.toggle();
981
- }, [
982
- $,
983
- w
984
- ]), k = se(() => {
985
- $.isOpen && (w(), $.close());
986
- }, [
987
- $,
988
- w
989
- ]), [K, M] = Q(s), O = () => {
990
- var o, r;
991
- let a = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
992
- M(a), _(a);
993
- };
994
- var X, J;
995
- let L = m((J = (X = e.selectedKey) !== null && X !== void 0 ? X : e.defaultSelectedKey) !== null && J !== void 0 ? J : null);
996
- var Y;
997
- let te = m(t != null && (Y = (u = x.getItem(t)) === null || u === void 0 ? void 0 : u.textValue) !== null && Y !== void 0 ? Y : "");
998
- pe(() => {
999
- var o;
1000
- g && (D.size > 0 || l) && !$.isOpen && s !== K && b !== "manual" && S(null, "input"), !C && !l && $.isOpen && D.size === 0 && k(), t != null && t !== L.current && k(), s !== K && (y.setFocusedKey(null), h(!1), s === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && R(null)), t !== L.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? O() : K !== s && M(s);
1001
- var r;
1002
- let a = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
1003
- !g && t != null && e.inputValue === void 0 && t === L.current && te.current !== a && (M(a), _(a)), L.current = t, te.current = a;
1004
- });
1005
- let le = xu({
1006
- ...e,
1007
- value: ee(() => ({
1008
- inputValue: s,
1009
- selectedKey: t
1010
- }), [
1011
- s,
1012
- t
1013
- ])
1014
- }), n = () => {
1015
- d && t == null ? i() : p();
1016
- }, i = () => {
1017
- L.current = null, R(null), k();
1018
- }, p = () => {
1019
- if (e.selectedKey !== void 0 && e.inputValue !== void 0) {
1020
- var o, r;
1021
- (o = e.onSelectionChange) === null || o === void 0 || o.call(e, t);
1022
- var a;
1023
- let nu = t != null && (a = (r = x.getItem(t)) === null || r === void 0 ? void 0 : r.textValue) !== null && a !== void 0 ? a : "";
1024
- M(nu), k();
1025
- } else
1026
- O(), k();
1027
- };
1028
- const I = () => {
1029
- if (d) {
1030
- var o, r;
1031
- const a = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
1032
- s === a ? p() : i();
1033
- } else
1034
- p();
1035
- };
1036
- let ie = () => {
1037
- $.isOpen && y.focusedKey != null ? t === y.focusedKey ? p() : R(y.focusedKey) : I();
1038
- }, de = m(s), ce = (o) => {
1039
- o ? (de.current = s, b === "focus" && !e.isReadOnly && S(null, "focus")) : (f && I(), s !== de.current && le.commitValidation()), z(o);
1040
- }, uu = ee(() => $.isOpen ? C ? E : D : Z, [
1041
- $.isOpen,
1042
- E,
1043
- D,
1044
- C,
1045
- Z
1046
- ]);
1047
- return {
1048
- ...le,
1049
- ...$,
1050
- focusStrategy: v,
1051
- toggle: P,
1052
- open: S,
1053
- close: I,
1054
- selectionManager: y,
1055
- selectedKey: t,
1056
- setSelectedKey: R,
1057
- disabledKeys: ne,
1058
- isFocused: g,
1059
- setFocused: ce,
1060
- selectedItem: ue,
1061
- collection: uu,
1062
- inputValue: s,
1063
- setInputValue: _,
1064
- commit: ie,
1065
- revert: n
1066
- };
1067
- }
1068
- function Ju(e, u, c) {
1069
- return new ju(eu(e, e, u, c));
1070
- }
1071
- function eu(e, u, c, b) {
1072
- let l = [];
1073
- for (let d of u)
1074
- if (d.type === "section" && d.hasChildNodes) {
1075
- let f = eu(e, he(d, e), c, b);
1076
- [
1077
- ...f
1078
- ].some((C) => C.type === "item") && l.push({
1079
- ...d,
1080
- childNodes: f
1081
- });
1082
- } else d.type === "item" && b(d.textValue, c) ? l.push({
1083
- ...d
1084
- }) : d.type !== "item" && l.push({
1085
- ...d
1086
- });
1087
- return l;
1088
- }
1089
- const Yu = /* @__PURE__ */ xe(null), Qu = /* @__PURE__ */ xe(null), en = /* @__PURE__ */ ou(function(u, c) {
1090
- [u, c] = pu(u, c, Yu);
1091
- let { children: b, isDisabled: l = !1, isInvalid: d = !1, isRequired: f = !1 } = u, C = ee(() => {
1092
- var h;
1093
- return /* @__PURE__ */ W.createElement(fe.Provider, {
1094
- value: {
1095
- items: (h = u.items) !== null && h !== void 0 ? h : u.defaultItems
1096
- }
1097
- }, typeof b == "function" ? b({
1098
- isOpen: !1,
1099
- isDisabled: l,
1100
- isInvalid: d,
1101
- isRequired: f,
1102
- defaultChildren: null
1103
- }) : b);
1104
- }, [
1105
- b,
1106
- l,
1107
- d,
1108
- f,
1109
- u.items,
1110
- u.defaultItems
1111
- ]);
1112
- return /* @__PURE__ */ W.createElement(Gu, {
1113
- content: C
1114
- }, (h) => /* @__PURE__ */ W.createElement(un, {
1115
- props: u,
1116
- collection: h,
1117
- comboBoxRef: c
1118
- }));
1119
- });
1120
- function un({ props: e, collection: u, comboBoxRef: c }) {
1121
- let { name: b, formValue: l = "key", allowsCustomValue: d } = e;
1122
- d && (l = "text");
1123
- let { validationBehavior: f } = du(fu) || {};
1124
- var C, h;
1125
- let g = (h = (C = e.validationBehavior) !== null && C !== void 0 ? C : f) !== null && h !== void 0 ? h : "native", { contains: z } = Vu({
1126
- sensitivity: "base"
1127
- }), v = Xu({
1128
- defaultFilter: e.defaultFilter || z,
1129
- ...e,
1130
- // If props.items isn't provided, rely on collection filtering (aka listbox.items is provided or defaultItems provided to Combobox)
1131
- items: e.items,
1132
- children: void 0,
1133
- collection: u,
1134
- validationBehavior: g
1135
- }), A = m(null), B = m(null), T = m(null), x = m(null), [y, t] = su(), { buttonProps: R, inputProps: ue, listBoxProps: ne, labelProps: G, descriptionProps: N, errorMessageProps: U, ...s } = Hu({
1136
- ...$u(e),
1137
- label: t,
1138
- inputRef: B,
1139
- buttonRef: A,
1140
- listBoxRef: T,
1141
- popoverRef: x,
1142
- name: l === "text" ? b : void 0,
1143
- validationBehavior: g
1144
- }, v), [_, E] = Q(null), D = se(() => {
1145
- if (B.current) {
1146
- var $;
1147
- let S = ($ = A.current) === null || $ === void 0 ? void 0 : $.getBoundingClientRect(), P = B.current.getBoundingClientRect(), w = S ? Math.min(S.left, P.left) : P.left, F = S ? Math.max(S.right, P.right) : P.right;
1148
- E(F - w + "px");
1149
- }
1150
- }, [
1151
- A,
1152
- B,
1153
- E
1154
- ]);
1155
- Iu({
1156
- ref: B,
1157
- onResize: D
1158
- });
1159
- let Z = ee(() => ({
1160
- isOpen: v.isOpen,
1161
- isDisabled: e.isDisabled || !1,
1162
- isInvalid: s.isInvalid || !1,
1163
- isRequired: e.isRequired || !1
1164
- }), [
1165
- v.isOpen,
1166
- e.isDisabled,
1167
- s.isInvalid,
1168
- e.isRequired
1169
- ]), oe = ru({
1170
- ...e,
1171
- values: Z,
1172
- defaultClassName: "react-aria-ComboBox"
1173
- }), V = bu(e);
1174
- delete V.id;
1175
- var H;
1176
- return /* @__PURE__ */ W.createElement(au, {
1177
- values: [
1178
- [
1179
- Qu,
1180
- v
1181
- ],
1182
- [
1183
- Eu,
1184
- {
1185
- ...G,
1186
- ref: y
1187
- }
1188
- ],
1189
- [
1190
- tu,
1191
- {
1192
- ...R,
1193
- ref: A,
1194
- isPressed: v.isOpen
1195
- }
1196
- ],
1197
- [
1198
- Au,
1199
- {
1200
- ...ue,
1201
- ref: B
1202
- }
1203
- ],
1204
- [
1205
- Pu,
1206
- v
1207
- ],
1208
- [
1209
- Ku,
1210
- {
1211
- ref: x,
1212
- triggerRef: B,
1213
- scrollRef: T,
1214
- placement: "bottom start",
1215
- isNonModal: !0,
1216
- trigger: "ComboBox",
1217
- style: {
1218
- "--trigger-width": _
1219
- }
1220
- }
1221
- ],
1222
- [
1223
- fe,
1224
- {
1225
- ...ne,
1226
- ref: T
1227
- }
1228
- ],
1229
- [
1230
- yu,
1231
- v
1232
- ],
1233
- [
1234
- Ru,
1235
- {
1236
- slots: {
1237
- description: N,
1238
- errorMessage: U
1239
- }
1240
- }
1241
- ],
1242
- [
1243
- mu,
1244
- {
1245
- isInvalid: s.isInvalid,
1246
- isDisabled: e.isDisabled || !1
1247
- }
1248
- ],
1249
- [
1250
- hu,
1251
- s
1252
- ]
1253
- ]
1254
- }, /* @__PURE__ */ W.createElement("div", {
1255
- ...V,
1256
- ...oe,
1257
- ref: c,
1258
- slot: e.slot || void 0,
1259
- "data-focused": v.isFocused || void 0,
1260
- "data-open": v.isOpen || void 0,
1261
- "data-disabled": e.isDisabled || void 0,
1262
- "data-invalid": s.isInvalid || void 0,
1263
- "data-required": e.isRequired || void 0
1264
- }), b && l === "key" && /* @__PURE__ */ W.createElement("input", {
1265
- type: "hidden",
1266
- name: b,
1267
- value: (H = v.selectedKey) !== null && H !== void 0 ? H : ""
1268
- }));
1269
- }
1270
- const nn = '"../theme/tokens.css"', on = '"Inter", sans-serif', tn = "#000000", ln = "#b31b1b", cn = "(max-width: 767px)", pn = "#bfbfbf", dn = "#e6e6e6", sn = "#f2f2f2", $n = "0 0 0 2px #ffffff, 0 0 0 4px #000000", rn = "#f2f2f2", bn = "_input_1ek0k_4", an = "_combobox_1ek0k_33", Cn = "_text_1ek0k_49", xn = "_wrap_1ek0k_54", fn = "_button_1ek0k_59", hn = "_icon_1ek0k_77", mn = "_popover_1ek0k_83", vn = "_fieldError_1ek0k_91", An = "_listBoxItem_1ek0k_102", q = {
1271
- tokens: nn,
1272
- display: on,
1273
- black: tn,
1274
- signalRed130: ln,
1275
- smBreakpoint: cn,
1276
- gray50: pn,
1277
- gray20: dn,
1278
- gray10: sn,
1279
- focus: $n,
1280
- backgroundSecondary: rn,
1281
- input: bn,
1282
- combobox: an,
1283
- text: Cn,
1284
- wrap: xn,
1285
- button: fn,
1286
- icon: hn,
1287
- popover: mn,
1288
- fieldError: vn,
1289
- listBoxItem: An
1290
- };
1291
- function _n({
1292
- label: e,
1293
- description: u,
1294
- errorMessage: c,
1295
- children: b,
1296
- items: l,
1297
- ...d
1298
- }) {
1299
- const f = W.useRef(null);
1300
- return /* @__PURE__ */ be(
1301
- en,
1302
- {
1303
- className: q.combobox,
1304
- ref: f,
1305
- ...d,
1306
- children: [
1307
- /* @__PURE__ */ j(
1308
- qu,
1309
- {
1310
- label: e,
1311
- description: u,
1312
- errorMessage: c,
1313
- children: /* @__PURE__ */ be("div", { className: q.wrap, children: [
1314
- /* @__PURE__ */ j(Bu, { className: q.input }),
1315
- /* @__PURE__ */ j(
1316
- lu,
1317
- {
1318
- className: q.button,
1319
- "aria-label": "Visa lista",
1320
- children: /* @__PURE__ */ j(
1321
- "div",
1322
- {
1323
- className: q.icon,
1324
- "aria-hidden": "true",
1325
- children: /* @__PURE__ */ j(
1326
- Wu,
1327
- {
1328
- size: 20,
1329
- "aria-hidden": !0
1330
- }
1331
- )
1332
- }
1333
- )
1334
- }
1335
- )
1336
- ] })
1337
- }
1338
- ),
1339
- /* @__PURE__ */ j(
1340
- Ou,
1341
- {
1342
- className: q.popover,
1343
- offset: 0,
1344
- UNSTABLE_portalContainer: f.current || void 0,
1345
- children: /* @__PURE__ */ j(Fu, { items: l, children: b })
1346
- }
1347
- )
1348
- ]
1349
- }
1350
- );
1351
- }
1352
- function qn(e) {
1353
- return /* @__PURE__ */ j(
1354
- gu,
1355
- {
1356
- className: q.listBoxItem,
1357
- ...e
1358
- }
1359
- );
1360
- }
1361
- export {
1362
- _n as ComboBox,
1363
- qn as ComboBoxItem
1364
- };