@terreno/ui 0.7.0 → 0.7.2

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 (37) hide show
  1. package/dist/AiSuggestionBox.d.ts +6 -0
  2. package/dist/AiSuggestionBox.js +87 -0
  3. package/dist/AiSuggestionBox.js.map +1 -0
  4. package/dist/Common.d.ts +12 -0
  5. package/dist/Common.js.map +1 -1
  6. package/dist/DateTimeActionSheet.js +2 -2
  7. package/dist/Slider.js +2 -8
  8. package/dist/Slider.js.map +1 -1
  9. package/dist/TextField.js +46 -41
  10. package/dist/TextField.js.map +1 -1
  11. package/dist/index.d.ts +1 -0
  12. package/dist/index.js +1 -0
  13. package/dist/index.js.map +1 -1
  14. package/package.json +1 -1
  15. package/src/AiSuggestionBox.test.tsx +373 -0
  16. package/src/AiSuggestionBox.tsx +233 -0
  17. package/src/Common.ts +14 -0
  18. package/src/DateTimeActionSheet.tsx +2 -2
  19. package/src/Slider.tsx +2 -1
  20. package/src/TextField.tsx +87 -70
  21. package/src/__snapshots__/AddressField.test.tsx.snap +208 -156
  22. package/src/__snapshots__/AiSuggestionBox.test.tsx.snap +1031 -0
  23. package/src/__snapshots__/CustomSelectField.test.tsx.snap +51 -38
  24. package/src/__snapshots__/EmailField.test.tsx.snap +111 -85
  25. package/src/__snapshots__/Field.test.tsx.snap +616 -460
  26. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +51 -38
  27. package/src/__snapshots__/NumberField.test.tsx.snap +51 -38
  28. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +264 -199
  29. package/src/__snapshots__/Slider.test.tsx.snap +0 -7
  30. package/src/__snapshots__/TapToEdit.test.tsx.snap +51 -38
  31. package/src/__snapshots__/TextArea.test.tsx.snap +255 -190
  32. package/src/__snapshots__/TextField.test.tsx.snap +264 -199
  33. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +204 -152
  34. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +153 -114
  35. package/src/index.tsx +1 -0
  36. package/src/login/__snapshots__/LoginScreen.test.tsx.snap +104 -78
  37. package/src/signUp/__snapshots__/SignUpScreen.test.tsx.snap +156 -117
package/src/__snapshots__/Field.test.tsx.snap CHANGED
@@ -9,57 +9,70 @@ exports[`Field renders text field by default 1`] = `
9
9
  "children": [
10
10
  {
11
11
  "$$typeof": Symbol(react.test.json),
12
- "children": null,
13
- "props": {
14
- "accessibilityHint": "Enter text here",
15
- "accessibilityState": {
16
- "disabled": undefined,
12
+ "children": [
13
+ {
14
+ "$$typeof": Symbol(react.test.json),
15
+ "children": null,
16
+ "props": {
17
+ "accessibilityHint": "Enter text here",
18
+ "accessibilityState": {
19
+ "disabled": undefined,
20
+ },
21
+ "aria-label": "Text input field",
22
+ "autoCapitalize": "sentences",
23
+ "autoCorrect": true,
24
+ "blurOnSubmit": true,
25
+ "enterKeyHint": undefined,
26
+ "keyboardType": "default",
27
+ "multiline": undefined,
28
+ "nativeID": undefined,
29
+ "numberOfLines": 1,
30
+ "onBlur": [Function],
31
+ "onChangeText": [Function],
32
+ "onContentSizeChange": [Function],
33
+ "onFocus": [Function],
34
+ "onSubmitEditing": [Function],
35
+ "placeholder": undefined,
36
+ "placeholderTextColor": "#686868",
37
+ "readOnly": undefined,
38
+ "ref": [Function],
39
+ "secureTextEntry": false,
40
+ "style": {
41
+ "color": "#1C1C1C",
42
+ "flex": 1,
43
+ "fontFamily": "text",
44
+ "fontSize": 16,
45
+ "gap": 10,
46
+ "height": 20,
47
+ "paddingVertical": 0,
48
+ "width": "100%",
49
+ },
50
+ "testID": undefined,
51
+ "textContentType": "none",
52
+ "underlineColorAndroid": "transparent",
53
+ "value": "",
54
+ },
55
+ "type": "TextInput",
17
56
  },
18
- "aria-label": "Text input field",
19
- "autoCapitalize": "sentences",
20
- "autoCorrect": true,
21
- "blurOnSubmit": true,
22
- "enterKeyHint": undefined,
23
- "keyboardType": "default",
24
- "multiline": undefined,
25
- "nativeID": undefined,
26
- "numberOfLines": 1,
27
- "onBlur": [Function],
28
- "onChangeText": [Function],
29
- "onContentSizeChange": [Function],
30
- "onFocus": [Function],
31
- "onSubmitEditing": [Function],
32
- "placeholder": undefined,
33
- "placeholderTextColor": "#686868",
34
- "readOnly": undefined,
35
- "ref": [Function],
36
- "secureTextEntry": false,
57
+ ],
58
+ "props": {
37
59
  "style": {
38
- "color": "#1C1C1C",
39
- "flex": 1,
40
- "fontFamily": "text",
41
- "fontSize": 16,
42
- "gap": 10,
43
- "height": 20,
44
- "paddingVertical": 0,
45
- "width": "100%",
60
+ "alignItems": "center",
61
+ "flexDirection": "row",
46
62
  },
47
63
  "testID": undefined,
48
- "textContentType": "none",
49
- "underlineColorAndroid": "transparent",
50
- "value": "",
51
64
  },
52
- "type": "TextInput",
65
+ "type": "View",
53
66
  },
54
67
  ],
55
68
  "props": {
56
69
  "style": {
57
- "alignItems": "center",
58
70
  "backgroundColor": "#FFFFFF",
59
71
  "borderColor": "#9A9A9A",
60
72
  "borderRadius": 4,
61
73
  "borderWidth": 1,
62
- "flexDirection": "row",
74
+ "flexDirection": "column",
75
+ "gap": 0,
63
76
  "overflow": "hidden",
64
77
  "paddingHorizontal": 12,
65
78
  "paddingVertical": 8,
@@ -89,57 +102,70 @@ exports[`Field renders text field with type text 1`] = `
89
102
  "children": [
90
103
  {
91
104
  "$$typeof": Symbol(react.test.json),
92
- "children": null,
93
- "props": {
94
- "accessibilityHint": "Enter text here",
95
- "accessibilityState": {
96
- "disabled": undefined,
105
+ "children": [
106
+ {
107
+ "$$typeof": Symbol(react.test.json),
108
+ "children": null,
109
+ "props": {
110
+ "accessibilityHint": "Enter text here",
111
+ "accessibilityState": {
112
+ "disabled": undefined,
113
+ },
114
+ "aria-label": "Text input field",
115
+ "autoCapitalize": "sentences",
116
+ "autoCorrect": true,
117
+ "blurOnSubmit": true,
118
+ "enterKeyHint": undefined,
119
+ "keyboardType": "default",
120
+ "multiline": undefined,
121
+ "nativeID": undefined,
122
+ "numberOfLines": 1,
123
+ "onBlur": [Function],
124
+ "onChangeText": [Function],
125
+ "onContentSizeChange": [Function],
126
+ "onFocus": [Function],
127
+ "onSubmitEditing": [Function],
128
+ "placeholder": undefined,
129
+ "placeholderTextColor": "#686868",
130
+ "readOnly": undefined,
131
+ "ref": [Function],
132
+ "secureTextEntry": false,
133
+ "style": {
134
+ "color": "#1C1C1C",
135
+ "flex": 1,
136
+ "fontFamily": "text",
137
+ "fontSize": 16,
138
+ "gap": 10,
139
+ "height": 20,
140
+ "paddingVertical": 0,
141
+ "width": "100%",
142
+ },
143
+ "testID": undefined,
144
+ "textContentType": "none",
145
+ "underlineColorAndroid": "transparent",
146
+ "value": "",
147
+ },
148
+ "type": "TextInput",
97
149
  },
98
- "aria-label": "Text input field",
99
- "autoCapitalize": "sentences",
100
- "autoCorrect": true,
101
- "blurOnSubmit": true,
102
- "enterKeyHint": undefined,
103
- "keyboardType": "default",
104
- "multiline": undefined,
105
- "nativeID": undefined,
106
- "numberOfLines": 1,
107
- "onBlur": [Function],
108
- "onChangeText": [Function],
109
- "onContentSizeChange": [Function],
110
- "onFocus": [Function],
111
- "onSubmitEditing": [Function],
112
- "placeholder": undefined,
113
- "placeholderTextColor": "#686868",
114
- "readOnly": undefined,
115
- "ref": [Function],
116
- "secureTextEntry": false,
150
+ ],
151
+ "props": {
117
152
  "style": {
118
- "color": "#1C1C1C",
119
- "flex": 1,
120
- "fontFamily": "text",
121
- "fontSize": 16,
122
- "gap": 10,
123
- "height": 20,
124
- "paddingVertical": 0,
125
- "width": "100%",
153
+ "alignItems": "center",
154
+ "flexDirection": "row",
126
155
  },
127
156
  "testID": undefined,
128
- "textContentType": "none",
129
- "underlineColorAndroid": "transparent",
130
- "value": "",
131
157
  },
132
- "type": "TextInput",
158
+ "type": "View",
133
159
  },
134
160
  ],
135
161
  "props": {
136
162
  "style": {
137
- "alignItems": "center",
138
163
  "backgroundColor": "#FFFFFF",
139
164
  "borderColor": "#9A9A9A",
140
165
  "borderRadius": 4,
141
166
  "borderWidth": 1,
142
- "flexDirection": "row",
167
+ "flexDirection": "column",
168
+ "gap": 0,
143
169
  "overflow": "hidden",
144
170
  "paddingHorizontal": 12,
145
171
  "paddingVertical": 8,
@@ -169,57 +195,70 @@ exports[`Field renders password field 1`] = `
169
195
  "children": [
170
196
  {
171
197
  "$$typeof": Symbol(react.test.json),
172
- "children": null,
173
- "props": {
174
- "accessibilityHint": "Enter text here",
175
- "accessibilityState": {
176
- "disabled": undefined,
198
+ "children": [
199
+ {
200
+ "$$typeof": Symbol(react.test.json),
201
+ "children": null,
202
+ "props": {
203
+ "accessibilityHint": "Enter text here",
204
+ "accessibilityState": {
205
+ "disabled": undefined,
206
+ },
207
+ "aria-label": "Text input field",
208
+ "autoCapitalize": "none",
209
+ "autoCorrect": false,
210
+ "blurOnSubmit": true,
211
+ "enterKeyHint": undefined,
212
+ "keyboardType": "default",
213
+ "multiline": undefined,
214
+ "nativeID": undefined,
215
+ "numberOfLines": 1,
216
+ "onBlur": [Function],
217
+ "onChangeText": [Function],
218
+ "onContentSizeChange": [Function],
219
+ "onFocus": [Function],
220
+ "onSubmitEditing": [Function],
221
+ "placeholder": undefined,
222
+ "placeholderTextColor": "#686868",
223
+ "readOnly": undefined,
224
+ "ref": [Function],
225
+ "secureTextEntry": true,
226
+ "style": {
227
+ "color": "#1C1C1C",
228
+ "flex": 1,
229
+ "fontFamily": "text",
230
+ "fontSize": 16,
231
+ "gap": 10,
232
+ "height": 20,
233
+ "paddingVertical": 0,
234
+ "width": "100%",
235
+ },
236
+ "testID": undefined,
237
+ "textContentType": "password",
238
+ "underlineColorAndroid": "transparent",
239
+ "value": "",
240
+ },
241
+ "type": "TextInput",
177
242
  },
178
- "aria-label": "Text input field",
179
- "autoCapitalize": "none",
180
- "autoCorrect": false,
181
- "blurOnSubmit": true,
182
- "enterKeyHint": undefined,
183
- "keyboardType": "default",
184
- "multiline": undefined,
185
- "nativeID": undefined,
186
- "numberOfLines": 1,
187
- "onBlur": [Function],
188
- "onChangeText": [Function],
189
- "onContentSizeChange": [Function],
190
- "onFocus": [Function],
191
- "onSubmitEditing": [Function],
192
- "placeholder": undefined,
193
- "placeholderTextColor": "#686868",
194
- "readOnly": undefined,
195
- "ref": [Function],
196
- "secureTextEntry": true,
243
+ ],
244
+ "props": {
197
245
  "style": {
198
- "color": "#1C1C1C",
199
- "flex": 1,
200
- "fontFamily": "text",
201
- "fontSize": 16,
202
- "gap": 10,
203
- "height": 20,
204
- "paddingVertical": 0,
205
- "width": "100%",
246
+ "alignItems": "center",
247
+ "flexDirection": "row",
206
248
  },
207
249
  "testID": undefined,
208
- "textContentType": "password",
209
- "underlineColorAndroid": "transparent",
210
- "value": "",
211
250
  },
212
- "type": "TextInput",
251
+ "type": "View",
213
252
  },
214
253
  ],
215
254
  "props": {
216
255
  "style": {
217
- "alignItems": "center",
218
256
  "backgroundColor": "#FFFFFF",
219
257
  "borderColor": "#9A9A9A",
220
258
  "borderRadius": 4,
221
259
  "borderWidth": 1,
222
- "flexDirection": "row",
260
+ "flexDirection": "column",
261
+ "gap": 0,
223
262
  "overflow": "hidden",
224
263
  "paddingHorizontal": 12,
225
264
  "paddingVertical": 8,
@@ -249,57 +288,70 @@ exports[`Field renders email field 1`] = `
249
288
  "children": [
250
289
  {
251
290
  "$$typeof": Symbol(react.test.json),
252
- "children": null,
253
- "props": {
254
- "accessibilityHint": "Enter text here",
255
- "accessibilityState": {
256
- "disabled": undefined,
291
+ "children": [
292
+ {
293
+ "$$typeof": Symbol(react.test.json),
294
+ "children": null,
295
+ "props": {
296
+ "accessibilityHint": "Enter text here",
297
+ "accessibilityState": {
298
+ "disabled": undefined,
299
+ },
300
+ "aria-label": "Text input field",
301
+ "autoCapitalize": "none",
302
+ "autoCorrect": false,
303
+ "blurOnSubmit": true,
304
+ "enterKeyHint": undefined,
305
+ "keyboardType": "email-address",
306
+ "multiline": undefined,
307
+ "nativeID": undefined,
308
+ "numberOfLines": 1,
309
+ "onBlur": [Function],
310
+ "onChangeText": [Function],
311
+ "onContentSizeChange": [Function],
312
+ "onFocus": [Function],
313
+ "onSubmitEditing": [Function],
314
+ "placeholder": undefined,
315
+ "placeholderTextColor": "#686868",
316
+ "readOnly": undefined,
317
+ "ref": [Function],
318
+ "secureTextEntry": false,
319
+ "style": {
320
+ "color": "#1C1C1C",
321
+ "flex": 1,
322
+ "fontFamily": "text",
323
+ "fontSize": 16,
324
+ "gap": 10,
325
+ "height": 20,
326
+ "paddingVertical": 0,
327
+ "width": "100%",
328
+ },
329
+ "testID": undefined,
330
+ "textContentType": "emailAddress",
331
+ "underlineColorAndroid": "transparent",
332
+ "value": "",
333
+ },
334
+ "type": "TextInput",
257
335
  },
258
- "aria-label": "Text input field",
259
- "autoCapitalize": "none",
260
- "autoCorrect": false,
261
- "blurOnSubmit": true,
262
- "enterKeyHint": undefined,
263
- "keyboardType": "email-address",
264
- "multiline": undefined,
265
- "nativeID": undefined,
266
- "numberOfLines": 1,
267
- "onBlur": [Function],
268
- "onChangeText": [Function],
269
- "onContentSizeChange": [Function],
270
- "onFocus": [Function],
271
- "onSubmitEditing": [Function],
272
- "placeholder": undefined,
273
- "placeholderTextColor": "#686868",
274
- "readOnly": undefined,
275
- "ref": [Function],
276
- "secureTextEntry": false,
336
+ ],
337
+ "props": {
277
338
  "style": {
278
- "color": "#1C1C1C",
279
- "flex": 1,
280
- "fontFamily": "text",
281
- "fontSize": 16,
282
- "gap": 10,
283
- "height": 20,
284
- "paddingVertical": 0,
285
- "width": "100%",
339
+ "alignItems": "center",
340
+ "flexDirection": "row",
286
341
  },
287
342
  "testID": undefined,
288
- "textContentType": "emailAddress",
289
- "underlineColorAndroid": "transparent",
290
- "value": "",
291
343
  },
292
- "type": "TextInput",
344
+ "type": "View",
293
345
  },
294
346
  ],
295
347
  "props": {
296
348
  "style": {
297
- "alignItems": "center",
298
349
  "backgroundColor": "#FFFFFF",
299
350
  "borderColor": "#9A9A9A",
300
351
  "borderRadius": 4,
301
352
  "borderWidth": 1,
302
- "flexDirection": "row",
353
+ "flexDirection": "column",
354
+ "gap": 0,
303
355
  "overflow": "hidden",
304
356
  "paddingHorizontal": 12,
305
357
  "paddingVertical": 8,
@@ -329,57 +381,70 @@ exports[`Field renders url field 1`] = `
329
381
  "children": [
330
382
  {
331
383
  "$$typeof": Symbol(react.test.json),
332
- "children": null,
333
- "props": {
334
- "accessibilityHint": "Enter text here",
335
- "accessibilityState": {
336
- "disabled": undefined,
384
+ "children": [
385
+ {
386
+ "$$typeof": Symbol(react.test.json),
387
+ "children": null,
388
+ "props": {
389
+ "accessibilityHint": "Enter text here",
390
+ "accessibilityState": {
391
+ "disabled": undefined,
392
+ },
393
+ "aria-label": "Text input field",
394
+ "autoCapitalize": "none",
395
+ "autoCorrect": false,
396
+ "blurOnSubmit": true,
397
+ "enterKeyHint": undefined,
398
+ "keyboardType": "url",
399
+ "multiline": undefined,
400
+ "nativeID": undefined,
401
+ "numberOfLines": 1,
402
+ "onBlur": [Function],
403
+ "onChangeText": [Function],
404
+ "onContentSizeChange": [Function],
405
+ "onFocus": [Function],
406
+ "onSubmitEditing": [Function],
407
+ "placeholder": undefined,
408
+ "placeholderTextColor": "#686868",
409
+ "readOnly": undefined,
410
+ "ref": [Function],
411
+ "secureTextEntry": false,
412
+ "style": {
413
+ "color": "#1C1C1C",
414
+ "flex": 1,
415
+ "fontFamily": "text",
416
+ "fontSize": 16,
417
+ "gap": 10,
418
+ "height": 20,
419
+ "paddingVertical": 0,
420
+ "width": "100%",
421
+ },
422
+ "testID": undefined,
423
+ "textContentType": "URL",
424
+ "underlineColorAndroid": "transparent",
425
+ "value": "",
426
+ },
427
+ "type": "TextInput",
337
428
  },
338
- "aria-label": "Text input field",
339
- "autoCapitalize": "none",
340
- "autoCorrect": false,
341
- "blurOnSubmit": true,
342
- "enterKeyHint": undefined,
343
- "keyboardType": "url",
344
- "multiline": undefined,
345
- "nativeID": undefined,
346
- "numberOfLines": 1,
347
- "onBlur": [Function],
348
- "onChangeText": [Function],
349
- "onContentSizeChange": [Function],
350
- "onFocus": [Function],
351
- "onSubmitEditing": [Function],
352
- "placeholder": undefined,
353
- "placeholderTextColor": "#686868",
354
- "readOnly": undefined,
355
- "ref": [Function],
356
- "secureTextEntry": false,
429
+ ],
430
+ "props": {
357
431
  "style": {
358
- "color": "#1C1C1C",
359
- "flex": 1,
360
- "fontFamily": "text",
361
- "fontSize": 16,
362
- "gap": 10,
363
- "height": 20,
364
- "paddingVertical": 0,
365
- "width": "100%",
432
+ "alignItems": "center",
433
+ "flexDirection": "row",
366
434
  },
367
435
  "testID": undefined,
368
- "textContentType": "URL",
369
- "underlineColorAndroid": "transparent",
370
- "value": "",
371
436
  },
372
- "type": "TextInput",
437
+ "type": "View",
373
438
  },
374
439
  ],
375
440
  "props": {
376
441
  "style": {
377
- "alignItems": "center",
378
442
  "backgroundColor": "#FFFFFF",
379
443
  "borderColor": "#9A9A9A",
380
444
  "borderRadius": 4,
381
445
  "borderWidth": 1,
382
- "flexDirection": "row",
446
+ "flexDirection": "column",
447
+ "gap": 0,
383
448
  "overflow": "hidden",
384
449
  "paddingHorizontal": 12,
385
450
  "paddingVertical": 8,
@@ -409,57 +474,70 @@ exports[`Field renders number field 1`] = `
409
474
  "children": [
410
475
  {
411
476
  "$$typeof": Symbol(react.test.json),
412
- "children": null,
413
- "props": {
414
- "accessibilityHint": "Enter text here",
415
- "accessibilityState": {
416
- "disabled": undefined,
477
+ "children": [
478
+ {
479
+ "$$typeof": Symbol(react.test.json),
480
+ "children": null,
481
+ "props": {
482
+ "accessibilityHint": "Enter text here",
483
+ "accessibilityState": {
484
+ "disabled": undefined,
485
+ },
486
+ "aria-label": "Text input field",
487
+ "autoCapitalize": "sentences",
488
+ "autoCorrect": true,
489
+ "blurOnSubmit": true,
490
+ "enterKeyHint": undefined,
491
+ "keyboardType": "default",
492
+ "multiline": undefined,
493
+ "nativeID": undefined,
494
+ "numberOfLines": 1,
495
+ "onBlur": [Function],
496
+ "onChangeText": [Function],
497
+ "onContentSizeChange": [Function],
498
+ "onFocus": [Function],
499
+ "onSubmitEditing": [Function],
500
+ "placeholder": undefined,
501
+ "placeholderTextColor": "#686868",
502
+ "readOnly": undefined,
503
+ "ref": [Function],
504
+ "secureTextEntry": false,
505
+ "style": {
506
+ "color": "#1C1C1C",
507
+ "flex": 1,
508
+ "fontFamily": "text",
509
+ "fontSize": 16,
510
+ "gap": 10,
511
+ "height": 20,
512
+ "paddingVertical": 0,
513
+ "width": "100%",
514
+ },
515
+ "testID": undefined,
516
+ "textContentType": "none",
517
+ "underlineColorAndroid": "transparent",
518
+ "value": "",
519
+ },
520
+ "type": "TextInput",
417
521
  },
418
- "aria-label": "Text input field",
419
- "autoCapitalize": "sentences",
420
- "autoCorrect": true,
421
- "blurOnSubmit": true,
422
- "enterKeyHint": undefined,
423
- "keyboardType": "default",
424
- "multiline": undefined,
425
- "nativeID": undefined,
426
- "numberOfLines": 1,
427
- "onBlur": [Function],
428
- "onChangeText": [Function],
429
- "onContentSizeChange": [Function],
430
- "onFocus": [Function],
431
- "onSubmitEditing": [Function],
432
- "placeholder": undefined,
433
- "placeholderTextColor": "#686868",
434
- "readOnly": undefined,
435
- "ref": [Function],
436
- "secureTextEntry": false,
522
+ ],
523
+ "props": {
437
524
  "style": {
438
- "color": "#1C1C1C",
439
- "flex": 1,
440
- "fontFamily": "text",
441
- "fontSize": 16,
442
- "gap": 10,
443
- "height": 20,
444
- "paddingVertical": 0,
445
- "width": "100%",
525
+ "alignItems": "center",
526
+ "flexDirection": "row",
446
527
  },
447
528
  "testID": undefined,
448
- "textContentType": "none",
449
- "underlineColorAndroid": "transparent",
450
- "value": "",
451
529
  },
452
- "type": "TextInput",
530
+ "type": "View",
453
531
  },
454
532
  ],
455
533
  "props": {
456
534
  "style": {
457
- "alignItems": "center",
458
535
  "backgroundColor": "#FFFFFF",
459
536
  "borderColor": "#9A9A9A",
460
537
  "borderRadius": 4,
461
538
  "borderWidth": 1,
462
- "flexDirection": "row",
539
+ "flexDirection": "column",
540
+ "gap": 0,
463
541
  "overflow": "hidden",
464
542
  "paddingHorizontal": 12,
465
543
  "paddingVertical": 8,
@@ -489,57 +567,70 @@ exports[`Field renders textarea field 1`] = `
489
567
  "children": [
490
568
  {
491
569
  "$$typeof": Symbol(react.test.json),
492
- "children": null,
493
- "props": {
494
- "accessibilityHint": "Enter text here",
495
- "accessibilityState": {
496
- "disabled": undefined,
570
+ "children": [
571
+ {
572
+ "$$typeof": Symbol(react.test.json),
573
+ "children": null,
574
+ "props": {
575
+ "accessibilityHint": "Enter text here",
576
+ "accessibilityState": {
577
+ "disabled": undefined,
578
+ },
579
+ "aria-label": "Text input field",
580
+ "autoCapitalize": "sentences",
581
+ "autoCorrect": true,
582
+ "blurOnSubmit": true,
583
+ "enterKeyHint": undefined,
584
+ "keyboardType": "default",
585
+ "multiline": true,
586
+ "nativeID": undefined,
587
+ "numberOfLines": 1,
588
+ "onBlur": [Function],
589
+ "onChangeText": [Function],
590
+ "onContentSizeChange": [Function],
591
+ "onFocus": [Function],
592
+ "onSubmitEditing": [Function],
593
+ "placeholder": undefined,
594
+ "placeholderTextColor": "#686868",
595
+ "readOnly": undefined,
596
+ "ref": [Function],
597
+ "secureTextEntry": false,
598
+ "style": {
599
+ "color": "#1C1C1C",
600
+ "flex": 1,
601
+ "fontFamily": "text",
602
+ "fontSize": 16,
603
+ "gap": 10,
604
+ "height": 40,
605
+ "paddingVertical": 0,
606
+ "width": "100%",
607
+ },
608
+ "testID": undefined,
609
+ "textContentType": "none",
610
+ "underlineColorAndroid": "transparent",
611
+ "value": "",
612
+ },
613
+ "type": "TextInput",
497
614
  },
498
- "aria-label": "Text input field",
499
- "autoCapitalize": "sentences",
500
- "autoCorrect": true,
501
- "blurOnSubmit": true,
502
- "enterKeyHint": undefined,
503
- "keyboardType": "default",
504
- "multiline": true,
505
- "nativeID": undefined,
506
- "numberOfLines": 1,
507
- "onBlur": [Function],
508
- "onChangeText": [Function],
509
- "onContentSizeChange": [Function],
510
- "onFocus": [Function],
511
- "onSubmitEditing": [Function],
512
- "placeholder": undefined,
513
- "placeholderTextColor": "#686868",
514
- "readOnly": undefined,
515
- "ref": [Function],
516
- "secureTextEntry": false,
615
+ ],
616
+ "props": {
517
617
  "style": {
518
- "color": "#1C1C1C",
519
- "flex": 1,
520
- "fontFamily": "text",
521
- "fontSize": 16,
522
- "gap": 10,
523
- "height": 40,
524
- "paddingVertical": 0,
525
- "width": "100%",
618
+ "alignItems": "center",
619
+ "flexDirection": "row",
526
620
  },
527
621
  "testID": undefined,
528
- "textContentType": "none",
529
- "underlineColorAndroid": "transparent",
530
- "value": "",
531
622
  },
532
- "type": "TextInput",
623
+ "type": "View",
533
624
  },
534
625
  ],
535
626
  "props": {
536
627
  "style": {
537
- "alignItems": "center",
538
628
  "backgroundColor": "#FFFFFF",
539
629
  "borderColor": "#9A9A9A",
540
630
  "borderRadius": 4,
541
631
  "borderWidth": 1,
542
- "flexDirection": "row",
632
+ "flexDirection": "column",
633
+ "gap": 0,
543
634
  "overflow": "hidden",
544
635
  "paddingHorizontal": 12,
545
636
  "paddingVertical": 8,
@@ -3269,57 +3360,70 @@ exports[`Field renders address field 1`] = `
3269
3360
  "children": [
3270
3361
  {
3271
3362
  "$$typeof": Symbol(react.test.json),
3272
- "children": null,
3273
- "props": {
3274
- "accessibilityHint": "Enter text here",
3275
- "accessibilityState": {
3276
- "disabled": undefined,
3363
+ "children": [
3364
+ {
3365
+ "$$typeof": Symbol(react.test.json),
3366
+ "children": null,
3367
+ "props": {
3368
+ "accessibilityHint": "Enter text here",
3369
+ "accessibilityState": {
3370
+ "disabled": undefined,
3371
+ },
3372
+ "aria-label": "Text input field",
3373
+ "autoCapitalize": "sentences",
3374
+ "autoCorrect": true,
3375
+ "blurOnSubmit": true,
3376
+ "enterKeyHint": undefined,
3377
+ "keyboardType": "default",
3378
+ "multiline": undefined,
3379
+ "nativeID": undefined,
3380
+ "numberOfLines": 1,
3381
+ "onBlur": [Function],
3382
+ "onChangeText": [Function],
3383
+ "onContentSizeChange": [Function],
3384
+ "onFocus": [Function],
3385
+ "onSubmitEditing": [Function],
3386
+ "placeholder": "Enter an address",
3387
+ "placeholderTextColor": "#686868",
3388
+ "readOnly": undefined,
3389
+ "ref": [Function],
3390
+ "secureTextEntry": false,
3391
+ "style": {
3392
+ "color": "#1C1C1C",
3393
+ "flex": 1,
3394
+ "fontFamily": "text",
3395
+ "fontSize": 16,
3396
+ "gap": 10,
3397
+ "height": 20,
3398
+ "paddingVertical": 0,
3399
+ "width": "100%",
3400
+ },
3401
+ "testID": "undefined-address1",
3402
+ "textContentType": "none",
3403
+ "underlineColorAndroid": "transparent",
3404
+ "value": "",
3405
+ },
3406
+ "type": "TextInput",
3277
3407
  },
3278
- "aria-label": "Text input field",
3279
- "autoCapitalize": "sentences",
3280
- "autoCorrect": true,
3281
- "blurOnSubmit": true,
3282
- "enterKeyHint": undefined,
3283
- "keyboardType": "default",
3284
- "multiline": undefined,
3285
- "nativeID": undefined,
3286
- "numberOfLines": 1,
3287
- "onBlur": [Function],
3288
- "onChangeText": [Function],
3289
- "onContentSizeChange": [Function],
3290
- "onFocus": [Function],
3291
- "onSubmitEditing": [Function],
3292
- "placeholder": "Enter an address",
3293
- "placeholderTextColor": "#686868",
3294
- "readOnly": undefined,
3295
- "ref": [Function],
3296
- "secureTextEntry": false,
3408
+ ],
3409
+ "props": {
3297
3410
  "style": {
3298
- "color": "#1C1C1C",
3299
- "flex": 1,
3300
- "fontFamily": "text",
3301
- "fontSize": 16,
3302
- "gap": 10,
3303
- "height": 20,
3304
- "paddingVertical": 0,
3305
- "width": "100%",
3411
+ "alignItems": "center",
3412
+ "flexDirection": "row",
3306
3413
  },
3307
- "testID": "undefined-address1",
3308
- "textContentType": "none",
3309
- "underlineColorAndroid": "transparent",
3310
- "value": "",
3414
+ "testID": undefined,
3311
3415
  },
3312
- "type": "TextInput",
3416
+ "type": "View",
3313
3417
  },
3314
3418
  ],
3315
3419
  "props": {
3316
3420
  "style": {
3317
- "alignItems": "center",
3318
3421
  "backgroundColor": "#FFFFFF",
3319
3422
  "borderColor": "#9A9A9A",
3320
3423
  "borderRadius": 4,
3321
3424
  "borderWidth": 1,
3322
- "flexDirection": "row",
3425
+ "flexDirection": "column",
3426
+ "gap": 0,
3323
3427
  "overflow": "hidden",
3324
3428
  "paddingHorizontal": 12,
3325
3429
  "paddingVertical": 8,
@@ -3373,57 +3477,70 @@ exports[`Field renders address field 1`] = `
3373
3477
  "children": [
3374
3478
  {
3375
3479
  "$$typeof": Symbol(react.test.json),
3376
- "children": null,
3377
- "props": {
3378
- "accessibilityHint": "Enter text here",
3379
- "accessibilityState": {
3380
- "disabled": undefined,
3480
+ "children": [
3481
+ {
3482
+ "$$typeof": Symbol(react.test.json),
3483
+ "children": null,
3484
+ "props": {
3485
+ "accessibilityHint": "Enter text here",
3486
+ "accessibilityState": {
3487
+ "disabled": undefined,
3488
+ },
3489
+ "aria-label": "Text input field",
3490
+ "autoCapitalize": "sentences",
3491
+ "autoCorrect": true,
3492
+ "blurOnSubmit": true,
3493
+ "enterKeyHint": undefined,
3494
+ "keyboardType": "default",
3495
+ "multiline": undefined,
3496
+ "nativeID": "address2",
3497
+ "numberOfLines": 1,
3498
+ "onBlur": [Function],
3499
+ "onChangeText": [Function],
3500
+ "onContentSizeChange": [Function],
3501
+ "onFocus": [Function],
3502
+ "onSubmitEditing": [Function],
3503
+ "placeholder": undefined,
3504
+ "placeholderTextColor": "#686868",
3505
+ "readOnly": undefined,
3506
+ "ref": [Function],
3507
+ "secureTextEntry": false,
3508
+ "style": {
3509
+ "color": "#1C1C1C",
3510
+ "flex": 1,
3511
+ "fontFamily": "text",
3512
+ "fontSize": 16,
3513
+ "gap": 10,
3514
+ "height": 20,
3515
+ "paddingVertical": 0,
3516
+ "width": "100%",
3517
+ },
3518
+ "testID": "undefined-address2",
3519
+ "textContentType": "none",
3520
+ "underlineColorAndroid": "transparent",
3521
+ "value": "",
3522
+ },
3523
+ "type": "TextInput",
3381
3524
  },
3382
- "aria-label": "Text input field",
3383
- "autoCapitalize": "sentences",
3384
- "autoCorrect": true,
3385
- "blurOnSubmit": true,
3386
- "enterKeyHint": undefined,
3387
- "keyboardType": "default",
3388
- "multiline": undefined,
3389
- "nativeID": "address2",
3390
- "numberOfLines": 1,
3391
- "onBlur": [Function],
3392
- "onChangeText": [Function],
3393
- "onContentSizeChange": [Function],
3394
- "onFocus": [Function],
3395
- "onSubmitEditing": [Function],
3396
- "placeholder": undefined,
3397
- "placeholderTextColor": "#686868",
3398
- "readOnly": undefined,
3399
- "ref": [Function],
3400
- "secureTextEntry": false,
3525
+ ],
3526
+ "props": {
3401
3527
  "style": {
3402
- "color": "#1C1C1C",
3403
- "flex": 1,
3404
- "fontFamily": "text",
3405
- "fontSize": 16,
3406
- "gap": 10,
3407
- "height": 20,
3408
- "paddingVertical": 0,
3409
- "width": "100%",
3528
+ "alignItems": "center",
3529
+ "flexDirection": "row",
3410
3530
  },
3411
- "testID": "undefined-address2",
3412
- "textContentType": "none",
3413
- "underlineColorAndroid": "transparent",
3414
- "value": "",
3531
+ "testID": undefined,
3415
3532
  },
3416
- "type": "TextInput",
3533
+ "type": "View",
3417
3534
  },
3418
3535
  ],
3419
3536
  "props": {
3420
3537
  "style": {
3421
- "alignItems": "center",
3422
3538
  "backgroundColor": "#FFFFFF",
3423
3539
  "borderColor": "#9A9A9A",
3424
3540
  "borderRadius": 4,
3425
3541
  "borderWidth": 1,
3426
- "flexDirection": "row",
3542
+ "flexDirection": "column",
3543
+ "gap": 0,
3427
3544
  "overflow": "hidden",
3428
3545
  "paddingHorizontal": 12,
3429
3546
  "paddingVertical": 8,
@@ -3477,57 +3594,70 @@ exports[`Field renders address field 1`] = `
3477
3594
  "children": [
3478
3595
  {
3479
3596
  "$$typeof": Symbol(react.test.json),
3480
- "children": null,
3481
- "props": {
3482
- "accessibilityHint": "Enter text here",
3483
- "accessibilityState": {
3484
- "disabled": undefined,
3597
+ "children": [
3598
+ {
3599
+ "$$typeof": Symbol(react.test.json),
3600
+ "children": null,
3601
+ "props": {
3602
+ "accessibilityHint": "Enter text here",
3603
+ "accessibilityState": {
3604
+ "disabled": undefined,
3605
+ },
3606
+ "aria-label": "Text input field",
3607
+ "autoCapitalize": "sentences",
3608
+ "autoCorrect": true,
3609
+ "blurOnSubmit": true,
3610
+ "enterKeyHint": undefined,
3611
+ "keyboardType": "default",
3612
+ "multiline": undefined,
3613
+ "nativeID": "city",
3614
+ "numberOfLines": 1,
3615
+ "onBlur": [Function],
3616
+ "onChangeText": [Function],
3617
+ "onContentSizeChange": [Function],
3618
+ "onFocus": [Function],
3619
+ "onSubmitEditing": [Function],
3620
+ "placeholder": undefined,
3621
+ "placeholderTextColor": "#686868",
3622
+ "readOnly": undefined,
3623
+ "ref": [Function],
3624
+ "secureTextEntry": false,
3625
+ "style": {
3626
+ "color": "#1C1C1C",
3627
+ "flex": 1,
3628
+ "fontFamily": "text",
3629
+ "fontSize": 16,
3630
+ "gap": 10,
3631
+ "height": 20,
3632
+ "paddingVertical": 0,
3633
+ "width": "100%",
3634
+ },
3635
+ "testID": "undefined-city",
3636
+ "textContentType": "none",
3637
+ "underlineColorAndroid": "transparent",
3638
+ "value": "",
3639
+ },
3640
+ "type": "TextInput",
3485
3641
  },
3486
- "aria-label": "Text input field",
3487
- "autoCapitalize": "sentences",
3488
- "autoCorrect": true,
3489
- "blurOnSubmit": true,
3490
- "enterKeyHint": undefined,
3491
- "keyboardType": "default",
3492
- "multiline": undefined,
3493
- "nativeID": "city",
3494
- "numberOfLines": 1,
3495
- "onBlur": [Function],
3496
- "onChangeText": [Function],
3497
- "onContentSizeChange": [Function],
3498
- "onFocus": [Function],
3499
- "onSubmitEditing": [Function],
3500
- "placeholder": undefined,
3501
- "placeholderTextColor": "#686868",
3502
- "readOnly": undefined,
3503
- "ref": [Function],
3504
- "secureTextEntry": false,
3642
+ ],
3643
+ "props": {
3505
3644
  "style": {
3506
- "color": "#1C1C1C",
3507
- "flex": 1,
3508
- "fontFamily": "text",
3509
- "fontSize": 16,
3510
- "gap": 10,
3511
- "height": 20,
3512
- "paddingVertical": 0,
3513
- "width": "100%",
3645
+ "alignItems": "center",
3646
+ "flexDirection": "row",
3514
3647
  },
3515
- "testID": "undefined-city",
3516
- "textContentType": "none",
3517
- "underlineColorAndroid": "transparent",
3518
- "value": "",
3648
+ "testID": undefined,
3519
3649
  },
3520
- "type": "TextInput",
3650
+ "type": "View",
3521
3651
  },
3522
3652
  ],
3523
3653
  "props": {
3524
3654
  "style": {
3525
- "alignItems": "center",
3526
3655
  "backgroundColor": "#FFFFFF",
3527
3656
  "borderColor": "#9A9A9A",
3528
3657
  "borderRadius": 4,
3529
3658
  "borderWidth": 1,
3530
- "flexDirection": "row",
3659
+ "flexDirection": "column",
3660
+ "gap": 0,
3531
3661
  "overflow": "hidden",
3532
3662
  "paddingHorizontal": 12,
3533
3663
  "paddingVertical": 8,
@@ -4360,57 +4490,70 @@ exports[`Field renders address field 1`] = `
4360
4490
  "children": [
4361
4491
  {
4362
4492
  "$$typeof": Symbol(react.test.json),
4363
- "children": null,
4364
- "props": {
4365
- "accessibilityHint": "Enter text here",
4366
- "accessibilityState": {
4367
- "disabled": undefined,
4493
+ "children": [
4494
+ {
4495
+ "$$typeof": Symbol(react.test.json),
4496
+ "children": null,
4497
+ "props": {
4498
+ "accessibilityHint": "Enter text here",
4499
+ "accessibilityState": {
4500
+ "disabled": undefined,
4501
+ },
4502
+ "aria-label": "Text input field",
4503
+ "autoCapitalize": "sentences",
4504
+ "autoCorrect": true,
4505
+ "blurOnSubmit": true,
4506
+ "enterKeyHint": undefined,
4507
+ "keyboardType": "default",
4508
+ "multiline": undefined,
4509
+ "nativeID": "zipcode",
4510
+ "numberOfLines": 1,
4511
+ "onBlur": [Function],
4512
+ "onChangeText": [Function],
4513
+ "onContentSizeChange": [Function],
4514
+ "onFocus": [Function],
4515
+ "onSubmitEditing": [Function],
4516
+ "placeholder": undefined,
4517
+ "placeholderTextColor": "#686868",
4518
+ "readOnly": undefined,
4519
+ "ref": [Function],
4520
+ "secureTextEntry": false,
4521
+ "style": {
4522
+ "color": "#1C1C1C",
4523
+ "flex": 1,
4524
+ "fontFamily": "text",
4525
+ "fontSize": 16,
4526
+ "gap": 10,
4527
+ "height": 20,
4528
+ "paddingVertical": 0,
4529
+ "width": "100%",
4530
+ },
4531
+ "testID": "undefined-zip",
4532
+ "textContentType": "none",
4533
+ "underlineColorAndroid": "transparent",
4534
+ "value": "",
4535
+ },
4536
+ "type": "TextInput",
4368
4537
  },
4369
- "aria-label": "Text input field",
4370
- "autoCapitalize": "sentences",
4371
- "autoCorrect": true,
4372
- "blurOnSubmit": true,
4373
- "enterKeyHint": undefined,
4374
- "keyboardType": "default",
4375
- "multiline": undefined,
4376
- "nativeID": "zipcode",
4377
- "numberOfLines": 1,
4378
- "onBlur": [Function],
4379
- "onChangeText": [Function],
4380
- "onContentSizeChange": [Function],
4381
- "onFocus": [Function],
4382
- "onSubmitEditing": [Function],
4383
- "placeholder": undefined,
4384
- "placeholderTextColor": "#686868",
4385
- "readOnly": undefined,
4386
- "ref": [Function],
4387
- "secureTextEntry": false,
4538
+ ],
4539
+ "props": {
4388
4540
  "style": {
4389
- "color": "#1C1C1C",
4390
- "flex": 1,
4391
- "fontFamily": "text",
4392
- "fontSize": 16,
4393
- "gap": 10,
4394
- "height": 20,
4395
- "paddingVertical": 0,
4396
- "width": "100%",
4541
+ "alignItems": "center",
4542
+ "flexDirection": "row",
4397
4543
  },
4398
- "testID": "undefined-zip",
4399
- "textContentType": "none",
4400
- "underlineColorAndroid": "transparent",
4401
- "value": "",
4544
+ "testID": undefined,
4402
4545
  },
4403
- "type": "TextInput",
4546
+ "type": "View",
4404
4547
  },
4405
4548
  ],
4406
4549
  "props": {
4407
4550
  "style": {
4408
- "alignItems": "center",
4409
4551
  "backgroundColor": "#FFFFFF",
4410
4552
  "borderColor": "#9A9A9A",
4411
4553
  "borderRadius": 4,
4412
4554
  "borderWidth": 1,
4413
- "flexDirection": "row",
4555
+ "flexDirection": "column",
4556
+ "gap": 0,
4414
4557
  "overflow": "hidden",
4415
4558
  "paddingHorizontal": 12,
4416
4559
  "paddingVertical": 8,
@@ -4450,57 +4593,70 @@ exports[`Field renders phoneNumber field 1`] = `
4450
4593
  "children": [
4451
4594
  {
4452
4595
  "$$typeof": Symbol(react.test.json),
4453
- "children": null,
4454
- "props": {
4455
- "accessibilityHint": "Enter text here",
4456
- "accessibilityState": {
4457
- "disabled": undefined,
4596
+ "children": [
4597
+ {
4598
+ "$$typeof": Symbol(react.test.json),
4599
+ "children": null,
4600
+ "props": {
4601
+ "accessibilityHint": "Enter text here",
4602
+ "accessibilityState": {
4603
+ "disabled": undefined,
4604
+ },
4605
+ "aria-label": "Text input field",
4606
+ "autoCapitalize": "none",
4607
+ "autoCorrect": false,
4608
+ "blurOnSubmit": true,
4609
+ "enterKeyHint": undefined,
4610
+ "keyboardType": "number-pad",
4611
+ "multiline": undefined,
4612
+ "nativeID": undefined,
4613
+ "numberOfLines": 1,
4614
+ "onBlur": [Function],
4615
+ "onChangeText": [Function],
4616
+ "onContentSizeChange": [Function],
4617
+ "onFocus": [Function],
4618
+ "onSubmitEditing": [Function],
4619
+ "placeholder": undefined,
4620
+ "placeholderTextColor": "#686868",
4621
+ "readOnly": undefined,
4622
+ "ref": [Function],
4623
+ "secureTextEntry": false,
4624
+ "style": {
4625
+ "color": "#1C1C1C",
4626
+ "flex": 1,
4627
+ "fontFamily": "text",
4628
+ "fontSize": 16,
4629
+ "gap": 10,
4630
+ "height": 20,
4631
+ "paddingVertical": 0,
4632
+ "width": "100%",
4633
+ },
4634
+ "testID": undefined,
4635
+ "textContentType": undefined,
4636
+ "underlineColorAndroid": "transparent",
4637
+ "value": "",
4638
+ },
4639
+ "type": "TextInput",
4458
4640
  },
4459
- "aria-label": "Text input field",
4460
- "autoCapitalize": "none",
4461
- "autoCorrect": false,
4462
- "blurOnSubmit": true,
4463
- "enterKeyHint": undefined,
4464
- "keyboardType": "number-pad",
4465
- "multiline": undefined,
4466
- "nativeID": undefined,
4467
- "numberOfLines": 1,
4468
- "onBlur": [Function],
4469
- "onChangeText": [Function],
4470
- "onContentSizeChange": [Function],
4471
- "onFocus": [Function],
4472
- "onSubmitEditing": [Function],
4473
- "placeholder": undefined,
4474
- "placeholderTextColor": "#686868",
4475
- "readOnly": undefined,
4476
- "ref": [Function],
4477
- "secureTextEntry": false,
4641
+ ],
4642
+ "props": {
4478
4643
  "style": {
4479
- "color": "#1C1C1C",
4480
- "flex": 1,
4481
- "fontFamily": "text",
4482
- "fontSize": 16,
4483
- "gap": 10,
4484
- "height": 20,
4485
- "paddingVertical": 0,
4486
- "width": "100%",
4644
+ "alignItems": "center",
4645
+ "flexDirection": "row",
4487
4646
  },
4488
4647
  "testID": undefined,
4489
- "textContentType": undefined,
4490
- "underlineColorAndroid": "transparent",
4491
- "value": "",
4492
4648
  },
4493
- "type": "TextInput",
4649
+ "type": "View",
4494
4650
  },
4495
4651
  ],
4496
4652
  "props": {
4497
4653
  "style": {
4498
- "alignItems": "center",
4499
4654
  "backgroundColor": "#FFFFFF",
4500
4655
  "borderColor": "#9A9A9A",
4501
4656
  "borderRadius": 4,
4502
4657
  "borderWidth": 1,
4503
- "flexDirection": "row",
4658
+ "flexDirection": "column",
4659
+ "gap": 0,
4504
4660
  "overflow": "hidden",
4505
4661
  "paddingHorizontal": 12,
4506
4662
  "paddingVertical": 8,