@terreno/ui 0.0.15 → 0.0.17

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 (173) hide show
  1. package/dist/Button.js +7 -9
  2. package/dist/Button.js.map +1 -1
  3. package/dist/Common.d.ts +39 -0
  4. package/dist/DateUtilities.js +2 -2
  5. package/dist/UserInactivity.d.ts +28 -0
  6. package/dist/UserInactivity.js +100 -0
  7. package/dist/UserInactivity.js.map +1 -0
  8. package/dist/index.d.ts +1 -0
  9. package/dist/index.js +1 -0
  10. package/dist/index.js.map +1 -1
  11. package/package.json +1 -1
  12. package/src/ActionSheet.test.tsx +77 -0
  13. package/src/Banner.test.tsx +106 -0
  14. package/src/Body.test.tsx +79 -0
  15. package/src/BooleanField.test.tsx +84 -0
  16. package/src/Button.test.tsx +160 -0
  17. package/src/Button.tsx +20 -37
  18. package/src/Card.test.tsx +61 -0
  19. package/src/CheckBox.test.tsx +53 -0
  20. package/src/Common.ts +45 -0
  21. package/src/CustomSelectField.test.tsx +85 -0
  22. package/src/DataTable.test.tsx +133 -0
  23. package/src/DateTimeActionSheet.test.tsx +65 -0
  24. package/src/DateUtilities.tsx +2 -2
  25. package/src/DecimalRangeActionSheet.test.tsx +46 -0
  26. package/src/DismissButton.test.tsx +49 -0
  27. package/src/EmailField.test.tsx +106 -0
  28. package/src/ErrorBoundary.test.tsx +44 -0
  29. package/src/ErrorPage.test.tsx +44 -0
  30. package/src/Field.test.tsx +128 -0
  31. package/src/Heading.test.tsx +66 -0
  32. package/src/HeightActionSheet.test.tsx +34 -0
  33. package/src/Hyperlink.test.tsx +52 -0
  34. package/src/Icon.test.tsx +61 -0
  35. package/src/IconButton.test.tsx +145 -0
  36. package/src/Image.test.tsx +65 -0
  37. package/src/ImageBackground.test.tsx +46 -0
  38. package/src/InfoModalIcon.test.tsx +54 -0
  39. package/src/InfoTooltipButton.test.tsx +22 -0
  40. package/src/Link.test.tsx +64 -0
  41. package/src/MarkdownView.test.tsx +50 -0
  42. package/src/MobileAddressAutoComplete.test.tsx +58 -0
  43. package/src/Modal.test.tsx +169 -0
  44. package/src/ModalSheet.test.tsx +52 -0
  45. package/src/MultiselectField.test.tsx +134 -0
  46. package/src/NumberField.test.tsx +133 -0
  47. package/src/NumberPickerActionSheet.test.tsx +46 -0
  48. package/src/OpenAPIContext.test.tsx +36 -0
  49. package/src/Page.test.tsx +128 -0
  50. package/src/Pagination.test.tsx +86 -0
  51. package/src/PasswordField.test.tsx +17 -0
  52. package/src/PhoneNumberField.test.tsx +79 -0
  53. package/src/PickerSelect.test.tsx +52 -0
  54. package/src/Radio.test.tsx +30 -0
  55. package/src/RadioField.test.tsx +89 -0
  56. package/src/SectionDivider.test.tsx +17 -0
  57. package/src/SegmentedControl.test.tsx +84 -0
  58. package/src/SelectBadge.test.tsx +103 -0
  59. package/src/SelectField.test.tsx +84 -0
  60. package/src/SideDrawer.test.tsx +99 -0
  61. package/src/Signature.test.tsx +32 -0
  62. package/src/SignatureField.test.tsx +60 -0
  63. package/src/Spinner.test.tsx +74 -0
  64. package/src/SplitPage.test.tsx +82 -0
  65. package/src/TapToEdit.test.tsx +147 -0
  66. package/src/TerrenoProvider.test.tsx +36 -0
  67. package/src/Text.test.tsx +147 -0
  68. package/src/Theme.test.tsx +153 -0
  69. package/src/TimezonePicker.test.tsx +57 -0
  70. package/src/Toast.test.tsx +82 -0
  71. package/src/Tooltip.test.tsx +89 -0
  72. package/src/UnifiedAddressAutoComplete.test.tsx +53 -0
  73. package/src/UserInactivity.test.tsx +96 -0
  74. package/src/UserInactivity.tsx +129 -0
  75. package/src/Utilities.test.tsx +237 -0
  76. package/src/WebAddressAutocomplete.test.tsx +33 -0
  77. package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
  78. package/src/__snapshots__/Banner.test.tsx.snap +546 -0
  79. package/src/__snapshots__/Body.test.tsx.snap +685 -0
  80. package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
  81. package/src/__snapshots__/Button.test.tsx.snap +934 -0
  82. package/src/__snapshots__/Card.test.tsx.snap +195 -0
  83. package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
  84. package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
  85. package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
  86. package/src/__snapshots__/DateTimeActionSheet.test.tsx.snap +11 -0
  87. package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
  88. package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
  89. package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
  90. package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
  91. package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
  92. package/src/__snapshots__/Field.test.tsx.snap +4510 -0
  93. package/src/__snapshots__/Heading.test.tsx.snap +193 -0
  94. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
  95. package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
  96. package/src/__snapshots__/Icon.test.tsx.snap +47 -0
  97. package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
  98. package/src/__snapshots__/Image.test.tsx.snap +282 -0
  99. package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
  100. package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
  101. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
  102. package/src/__snapshots__/Link.test.tsx.snap +41 -0
  103. package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
  104. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +230 -0
  105. package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
  106. package/src/__snapshots__/ModalSheet.test.tsx.snap +37 -0
  107. package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
  108. package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
  109. package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
  110. package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
  111. package/src/__snapshots__/Page.test.tsx.snap +1647 -0
  112. package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
  113. package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
  114. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
  115. package/src/__snapshots__/PickerSelect.test.tsx.snap +1053 -0
  116. package/src/__snapshots__/Radio.test.tsx.snap +111 -0
  117. package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
  118. package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
  119. package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
  120. package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
  121. package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
  122. package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
  123. package/src/__snapshots__/Signature.test.tsx.snap +67 -0
  124. package/src/__snapshots__/SignatureField.test.tsx.snap +241 -0
  125. package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
  126. package/src/__snapshots__/SplitPage.test.tsx.snap +686 -0
  127. package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
  128. package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
  129. package/src/__snapshots__/Text.test.tsx.snap +558 -0
  130. package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
  131. package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
  132. package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
  133. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +377 -0
  134. package/src/__snapshots__/UserInactivity.test.tsx.snap +108 -0
  135. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +238 -0
  136. package/src/bunSetup.ts +101 -8
  137. package/src/fieldElements/FieldError.test.tsx +40 -0
  138. package/src/fieldElements/FieldHelperText.test.tsx +34 -0
  139. package/src/fieldElements/FieldTitle.test.tsx +30 -0
  140. package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
  141. package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
  142. package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
  143. package/src/icons/MobileIcon.test.tsx +21 -0
  144. package/src/icons/OfflineIcon.test.tsx +21 -0
  145. package/src/icons/OnlineIcon.test.tsx +21 -0
  146. package/src/icons/OutOfficeIcon.test.tsx +21 -0
  147. package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
  148. package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
  149. package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
  150. package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
  151. package/src/index.tsx +1 -0
  152. package/src/table/Table.test.tsx +107 -0
  153. package/src/table/TableBadge.test.tsx +53 -0
  154. package/src/table/TableBoolean.test.tsx +38 -0
  155. package/src/table/TableDate.test.tsx +27 -0
  156. package/src/table/TableHeader.test.tsx +67 -0
  157. package/src/table/TableHeaderCell.test.tsx +113 -0
  158. package/src/table/TableIconButton.test.tsx +51 -0
  159. package/src/table/TableNumber.test.tsx +45 -0
  160. package/src/table/TableRow.test.tsx +83 -0
  161. package/src/table/TableText.test.tsx +30 -0
  162. package/src/table/TableTitle.test.tsx +30 -0
  163. package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
  164. package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
  165. package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
  166. package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
  167. package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
  168. package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
  169. package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
  170. package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
  171. package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
  172. package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
  173. package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/src/__snapshots__/MultiselectField.test.tsx.snap ADDED
@@ -0,0 +1,1454 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`MultiselectField renders correctly with default props 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ "Select items",
11
+ ],
12
+ "props": {
13
+ "numberOfLines": 0,
14
+ "style": {
15
+ "color": "#1C1C1C",
16
+ "fontFamily": "heading-semibold",
17
+ "fontSize": 14,
18
+ },
19
+ "testID": undefined,
20
+ },
21
+ "type": "Text",
22
+ },
23
+ {
24
+ "$$typeof": Symbol(react.test.json),
25
+ "children": [
26
+ {
27
+ "$$typeof": Symbol(react.test.json),
28
+ "children": [
29
+ {
30
+ "$$typeof": Symbol(react.test.json),
31
+ "children": [
32
+ {
33
+ "$$typeof": Symbol(react.test.json),
34
+ "children": [
35
+ "Option A",
36
+ ],
37
+ "props": {
38
+ "numberOfLines": 0,
39
+ "selectable": undefined,
40
+ "style": {
41
+ "color": "#1C1C1C",
42
+ "fontFamily": "text-regular",
43
+ "fontSize": 14,
44
+ "textAlign": "left",
45
+ },
46
+ "testID": undefined,
47
+ },
48
+ "type": "Text",
49
+ },
50
+ ],
51
+ "props": {},
52
+ "type": "View",
53
+ },
54
+ ],
55
+ "props": {
56
+ "style": {
57
+ "flex": 1,
58
+ "flexWrap": "wrap",
59
+ },
60
+ "testID": undefined,
61
+ },
62
+ "type": "View",
63
+ },
64
+ {
65
+ "$$typeof": Symbol(react.test.json),
66
+ "children": [
67
+ {
68
+ "$$typeof": Symbol(react.test.json),
69
+ "children": [
70
+ {
71
+ "$$typeof": Symbol(react.test.json),
72
+ "children": null,
73
+ "props": {
74
+ "style": {
75
+ "alignItems": "center",
76
+ "backgroundColor": "transparent",
77
+ "borderColor": "#0A7092",
78
+ "borderRadius": 3,
79
+ "borderWidth": 1,
80
+ "height": 16,
81
+ "justifyContent": "center",
82
+ "width": 16,
83
+ },
84
+ "testID": undefined,
85
+ },
86
+ "type": "View",
87
+ },
88
+ ],
89
+ "props": {
90
+ "style": {
91
+ "paddingEnd": 0,
92
+ "paddingStart": 8,
93
+ },
94
+ "testID": undefined,
95
+ },
96
+ "type": "View",
97
+ },
98
+ ],
99
+ "props": {
100
+ "accessibilityHint": "Select Option A from list of options",
101
+ "aria-label": "Option A",
102
+ "aria-role": "checkbox",
103
+ "hitSlop": {
104
+ "bottom": 10,
105
+ "left": 10,
106
+ "right": 10,
107
+ "top": 10,
108
+ },
109
+ "onPress": [Function],
110
+ "style": {
111
+ "justifyContent": "center",
112
+ },
113
+ },
114
+ "type": "TouchableOpacity",
115
+ },
116
+ ],
117
+ "props": {
118
+ "style": {
119
+ "display": "flex",
120
+ "flexDirection": "row",
121
+ "justifyContent": "space-between",
122
+ },
123
+ "testID": undefined,
124
+ },
125
+ "type": "View",
126
+ },
127
+ {
128
+ "$$typeof": Symbol(react.test.json),
129
+ "children": [
130
+ {
131
+ "$$typeof": Symbol(react.test.json),
132
+ "children": [
133
+ {
134
+ "$$typeof": Symbol(react.test.json),
135
+ "children": [
136
+ {
137
+ "$$typeof": Symbol(react.test.json),
138
+ "children": [
139
+ "Option B",
140
+ ],
141
+ "props": {
142
+ "numberOfLines": 0,
143
+ "selectable": undefined,
144
+ "style": {
145
+ "color": "#1C1C1C",
146
+ "fontFamily": "text-regular",
147
+ "fontSize": 14,
148
+ "textAlign": "left",
149
+ },
150
+ "testID": undefined,
151
+ },
152
+ "type": "Text",
153
+ },
154
+ ],
155
+ "props": {},
156
+ "type": "View",
157
+ },
158
+ ],
159
+ "props": {
160
+ "style": {
161
+ "flex": 1,
162
+ "flexWrap": "wrap",
163
+ },
164
+ "testID": undefined,
165
+ },
166
+ "type": "View",
167
+ },
168
+ {
169
+ "$$typeof": Symbol(react.test.json),
170
+ "children": [
171
+ {
172
+ "$$typeof": Symbol(react.test.json),
173
+ "children": [
174
+ {
175
+ "$$typeof": Symbol(react.test.json),
176
+ "children": null,
177
+ "props": {
178
+ "style": {
179
+ "alignItems": "center",
180
+ "backgroundColor": "transparent",
181
+ "borderColor": "#0A7092",
182
+ "borderRadius": 3,
183
+ "borderWidth": 1,
184
+ "height": 16,
185
+ "justifyContent": "center",
186
+ "width": 16,
187
+ },
188
+ "testID": undefined,
189
+ },
190
+ "type": "View",
191
+ },
192
+ ],
193
+ "props": {
194
+ "style": {
195
+ "paddingEnd": 0,
196
+ "paddingStart": 8,
197
+ },
198
+ "testID": undefined,
199
+ },
200
+ "type": "View",
201
+ },
202
+ ],
203
+ "props": {
204
+ "accessibilityHint": "Select Option B from list of options",
205
+ "aria-label": "Option B",
206
+ "aria-role": "checkbox",
207
+ "hitSlop": {
208
+ "bottom": 10,
209
+ "left": 10,
210
+ "right": 10,
211
+ "top": 10,
212
+ },
213
+ "onPress": [Function],
214
+ "style": {
215
+ "justifyContent": "center",
216
+ },
217
+ },
218
+ "type": "TouchableOpacity",
219
+ },
220
+ ],
221
+ "props": {
222
+ "style": {
223
+ "display": "flex",
224
+ "flexDirection": "row",
225
+ "justifyContent": "space-between",
226
+ },
227
+ "testID": undefined,
228
+ },
229
+ "type": "View",
230
+ },
231
+ {
232
+ "$$typeof": Symbol(react.test.json),
233
+ "children": [
234
+ {
235
+ "$$typeof": Symbol(react.test.json),
236
+ "children": [
237
+ {
238
+ "$$typeof": Symbol(react.test.json),
239
+ "children": [
240
+ {
241
+ "$$typeof": Symbol(react.test.json),
242
+ "children": [
243
+ "Option C",
244
+ ],
245
+ "props": {
246
+ "numberOfLines": 0,
247
+ "selectable": undefined,
248
+ "style": {
249
+ "color": "#1C1C1C",
250
+ "fontFamily": "text-regular",
251
+ "fontSize": 14,
252
+ "textAlign": "left",
253
+ },
254
+ "testID": undefined,
255
+ },
256
+ "type": "Text",
257
+ },
258
+ ],
259
+ "props": {},
260
+ "type": "View",
261
+ },
262
+ ],
263
+ "props": {
264
+ "style": {
265
+ "flex": 1,
266
+ "flexWrap": "wrap",
267
+ },
268
+ "testID": undefined,
269
+ },
270
+ "type": "View",
271
+ },
272
+ {
273
+ "$$typeof": Symbol(react.test.json),
274
+ "children": [
275
+ {
276
+ "$$typeof": Symbol(react.test.json),
277
+ "children": [
278
+ {
279
+ "$$typeof": Symbol(react.test.json),
280
+ "children": null,
281
+ "props": {
282
+ "style": {
283
+ "alignItems": "center",
284
+ "backgroundColor": "transparent",
285
+ "borderColor": "#0A7092",
286
+ "borderRadius": 3,
287
+ "borderWidth": 1,
288
+ "height": 16,
289
+ "justifyContent": "center",
290
+ "width": 16,
291
+ },
292
+ "testID": undefined,
293
+ },
294
+ "type": "View",
295
+ },
296
+ ],
297
+ "props": {
298
+ "style": {
299
+ "paddingEnd": 0,
300
+ "paddingStart": 8,
301
+ },
302
+ "testID": undefined,
303
+ },
304
+ "type": "View",
305
+ },
306
+ ],
307
+ "props": {
308
+ "accessibilityHint": "Select Option C from list of options",
309
+ "aria-label": "Option C",
310
+ "aria-role": "checkbox",
311
+ "hitSlop": {
312
+ "bottom": 10,
313
+ "left": 10,
314
+ "right": 10,
315
+ "top": 10,
316
+ },
317
+ "onPress": [Function],
318
+ "style": {
319
+ "justifyContent": "center",
320
+ },
321
+ },
322
+ "type": "TouchableOpacity",
323
+ },
324
+ ],
325
+ "props": {
326
+ "style": {
327
+ "display": "flex",
328
+ "flexDirection": "row",
329
+ "justifyContent": "space-between",
330
+ },
331
+ "testID": undefined,
332
+ },
333
+ "type": "View",
334
+ },
335
+ ],
336
+ "props": {
337
+ "accessibilityHint": "Contains a prompt and list of options to select",
338
+ "aria-label": "Select items",
339
+ "aria-role": "combobox",
340
+ "style": {
341
+ "display": "flex",
342
+ "gap": 8,
343
+ "width": "100%",
344
+ },
345
+ "testID": undefined,
346
+ },
347
+ "type": "View",
348
+ }
349
+ `;
350
+
351
+ exports[`MultiselectField shows selected options 1`] = `
352
+ {
353
+ "$$typeof": Symbol(react.test.json),
354
+ "children": [
355
+ {
356
+ "$$typeof": Symbol(react.test.json),
357
+ "children": [
358
+ "Title",
359
+ ],
360
+ "props": {
361
+ "numberOfLines": 0,
362
+ "style": {
363
+ "color": "#1C1C1C",
364
+ "fontFamily": "heading-semibold",
365
+ "fontSize": 14,
366
+ },
367
+ "testID": undefined,
368
+ },
369
+ "type": "Text",
370
+ },
371
+ {
372
+ "$$typeof": Symbol(react.test.json),
373
+ "children": [
374
+ {
375
+ "$$typeof": Symbol(react.test.json),
376
+ "children": [
377
+ {
378
+ "$$typeof": Symbol(react.test.json),
379
+ "children": [
380
+ {
381
+ "$$typeof": Symbol(react.test.json),
382
+ "children": [
383
+ "Option A",
384
+ ],
385
+ "props": {
386
+ "numberOfLines": 0,
387
+ "selectable": undefined,
388
+ "style": {
389
+ "color": "#1C1C1C",
390
+ "fontFamily": "text-regular",
391
+ "fontSize": 14,
392
+ "textAlign": "left",
393
+ },
394
+ "testID": undefined,
395
+ },
396
+ "type": "Text",
397
+ },
398
+ ],
399
+ "props": {},
400
+ "type": "View",
401
+ },
402
+ ],
403
+ "props": {
404
+ "style": {
405
+ "flex": 1,
406
+ "flexWrap": "wrap",
407
+ },
408
+ "testID": undefined,
409
+ },
410
+ "type": "View",
411
+ },
412
+ {
413
+ "$$typeof": Symbol(react.test.json),
414
+ "children": [
415
+ {
416
+ "$$typeof": Symbol(react.test.json),
417
+ "children": [
418
+ {
419
+ "$$typeof": Symbol(react.test.json),
420
+ "children": null,
421
+ "props": {
422
+ "style": {
423
+ "alignItems": "center",
424
+ "backgroundColor": "#0A7092",
425
+ "borderColor": "#0A7092",
426
+ "borderRadius": 3,
427
+ "borderWidth": 1,
428
+ "height": 16,
429
+ "justifyContent": "center",
430
+ "width": 16,
431
+ },
432
+ "testID": undefined,
433
+ },
434
+ "type": "View",
435
+ },
436
+ ],
437
+ "props": {
438
+ "style": {
439
+ "paddingEnd": 0,
440
+ "paddingStart": 8,
441
+ },
442
+ "testID": undefined,
443
+ },
444
+ "type": "View",
445
+ },
446
+ ],
447
+ "props": {
448
+ "accessibilityHint": "Select Option A from list of options",
449
+ "aria-label": "Option A",
450
+ "aria-role": "checkbox",
451
+ "hitSlop": {
452
+ "bottom": 10,
453
+ "left": 10,
454
+ "right": 10,
455
+ "top": 10,
456
+ },
457
+ "onPress": [Function],
458
+ "style": {
459
+ "justifyContent": "center",
460
+ },
461
+ },
462
+ "type": "TouchableOpacity",
463
+ },
464
+ ],
465
+ "props": {
466
+ "style": {
467
+ "display": "flex",
468
+ "flexDirection": "row",
469
+ "justifyContent": "space-between",
470
+ },
471
+ "testID": undefined,
472
+ },
473
+ "type": "View",
474
+ },
475
+ {
476
+ "$$typeof": Symbol(react.test.json),
477
+ "children": [
478
+ {
479
+ "$$typeof": Symbol(react.test.json),
480
+ "children": [
481
+ {
482
+ "$$typeof": Symbol(react.test.json),
483
+ "children": [
484
+ {
485
+ "$$typeof": Symbol(react.test.json),
486
+ "children": [
487
+ "Option B",
488
+ ],
489
+ "props": {
490
+ "numberOfLines": 0,
491
+ "selectable": undefined,
492
+ "style": {
493
+ "color": "#1C1C1C",
494
+ "fontFamily": "text-regular",
495
+ "fontSize": 14,
496
+ "textAlign": "left",
497
+ },
498
+ "testID": undefined,
499
+ },
500
+ "type": "Text",
501
+ },
502
+ ],
503
+ "props": {},
504
+ "type": "View",
505
+ },
506
+ ],
507
+ "props": {
508
+ "style": {
509
+ "flex": 1,
510
+ "flexWrap": "wrap",
511
+ },
512
+ "testID": undefined,
513
+ },
514
+ "type": "View",
515
+ },
516
+ {
517
+ "$$typeof": Symbol(react.test.json),
518
+ "children": [
519
+ {
520
+ "$$typeof": Symbol(react.test.json),
521
+ "children": [
522
+ {
523
+ "$$typeof": Symbol(react.test.json),
524
+ "children": null,
525
+ "props": {
526
+ "style": {
527
+ "alignItems": "center",
528
+ "backgroundColor": "transparent",
529
+ "borderColor": "#0A7092",
530
+ "borderRadius": 3,
531
+ "borderWidth": 1,
532
+ "height": 16,
533
+ "justifyContent": "center",
534
+ "width": 16,
535
+ },
536
+ "testID": undefined,
537
+ },
538
+ "type": "View",
539
+ },
540
+ ],
541
+ "props": {
542
+ "style": {
543
+ "paddingEnd": 0,
544
+ "paddingStart": 8,
545
+ },
546
+ "testID": undefined,
547
+ },
548
+ "type": "View",
549
+ },
550
+ ],
551
+ "props": {
552
+ "accessibilityHint": "Select Option B from list of options",
553
+ "aria-label": "Option B",
554
+ "aria-role": "checkbox",
555
+ "hitSlop": {
556
+ "bottom": 10,
557
+ "left": 10,
558
+ "right": 10,
559
+ "top": 10,
560
+ },
561
+ "onPress": [Function],
562
+ "style": {
563
+ "justifyContent": "center",
564
+ },
565
+ },
566
+ "type": "TouchableOpacity",
567
+ },
568
+ ],
569
+ "props": {
570
+ "style": {
571
+ "display": "flex",
572
+ "flexDirection": "row",
573
+ "justifyContent": "space-between",
574
+ },
575
+ "testID": undefined,
576
+ },
577
+ "type": "View",
578
+ },
579
+ {
580
+ "$$typeof": Symbol(react.test.json),
581
+ "children": [
582
+ {
583
+ "$$typeof": Symbol(react.test.json),
584
+ "children": [
585
+ {
586
+ "$$typeof": Symbol(react.test.json),
587
+ "children": [
588
+ {
589
+ "$$typeof": Symbol(react.test.json),
590
+ "children": [
591
+ "Option C",
592
+ ],
593
+ "props": {
594
+ "numberOfLines": 0,
595
+ "selectable": undefined,
596
+ "style": {
597
+ "color": "#1C1C1C",
598
+ "fontFamily": "text-regular",
599
+ "fontSize": 14,
600
+ "textAlign": "left",
601
+ },
602
+ "testID": undefined,
603
+ },
604
+ "type": "Text",
605
+ },
606
+ ],
607
+ "props": {},
608
+ "type": "View",
609
+ },
610
+ ],
611
+ "props": {
612
+ "style": {
613
+ "flex": 1,
614
+ "flexWrap": "wrap",
615
+ },
616
+ "testID": undefined,
617
+ },
618
+ "type": "View",
619
+ },
620
+ {
621
+ "$$typeof": Symbol(react.test.json),
622
+ "children": [
623
+ {
624
+ "$$typeof": Symbol(react.test.json),
625
+ "children": [
626
+ {
627
+ "$$typeof": Symbol(react.test.json),
628
+ "children": null,
629
+ "props": {
630
+ "style": {
631
+ "alignItems": "center",
632
+ "backgroundColor": "#0A7092",
633
+ "borderColor": "#0A7092",
634
+ "borderRadius": 3,
635
+ "borderWidth": 1,
636
+ "height": 16,
637
+ "justifyContent": "center",
638
+ "width": 16,
639
+ },
640
+ "testID": undefined,
641
+ },
642
+ "type": "View",
643
+ },
644
+ ],
645
+ "props": {
646
+ "style": {
647
+ "paddingEnd": 0,
648
+ "paddingStart": 8,
649
+ },
650
+ "testID": undefined,
651
+ },
652
+ "type": "View",
653
+ },
654
+ ],
655
+ "props": {
656
+ "accessibilityHint": "Select Option C from list of options",
657
+ "aria-label": "Option C",
658
+ "aria-role": "checkbox",
659
+ "hitSlop": {
660
+ "bottom": 10,
661
+ "left": 10,
662
+ "right": 10,
663
+ "top": 10,
664
+ },
665
+ "onPress": [Function],
666
+ "style": {
667
+ "justifyContent": "center",
668
+ },
669
+ },
670
+ "type": "TouchableOpacity",
671
+ },
672
+ ],
673
+ "props": {
674
+ "style": {
675
+ "display": "flex",
676
+ "flexDirection": "row",
677
+ "justifyContent": "space-between",
678
+ },
679
+ "testID": undefined,
680
+ },
681
+ "type": "View",
682
+ },
683
+ ],
684
+ "props": {
685
+ "accessibilityHint": "Contains a prompt and list of options to select",
686
+ "aria-label": "Title",
687
+ "aria-role": "combobox",
688
+ "style": {
689
+ "display": "flex",
690
+ "gap": 8,
691
+ "width": "100%",
692
+ },
693
+ "testID": undefined,
694
+ },
695
+ "type": "View",
696
+ }
697
+ `;
698
+
699
+ exports[`MultiselectField renders with leftText variant (default) 1`] = `
700
+ {
701
+ "$$typeof": Symbol(react.test.json),
702
+ "children": [
703
+ {
704
+ "$$typeof": Symbol(react.test.json),
705
+ "children": [
706
+ "Title",
707
+ ],
708
+ "props": {
709
+ "numberOfLines": 0,
710
+ "style": {
711
+ "color": "#1C1C1C",
712
+ "fontFamily": "heading-semibold",
713
+ "fontSize": 14,
714
+ },
715
+ "testID": undefined,
716
+ },
717
+ "type": "Text",
718
+ },
719
+ {
720
+ "$$typeof": Symbol(react.test.json),
721
+ "children": [
722
+ {
723
+ "$$typeof": Symbol(react.test.json),
724
+ "children": [
725
+ {
726
+ "$$typeof": Symbol(react.test.json),
727
+ "children": [
728
+ {
729
+ "$$typeof": Symbol(react.test.json),
730
+ "children": [
731
+ "Option A",
732
+ ],
733
+ "props": {
734
+ "numberOfLines": 0,
735
+ "selectable": undefined,
736
+ "style": {
737
+ "color": "#1C1C1C",
738
+ "fontFamily": "text-regular",
739
+ "fontSize": 14,
740
+ "textAlign": "left",
741
+ },
742
+ "testID": undefined,
743
+ },
744
+ "type": "Text",
745
+ },
746
+ ],
747
+ "props": {},
748
+ "type": "View",
749
+ },
750
+ ],
751
+ "props": {
752
+ "style": {
753
+ "flex": 1,
754
+ "flexWrap": "wrap",
755
+ },
756
+ "testID": undefined,
757
+ },
758
+ "type": "View",
759
+ },
760
+ {
761
+ "$$typeof": Symbol(react.test.json),
762
+ "children": [
763
+ {
764
+ "$$typeof": Symbol(react.test.json),
765
+ "children": [
766
+ {
767
+ "$$typeof": Symbol(react.test.json),
768
+ "children": null,
769
+ "props": {
770
+ "style": {
771
+ "alignItems": "center",
772
+ "backgroundColor": "transparent",
773
+ "borderColor": "#0A7092",
774
+ "borderRadius": 3,
775
+ "borderWidth": 1,
776
+ "height": 16,
777
+ "justifyContent": "center",
778
+ "width": 16,
779
+ },
780
+ "testID": undefined,
781
+ },
782
+ "type": "View",
783
+ },
784
+ ],
785
+ "props": {
786
+ "style": {
787
+ "paddingEnd": 0,
788
+ "paddingStart": 8,
789
+ },
790
+ "testID": undefined,
791
+ },
792
+ "type": "View",
793
+ },
794
+ ],
795
+ "props": {
796
+ "accessibilityHint": "Select Option A from list of options",
797
+ "aria-label": "Option A",
798
+ "aria-role": "checkbox",
799
+ "hitSlop": {
800
+ "bottom": 10,
801
+ "left": 10,
802
+ "right": 10,
803
+ "top": 10,
804
+ },
805
+ "onPress": [Function],
806
+ "style": {
807
+ "justifyContent": "center",
808
+ },
809
+ },
810
+ "type": "TouchableOpacity",
811
+ },
812
+ ],
813
+ "props": {
814
+ "style": {
815
+ "display": "flex",
816
+ "flexDirection": "row",
817
+ "justifyContent": "space-between",
818
+ },
819
+ "testID": undefined,
820
+ },
821
+ "type": "View",
822
+ },
823
+ {
824
+ "$$typeof": Symbol(react.test.json),
825
+ "children": [
826
+ {
827
+ "$$typeof": Symbol(react.test.json),
828
+ "children": [
829
+ {
830
+ "$$typeof": Symbol(react.test.json),
831
+ "children": [
832
+ {
833
+ "$$typeof": Symbol(react.test.json),
834
+ "children": [
835
+ "Option B",
836
+ ],
837
+ "props": {
838
+ "numberOfLines": 0,
839
+ "selectable": undefined,
840
+ "style": {
841
+ "color": "#1C1C1C",
842
+ "fontFamily": "text-regular",
843
+ "fontSize": 14,
844
+ "textAlign": "left",
845
+ },
846
+ "testID": undefined,
847
+ },
848
+ "type": "Text",
849
+ },
850
+ ],
851
+ "props": {},
852
+ "type": "View",
853
+ },
854
+ ],
855
+ "props": {
856
+ "style": {
857
+ "flex": 1,
858
+ "flexWrap": "wrap",
859
+ },
860
+ "testID": undefined,
861
+ },
862
+ "type": "View",
863
+ },
864
+ {
865
+ "$$typeof": Symbol(react.test.json),
866
+ "children": [
867
+ {
868
+ "$$typeof": Symbol(react.test.json),
869
+ "children": [
870
+ {
871
+ "$$typeof": Symbol(react.test.json),
872
+ "children": null,
873
+ "props": {
874
+ "style": {
875
+ "alignItems": "center",
876
+ "backgroundColor": "transparent",
877
+ "borderColor": "#0A7092",
878
+ "borderRadius": 3,
879
+ "borderWidth": 1,
880
+ "height": 16,
881
+ "justifyContent": "center",
882
+ "width": 16,
883
+ },
884
+ "testID": undefined,
885
+ },
886
+ "type": "View",
887
+ },
888
+ ],
889
+ "props": {
890
+ "style": {
891
+ "paddingEnd": 0,
892
+ "paddingStart": 8,
893
+ },
894
+ "testID": undefined,
895
+ },
896
+ "type": "View",
897
+ },
898
+ ],
899
+ "props": {
900
+ "accessibilityHint": "Select Option B from list of options",
901
+ "aria-label": "Option B",
902
+ "aria-role": "checkbox",
903
+ "hitSlop": {
904
+ "bottom": 10,
905
+ "left": 10,
906
+ "right": 10,
907
+ "top": 10,
908
+ },
909
+ "onPress": [Function],
910
+ "style": {
911
+ "justifyContent": "center",
912
+ },
913
+ },
914
+ "type": "TouchableOpacity",
915
+ },
916
+ ],
917
+ "props": {
918
+ "style": {
919
+ "display": "flex",
920
+ "flexDirection": "row",
921
+ "justifyContent": "space-between",
922
+ },
923
+ "testID": undefined,
924
+ },
925
+ "type": "View",
926
+ },
927
+ {
928
+ "$$typeof": Symbol(react.test.json),
929
+ "children": [
930
+ {
931
+ "$$typeof": Symbol(react.test.json),
932
+ "children": [
933
+ {
934
+ "$$typeof": Symbol(react.test.json),
935
+ "children": [
936
+ {
937
+ "$$typeof": Symbol(react.test.json),
938
+ "children": [
939
+ "Option C",
940
+ ],
941
+ "props": {
942
+ "numberOfLines": 0,
943
+ "selectable": undefined,
944
+ "style": {
945
+ "color": "#1C1C1C",
946
+ "fontFamily": "text-regular",
947
+ "fontSize": 14,
948
+ "textAlign": "left",
949
+ },
950
+ "testID": undefined,
951
+ },
952
+ "type": "Text",
953
+ },
954
+ ],
955
+ "props": {},
956
+ "type": "View",
957
+ },
958
+ ],
959
+ "props": {
960
+ "style": {
961
+ "flex": 1,
962
+ "flexWrap": "wrap",
963
+ },
964
+ "testID": undefined,
965
+ },
966
+ "type": "View",
967
+ },
968
+ {
969
+ "$$typeof": Symbol(react.test.json),
970
+ "children": [
971
+ {
972
+ "$$typeof": Symbol(react.test.json),
973
+ "children": [
974
+ {
975
+ "$$typeof": Symbol(react.test.json),
976
+ "children": null,
977
+ "props": {
978
+ "style": {
979
+ "alignItems": "center",
980
+ "backgroundColor": "transparent",
981
+ "borderColor": "#0A7092",
982
+ "borderRadius": 3,
983
+ "borderWidth": 1,
984
+ "height": 16,
985
+ "justifyContent": "center",
986
+ "width": 16,
987
+ },
988
+ "testID": undefined,
989
+ },
990
+ "type": "View",
991
+ },
992
+ ],
993
+ "props": {
994
+ "style": {
995
+ "paddingEnd": 0,
996
+ "paddingStart": 8,
997
+ },
998
+ "testID": undefined,
999
+ },
1000
+ "type": "View",
1001
+ },
1002
+ ],
1003
+ "props": {
1004
+ "accessibilityHint": "Select Option C from list of options",
1005
+ "aria-label": "Option C",
1006
+ "aria-role": "checkbox",
1007
+ "hitSlop": {
1008
+ "bottom": 10,
1009
+ "left": 10,
1010
+ "right": 10,
1011
+ "top": 10,
1012
+ },
1013
+ "onPress": [Function],
1014
+ "style": {
1015
+ "justifyContent": "center",
1016
+ },
1017
+ },
1018
+ "type": "TouchableOpacity",
1019
+ },
1020
+ ],
1021
+ "props": {
1022
+ "style": {
1023
+ "display": "flex",
1024
+ "flexDirection": "row",
1025
+ "justifyContent": "space-between",
1026
+ },
1027
+ "testID": undefined,
1028
+ },
1029
+ "type": "View",
1030
+ },
1031
+ ],
1032
+ "props": {
1033
+ "accessibilityHint": "Contains a prompt and list of options to select",
1034
+ "aria-label": "Title",
1035
+ "aria-role": "combobox",
1036
+ "style": {
1037
+ "display": "flex",
1038
+ "gap": 8,
1039
+ "width": "100%",
1040
+ },
1041
+ "testID": undefined,
1042
+ },
1043
+ "type": "View",
1044
+ }
1045
+ `;
1046
+
1047
+ exports[`MultiselectField renders with rightText variant 1`] = `
1048
+ {
1049
+ "$$typeof": Symbol(react.test.json),
1050
+ "children": [
1051
+ {
1052
+ "$$typeof": Symbol(react.test.json),
1053
+ "children": [
1054
+ "Title",
1055
+ ],
1056
+ "props": {
1057
+ "numberOfLines": 0,
1058
+ "style": {
1059
+ "color": "#1C1C1C",
1060
+ "fontFamily": "heading-semibold",
1061
+ "fontSize": 14,
1062
+ },
1063
+ "testID": undefined,
1064
+ },
1065
+ "type": "Text",
1066
+ },
1067
+ {
1068
+ "$$typeof": Symbol(react.test.json),
1069
+ "children": [
1070
+ {
1071
+ "$$typeof": Symbol(react.test.json),
1072
+ "children": [
1073
+ {
1074
+ "$$typeof": Symbol(react.test.json),
1075
+ "children": [
1076
+ {
1077
+ "$$typeof": Symbol(react.test.json),
1078
+ "children": [
1079
+ "Option A",
1080
+ ],
1081
+ "props": {
1082
+ "numberOfLines": 0,
1083
+ "selectable": undefined,
1084
+ "style": {
1085
+ "color": "#1C1C1C",
1086
+ "fontFamily": "text-regular",
1087
+ "fontSize": 14,
1088
+ "textAlign": "left",
1089
+ },
1090
+ "testID": undefined,
1091
+ },
1092
+ "type": "Text",
1093
+ },
1094
+ ],
1095
+ "props": {},
1096
+ "type": "View",
1097
+ },
1098
+ ],
1099
+ "props": {
1100
+ "style": {
1101
+ "flex": 1,
1102
+ "flexWrap": "wrap",
1103
+ },
1104
+ "testID": undefined,
1105
+ },
1106
+ "type": "View",
1107
+ },
1108
+ {
1109
+ "$$typeof": Symbol(react.test.json),
1110
+ "children": [
1111
+ {
1112
+ "$$typeof": Symbol(react.test.json),
1113
+ "children": [
1114
+ {
1115
+ "$$typeof": Symbol(react.test.json),
1116
+ "children": null,
1117
+ "props": {
1118
+ "style": {
1119
+ "alignItems": "center",
1120
+ "backgroundColor": "transparent",
1121
+ "borderColor": "#0A7092",
1122
+ "borderRadius": 3,
1123
+ "borderWidth": 1,
1124
+ "height": 16,
1125
+ "justifyContent": "center",
1126
+ "width": 16,
1127
+ },
1128
+ "testID": undefined,
1129
+ },
1130
+ "type": "View",
1131
+ },
1132
+ ],
1133
+ "props": {
1134
+ "style": {
1135
+ "paddingEnd": 8,
1136
+ "paddingStart": 0,
1137
+ },
1138
+ "testID": undefined,
1139
+ },
1140
+ "type": "View",
1141
+ },
1142
+ ],
1143
+ "props": {
1144
+ "accessibilityHint": "Select Option A from list of options",
1145
+ "aria-label": "Option A",
1146
+ "aria-role": "checkbox",
1147
+ "hitSlop": {
1148
+ "bottom": 10,
1149
+ "left": 10,
1150
+ "right": 10,
1151
+ "top": 10,
1152
+ },
1153
+ "onPress": [Function],
1154
+ "style": {
1155
+ "justifyContent": "center",
1156
+ },
1157
+ },
1158
+ "type": "TouchableOpacity",
1159
+ },
1160
+ ],
1161
+ "props": {
1162
+ "style": {
1163
+ "display": "flex",
1164
+ "flexDirection": "row-reverse",
1165
+ "justifyContent": "space-between",
1166
+ },
1167
+ "testID": undefined,
1168
+ },
1169
+ "type": "View",
1170
+ },
1171
+ {
1172
+ "$$typeof": Symbol(react.test.json),
1173
+ "children": [
1174
+ {
1175
+ "$$typeof": Symbol(react.test.json),
1176
+ "children": [
1177
+ {
1178
+ "$$typeof": Symbol(react.test.json),
1179
+ "children": [
1180
+ {
1181
+ "$$typeof": Symbol(react.test.json),
1182
+ "children": [
1183
+ "Option B",
1184
+ ],
1185
+ "props": {
1186
+ "numberOfLines": 0,
1187
+ "selectable": undefined,
1188
+ "style": {
1189
+ "color": "#1C1C1C",
1190
+ "fontFamily": "text-regular",
1191
+ "fontSize": 14,
1192
+ "textAlign": "left",
1193
+ },
1194
+ "testID": undefined,
1195
+ },
1196
+ "type": "Text",
1197
+ },
1198
+ ],
1199
+ "props": {},
1200
+ "type": "View",
1201
+ },
1202
+ ],
1203
+ "props": {
1204
+ "style": {
1205
+ "flex": 1,
1206
+ "flexWrap": "wrap",
1207
+ },
1208
+ "testID": undefined,
1209
+ },
1210
+ "type": "View",
1211
+ },
1212
+ {
1213
+ "$$typeof": Symbol(react.test.json),
1214
+ "children": [
1215
+ {
1216
+ "$$typeof": Symbol(react.test.json),
1217
+ "children": [
1218
+ {
1219
+ "$$typeof": Symbol(react.test.json),
1220
+ "children": null,
1221
+ "props": {
1222
+ "style": {
1223
+ "alignItems": "center",
1224
+ "backgroundColor": "transparent",
1225
+ "borderColor": "#0A7092",
1226
+ "borderRadius": 3,
1227
+ "borderWidth": 1,
1228
+ "height": 16,
1229
+ "justifyContent": "center",
1230
+ "width": 16,
1231
+ },
1232
+ "testID": undefined,
1233
+ },
1234
+ "type": "View",
1235
+ },
1236
+ ],
1237
+ "props": {
1238
+ "style": {
1239
+ "paddingEnd": 8,
1240
+ "paddingStart": 0,
1241
+ },
1242
+ "testID": undefined,
1243
+ },
1244
+ "type": "View",
1245
+ },
1246
+ ],
1247
+ "props": {
1248
+ "accessibilityHint": "Select Option B from list of options",
1249
+ "aria-label": "Option B",
1250
+ "aria-role": "checkbox",
1251
+ "hitSlop": {
1252
+ "bottom": 10,
1253
+ "left": 10,
1254
+ "right": 10,
1255
+ "top": 10,
1256
+ },
1257
+ "onPress": [Function],
1258
+ "style": {
1259
+ "justifyContent": "center",
1260
+ },
1261
+ },
1262
+ "type": "TouchableOpacity",
1263
+ },
1264
+ ],
1265
+ "props": {
1266
+ "style": {
1267
+ "display": "flex",
1268
+ "flexDirection": "row-reverse",
1269
+ "justifyContent": "space-between",
1270
+ },
1271
+ "testID": undefined,
1272
+ },
1273
+ "type": "View",
1274
+ },
1275
+ {
1276
+ "$$typeof": Symbol(react.test.json),
1277
+ "children": [
1278
+ {
1279
+ "$$typeof": Symbol(react.test.json),
1280
+ "children": [
1281
+ {
1282
+ "$$typeof": Symbol(react.test.json),
1283
+ "children": [
1284
+ {
1285
+ "$$typeof": Symbol(react.test.json),
1286
+ "children": [
1287
+ "Option C",
1288
+ ],
1289
+ "props": {
1290
+ "numberOfLines": 0,
1291
+ "selectable": undefined,
1292
+ "style": {
1293
+ "color": "#1C1C1C",
1294
+ "fontFamily": "text-regular",
1295
+ "fontSize": 14,
1296
+ "textAlign": "left",
1297
+ },
1298
+ "testID": undefined,
1299
+ },
1300
+ "type": "Text",
1301
+ },
1302
+ ],
1303
+ "props": {},
1304
+ "type": "View",
1305
+ },
1306
+ ],
1307
+ "props": {
1308
+ "style": {
1309
+ "flex": 1,
1310
+ "flexWrap": "wrap",
1311
+ },
1312
+ "testID": undefined,
1313
+ },
1314
+ "type": "View",
1315
+ },
1316
+ {
1317
+ "$$typeof": Symbol(react.test.json),
1318
+ "children": [
1319
+ {
1320
+ "$$typeof": Symbol(react.test.json),
1321
+ "children": [
1322
+ {
1323
+ "$$typeof": Symbol(react.test.json),
1324
+ "children": null,
1325
+ "props": {
1326
+ "style": {
1327
+ "alignItems": "center",
1328
+ "backgroundColor": "transparent",
1329
+ "borderColor": "#0A7092",
1330
+ "borderRadius": 3,
1331
+ "borderWidth": 1,
1332
+ "height": 16,
1333
+ "justifyContent": "center",
1334
+ "width": 16,
1335
+ },
1336
+ "testID": undefined,
1337
+ },
1338
+ "type": "View",
1339
+ },
1340
+ ],
1341
+ "props": {
1342
+ "style": {
1343
+ "paddingEnd": 8,
1344
+ "paddingStart": 0,
1345
+ },
1346
+ "testID": undefined,
1347
+ },
1348
+ "type": "View",
1349
+ },
1350
+ ],
1351
+ "props": {
1352
+ "accessibilityHint": "Select Option C from list of options",
1353
+ "aria-label": "Option C",
1354
+ "aria-role": "checkbox",
1355
+ "hitSlop": {
1356
+ "bottom": 10,
1357
+ "left": 10,
1358
+ "right": 10,
1359
+ "top": 10,
1360
+ },
1361
+ "onPress": [Function],
1362
+ "style": {
1363
+ "justifyContent": "center",
1364
+ },
1365
+ },
1366
+ "type": "TouchableOpacity",
1367
+ },
1368
+ ],
1369
+ "props": {
1370
+ "style": {
1371
+ "display": "flex",
1372
+ "flexDirection": "row-reverse",
1373
+ "justifyContent": "space-between",
1374
+ },
1375
+ "testID": undefined,
1376
+ },
1377
+ "type": "View",
1378
+ },
1379
+ ],
1380
+ "props": {
1381
+ "accessibilityHint": "Contains a prompt and list of options to select",
1382
+ "aria-label": "Title",
1383
+ "aria-role": "combobox",
1384
+ "style": {
1385
+ "display": "flex",
1386
+ "gap": 8,
1387
+ "width": "100%",
1388
+ },
1389
+ "testID": undefined,
1390
+ },
1391
+ "type": "View",
1392
+ }
1393
+ `;
1394
+
1395
+ exports[`MultiselectField renders disabled state 1`] = `
1396
+ {
1397
+ "$$typeof": Symbol(react.test.json),
1398
+ "children": [
1399
+ {
1400
+ "$$typeof": Symbol(react.test.json),
1401
+ "children": [
1402
+ "Title",
1403
+ ],
1404
+ "props": {
1405
+ "numberOfLines": 0,
1406
+ "style": {
1407
+ "color": "#1C1C1C",
1408
+ "fontFamily": "heading-semibold",
1409
+ "fontSize": 14,
1410
+ },
1411
+ "testID": undefined,
1412
+ },
1413
+ "type": "Text",
1414
+ },
1415
+ {
1416
+ "$$typeof": Symbol(react.test.json),
1417
+ "children": [
1418
+ {
1419
+ "$$typeof": Symbol(react.test.json),
1420
+ "children": [
1421
+ "a, b",
1422
+ ],
1423
+ "props": {
1424
+ "numberOfLines": 0,
1425
+ "selectable": undefined,
1426
+ "style": {
1427
+ "color": "#1C1C1C",
1428
+ "fontFamily": "text-regular",
1429
+ "fontSize": 14,
1430
+ "textAlign": "left",
1431
+ },
1432
+ "testID": undefined,
1433
+ },
1434
+ "type": "Text",
1435
+ },
1436
+ ],
1437
+ "props": {},
1438
+ "type": "View",
1439
+ },
1440
+ ],
1441
+ "props": {
1442
+ "accessibilityHint": "Contains a prompt and list of options to select",
1443
+ "aria-label": "Title",
1444
+ "aria-role": "combobox",
1445
+ "style": {
1446
+ "display": "flex",
1447
+ "gap": 8,
1448
+ "width": "100%",
1449
+ },
1450
+ "testID": undefined,
1451
+ },
1452
+ "type": "View",
1453
+ }
1454
+ `;