@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
@@ -0,0 +1,15 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`PasswordField renders correctly 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": null,
7
+ "props": {
8
+ "onPointerEnter": [Function: AsyncFunction],
9
+ "onPointerLeave": [Function: AsyncFunction],
10
+ "style": {},
11
+ "testID": undefined,
12
+ },
13
+ "type": "View",
14
+ }
15
+ `;
@@ -0,0 +1,405 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`PhoneNumberField 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": null,
13
+ "props": {
14
+ "accessibilityHint": "Enter text here",
15
+ "accessibilityState": {
16
+ "disabled": undefined,
17
+ },
18
+ "aria-label": "Text input field",
19
+ "autoCapitalize": "none",
20
+ "autoCorrect": false,
21
+ "blurOnSubmit": true,
22
+ "enterKeyHint": undefined,
23
+ "keyboardType": "number-pad",
24
+ "multiline": undefined,
25
+ "numberOfLines": 1,
26
+ "onBlur": [Function],
27
+ "onChangeText": [Function],
28
+ "onContentSizeChange": [Function],
29
+ "onFocus": [Function],
30
+ "onSubmitEditing": [Function],
31
+ "placeholder": undefined,
32
+ "placeholderTextColor": "#686868",
33
+ "readOnly": undefined,
34
+ "ref": [Function],
35
+ "secureTextEntry": false,
36
+ "style": {
37
+ "color": "#1C1C1C",
38
+ "flex": 1,
39
+ "fontFamily": "text",
40
+ "fontSize": 16,
41
+ "gap": 10,
42
+ "height": 20,
43
+ "paddingVertical": 0,
44
+ "width": "100%",
45
+ },
46
+ "testID": undefined,
47
+ "textContentType": undefined,
48
+ "underlineColorAndroid": "transparent",
49
+ "value": "",
50
+ },
51
+ "type": "TextInput",
52
+ },
53
+ ],
54
+ "props": {
55
+ "style": {
56
+ "alignItems": "center",
57
+ "backgroundColor": "#FFFFFF",
58
+ "borderColor": "#9A9A9A",
59
+ "borderRadius": 4,
60
+ "borderWidth": 1,
61
+ "flexDirection": "row",
62
+ "overflow": "hidden",
63
+ "paddingHorizontal": 12,
64
+ "paddingVertical": 8,
65
+ },
66
+ "testID": undefined,
67
+ },
68
+ "type": "View",
69
+ },
70
+ ],
71
+ "props": {
72
+ "style": {
73
+ "flexDirection": "column",
74
+ "width": "100%",
75
+ },
76
+ "testID": undefined,
77
+ },
78
+ "type": "View",
79
+ }
80
+ `;
81
+
82
+ exports[`PhoneNumberField renders with icon 1`] = `
83
+ {
84
+ "$$typeof": Symbol(react.test.json),
85
+ "children": [
86
+ {
87
+ "$$typeof": Symbol(react.test.json),
88
+ "children": [
89
+ {
90
+ "$$typeof": Symbol(react.test.json),
91
+ "children": null,
92
+ "props": {
93
+ "accessibilityHint": "Enter text here",
94
+ "accessibilityState": {
95
+ "disabled": undefined,
96
+ },
97
+ "aria-label": "Text input field",
98
+ "autoCapitalize": "none",
99
+ "autoCorrect": false,
100
+ "blurOnSubmit": true,
101
+ "enterKeyHint": undefined,
102
+ "keyboardType": "number-pad",
103
+ "multiline": undefined,
104
+ "numberOfLines": 1,
105
+ "onBlur": [Function],
106
+ "onChangeText": [Function],
107
+ "onContentSizeChange": [Function],
108
+ "onFocus": [Function],
109
+ "onSubmitEditing": [Function],
110
+ "placeholder": undefined,
111
+ "placeholderTextColor": "#686868",
112
+ "readOnly": undefined,
113
+ "ref": [Function],
114
+ "secureTextEntry": false,
115
+ "style": {
116
+ "color": "#1C1C1C",
117
+ "flex": 1,
118
+ "fontFamily": "text",
119
+ "fontSize": 16,
120
+ "gap": 10,
121
+ "height": 20,
122
+ "paddingVertical": 0,
123
+ "width": "100%",
124
+ },
125
+ "testID": undefined,
126
+ "textContentType": undefined,
127
+ "underlineColorAndroid": "transparent",
128
+ "value": "",
129
+ },
130
+ "type": "TextInput",
131
+ },
132
+ {
133
+ "$$typeof": Symbol(react.test.json),
134
+ "children": null,
135
+ "props": {
136
+ "aria-role": "button",
137
+ "onPress": undefined,
138
+ },
139
+ "type": "Pressable",
140
+ },
141
+ ],
142
+ "props": {
143
+ "style": {
144
+ "alignItems": "center",
145
+ "backgroundColor": "#FFFFFF",
146
+ "borderColor": "#9A9A9A",
147
+ "borderRadius": 4,
148
+ "borderWidth": 1,
149
+ "flexDirection": "row",
150
+ "overflow": "hidden",
151
+ "paddingHorizontal": 12,
152
+ "paddingVertical": 8,
153
+ },
154
+ "testID": undefined,
155
+ },
156
+ "type": "View",
157
+ },
158
+ ],
159
+ "props": {
160
+ "style": {
161
+ "flexDirection": "column",
162
+ "width": "100%",
163
+ },
164
+ "testID": undefined,
165
+ },
166
+ "type": "View",
167
+ }
168
+ `;
169
+
170
+ exports[`PhoneNumberField uses US as default country code 1`] = `
171
+ {
172
+ "$$typeof": Symbol(react.test.json),
173
+ "children": [
174
+ {
175
+ "$$typeof": Symbol(react.test.json),
176
+ "children": [
177
+ {
178
+ "$$typeof": Symbol(react.test.json),
179
+ "children": null,
180
+ "props": {
181
+ "accessibilityHint": "Enter text here",
182
+ "accessibilityState": {
183
+ "disabled": undefined,
184
+ },
185
+ "aria-label": "Text input field",
186
+ "autoCapitalize": "none",
187
+ "autoCorrect": false,
188
+ "blurOnSubmit": true,
189
+ "enterKeyHint": undefined,
190
+ "keyboardType": "number-pad",
191
+ "multiline": undefined,
192
+ "numberOfLines": 1,
193
+ "onBlur": [Function],
194
+ "onChangeText": [Function],
195
+ "onContentSizeChange": [Function],
196
+ "onFocus": [Function],
197
+ "onSubmitEditing": [Function],
198
+ "placeholder": undefined,
199
+ "placeholderTextColor": "#686868",
200
+ "readOnly": undefined,
201
+ "ref": [Function],
202
+ "secureTextEntry": false,
203
+ "style": {
204
+ "color": "#1C1C1C",
205
+ "flex": 1,
206
+ "fontFamily": "text",
207
+ "fontSize": 16,
208
+ "gap": 10,
209
+ "height": 20,
210
+ "paddingVertical": 0,
211
+ "width": "100%",
212
+ },
213
+ "testID": undefined,
214
+ "textContentType": undefined,
215
+ "underlineColorAndroid": "transparent",
216
+ "value": "5551234567",
217
+ },
218
+ "type": "TextInput",
219
+ },
220
+ ],
221
+ "props": {
222
+ "style": {
223
+ "alignItems": "center",
224
+ "backgroundColor": "#FFFFFF",
225
+ "borderColor": "#9A9A9A",
226
+ "borderRadius": 4,
227
+ "borderWidth": 1,
228
+ "flexDirection": "row",
229
+ "overflow": "hidden",
230
+ "paddingHorizontal": 12,
231
+ "paddingVertical": 8,
232
+ },
233
+ "testID": undefined,
234
+ },
235
+ "type": "View",
236
+ },
237
+ ],
238
+ "props": {
239
+ "style": {
240
+ "flexDirection": "column",
241
+ "width": "100%",
242
+ },
243
+ "testID": undefined,
244
+ },
245
+ "type": "View",
246
+ }
247
+ `;
248
+
249
+ exports[`PhoneNumberField accepts custom country code 1`] = `
250
+ {
251
+ "$$typeof": Symbol(react.test.json),
252
+ "children": [
253
+ {
254
+ "$$typeof": Symbol(react.test.json),
255
+ "children": [
256
+ {
257
+ "$$typeof": Symbol(react.test.json),
258
+ "children": null,
259
+ "props": {
260
+ "accessibilityHint": "Enter text here",
261
+ "accessibilityState": {
262
+ "disabled": undefined,
263
+ },
264
+ "aria-label": "Text input field",
265
+ "autoCapitalize": "none",
266
+ "autoCorrect": false,
267
+ "blurOnSubmit": true,
268
+ "enterKeyHint": undefined,
269
+ "keyboardType": "number-pad",
270
+ "multiline": undefined,
271
+ "numberOfLines": 1,
272
+ "onBlur": [Function],
273
+ "onChangeText": [Function],
274
+ "onContentSizeChange": [Function],
275
+ "onFocus": [Function],
276
+ "onSubmitEditing": [Function],
277
+ "placeholder": undefined,
278
+ "placeholderTextColor": "#686868",
279
+ "readOnly": undefined,
280
+ "ref": [Function],
281
+ "secureTextEntry": false,
282
+ "style": {
283
+ "color": "#1C1C1C",
284
+ "flex": 1,
285
+ "fontFamily": "text",
286
+ "fontSize": 16,
287
+ "gap": 10,
288
+ "height": 20,
289
+ "paddingVertical": 0,
290
+ "width": "100%",
291
+ },
292
+ "testID": undefined,
293
+ "textContentType": undefined,
294
+ "underlineColorAndroid": "transparent",
295
+ "value": "7911123456",
296
+ },
297
+ "type": "TextInput",
298
+ },
299
+ ],
300
+ "props": {
301
+ "style": {
302
+ "alignItems": "center",
303
+ "backgroundColor": "#FFFFFF",
304
+ "borderColor": "#9A9A9A",
305
+ "borderRadius": 4,
306
+ "borderWidth": 1,
307
+ "flexDirection": "row",
308
+ "overflow": "hidden",
309
+ "paddingHorizontal": 12,
310
+ "paddingVertical": 8,
311
+ },
312
+ "testID": undefined,
313
+ },
314
+ "type": "View",
315
+ },
316
+ ],
317
+ "props": {
318
+ "style": {
319
+ "flexDirection": "column",
320
+ "width": "100%",
321
+ },
322
+ "testID": undefined,
323
+ },
324
+ "type": "View",
325
+ }
326
+ `;
327
+
328
+ exports[`PhoneNumberField formats phone number as user types 1`] = `
329
+ {
330
+ "$$typeof": Symbol(react.test.json),
331
+ "children": [
332
+ {
333
+ "$$typeof": Symbol(react.test.json),
334
+ "children": [
335
+ {
336
+ "$$typeof": Symbol(react.test.json),
337
+ "children": null,
338
+ "props": {
339
+ "accessibilityHint": "Enter text here",
340
+ "accessibilityState": {
341
+ "disabled": undefined,
342
+ },
343
+ "aria-label": "Text input field",
344
+ "autoCapitalize": "none",
345
+ "autoCorrect": false,
346
+ "blurOnSubmit": true,
347
+ "enterKeyHint": undefined,
348
+ "keyboardType": "number-pad",
349
+ "multiline": undefined,
350
+ "numberOfLines": 1,
351
+ "onBlur": [Function],
352
+ "onChangeText": [Function],
353
+ "onContentSizeChange": [Function],
354
+ "onFocus": [Function],
355
+ "onSubmitEditing": [Function],
356
+ "placeholder": undefined,
357
+ "placeholderTextColor": "#686868",
358
+ "readOnly": undefined,
359
+ "ref": [Function],
360
+ "secureTextEntry": false,
361
+ "style": {
362
+ "color": "#1C1C1C",
363
+ "flex": 1,
364
+ "fontFamily": "text",
365
+ "fontSize": 16,
366
+ "gap": 10,
367
+ "height": 20,
368
+ "paddingVertical": 0,
369
+ "width": "100%",
370
+ },
371
+ "testID": undefined,
372
+ "textContentType": undefined,
373
+ "underlineColorAndroid": "transparent",
374
+ "value": "5551234567",
375
+ },
376
+ "type": "TextInput",
377
+ },
378
+ ],
379
+ "props": {
380
+ "style": {
381
+ "alignItems": "center",
382
+ "backgroundColor": "#FFFFFF",
383
+ "borderColor": "#9A9A9A",
384
+ "borderRadius": 4,
385
+ "borderWidth": 1,
386
+ "flexDirection": "row",
387
+ "overflow": "hidden",
388
+ "paddingHorizontal": 12,
389
+ "paddingVertical": 8,
390
+ },
391
+ "testID": undefined,
392
+ },
393
+ "type": "View",
394
+ },
395
+ ],
396
+ "props": {
397
+ "style": {
398
+ "flexDirection": "column",
399
+ "width": "100%",
400
+ },
401
+ "testID": undefined,
402
+ },
403
+ "type": "View",
404
+ }
405
+ `;
@@ -0,0 +1,266 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`PickerSelect renders with placeholder 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": null,
16
+ "props": {
17
+ "readOnly": true,
18
+ "style": {
19
+ "color": "#1C1C1C",
20
+ },
21
+ "testID": "text_input",
22
+ "value": "Select a color...",
23
+ },
24
+ "type": "TextInput",
25
+ },
26
+ {
27
+ "$$typeof": Symbol(react.test.json),
28
+ "children": null,
29
+ "props": {
30
+ "style": {
31
+ "pointerEvents": "none",
32
+ },
33
+ "testID": "icon_container",
34
+ },
35
+ "type": "View",
36
+ },
37
+ ],
38
+ "props": {
39
+ "style": {
40
+ "flexDirection": "row",
41
+ "justifyContent": "space-between",
42
+ "pointerEvents": "box-only",
43
+ "width": "100%",
44
+ },
45
+ "testID": undefined,
46
+ },
47
+ "type": "View",
48
+ },
49
+ ],
50
+ "props": {
51
+ "activeOpacity": 1,
52
+ "onPress": [Function],
53
+ "style": {
54
+ "alignItems": "center",
55
+ "flexDirection": "row",
56
+ "justifyContent": "center",
57
+ "minHeight": 40,
58
+ "width": "95%",
59
+ },
60
+ "testID": "ios_touchable_wrapper",
61
+ },
62
+ "type": "Pressable",
63
+ },
64
+ {
65
+ "$$typeof": Symbol(react.test.json),
66
+ "children": [
67
+ {
68
+ "$$typeof": Symbol(react.test.json),
69
+ "children": null,
70
+ "props": {
71
+ "aria-role": "button",
72
+ "onPress": [Function],
73
+ "style": {
74
+ "flex": 1,
75
+ },
76
+ "testID": "ios_modal_top",
77
+ },
78
+ "type": "Pressable",
79
+ },
80
+ {
81
+ "$$typeof": Symbol(react.test.json),
82
+ "children": [
83
+ {
84
+ "$$typeof": Symbol(react.test.json),
85
+ "children": null,
86
+ "props": {
87
+ "style": {
88
+ "flexDirection": "row",
89
+ },
90
+ "testID": undefined,
91
+ },
92
+ "type": "View",
93
+ },
94
+ {
95
+ "$$typeof": Symbol(react.test.json),
96
+ "children": [
97
+ {
98
+ "$$typeof": Symbol(react.test.json),
99
+ "children": [
100
+ {
101
+ "$$typeof": Symbol(react.test.json),
102
+ "children": [
103
+ "Done",
104
+ ],
105
+ "props": {
106
+ "allowFontScaling": false,
107
+ "style": [
108
+ {
109
+ "color": "#007aff",
110
+ "fontSize": 17,
111
+ "fontWeight": "600",
112
+ "paddingRight": 11,
113
+ "paddingTop": 1,
114
+ },
115
+ {},
116
+ ],
117
+ "testID": "done_text",
118
+ },
119
+ "type": "Text",
120
+ },
121
+ ],
122
+ "props": {
123
+ "style": undefined,
124
+ "testID": "needed_for_touchable",
125
+ },
126
+ "type": "View",
127
+ },
128
+ ],
129
+ "props": {
130
+ "hitSlop": {
131
+ "bottom": 4,
132
+ "left": 4,
133
+ "right": 4,
134
+ "top": 4,
135
+ },
136
+ "onPress": [Function],
137
+ "onPressIn": [Function],
138
+ "onPressOut": [Function],
139
+ "testID": "done_button",
140
+ },
141
+ "type": "Pressable",
142
+ },
143
+ ],
144
+ "props": {
145
+ "style": {
146
+ "alignItems": "center",
147
+ "backgroundColor": "#f8f8f8",
148
+ "borderTopColor": "#dedede",
149
+ "borderTopWidth": 1,
150
+ "flexDirection": "row",
151
+ "height": 45,
152
+ "justifyContent": "space-between",
153
+ "paddingHorizontal": 10,
154
+ "zIndex": 2,
155
+ },
156
+ "testID": "input_accessory_view",
157
+ },
158
+ "type": "View",
159
+ },
160
+ {
161
+ "$$typeof": Symbol(react.test.json),
162
+ "children": [
163
+ {
164
+ "$$typeof": Symbol(react.test.json),
165
+ "children": [
166
+ {
167
+ "$$typeof": Symbol(react.test.json),
168
+ "children": null,
169
+ "props": {
170
+ "color": undefined,
171
+ "label": "Select a color...",
172
+ "value": null,
173
+ },
174
+ "type": "Picker.Item",
175
+ },
176
+ {
177
+ "$$typeof": Symbol(react.test.json),
178
+ "children": null,
179
+ "props": {
180
+ "color": undefined,
181
+ "label": "Red",
182
+ "value": "red",
183
+ },
184
+ "type": "Picker.Item",
185
+ },
186
+ {
187
+ "$$typeof": Symbol(react.test.json),
188
+ "children": null,
189
+ "props": {
190
+ "color": undefined,
191
+ "label": "Green",
192
+ "value": "green",
193
+ },
194
+ "type": "Picker.Item",
195
+ },
196
+ {
197
+ "$$typeof": Symbol(react.test.json),
198
+ "children": null,
199
+ "props": {
200
+ "color": undefined,
201
+ "label": "Blue",
202
+ "value": "blue",
203
+ },
204
+ "type": "Picker.Item",
205
+ },
206
+ ],
207
+ "props": {
208
+ "onValueChange": [Function],
209
+ "selectedValue": null,
210
+ "testID": "ios_picker",
211
+ },
212
+ "type": "Picker",
213
+ },
214
+ ],
215
+ "props": {
216
+ "style": [
217
+ {
218
+ "backgroundColor": "#d0d4da",
219
+ "justifyContent": "center",
220
+ },
221
+ {
222
+ "height": 215,
223
+ },
224
+ ],
225
+ "testID": undefined,
226
+ },
227
+ "type": "View",
228
+ },
229
+ ],
230
+ "props": {
231
+ "animationType": undefined,
232
+ "onOrientationChange": [Function],
233
+ "supportedOrientations": [
234
+ "portrait",
235
+ "landscape",
236
+ ],
237
+ "testID": "ios_modal",
238
+ "transparent": true,
239
+ "visible": false,
240
+ },
241
+ "type": "Modal",
242
+ },
243
+ ],
244
+ "props": {
245
+ "style": [
246
+ {
247
+ "alignItems": "center",
248
+ "alignSelf": "stretch",
249
+ "borderRadius": 4,
250
+ "borderWidth": 1,
251
+ "flexDirection": "row",
252
+ "justifyContent": "center",
253
+ "minHeight": 40,
254
+ "width": "100%",
255
+ },
256
+ {
257
+ "backgroundColor": "#FFFFFF",
258
+ "borderColor": "#9A9A9A",
259
+ },
260
+ false,
261
+ ],
262
+ "testID": undefined,
263
+ },
264
+ "type": "View",
265
+ }
266
+ `;