@terreno/ui 0.0.15 → 0.0.16

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