@terreno/ui 0.0.14 → 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 (156) hide show
  1. package/README.md +1 -1
  2. package/dist/Card.d.ts +1 -1
  3. package/dist/Card.js +2 -2
  4. package/dist/Card.js.map +1 -1
  5. package/dist/DateUtilities.js +2 -2
  6. package/package.json +1 -1
  7. package/src/ActionSheet.test.tsx +77 -0
  8. package/src/Banner.test.tsx +106 -0
  9. package/src/Body.test.tsx +79 -0
  10. package/src/BooleanField.test.tsx +84 -0
  11. package/src/Button.test.tsx +160 -0
  12. package/src/Card.test.tsx +61 -0
  13. package/src/Card.tsx +1 -2
  14. package/src/CheckBox.test.tsx +53 -0
  15. package/src/CustomSelectField.test.tsx +85 -0
  16. package/src/DataTable.test.tsx +133 -0
  17. package/src/DateTimeActionSheet.test.tsx +16 -0
  18. package/src/DateUtilities.tsx +2 -2
  19. package/src/DecimalRangeActionSheet.test.tsx +46 -0
  20. package/src/DismissButton.test.tsx +49 -0
  21. package/src/EmailField.test.tsx +106 -0
  22. package/src/ErrorBoundary.test.tsx +44 -0
  23. package/src/ErrorPage.test.tsx +44 -0
  24. package/src/Field.test.tsx +128 -0
  25. package/src/Heading.test.tsx +66 -0
  26. package/src/HeightActionSheet.test.tsx +34 -0
  27. package/src/Hyperlink.test.tsx +52 -0
  28. package/src/Icon.test.tsx +61 -0
  29. package/src/IconButton.test.tsx +145 -0
  30. package/src/Image.test.tsx +65 -0
  31. package/src/ImageBackground.test.tsx +46 -0
  32. package/src/InfoModalIcon.test.tsx +54 -0
  33. package/src/InfoTooltipButton.test.tsx +22 -0
  34. package/src/Link.test.tsx +64 -0
  35. package/src/MarkdownView.test.tsx +50 -0
  36. package/src/MobileAddressAutoComplete.test.tsx +15 -0
  37. package/src/Modal.test.tsx +169 -0
  38. package/src/ModalSheet.test.tsx +20 -0
  39. package/src/MultiselectField.test.tsx +134 -0
  40. package/src/NumberField.test.tsx +133 -0
  41. package/src/NumberPickerActionSheet.test.tsx +46 -0
  42. package/src/OpenAPIContext.test.tsx +36 -0
  43. package/src/Page.test.tsx +128 -0
  44. package/src/Pagination.test.tsx +86 -0
  45. package/src/PasswordField.test.tsx +17 -0
  46. package/src/PhoneNumberField.test.tsx +79 -0
  47. package/src/PickerSelect.test.tsx +16 -0
  48. package/src/Radio.test.tsx +30 -0
  49. package/src/RadioField.test.tsx +89 -0
  50. package/src/SectionDivider.test.tsx +17 -0
  51. package/src/SegmentedControl.test.tsx +84 -0
  52. package/src/SelectBadge.test.tsx +103 -0
  53. package/src/SelectField.test.tsx +84 -0
  54. package/src/SideDrawer.test.tsx +99 -0
  55. package/src/Signature.test.tsx +15 -0
  56. package/src/SignatureField.test.tsx +16 -0
  57. package/src/Spinner.test.tsx +74 -0
  58. package/src/SplitPage.test.tsx +15 -0
  59. package/src/TapToEdit.test.tsx +147 -0
  60. package/src/TerrenoProvider.test.tsx +36 -0
  61. package/src/Text.test.tsx +147 -0
  62. package/src/Theme.test.tsx +153 -0
  63. package/src/TimezonePicker.test.tsx +57 -0
  64. package/src/Toast.test.tsx +82 -0
  65. package/src/Tooltip.test.tsx +89 -0
  66. package/src/UnifiedAddressAutoComplete.test.tsx +15 -0
  67. package/src/Utilities.test.tsx +237 -0
  68. package/src/WebAddressAutocomplete.test.tsx +15 -0
  69. package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
  70. package/src/__snapshots__/Banner.test.tsx.snap +546 -0
  71. package/src/__snapshots__/Body.test.tsx.snap +685 -0
  72. package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
  73. package/src/__snapshots__/Button.test.tsx.snap +1281 -0
  74. package/src/__snapshots__/Card.test.tsx.snap +195 -0
  75. package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
  76. package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
  77. package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
  78. package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
  79. package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
  80. package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
  81. package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
  82. package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
  83. package/src/__snapshots__/Field.test.tsx.snap +4510 -0
  84. package/src/__snapshots__/Heading.test.tsx.snap +193 -0
  85. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
  86. package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
  87. package/src/__snapshots__/Icon.test.tsx.snap +47 -0
  88. package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
  89. package/src/__snapshots__/Image.test.tsx.snap +282 -0
  90. package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
  91. package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
  92. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
  93. package/src/__snapshots__/Link.test.tsx.snap +41 -0
  94. package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
  95. package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
  96. package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
  97. package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
  98. package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
  99. package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
  100. package/src/__snapshots__/Page.test.tsx.snap +1647 -0
  101. package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
  102. package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
  103. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
  104. package/src/__snapshots__/PickerSelect.test.tsx.snap +266 -0
  105. package/src/__snapshots__/Radio.test.tsx.snap +111 -0
  106. package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
  107. package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
  108. package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
  109. package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
  110. package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
  111. package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
  112. package/src/__snapshots__/SignatureField.test.tsx.snap +133 -0
  113. package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
  114. package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
  115. package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
  116. package/src/__snapshots__/Text.test.tsx.snap +558 -0
  117. package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
  118. package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
  119. package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
  120. package/src/bunSetup.ts +101 -8
  121. package/src/fieldElements/FieldError.test.tsx +40 -0
  122. package/src/fieldElements/FieldHelperText.test.tsx +34 -0
  123. package/src/fieldElements/FieldTitle.test.tsx +30 -0
  124. package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
  125. package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
  126. package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
  127. package/src/icons/MobileIcon.test.tsx +21 -0
  128. package/src/icons/OfflineIcon.test.tsx +21 -0
  129. package/src/icons/OnlineIcon.test.tsx +21 -0
  130. package/src/icons/OutOfficeIcon.test.tsx +21 -0
  131. package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
  132. package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
  133. package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
  134. package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
  135. package/src/table/Table.test.tsx +107 -0
  136. package/src/table/TableBadge.test.tsx +53 -0
  137. package/src/table/TableBoolean.test.tsx +38 -0
  138. package/src/table/TableDate.test.tsx +27 -0
  139. package/src/table/TableHeader.test.tsx +67 -0
  140. package/src/table/TableHeaderCell.test.tsx +113 -0
  141. package/src/table/TableIconButton.test.tsx +51 -0
  142. package/src/table/TableNumber.test.tsx +45 -0
  143. package/src/table/TableRow.test.tsx +83 -0
  144. package/src/table/TableText.test.tsx +30 -0
  145. package/src/table/TableTitle.test.tsx +30 -0
  146. package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
  147. package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
  148. package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
  149. package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
  150. package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
  151. package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
  152. package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
  153. package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
  154. package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
  155. package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
  156. package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/src/__snapshots__/SelectBadge.test.tsx.snap ADDED
@@ -0,0 +1,2377 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`SelectBadge 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": [
19
+ "Option A",
20
+ ],
21
+ "props": {
22
+ "style": {
23
+ "color": "#FFFFFF",
24
+ "fontFamily": "text",
25
+ "fontSize": 10,
26
+ "fontWeight": "700",
27
+ },
28
+ },
29
+ "type": "Text",
30
+ },
31
+ ],
32
+ "props": {
33
+ "style": {
34
+ "alignItems": "center",
35
+ "backgroundColor": "#2B6072",
36
+ "borderBottomLeftRadius": 4,
37
+ "borderColor": "#8FC1D2",
38
+ "borderTopLeftRadius": 4,
39
+ "borderWidth": 0,
40
+ "flexDirection": "row",
41
+ "height": 20,
42
+ "justifyContent": "center",
43
+ "paddingHorizontal": 8,
44
+ "width": "auto",
45
+ },
46
+ "testID": undefined,
47
+ },
48
+ "type": "View",
49
+ },
50
+ {
51
+ "$$typeof": Symbol(react.test.json),
52
+ "children": null,
53
+ "props": {
54
+ "style": {
55
+ "alignItems": "center",
56
+ "backgroundColor": "#2B6072",
57
+ "borderBottomRightRadius": 4,
58
+ "borderColor": "#FFFFFF",
59
+ "borderLeftWidth": 1,
60
+ "borderTopRightRadius": 4,
61
+ "borderWidth": 0,
62
+ "flexDirection": "row",
63
+ "height": 20,
64
+ "justifyContent": "center",
65
+ "paddingHorizontal": 4,
66
+ "paddingVertical": 1,
67
+ "width": "auto",
68
+ },
69
+ "testID": undefined,
70
+ },
71
+ "type": "View",
72
+ },
73
+ ],
74
+ "props": {
75
+ "style": {
76
+ "alignItems": "center",
77
+ "display": "flex",
78
+ "flexDirection": "row",
79
+ "height": 20,
80
+ "width": "auto",
81
+ },
82
+ "testID": undefined,
83
+ },
84
+ "type": "View",
85
+ },
86
+ ],
87
+ "props": {
88
+ "accessibilityHint": "Opens the options picker",
89
+ "accessibilityLabel": "Open select badge options",
90
+ "aria-role": "button",
91
+ "disabled": false,
92
+ "onPress": [Function],
93
+ },
94
+ "type": "TouchableOpacity",
95
+ },
96
+ {
97
+ "$$typeof": Symbol(react.test.json),
98
+ "children": [
99
+ {
100
+ "$$typeof": Symbol(react.test.json),
101
+ "children": [
102
+ {
103
+ "$$typeof": Symbol(react.test.json),
104
+ "children": null,
105
+ "props": {
106
+ "accessibilityHint": "Closes the picker modal",
107
+ "accessibilityLabel": "Dismiss picker modal",
108
+ "activeOpacity": 1,
109
+ "onPress": [Function],
110
+ "style": {
111
+ "flex": 1,
112
+ },
113
+ },
114
+ "type": "TouchableOpacity",
115
+ },
116
+ {
117
+ "$$typeof": Symbol(react.test.json),
118
+ "children": [
119
+ {
120
+ "$$typeof": Symbol(react.test.json),
121
+ "children": [
122
+ {
123
+ "$$typeof": Symbol(react.test.json),
124
+ "children": [
125
+ {
126
+ "$$typeof": Symbol(react.test.json),
127
+ "children": [
128
+ {
129
+ "$$typeof": Symbol(react.test.json),
130
+ "children": [
131
+ "Save",
132
+ ],
133
+ "props": {
134
+ "style": {
135
+ "color": "#007aff",
136
+ "fontSize": 17,
137
+ "fontWeight": "600",
138
+ "paddingTop": 1,
139
+ },
140
+ },
141
+ "type": "Text",
142
+ },
143
+ ],
144
+ "props": {
145
+ "style": undefined,
146
+ "testID": undefined,
147
+ },
148
+ "type": "View",
149
+ },
150
+ ],
151
+ "props": {
152
+ "accessibilityHint": "Saves the selected value",
153
+ "accessibilityLabel": "Save selected value",
154
+ "aria-role": "button",
155
+ "hitSlop": {
156
+ "bottom": 4,
157
+ "left": 4,
158
+ "right": 4,
159
+ "top": 4,
160
+ },
161
+ "onPress": [Function],
162
+ "style": {
163
+ "alignSelf": "flex-end",
164
+ "paddingRight": 12,
165
+ },
166
+ },
167
+ "type": "TouchableOpacity",
168
+ },
169
+ ],
170
+ "props": {
171
+ "style": {
172
+ "alignItems": "center",
173
+ "backgroundColor": "#f8f8f8",
174
+ "height": 45,
175
+ "justifyContent": "center",
176
+ "width": "100%",
177
+ },
178
+ "testID": undefined,
179
+ },
180
+ "type": "View",
181
+ },
182
+ {
183
+ "$$typeof": Symbol(react.test.json),
184
+ "children": [
185
+ {
186
+ "$$typeof": Symbol(react.test.json),
187
+ "children": null,
188
+ "props": {
189
+ "label": "Option A",
190
+ "value": "a",
191
+ },
192
+ "type": "Picker.Item",
193
+ },
194
+ {
195
+ "$$typeof": Symbol(react.test.json),
196
+ "children": null,
197
+ "props": {
198
+ "label": "Option B",
199
+ "value": "b",
200
+ },
201
+ "type": "Picker.Item",
202
+ },
203
+ {
204
+ "$$typeof": Symbol(react.test.json),
205
+ "children": null,
206
+ "props": {
207
+ "label": "Option C",
208
+ "value": "c",
209
+ },
210
+ "type": "Picker.Item",
211
+ },
212
+ ],
213
+ "props": {
214
+ "enabled": true,
215
+ "onValueChange": [Function],
216
+ "selectedValue": "a",
217
+ },
218
+ "type": "Picker",
219
+ },
220
+ ],
221
+ "props": {
222
+ "style": {
223
+ "backgroundColor": "#D9D9D9",
224
+ "borderTopColor": "#CDCDCD",
225
+ "borderTopWidth": 1,
226
+ "height": 215,
227
+ },
228
+ "testID": undefined,
229
+ },
230
+ "type": "View",
231
+ },
232
+ ],
233
+ "props": {
234
+ "style": {
235
+ "flex": 1,
236
+ "justifyContent": "flex-end",
237
+ },
238
+ "testID": undefined,
239
+ },
240
+ "type": "View",
241
+ },
242
+ ],
243
+ "props": {
244
+ "animationType": "slide",
245
+ "onRequestClose": [Function],
246
+ "supportedOrientations": [
247
+ "portrait",
248
+ "landscape",
249
+ ],
250
+ "transparent": true,
251
+ "visible": false,
252
+ },
253
+ "type": "Modal",
254
+ },
255
+ ],
256
+ "props": {
257
+ "style": {
258
+ "alignItems": "flex-start",
259
+ "opacity": 1,
260
+ },
261
+ "testID": undefined,
262
+ },
263
+ "type": "View",
264
+ }
265
+ `;
266
+
267
+ exports[`SelectBadge renders with info status (default) 1`] = `
268
+ {
269
+ "$$typeof": Symbol(react.test.json),
270
+ "children": [
271
+ {
272
+ "$$typeof": Symbol(react.test.json),
273
+ "children": [
274
+ {
275
+ "$$typeof": Symbol(react.test.json),
276
+ "children": [
277
+ {
278
+ "$$typeof": Symbol(react.test.json),
279
+ "children": [
280
+ {
281
+ "$$typeof": Symbol(react.test.json),
282
+ "children": [
283
+ "Option A",
284
+ ],
285
+ "props": {
286
+ "style": {
287
+ "color": "#FFFFFF",
288
+ "fontFamily": "text",
289
+ "fontSize": 10,
290
+ "fontWeight": "700",
291
+ },
292
+ },
293
+ "type": "Text",
294
+ },
295
+ ],
296
+ "props": {
297
+ "style": {
298
+ "alignItems": "center",
299
+ "backgroundColor": "#2B6072",
300
+ "borderBottomLeftRadius": 4,
301
+ "borderColor": "#8FC1D2",
302
+ "borderTopLeftRadius": 4,
303
+ "borderWidth": 0,
304
+ "flexDirection": "row",
305
+ "height": 20,
306
+ "justifyContent": "center",
307
+ "paddingHorizontal": 8,
308
+ "width": "auto",
309
+ },
310
+ "testID": undefined,
311
+ },
312
+ "type": "View",
313
+ },
314
+ {
315
+ "$$typeof": Symbol(react.test.json),
316
+ "children": null,
317
+ "props": {
318
+ "style": {
319
+ "alignItems": "center",
320
+ "backgroundColor": "#2B6072",
321
+ "borderBottomRightRadius": 4,
322
+ "borderColor": "#FFFFFF",
323
+ "borderLeftWidth": 1,
324
+ "borderTopRightRadius": 4,
325
+ "borderWidth": 0,
326
+ "flexDirection": "row",
327
+ "height": 20,
328
+ "justifyContent": "center",
329
+ "paddingHorizontal": 4,
330
+ "paddingVertical": 1,
331
+ "width": "auto",
332
+ },
333
+ "testID": undefined,
334
+ },
335
+ "type": "View",
336
+ },
337
+ ],
338
+ "props": {
339
+ "style": {
340
+ "alignItems": "center",
341
+ "display": "flex",
342
+ "flexDirection": "row",
343
+ "height": 20,
344
+ "width": "auto",
345
+ },
346
+ "testID": undefined,
347
+ },
348
+ "type": "View",
349
+ },
350
+ ],
351
+ "props": {
352
+ "accessibilityHint": "Opens the options picker",
353
+ "accessibilityLabel": "Open select badge options",
354
+ "aria-role": "button",
355
+ "disabled": false,
356
+ "onPress": [Function],
357
+ },
358
+ "type": "TouchableOpacity",
359
+ },
360
+ {
361
+ "$$typeof": Symbol(react.test.json),
362
+ "children": [
363
+ {
364
+ "$$typeof": Symbol(react.test.json),
365
+ "children": [
366
+ {
367
+ "$$typeof": Symbol(react.test.json),
368
+ "children": null,
369
+ "props": {
370
+ "accessibilityHint": "Closes the picker modal",
371
+ "accessibilityLabel": "Dismiss picker modal",
372
+ "activeOpacity": 1,
373
+ "onPress": [Function],
374
+ "style": {
375
+ "flex": 1,
376
+ },
377
+ },
378
+ "type": "TouchableOpacity",
379
+ },
380
+ {
381
+ "$$typeof": Symbol(react.test.json),
382
+ "children": [
383
+ {
384
+ "$$typeof": Symbol(react.test.json),
385
+ "children": [
386
+ {
387
+ "$$typeof": Symbol(react.test.json),
388
+ "children": [
389
+ {
390
+ "$$typeof": Symbol(react.test.json),
391
+ "children": [
392
+ {
393
+ "$$typeof": Symbol(react.test.json),
394
+ "children": [
395
+ "Save",
396
+ ],
397
+ "props": {
398
+ "style": {
399
+ "color": "#007aff",
400
+ "fontSize": 17,
401
+ "fontWeight": "600",
402
+ "paddingTop": 1,
403
+ },
404
+ },
405
+ "type": "Text",
406
+ },
407
+ ],
408
+ "props": {
409
+ "style": undefined,
410
+ "testID": undefined,
411
+ },
412
+ "type": "View",
413
+ },
414
+ ],
415
+ "props": {
416
+ "accessibilityHint": "Saves the selected value",
417
+ "accessibilityLabel": "Save selected value",
418
+ "aria-role": "button",
419
+ "hitSlop": {
420
+ "bottom": 4,
421
+ "left": 4,
422
+ "right": 4,
423
+ "top": 4,
424
+ },
425
+ "onPress": [Function],
426
+ "style": {
427
+ "alignSelf": "flex-end",
428
+ "paddingRight": 12,
429
+ },
430
+ },
431
+ "type": "TouchableOpacity",
432
+ },
433
+ ],
434
+ "props": {
435
+ "style": {
436
+ "alignItems": "center",
437
+ "backgroundColor": "#f8f8f8",
438
+ "height": 45,
439
+ "justifyContent": "center",
440
+ "width": "100%",
441
+ },
442
+ "testID": undefined,
443
+ },
444
+ "type": "View",
445
+ },
446
+ {
447
+ "$$typeof": Symbol(react.test.json),
448
+ "children": [
449
+ {
450
+ "$$typeof": Symbol(react.test.json),
451
+ "children": null,
452
+ "props": {
453
+ "label": "Option A",
454
+ "value": "a",
455
+ },
456
+ "type": "Picker.Item",
457
+ },
458
+ {
459
+ "$$typeof": Symbol(react.test.json),
460
+ "children": null,
461
+ "props": {
462
+ "label": "Option B",
463
+ "value": "b",
464
+ },
465
+ "type": "Picker.Item",
466
+ },
467
+ {
468
+ "$$typeof": Symbol(react.test.json),
469
+ "children": null,
470
+ "props": {
471
+ "label": "Option C",
472
+ "value": "c",
473
+ },
474
+ "type": "Picker.Item",
475
+ },
476
+ ],
477
+ "props": {
478
+ "enabled": true,
479
+ "onValueChange": [Function],
480
+ "selectedValue": "a",
481
+ },
482
+ "type": "Picker",
483
+ },
484
+ ],
485
+ "props": {
486
+ "style": {
487
+ "backgroundColor": "#D9D9D9",
488
+ "borderTopColor": "#CDCDCD",
489
+ "borderTopWidth": 1,
490
+ "height": 215,
491
+ },
492
+ "testID": undefined,
493
+ },
494
+ "type": "View",
495
+ },
496
+ ],
497
+ "props": {
498
+ "style": {
499
+ "flex": 1,
500
+ "justifyContent": "flex-end",
501
+ },
502
+ "testID": undefined,
503
+ },
504
+ "type": "View",
505
+ },
506
+ ],
507
+ "props": {
508
+ "animationType": "slide",
509
+ "onRequestClose": [Function],
510
+ "supportedOrientations": [
511
+ "portrait",
512
+ "landscape",
513
+ ],
514
+ "transparent": true,
515
+ "visible": false,
516
+ },
517
+ "type": "Modal",
518
+ },
519
+ ],
520
+ "props": {
521
+ "style": {
522
+ "alignItems": "flex-start",
523
+ "opacity": 1,
524
+ },
525
+ "testID": undefined,
526
+ },
527
+ "type": "View",
528
+ }
529
+ `;
530
+
531
+ exports[`SelectBadge renders with success status 1`] = `
532
+ {
533
+ "$$typeof": Symbol(react.test.json),
534
+ "children": [
535
+ {
536
+ "$$typeof": Symbol(react.test.json),
537
+ "children": [
538
+ {
539
+ "$$typeof": Symbol(react.test.json),
540
+ "children": [
541
+ {
542
+ "$$typeof": Symbol(react.test.json),
543
+ "children": [
544
+ {
545
+ "$$typeof": Symbol(react.test.json),
546
+ "children": [
547
+ "Option A",
548
+ ],
549
+ "props": {
550
+ "style": {
551
+ "color": "#FFFFFF",
552
+ "fontFamily": "text",
553
+ "fontSize": 10,
554
+ "fontWeight": "700",
555
+ },
556
+ },
557
+ "type": "Text",
558
+ },
559
+ ],
560
+ "props": {
561
+ "style": {
562
+ "alignItems": "center",
563
+ "backgroundColor": "#1A7F36",
564
+ "borderBottomLeftRadius": 4,
565
+ "borderColor": "#7FD898",
566
+ "borderTopLeftRadius": 4,
567
+ "borderWidth": 0,
568
+ "flexDirection": "row",
569
+ "height": 20,
570
+ "justifyContent": "center",
571
+ "paddingHorizontal": 8,
572
+ "width": "auto",
573
+ },
574
+ "testID": undefined,
575
+ },
576
+ "type": "View",
577
+ },
578
+ {
579
+ "$$typeof": Symbol(react.test.json),
580
+ "children": null,
581
+ "props": {
582
+ "style": {
583
+ "alignItems": "center",
584
+ "backgroundColor": "#1A7F36",
585
+ "borderBottomRightRadius": 4,
586
+ "borderColor": "#FFFFFF",
587
+ "borderLeftWidth": 1,
588
+ "borderTopRightRadius": 4,
589
+ "borderWidth": 0,
590
+ "flexDirection": "row",
591
+ "height": 20,
592
+ "justifyContent": "center",
593
+ "paddingHorizontal": 4,
594
+ "paddingVertical": 1,
595
+ "width": "auto",
596
+ },
597
+ "testID": undefined,
598
+ },
599
+ "type": "View",
600
+ },
601
+ ],
602
+ "props": {
603
+ "style": {
604
+ "alignItems": "center",
605
+ "display": "flex",
606
+ "flexDirection": "row",
607
+ "height": 20,
608
+ "width": "auto",
609
+ },
610
+ "testID": undefined,
611
+ },
612
+ "type": "View",
613
+ },
614
+ ],
615
+ "props": {
616
+ "accessibilityHint": "Opens the options picker",
617
+ "accessibilityLabel": "Open select badge options",
618
+ "aria-role": "button",
619
+ "disabled": false,
620
+ "onPress": [Function],
621
+ },
622
+ "type": "TouchableOpacity",
623
+ },
624
+ {
625
+ "$$typeof": Symbol(react.test.json),
626
+ "children": [
627
+ {
628
+ "$$typeof": Symbol(react.test.json),
629
+ "children": [
630
+ {
631
+ "$$typeof": Symbol(react.test.json),
632
+ "children": null,
633
+ "props": {
634
+ "accessibilityHint": "Closes the picker modal",
635
+ "accessibilityLabel": "Dismiss picker modal",
636
+ "activeOpacity": 1,
637
+ "onPress": [Function],
638
+ "style": {
639
+ "flex": 1,
640
+ },
641
+ },
642
+ "type": "TouchableOpacity",
643
+ },
644
+ {
645
+ "$$typeof": Symbol(react.test.json),
646
+ "children": [
647
+ {
648
+ "$$typeof": Symbol(react.test.json),
649
+ "children": [
650
+ {
651
+ "$$typeof": Symbol(react.test.json),
652
+ "children": [
653
+ {
654
+ "$$typeof": Symbol(react.test.json),
655
+ "children": [
656
+ {
657
+ "$$typeof": Symbol(react.test.json),
658
+ "children": [
659
+ "Save",
660
+ ],
661
+ "props": {
662
+ "style": {
663
+ "color": "#007aff",
664
+ "fontSize": 17,
665
+ "fontWeight": "600",
666
+ "paddingTop": 1,
667
+ },
668
+ },
669
+ "type": "Text",
670
+ },
671
+ ],
672
+ "props": {
673
+ "style": undefined,
674
+ "testID": undefined,
675
+ },
676
+ "type": "View",
677
+ },
678
+ ],
679
+ "props": {
680
+ "accessibilityHint": "Saves the selected value",
681
+ "accessibilityLabel": "Save selected value",
682
+ "aria-role": "button",
683
+ "hitSlop": {
684
+ "bottom": 4,
685
+ "left": 4,
686
+ "right": 4,
687
+ "top": 4,
688
+ },
689
+ "onPress": [Function],
690
+ "style": {
691
+ "alignSelf": "flex-end",
692
+ "paddingRight": 12,
693
+ },
694
+ },
695
+ "type": "TouchableOpacity",
696
+ },
697
+ ],
698
+ "props": {
699
+ "style": {
700
+ "alignItems": "center",
701
+ "backgroundColor": "#f8f8f8",
702
+ "height": 45,
703
+ "justifyContent": "center",
704
+ "width": "100%",
705
+ },
706
+ "testID": undefined,
707
+ },
708
+ "type": "View",
709
+ },
710
+ {
711
+ "$$typeof": Symbol(react.test.json),
712
+ "children": [
713
+ {
714
+ "$$typeof": Symbol(react.test.json),
715
+ "children": null,
716
+ "props": {
717
+ "label": "Option A",
718
+ "value": "a",
719
+ },
720
+ "type": "Picker.Item",
721
+ },
722
+ {
723
+ "$$typeof": Symbol(react.test.json),
724
+ "children": null,
725
+ "props": {
726
+ "label": "Option B",
727
+ "value": "b",
728
+ },
729
+ "type": "Picker.Item",
730
+ },
731
+ {
732
+ "$$typeof": Symbol(react.test.json),
733
+ "children": null,
734
+ "props": {
735
+ "label": "Option C",
736
+ "value": "c",
737
+ },
738
+ "type": "Picker.Item",
739
+ },
740
+ ],
741
+ "props": {
742
+ "enabled": true,
743
+ "onValueChange": [Function],
744
+ "selectedValue": "a",
745
+ },
746
+ "type": "Picker",
747
+ },
748
+ ],
749
+ "props": {
750
+ "style": {
751
+ "backgroundColor": "#D9D9D9",
752
+ "borderTopColor": "#CDCDCD",
753
+ "borderTopWidth": 1,
754
+ "height": 215,
755
+ },
756
+ "testID": undefined,
757
+ },
758
+ "type": "View",
759
+ },
760
+ ],
761
+ "props": {
762
+ "style": {
763
+ "flex": 1,
764
+ "justifyContent": "flex-end",
765
+ },
766
+ "testID": undefined,
767
+ },
768
+ "type": "View",
769
+ },
770
+ ],
771
+ "props": {
772
+ "animationType": "slide",
773
+ "onRequestClose": [Function],
774
+ "supportedOrientations": [
775
+ "portrait",
776
+ "landscape",
777
+ ],
778
+ "transparent": true,
779
+ "visible": false,
780
+ },
781
+ "type": "Modal",
782
+ },
783
+ ],
784
+ "props": {
785
+ "style": {
786
+ "alignItems": "flex-start",
787
+ "opacity": 1,
788
+ },
789
+ "testID": undefined,
790
+ },
791
+ "type": "View",
792
+ }
793
+ `;
794
+
795
+ exports[`SelectBadge renders with warning status 1`] = `
796
+ {
797
+ "$$typeof": Symbol(react.test.json),
798
+ "children": [
799
+ {
800
+ "$$typeof": Symbol(react.test.json),
801
+ "children": [
802
+ {
803
+ "$$typeof": Symbol(react.test.json),
804
+ "children": [
805
+ {
806
+ "$$typeof": Symbol(react.test.json),
807
+ "children": [
808
+ {
809
+ "$$typeof": Symbol(react.test.json),
810
+ "children": [
811
+ "Option A",
812
+ ],
813
+ "props": {
814
+ "style": {
815
+ "color": "#FFFFFF",
816
+ "fontFamily": "text",
817
+ "fontSize": 10,
818
+ "fontWeight": "700",
819
+ },
820
+ },
821
+ "type": "Text",
822
+ },
823
+ ],
824
+ "props": {
825
+ "style": {
826
+ "alignItems": "center",
827
+ "backgroundColor": "#F36719",
828
+ "borderBottomLeftRadius": 4,
829
+ "borderColor": "#FCC58F",
830
+ "borderTopLeftRadius": 4,
831
+ "borderWidth": 0,
832
+ "flexDirection": "row",
833
+ "height": 20,
834
+ "justifyContent": "center",
835
+ "paddingHorizontal": 8,
836
+ "width": "auto",
837
+ },
838
+ "testID": undefined,
839
+ },
840
+ "type": "View",
841
+ },
842
+ {
843
+ "$$typeof": Symbol(react.test.json),
844
+ "children": null,
845
+ "props": {
846
+ "style": {
847
+ "alignItems": "center",
848
+ "backgroundColor": "#F36719",
849
+ "borderBottomRightRadius": 4,
850
+ "borderColor": "#FFFFFF",
851
+ "borderLeftWidth": 1,
852
+ "borderTopRightRadius": 4,
853
+ "borderWidth": 0,
854
+ "flexDirection": "row",
855
+ "height": 20,
856
+ "justifyContent": "center",
857
+ "paddingHorizontal": 4,
858
+ "paddingVertical": 1,
859
+ "width": "auto",
860
+ },
861
+ "testID": undefined,
862
+ },
863
+ "type": "View",
864
+ },
865
+ ],
866
+ "props": {
867
+ "style": {
868
+ "alignItems": "center",
869
+ "display": "flex",
870
+ "flexDirection": "row",
871
+ "height": 20,
872
+ "width": "auto",
873
+ },
874
+ "testID": undefined,
875
+ },
876
+ "type": "View",
877
+ },
878
+ ],
879
+ "props": {
880
+ "accessibilityHint": "Opens the options picker",
881
+ "accessibilityLabel": "Open select badge options",
882
+ "aria-role": "button",
883
+ "disabled": false,
884
+ "onPress": [Function],
885
+ },
886
+ "type": "TouchableOpacity",
887
+ },
888
+ {
889
+ "$$typeof": Symbol(react.test.json),
890
+ "children": [
891
+ {
892
+ "$$typeof": Symbol(react.test.json),
893
+ "children": [
894
+ {
895
+ "$$typeof": Symbol(react.test.json),
896
+ "children": null,
897
+ "props": {
898
+ "accessibilityHint": "Closes the picker modal",
899
+ "accessibilityLabel": "Dismiss picker modal",
900
+ "activeOpacity": 1,
901
+ "onPress": [Function],
902
+ "style": {
903
+ "flex": 1,
904
+ },
905
+ },
906
+ "type": "TouchableOpacity",
907
+ },
908
+ {
909
+ "$$typeof": Symbol(react.test.json),
910
+ "children": [
911
+ {
912
+ "$$typeof": Symbol(react.test.json),
913
+ "children": [
914
+ {
915
+ "$$typeof": Symbol(react.test.json),
916
+ "children": [
917
+ {
918
+ "$$typeof": Symbol(react.test.json),
919
+ "children": [
920
+ {
921
+ "$$typeof": Symbol(react.test.json),
922
+ "children": [
923
+ "Save",
924
+ ],
925
+ "props": {
926
+ "style": {
927
+ "color": "#007aff",
928
+ "fontSize": 17,
929
+ "fontWeight": "600",
930
+ "paddingTop": 1,
931
+ },
932
+ },
933
+ "type": "Text",
934
+ },
935
+ ],
936
+ "props": {
937
+ "style": undefined,
938
+ "testID": undefined,
939
+ },
940
+ "type": "View",
941
+ },
942
+ ],
943
+ "props": {
944
+ "accessibilityHint": "Saves the selected value",
945
+ "accessibilityLabel": "Save selected value",
946
+ "aria-role": "button",
947
+ "hitSlop": {
948
+ "bottom": 4,
949
+ "left": 4,
950
+ "right": 4,
951
+ "top": 4,
952
+ },
953
+ "onPress": [Function],
954
+ "style": {
955
+ "alignSelf": "flex-end",
956
+ "paddingRight": 12,
957
+ },
958
+ },
959
+ "type": "TouchableOpacity",
960
+ },
961
+ ],
962
+ "props": {
963
+ "style": {
964
+ "alignItems": "center",
965
+ "backgroundColor": "#f8f8f8",
966
+ "height": 45,
967
+ "justifyContent": "center",
968
+ "width": "100%",
969
+ },
970
+ "testID": undefined,
971
+ },
972
+ "type": "View",
973
+ },
974
+ {
975
+ "$$typeof": Symbol(react.test.json),
976
+ "children": [
977
+ {
978
+ "$$typeof": Symbol(react.test.json),
979
+ "children": null,
980
+ "props": {
981
+ "label": "Option A",
982
+ "value": "a",
983
+ },
984
+ "type": "Picker.Item",
985
+ },
986
+ {
987
+ "$$typeof": Symbol(react.test.json),
988
+ "children": null,
989
+ "props": {
990
+ "label": "Option B",
991
+ "value": "b",
992
+ },
993
+ "type": "Picker.Item",
994
+ },
995
+ {
996
+ "$$typeof": Symbol(react.test.json),
997
+ "children": null,
998
+ "props": {
999
+ "label": "Option C",
1000
+ "value": "c",
1001
+ },
1002
+ "type": "Picker.Item",
1003
+ },
1004
+ ],
1005
+ "props": {
1006
+ "enabled": true,
1007
+ "onValueChange": [Function],
1008
+ "selectedValue": "a",
1009
+ },
1010
+ "type": "Picker",
1011
+ },
1012
+ ],
1013
+ "props": {
1014
+ "style": {
1015
+ "backgroundColor": "#D9D9D9",
1016
+ "borderTopColor": "#CDCDCD",
1017
+ "borderTopWidth": 1,
1018
+ "height": 215,
1019
+ },
1020
+ "testID": undefined,
1021
+ },
1022
+ "type": "View",
1023
+ },
1024
+ ],
1025
+ "props": {
1026
+ "style": {
1027
+ "flex": 1,
1028
+ "justifyContent": "flex-end",
1029
+ },
1030
+ "testID": undefined,
1031
+ },
1032
+ "type": "View",
1033
+ },
1034
+ ],
1035
+ "props": {
1036
+ "animationType": "slide",
1037
+ "onRequestClose": [Function],
1038
+ "supportedOrientations": [
1039
+ "portrait",
1040
+ "landscape",
1041
+ ],
1042
+ "transparent": true,
1043
+ "visible": false,
1044
+ },
1045
+ "type": "Modal",
1046
+ },
1047
+ ],
1048
+ "props": {
1049
+ "style": {
1050
+ "alignItems": "flex-start",
1051
+ "opacity": 1,
1052
+ },
1053
+ "testID": undefined,
1054
+ },
1055
+ "type": "View",
1056
+ }
1057
+ `;
1058
+
1059
+ exports[`SelectBadge renders with error status 1`] = `
1060
+ {
1061
+ "$$typeof": Symbol(react.test.json),
1062
+ "children": [
1063
+ {
1064
+ "$$typeof": Symbol(react.test.json),
1065
+ "children": [
1066
+ {
1067
+ "$$typeof": Symbol(react.test.json),
1068
+ "children": [
1069
+ {
1070
+ "$$typeof": Symbol(react.test.json),
1071
+ "children": [
1072
+ {
1073
+ "$$typeof": Symbol(react.test.json),
1074
+ "children": [
1075
+ "Option A",
1076
+ ],
1077
+ "props": {
1078
+ "style": {
1079
+ "color": "#FFFFFF",
1080
+ "fontFamily": "text",
1081
+ "fontSize": 10,
1082
+ "fontWeight": "700",
1083
+ },
1084
+ },
1085
+ "type": "Text",
1086
+ },
1087
+ ],
1088
+ "props": {
1089
+ "style": {
1090
+ "alignItems": "center",
1091
+ "backgroundColor": "#BD1111",
1092
+ "borderBottomLeftRadius": 4,
1093
+ "borderColor": "#F39E9E",
1094
+ "borderTopLeftRadius": 4,
1095
+ "borderWidth": 0,
1096
+ "flexDirection": "row",
1097
+ "height": 20,
1098
+ "justifyContent": "center",
1099
+ "paddingHorizontal": 8,
1100
+ "width": "auto",
1101
+ },
1102
+ "testID": undefined,
1103
+ },
1104
+ "type": "View",
1105
+ },
1106
+ {
1107
+ "$$typeof": Symbol(react.test.json),
1108
+ "children": null,
1109
+ "props": {
1110
+ "style": {
1111
+ "alignItems": "center",
1112
+ "backgroundColor": "#BD1111",
1113
+ "borderBottomRightRadius": 4,
1114
+ "borderColor": "#FFFFFF",
1115
+ "borderLeftWidth": 1,
1116
+ "borderTopRightRadius": 4,
1117
+ "borderWidth": 0,
1118
+ "flexDirection": "row",
1119
+ "height": 20,
1120
+ "justifyContent": "center",
1121
+ "paddingHorizontal": 4,
1122
+ "paddingVertical": 1,
1123
+ "width": "auto",
1124
+ },
1125
+ "testID": undefined,
1126
+ },
1127
+ "type": "View",
1128
+ },
1129
+ ],
1130
+ "props": {
1131
+ "style": {
1132
+ "alignItems": "center",
1133
+ "display": "flex",
1134
+ "flexDirection": "row",
1135
+ "height": 20,
1136
+ "width": "auto",
1137
+ },
1138
+ "testID": undefined,
1139
+ },
1140
+ "type": "View",
1141
+ },
1142
+ ],
1143
+ "props": {
1144
+ "accessibilityHint": "Opens the options picker",
1145
+ "accessibilityLabel": "Open select badge options",
1146
+ "aria-role": "button",
1147
+ "disabled": false,
1148
+ "onPress": [Function],
1149
+ },
1150
+ "type": "TouchableOpacity",
1151
+ },
1152
+ {
1153
+ "$$typeof": Symbol(react.test.json),
1154
+ "children": [
1155
+ {
1156
+ "$$typeof": Symbol(react.test.json),
1157
+ "children": [
1158
+ {
1159
+ "$$typeof": Symbol(react.test.json),
1160
+ "children": null,
1161
+ "props": {
1162
+ "accessibilityHint": "Closes the picker modal",
1163
+ "accessibilityLabel": "Dismiss picker modal",
1164
+ "activeOpacity": 1,
1165
+ "onPress": [Function],
1166
+ "style": {
1167
+ "flex": 1,
1168
+ },
1169
+ },
1170
+ "type": "TouchableOpacity",
1171
+ },
1172
+ {
1173
+ "$$typeof": Symbol(react.test.json),
1174
+ "children": [
1175
+ {
1176
+ "$$typeof": Symbol(react.test.json),
1177
+ "children": [
1178
+ {
1179
+ "$$typeof": Symbol(react.test.json),
1180
+ "children": [
1181
+ {
1182
+ "$$typeof": Symbol(react.test.json),
1183
+ "children": [
1184
+ {
1185
+ "$$typeof": Symbol(react.test.json),
1186
+ "children": [
1187
+ "Save",
1188
+ ],
1189
+ "props": {
1190
+ "style": {
1191
+ "color": "#007aff",
1192
+ "fontSize": 17,
1193
+ "fontWeight": "600",
1194
+ "paddingTop": 1,
1195
+ },
1196
+ },
1197
+ "type": "Text",
1198
+ },
1199
+ ],
1200
+ "props": {
1201
+ "style": undefined,
1202
+ "testID": undefined,
1203
+ },
1204
+ "type": "View",
1205
+ },
1206
+ ],
1207
+ "props": {
1208
+ "accessibilityHint": "Saves the selected value",
1209
+ "accessibilityLabel": "Save selected value",
1210
+ "aria-role": "button",
1211
+ "hitSlop": {
1212
+ "bottom": 4,
1213
+ "left": 4,
1214
+ "right": 4,
1215
+ "top": 4,
1216
+ },
1217
+ "onPress": [Function],
1218
+ "style": {
1219
+ "alignSelf": "flex-end",
1220
+ "paddingRight": 12,
1221
+ },
1222
+ },
1223
+ "type": "TouchableOpacity",
1224
+ },
1225
+ ],
1226
+ "props": {
1227
+ "style": {
1228
+ "alignItems": "center",
1229
+ "backgroundColor": "#f8f8f8",
1230
+ "height": 45,
1231
+ "justifyContent": "center",
1232
+ "width": "100%",
1233
+ },
1234
+ "testID": undefined,
1235
+ },
1236
+ "type": "View",
1237
+ },
1238
+ {
1239
+ "$$typeof": Symbol(react.test.json),
1240
+ "children": [
1241
+ {
1242
+ "$$typeof": Symbol(react.test.json),
1243
+ "children": null,
1244
+ "props": {
1245
+ "label": "Option A",
1246
+ "value": "a",
1247
+ },
1248
+ "type": "Picker.Item",
1249
+ },
1250
+ {
1251
+ "$$typeof": Symbol(react.test.json),
1252
+ "children": null,
1253
+ "props": {
1254
+ "label": "Option B",
1255
+ "value": "b",
1256
+ },
1257
+ "type": "Picker.Item",
1258
+ },
1259
+ {
1260
+ "$$typeof": Symbol(react.test.json),
1261
+ "children": null,
1262
+ "props": {
1263
+ "label": "Option C",
1264
+ "value": "c",
1265
+ },
1266
+ "type": "Picker.Item",
1267
+ },
1268
+ ],
1269
+ "props": {
1270
+ "enabled": true,
1271
+ "onValueChange": [Function],
1272
+ "selectedValue": "a",
1273
+ },
1274
+ "type": "Picker",
1275
+ },
1276
+ ],
1277
+ "props": {
1278
+ "style": {
1279
+ "backgroundColor": "#D9D9D9",
1280
+ "borderTopColor": "#CDCDCD",
1281
+ "borderTopWidth": 1,
1282
+ "height": 215,
1283
+ },
1284
+ "testID": undefined,
1285
+ },
1286
+ "type": "View",
1287
+ },
1288
+ ],
1289
+ "props": {
1290
+ "style": {
1291
+ "flex": 1,
1292
+ "justifyContent": "flex-end",
1293
+ },
1294
+ "testID": undefined,
1295
+ },
1296
+ "type": "View",
1297
+ },
1298
+ ],
1299
+ "props": {
1300
+ "animationType": "slide",
1301
+ "onRequestClose": [Function],
1302
+ "supportedOrientations": [
1303
+ "portrait",
1304
+ "landscape",
1305
+ ],
1306
+ "transparent": true,
1307
+ "visible": false,
1308
+ },
1309
+ "type": "Modal",
1310
+ },
1311
+ ],
1312
+ "props": {
1313
+ "style": {
1314
+ "alignItems": "flex-start",
1315
+ "opacity": 1,
1316
+ },
1317
+ "testID": undefined,
1318
+ },
1319
+ "type": "View",
1320
+ }
1321
+ `;
1322
+
1323
+ exports[`SelectBadge renders with neutral status 1`] = `
1324
+ {
1325
+ "$$typeof": Symbol(react.test.json),
1326
+ "children": [
1327
+ {
1328
+ "$$typeof": Symbol(react.test.json),
1329
+ "children": [
1330
+ {
1331
+ "$$typeof": Symbol(react.test.json),
1332
+ "children": [
1333
+ {
1334
+ "$$typeof": Symbol(react.test.json),
1335
+ "children": [
1336
+ {
1337
+ "$$typeof": Symbol(react.test.json),
1338
+ "children": [
1339
+ "Option A",
1340
+ ],
1341
+ "props": {
1342
+ "style": {
1343
+ "color": "#FFFFFF",
1344
+ "fontFamily": "text",
1345
+ "fontSize": 10,
1346
+ "fontWeight": "700",
1347
+ },
1348
+ },
1349
+ "type": "Text",
1350
+ },
1351
+ ],
1352
+ "props": {
1353
+ "style": {
1354
+ "alignItems": "center",
1355
+ "backgroundColor": "#353535",
1356
+ "borderBottomLeftRadius": 4,
1357
+ "borderColor": "#AAAAAA",
1358
+ "borderTopLeftRadius": 4,
1359
+ "borderWidth": 0,
1360
+ "flexDirection": "row",
1361
+ "height": 20,
1362
+ "justifyContent": "center",
1363
+ "paddingHorizontal": 8,
1364
+ "width": "auto",
1365
+ },
1366
+ "testID": undefined,
1367
+ },
1368
+ "type": "View",
1369
+ },
1370
+ {
1371
+ "$$typeof": Symbol(react.test.json),
1372
+ "children": null,
1373
+ "props": {
1374
+ "style": {
1375
+ "alignItems": "center",
1376
+ "backgroundColor": "#353535",
1377
+ "borderBottomRightRadius": 4,
1378
+ "borderColor": "#FFFFFF",
1379
+ "borderLeftWidth": 1,
1380
+ "borderTopRightRadius": 4,
1381
+ "borderWidth": 0,
1382
+ "flexDirection": "row",
1383
+ "height": 20,
1384
+ "justifyContent": "center",
1385
+ "paddingHorizontal": 4,
1386
+ "paddingVertical": 1,
1387
+ "width": "auto",
1388
+ },
1389
+ "testID": undefined,
1390
+ },
1391
+ "type": "View",
1392
+ },
1393
+ ],
1394
+ "props": {
1395
+ "style": {
1396
+ "alignItems": "center",
1397
+ "display": "flex",
1398
+ "flexDirection": "row",
1399
+ "height": 20,
1400
+ "width": "auto",
1401
+ },
1402
+ "testID": undefined,
1403
+ },
1404
+ "type": "View",
1405
+ },
1406
+ ],
1407
+ "props": {
1408
+ "accessibilityHint": "Opens the options picker",
1409
+ "accessibilityLabel": "Open select badge options",
1410
+ "aria-role": "button",
1411
+ "disabled": false,
1412
+ "onPress": [Function],
1413
+ },
1414
+ "type": "TouchableOpacity",
1415
+ },
1416
+ {
1417
+ "$$typeof": Symbol(react.test.json),
1418
+ "children": [
1419
+ {
1420
+ "$$typeof": Symbol(react.test.json),
1421
+ "children": [
1422
+ {
1423
+ "$$typeof": Symbol(react.test.json),
1424
+ "children": null,
1425
+ "props": {
1426
+ "accessibilityHint": "Closes the picker modal",
1427
+ "accessibilityLabel": "Dismiss picker modal",
1428
+ "activeOpacity": 1,
1429
+ "onPress": [Function],
1430
+ "style": {
1431
+ "flex": 1,
1432
+ },
1433
+ },
1434
+ "type": "TouchableOpacity",
1435
+ },
1436
+ {
1437
+ "$$typeof": Symbol(react.test.json),
1438
+ "children": [
1439
+ {
1440
+ "$$typeof": Symbol(react.test.json),
1441
+ "children": [
1442
+ {
1443
+ "$$typeof": Symbol(react.test.json),
1444
+ "children": [
1445
+ {
1446
+ "$$typeof": Symbol(react.test.json),
1447
+ "children": [
1448
+ {
1449
+ "$$typeof": Symbol(react.test.json),
1450
+ "children": [
1451
+ "Save",
1452
+ ],
1453
+ "props": {
1454
+ "style": {
1455
+ "color": "#007aff",
1456
+ "fontSize": 17,
1457
+ "fontWeight": "600",
1458
+ "paddingTop": 1,
1459
+ },
1460
+ },
1461
+ "type": "Text",
1462
+ },
1463
+ ],
1464
+ "props": {
1465
+ "style": undefined,
1466
+ "testID": undefined,
1467
+ },
1468
+ "type": "View",
1469
+ },
1470
+ ],
1471
+ "props": {
1472
+ "accessibilityHint": "Saves the selected value",
1473
+ "accessibilityLabel": "Save selected value",
1474
+ "aria-role": "button",
1475
+ "hitSlop": {
1476
+ "bottom": 4,
1477
+ "left": 4,
1478
+ "right": 4,
1479
+ "top": 4,
1480
+ },
1481
+ "onPress": [Function],
1482
+ "style": {
1483
+ "alignSelf": "flex-end",
1484
+ "paddingRight": 12,
1485
+ },
1486
+ },
1487
+ "type": "TouchableOpacity",
1488
+ },
1489
+ ],
1490
+ "props": {
1491
+ "style": {
1492
+ "alignItems": "center",
1493
+ "backgroundColor": "#f8f8f8",
1494
+ "height": 45,
1495
+ "justifyContent": "center",
1496
+ "width": "100%",
1497
+ },
1498
+ "testID": undefined,
1499
+ },
1500
+ "type": "View",
1501
+ },
1502
+ {
1503
+ "$$typeof": Symbol(react.test.json),
1504
+ "children": [
1505
+ {
1506
+ "$$typeof": Symbol(react.test.json),
1507
+ "children": null,
1508
+ "props": {
1509
+ "label": "Option A",
1510
+ "value": "a",
1511
+ },
1512
+ "type": "Picker.Item",
1513
+ },
1514
+ {
1515
+ "$$typeof": Symbol(react.test.json),
1516
+ "children": null,
1517
+ "props": {
1518
+ "label": "Option B",
1519
+ "value": "b",
1520
+ },
1521
+ "type": "Picker.Item",
1522
+ },
1523
+ {
1524
+ "$$typeof": Symbol(react.test.json),
1525
+ "children": null,
1526
+ "props": {
1527
+ "label": "Option C",
1528
+ "value": "c",
1529
+ },
1530
+ "type": "Picker.Item",
1531
+ },
1532
+ ],
1533
+ "props": {
1534
+ "enabled": true,
1535
+ "onValueChange": [Function],
1536
+ "selectedValue": "a",
1537
+ },
1538
+ "type": "Picker",
1539
+ },
1540
+ ],
1541
+ "props": {
1542
+ "style": {
1543
+ "backgroundColor": "#D9D9D9",
1544
+ "borderTopColor": "#CDCDCD",
1545
+ "borderTopWidth": 1,
1546
+ "height": 215,
1547
+ },
1548
+ "testID": undefined,
1549
+ },
1550
+ "type": "View",
1551
+ },
1552
+ ],
1553
+ "props": {
1554
+ "style": {
1555
+ "flex": 1,
1556
+ "justifyContent": "flex-end",
1557
+ },
1558
+ "testID": undefined,
1559
+ },
1560
+ "type": "View",
1561
+ },
1562
+ ],
1563
+ "props": {
1564
+ "animationType": "slide",
1565
+ "onRequestClose": [Function],
1566
+ "supportedOrientations": [
1567
+ "portrait",
1568
+ "landscape",
1569
+ ],
1570
+ "transparent": true,
1571
+ "visible": false,
1572
+ },
1573
+ "type": "Modal",
1574
+ },
1575
+ ],
1576
+ "props": {
1577
+ "style": {
1578
+ "alignItems": "flex-start",
1579
+ "opacity": 1,
1580
+ },
1581
+ "testID": undefined,
1582
+ },
1583
+ "type": "View",
1584
+ }
1585
+ `;
1586
+
1587
+ exports[`SelectBadge renders with secondary style 1`] = `
1588
+ {
1589
+ "$$typeof": Symbol(react.test.json),
1590
+ "children": [
1591
+ {
1592
+ "$$typeof": Symbol(react.test.json),
1593
+ "children": [
1594
+ {
1595
+ "$$typeof": Symbol(react.test.json),
1596
+ "children": [
1597
+ {
1598
+ "$$typeof": Symbol(react.test.json),
1599
+ "children": [
1600
+ {
1601
+ "$$typeof": Symbol(react.test.json),
1602
+ "children": [
1603
+ "Option A",
1604
+ ],
1605
+ "props": {
1606
+ "style": {
1607
+ "color": "#1A7F36",
1608
+ "fontFamily": "text",
1609
+ "fontSize": 10,
1610
+ "fontWeight": "700",
1611
+ },
1612
+ },
1613
+ "type": "Text",
1614
+ },
1615
+ ],
1616
+ "props": {
1617
+ "style": {
1618
+ "alignItems": "center",
1619
+ "backgroundColor": "#DCF2E2",
1620
+ "borderBottomLeftRadius": 4,
1621
+ "borderColor": "#7FD898",
1622
+ "borderTopLeftRadius": 4,
1623
+ "borderWidth": 1,
1624
+ "flexDirection": "row",
1625
+ "height": 20,
1626
+ "justifyContent": "center",
1627
+ "paddingHorizontal": 8,
1628
+ "width": "auto",
1629
+ },
1630
+ "testID": undefined,
1631
+ },
1632
+ "type": "View",
1633
+ },
1634
+ {
1635
+ "$$typeof": Symbol(react.test.json),
1636
+ "children": null,
1637
+ "props": {
1638
+ "style": {
1639
+ "alignItems": "center",
1640
+ "backgroundColor": "#DCF2E2",
1641
+ "borderBottomRightRadius": 4,
1642
+ "borderColor": "#7FD898",
1643
+ "borderLeftWidth": 1,
1644
+ "borderTopRightRadius": 4,
1645
+ "borderWidth": 1,
1646
+ "flexDirection": "row",
1647
+ "height": 20,
1648
+ "justifyContent": "center",
1649
+ "paddingHorizontal": 4,
1650
+ "paddingVertical": 1,
1651
+ "width": "auto",
1652
+ },
1653
+ "testID": undefined,
1654
+ },
1655
+ "type": "View",
1656
+ },
1657
+ ],
1658
+ "props": {
1659
+ "style": {
1660
+ "alignItems": "center",
1661
+ "display": "flex",
1662
+ "flexDirection": "row",
1663
+ "height": 20,
1664
+ "width": "auto",
1665
+ },
1666
+ "testID": undefined,
1667
+ },
1668
+ "type": "View",
1669
+ },
1670
+ ],
1671
+ "props": {
1672
+ "accessibilityHint": "Opens the options picker",
1673
+ "accessibilityLabel": "Open select badge options",
1674
+ "aria-role": "button",
1675
+ "disabled": false,
1676
+ "onPress": [Function],
1677
+ },
1678
+ "type": "TouchableOpacity",
1679
+ },
1680
+ {
1681
+ "$$typeof": Symbol(react.test.json),
1682
+ "children": [
1683
+ {
1684
+ "$$typeof": Symbol(react.test.json),
1685
+ "children": [
1686
+ {
1687
+ "$$typeof": Symbol(react.test.json),
1688
+ "children": null,
1689
+ "props": {
1690
+ "accessibilityHint": "Closes the picker modal",
1691
+ "accessibilityLabel": "Dismiss picker modal",
1692
+ "activeOpacity": 1,
1693
+ "onPress": [Function],
1694
+ "style": {
1695
+ "flex": 1,
1696
+ },
1697
+ },
1698
+ "type": "TouchableOpacity",
1699
+ },
1700
+ {
1701
+ "$$typeof": Symbol(react.test.json),
1702
+ "children": [
1703
+ {
1704
+ "$$typeof": Symbol(react.test.json),
1705
+ "children": [
1706
+ {
1707
+ "$$typeof": Symbol(react.test.json),
1708
+ "children": [
1709
+ {
1710
+ "$$typeof": Symbol(react.test.json),
1711
+ "children": [
1712
+ {
1713
+ "$$typeof": Symbol(react.test.json),
1714
+ "children": [
1715
+ "Save",
1716
+ ],
1717
+ "props": {
1718
+ "style": {
1719
+ "color": "#007aff",
1720
+ "fontSize": 17,
1721
+ "fontWeight": "600",
1722
+ "paddingTop": 1,
1723
+ },
1724
+ },
1725
+ "type": "Text",
1726
+ },
1727
+ ],
1728
+ "props": {
1729
+ "style": undefined,
1730
+ "testID": undefined,
1731
+ },
1732
+ "type": "View",
1733
+ },
1734
+ ],
1735
+ "props": {
1736
+ "accessibilityHint": "Saves the selected value",
1737
+ "accessibilityLabel": "Save selected value",
1738
+ "aria-role": "button",
1739
+ "hitSlop": {
1740
+ "bottom": 4,
1741
+ "left": 4,
1742
+ "right": 4,
1743
+ "top": 4,
1744
+ },
1745
+ "onPress": [Function],
1746
+ "style": {
1747
+ "alignSelf": "flex-end",
1748
+ "paddingRight": 12,
1749
+ },
1750
+ },
1751
+ "type": "TouchableOpacity",
1752
+ },
1753
+ ],
1754
+ "props": {
1755
+ "style": {
1756
+ "alignItems": "center",
1757
+ "backgroundColor": "#f8f8f8",
1758
+ "height": 45,
1759
+ "justifyContent": "center",
1760
+ "width": "100%",
1761
+ },
1762
+ "testID": undefined,
1763
+ },
1764
+ "type": "View",
1765
+ },
1766
+ {
1767
+ "$$typeof": Symbol(react.test.json),
1768
+ "children": [
1769
+ {
1770
+ "$$typeof": Symbol(react.test.json),
1771
+ "children": null,
1772
+ "props": {
1773
+ "label": "Option A",
1774
+ "value": "a",
1775
+ },
1776
+ "type": "Picker.Item",
1777
+ },
1778
+ {
1779
+ "$$typeof": Symbol(react.test.json),
1780
+ "children": null,
1781
+ "props": {
1782
+ "label": "Option B",
1783
+ "value": "b",
1784
+ },
1785
+ "type": "Picker.Item",
1786
+ },
1787
+ {
1788
+ "$$typeof": Symbol(react.test.json),
1789
+ "children": null,
1790
+ "props": {
1791
+ "label": "Option C",
1792
+ "value": "c",
1793
+ },
1794
+ "type": "Picker.Item",
1795
+ },
1796
+ ],
1797
+ "props": {
1798
+ "enabled": true,
1799
+ "onValueChange": [Function],
1800
+ "selectedValue": "a",
1801
+ },
1802
+ "type": "Picker",
1803
+ },
1804
+ ],
1805
+ "props": {
1806
+ "style": {
1807
+ "backgroundColor": "#D9D9D9",
1808
+ "borderTopColor": "#CDCDCD",
1809
+ "borderTopWidth": 1,
1810
+ "height": 215,
1811
+ },
1812
+ "testID": undefined,
1813
+ },
1814
+ "type": "View",
1815
+ },
1816
+ ],
1817
+ "props": {
1818
+ "style": {
1819
+ "flex": 1,
1820
+ "justifyContent": "flex-end",
1821
+ },
1822
+ "testID": undefined,
1823
+ },
1824
+ "type": "View",
1825
+ },
1826
+ ],
1827
+ "props": {
1828
+ "animationType": "slide",
1829
+ "onRequestClose": [Function],
1830
+ "supportedOrientations": [
1831
+ "portrait",
1832
+ "landscape",
1833
+ ],
1834
+ "transparent": true,
1835
+ "visible": false,
1836
+ },
1837
+ "type": "Modal",
1838
+ },
1839
+ ],
1840
+ "props": {
1841
+ "style": {
1842
+ "alignItems": "flex-start",
1843
+ "opacity": 1,
1844
+ },
1845
+ "testID": undefined,
1846
+ },
1847
+ "type": "View",
1848
+ }
1849
+ `;
1850
+
1851
+ exports[`SelectBadge renders with custom colors 1`] = `
1852
+ {
1853
+ "$$typeof": Symbol(react.test.json),
1854
+ "children": [
1855
+ {
1856
+ "$$typeof": Symbol(react.test.json),
1857
+ "children": [
1858
+ {
1859
+ "$$typeof": Symbol(react.test.json),
1860
+ "children": [
1861
+ {
1862
+ "$$typeof": Symbol(react.test.json),
1863
+ "children": [
1864
+ {
1865
+ "$$typeof": Symbol(react.test.json),
1866
+ "children": [
1867
+ "Option A",
1868
+ ],
1869
+ "props": {
1870
+ "style": {
1871
+ "color": "#0000FF",
1872
+ "fontFamily": "text",
1873
+ "fontSize": 10,
1874
+ "fontWeight": "700",
1875
+ },
1876
+ },
1877
+ "type": "Text",
1878
+ },
1879
+ ],
1880
+ "props": {
1881
+ "style": {
1882
+ "alignItems": "center",
1883
+ "backgroundColor": "#FF0000",
1884
+ "borderBottomLeftRadius": 4,
1885
+ "borderColor": "#00FF00",
1886
+ "borderTopLeftRadius": 4,
1887
+ "borderWidth": 1,
1888
+ "flexDirection": "row",
1889
+ "height": 20,
1890
+ "justifyContent": "center",
1891
+ "paddingHorizontal": 8,
1892
+ "width": "auto",
1893
+ },
1894
+ "testID": undefined,
1895
+ },
1896
+ "type": "View",
1897
+ },
1898
+ {
1899
+ "$$typeof": Symbol(react.test.json),
1900
+ "children": null,
1901
+ "props": {
1902
+ "style": {
1903
+ "alignItems": "center",
1904
+ "backgroundColor": "#FF0000",
1905
+ "borderBottomRightRadius": 4,
1906
+ "borderColor": "#00FF00",
1907
+ "borderLeftWidth": 1,
1908
+ "borderTopRightRadius": 4,
1909
+ "borderWidth": 1,
1910
+ "flexDirection": "row",
1911
+ "height": 20,
1912
+ "justifyContent": "center",
1913
+ "paddingHorizontal": 4,
1914
+ "paddingVertical": 1,
1915
+ "width": "auto",
1916
+ },
1917
+ "testID": undefined,
1918
+ },
1919
+ "type": "View",
1920
+ },
1921
+ ],
1922
+ "props": {
1923
+ "style": {
1924
+ "alignItems": "center",
1925
+ "display": "flex",
1926
+ "flexDirection": "row",
1927
+ "height": 20,
1928
+ "width": "auto",
1929
+ },
1930
+ "testID": undefined,
1931
+ },
1932
+ "type": "View",
1933
+ },
1934
+ ],
1935
+ "props": {
1936
+ "accessibilityHint": "Opens the options picker",
1937
+ "accessibilityLabel": "Open select badge options",
1938
+ "aria-role": "button",
1939
+ "disabled": false,
1940
+ "onPress": [Function],
1941
+ },
1942
+ "type": "TouchableOpacity",
1943
+ },
1944
+ {
1945
+ "$$typeof": Symbol(react.test.json),
1946
+ "children": [
1947
+ {
1948
+ "$$typeof": Symbol(react.test.json),
1949
+ "children": [
1950
+ {
1951
+ "$$typeof": Symbol(react.test.json),
1952
+ "children": null,
1953
+ "props": {
1954
+ "accessibilityHint": "Closes the picker modal",
1955
+ "accessibilityLabel": "Dismiss picker modal",
1956
+ "activeOpacity": 1,
1957
+ "onPress": [Function],
1958
+ "style": {
1959
+ "flex": 1,
1960
+ },
1961
+ },
1962
+ "type": "TouchableOpacity",
1963
+ },
1964
+ {
1965
+ "$$typeof": Symbol(react.test.json),
1966
+ "children": [
1967
+ {
1968
+ "$$typeof": Symbol(react.test.json),
1969
+ "children": [
1970
+ {
1971
+ "$$typeof": Symbol(react.test.json),
1972
+ "children": [
1973
+ {
1974
+ "$$typeof": Symbol(react.test.json),
1975
+ "children": [
1976
+ {
1977
+ "$$typeof": Symbol(react.test.json),
1978
+ "children": [
1979
+ "Save",
1980
+ ],
1981
+ "props": {
1982
+ "style": {
1983
+ "color": "#007aff",
1984
+ "fontSize": 17,
1985
+ "fontWeight": "600",
1986
+ "paddingTop": 1,
1987
+ },
1988
+ },
1989
+ "type": "Text",
1990
+ },
1991
+ ],
1992
+ "props": {
1993
+ "style": undefined,
1994
+ "testID": undefined,
1995
+ },
1996
+ "type": "View",
1997
+ },
1998
+ ],
1999
+ "props": {
2000
+ "accessibilityHint": "Saves the selected value",
2001
+ "accessibilityLabel": "Save selected value",
2002
+ "aria-role": "button",
2003
+ "hitSlop": {
2004
+ "bottom": 4,
2005
+ "left": 4,
2006
+ "right": 4,
2007
+ "top": 4,
2008
+ },
2009
+ "onPress": [Function],
2010
+ "style": {
2011
+ "alignSelf": "flex-end",
2012
+ "paddingRight": 12,
2013
+ },
2014
+ },
2015
+ "type": "TouchableOpacity",
2016
+ },
2017
+ ],
2018
+ "props": {
2019
+ "style": {
2020
+ "alignItems": "center",
2021
+ "backgroundColor": "#f8f8f8",
2022
+ "height": 45,
2023
+ "justifyContent": "center",
2024
+ "width": "100%",
2025
+ },
2026
+ "testID": undefined,
2027
+ },
2028
+ "type": "View",
2029
+ },
2030
+ {
2031
+ "$$typeof": Symbol(react.test.json),
2032
+ "children": [
2033
+ {
2034
+ "$$typeof": Symbol(react.test.json),
2035
+ "children": null,
2036
+ "props": {
2037
+ "label": "Option A",
2038
+ "value": "a",
2039
+ },
2040
+ "type": "Picker.Item",
2041
+ },
2042
+ {
2043
+ "$$typeof": Symbol(react.test.json),
2044
+ "children": null,
2045
+ "props": {
2046
+ "label": "Option B",
2047
+ "value": "b",
2048
+ },
2049
+ "type": "Picker.Item",
2050
+ },
2051
+ {
2052
+ "$$typeof": Symbol(react.test.json),
2053
+ "children": null,
2054
+ "props": {
2055
+ "label": "Option C",
2056
+ "value": "c",
2057
+ },
2058
+ "type": "Picker.Item",
2059
+ },
2060
+ ],
2061
+ "props": {
2062
+ "enabled": true,
2063
+ "onValueChange": [Function],
2064
+ "selectedValue": "a",
2065
+ },
2066
+ "type": "Picker",
2067
+ },
2068
+ ],
2069
+ "props": {
2070
+ "style": {
2071
+ "backgroundColor": "#D9D9D9",
2072
+ "borderTopColor": "#CDCDCD",
2073
+ "borderTopWidth": 1,
2074
+ "height": 215,
2075
+ },
2076
+ "testID": undefined,
2077
+ },
2078
+ "type": "View",
2079
+ },
2080
+ ],
2081
+ "props": {
2082
+ "style": {
2083
+ "flex": 1,
2084
+ "justifyContent": "flex-end",
2085
+ },
2086
+ "testID": undefined,
2087
+ },
2088
+ "type": "View",
2089
+ },
2090
+ ],
2091
+ "props": {
2092
+ "animationType": "slide",
2093
+ "onRequestClose": [Function],
2094
+ "supportedOrientations": [
2095
+ "portrait",
2096
+ "landscape",
2097
+ ],
2098
+ "transparent": true,
2099
+ "visible": false,
2100
+ },
2101
+ "type": "Modal",
2102
+ },
2103
+ ],
2104
+ "props": {
2105
+ "style": {
2106
+ "alignItems": "flex-start",
2107
+ "opacity": 1,
2108
+ },
2109
+ "testID": undefined,
2110
+ },
2111
+ "type": "View",
2112
+ }
2113
+ `;
2114
+
2115
+ exports[`SelectBadge renders disabled state 1`] = `
2116
+ {
2117
+ "$$typeof": Symbol(react.test.json),
2118
+ "children": [
2119
+ {
2120
+ "$$typeof": Symbol(react.test.json),
2121
+ "children": [
2122
+ {
2123
+ "$$typeof": Symbol(react.test.json),
2124
+ "children": [
2125
+ {
2126
+ "$$typeof": Symbol(react.test.json),
2127
+ "children": [
2128
+ {
2129
+ "$$typeof": Symbol(react.test.json),
2130
+ "children": [
2131
+ "Option A",
2132
+ ],
2133
+ "props": {
2134
+ "style": {
2135
+ "color": "#FFFFFF",
2136
+ "fontFamily": "text",
2137
+ "fontSize": 10,
2138
+ "fontWeight": "700",
2139
+ },
2140
+ },
2141
+ "type": "Text",
2142
+ },
2143
+ ],
2144
+ "props": {
2145
+ "style": {
2146
+ "alignItems": "center",
2147
+ "backgroundColor": "#2B6072",
2148
+ "borderBottomLeftRadius": 4,
2149
+ "borderColor": "#8FC1D2",
2150
+ "borderTopLeftRadius": 4,
2151
+ "borderWidth": 0,
2152
+ "flexDirection": "row",
2153
+ "height": 20,
2154
+ "justifyContent": "center",
2155
+ "paddingHorizontal": 8,
2156
+ "width": "auto",
2157
+ },
2158
+ "testID": undefined,
2159
+ },
2160
+ "type": "View",
2161
+ },
2162
+ {
2163
+ "$$typeof": Symbol(react.test.json),
2164
+ "children": null,
2165
+ "props": {
2166
+ "style": {
2167
+ "alignItems": "center",
2168
+ "backgroundColor": "#2B6072",
2169
+ "borderBottomRightRadius": 4,
2170
+ "borderColor": "#FFFFFF",
2171
+ "borderLeftWidth": 1,
2172
+ "borderTopRightRadius": 4,
2173
+ "borderWidth": 0,
2174
+ "flexDirection": "row",
2175
+ "height": 20,
2176
+ "justifyContent": "center",
2177
+ "paddingHorizontal": 4,
2178
+ "paddingVertical": 1,
2179
+ "width": "auto",
2180
+ },
2181
+ "testID": undefined,
2182
+ },
2183
+ "type": "View",
2184
+ },
2185
+ ],
2186
+ "props": {
2187
+ "style": {
2188
+ "alignItems": "center",
2189
+ "display": "flex",
2190
+ "flexDirection": "row",
2191
+ "height": 20,
2192
+ "width": "auto",
2193
+ },
2194
+ "testID": undefined,
2195
+ },
2196
+ "type": "View",
2197
+ },
2198
+ ],
2199
+ "props": {
2200
+ "accessibilityHint": "Opens the options picker",
2201
+ "accessibilityLabel": "Open select badge options",
2202
+ "aria-role": "button",
2203
+ "disabled": true,
2204
+ "onPress": [Function],
2205
+ },
2206
+ "type": "TouchableOpacity",
2207
+ },
2208
+ {
2209
+ "$$typeof": Symbol(react.test.json),
2210
+ "children": [
2211
+ {
2212
+ "$$typeof": Symbol(react.test.json),
2213
+ "children": [
2214
+ {
2215
+ "$$typeof": Symbol(react.test.json),
2216
+ "children": null,
2217
+ "props": {
2218
+ "accessibilityHint": "Closes the picker modal",
2219
+ "accessibilityLabel": "Dismiss picker modal",
2220
+ "activeOpacity": 1,
2221
+ "onPress": [Function],
2222
+ "style": {
2223
+ "flex": 1,
2224
+ },
2225
+ },
2226
+ "type": "TouchableOpacity",
2227
+ },
2228
+ {
2229
+ "$$typeof": Symbol(react.test.json),
2230
+ "children": [
2231
+ {
2232
+ "$$typeof": Symbol(react.test.json),
2233
+ "children": [
2234
+ {
2235
+ "$$typeof": Symbol(react.test.json),
2236
+ "children": [
2237
+ {
2238
+ "$$typeof": Symbol(react.test.json),
2239
+ "children": [
2240
+ {
2241
+ "$$typeof": Symbol(react.test.json),
2242
+ "children": [
2243
+ "Save",
2244
+ ],
2245
+ "props": {
2246
+ "style": {
2247
+ "color": "#007aff",
2248
+ "fontSize": 17,
2249
+ "fontWeight": "600",
2250
+ "paddingTop": 1,
2251
+ },
2252
+ },
2253
+ "type": "Text",
2254
+ },
2255
+ ],
2256
+ "props": {
2257
+ "style": undefined,
2258
+ "testID": undefined,
2259
+ },
2260
+ "type": "View",
2261
+ },
2262
+ ],
2263
+ "props": {
2264
+ "accessibilityHint": "Saves the selected value",
2265
+ "accessibilityLabel": "Save selected value",
2266
+ "aria-role": "button",
2267
+ "hitSlop": {
2268
+ "bottom": 4,
2269
+ "left": 4,
2270
+ "right": 4,
2271
+ "top": 4,
2272
+ },
2273
+ "onPress": [Function],
2274
+ "style": {
2275
+ "alignSelf": "flex-end",
2276
+ "paddingRight": 12,
2277
+ },
2278
+ },
2279
+ "type": "TouchableOpacity",
2280
+ },
2281
+ ],
2282
+ "props": {
2283
+ "style": {
2284
+ "alignItems": "center",
2285
+ "backgroundColor": "#f8f8f8",
2286
+ "height": 45,
2287
+ "justifyContent": "center",
2288
+ "width": "100%",
2289
+ },
2290
+ "testID": undefined,
2291
+ },
2292
+ "type": "View",
2293
+ },
2294
+ {
2295
+ "$$typeof": Symbol(react.test.json),
2296
+ "children": [
2297
+ {
2298
+ "$$typeof": Symbol(react.test.json),
2299
+ "children": null,
2300
+ "props": {
2301
+ "label": "Option A",
2302
+ "value": "a",
2303
+ },
2304
+ "type": "Picker.Item",
2305
+ },
2306
+ {
2307
+ "$$typeof": Symbol(react.test.json),
2308
+ "children": null,
2309
+ "props": {
2310
+ "label": "Option B",
2311
+ "value": "b",
2312
+ },
2313
+ "type": "Picker.Item",
2314
+ },
2315
+ {
2316
+ "$$typeof": Symbol(react.test.json),
2317
+ "children": null,
2318
+ "props": {
2319
+ "label": "Option C",
2320
+ "value": "c",
2321
+ },
2322
+ "type": "Picker.Item",
2323
+ },
2324
+ ],
2325
+ "props": {
2326
+ "enabled": false,
2327
+ "onValueChange": [Function],
2328
+ "selectedValue": "a",
2329
+ },
2330
+ "type": "Picker",
2331
+ },
2332
+ ],
2333
+ "props": {
2334
+ "style": {
2335
+ "backgroundColor": "#D9D9D9",
2336
+ "borderTopColor": "#CDCDCD",
2337
+ "borderTopWidth": 1,
2338
+ "height": 215,
2339
+ },
2340
+ "testID": undefined,
2341
+ },
2342
+ "type": "View",
2343
+ },
2344
+ ],
2345
+ "props": {
2346
+ "style": {
2347
+ "flex": 1,
2348
+ "justifyContent": "flex-end",
2349
+ },
2350
+ "testID": undefined,
2351
+ },
2352
+ "type": "View",
2353
+ },
2354
+ ],
2355
+ "props": {
2356
+ "animationType": "slide",
2357
+ "onRequestClose": [Function],
2358
+ "supportedOrientations": [
2359
+ "portrait",
2360
+ "landscape",
2361
+ ],
2362
+ "transparent": true,
2363
+ "visible": false,
2364
+ },
2365
+ "type": "Modal",
2366
+ },
2367
+ ],
2368
+ "props": {
2369
+ "style": {
2370
+ "alignItems": "flex-start",
2371
+ "opacity": 0.5,
2372
+ },
2373
+ "testID": undefined,
2374
+ },
2375
+ "type": "View",
2376
+ }
2377
+ `;