@terreno/ui 0.6.0 → 0.7.1

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 (52) hide show
  1. package/README.md +5 -5
  2. package/dist/AiSuggestionBox.d.ts +6 -0
  3. package/dist/AiSuggestionBox.js +87 -0
  4. package/dist/AiSuggestionBox.js.map +1 -0
  5. package/dist/Common.d.ts +13 -0
  6. package/dist/Common.js.map +1 -1
  7. package/dist/CommonIconTypes.d.ts +1 -1
  8. package/dist/FlatList.js.map +1 -1
  9. package/dist/GPTChat.d.ts +2 -1
  10. package/dist/GPTChat.js +14 -4
  11. package/dist/GPTChat.js.map +1 -1
  12. package/dist/Page.js +2 -1
  13. package/dist/Page.js.map +1 -1
  14. package/dist/ScrollView.js.map +1 -1
  15. package/dist/TextField.js +46 -41
  16. package/dist/TextField.js.map +1 -1
  17. package/dist/index.d.ts +1 -0
  18. package/dist/index.js +1 -0
  19. package/dist/index.js.map +1 -1
  20. package/dist/login/LoginScreen.js +1 -1
  21. package/dist/login/LoginScreen.js.map +1 -1
  22. package/dist/signUp/SignUpScreen.js +1 -1
  23. package/dist/signUp/SignUpScreen.js.map +1 -1
  24. package/package.json +1 -1
  25. package/src/AiSuggestionBox.test.tsx +373 -0
  26. package/src/AiSuggestionBox.tsx +233 -0
  27. package/src/Common.ts +15 -0
  28. package/src/CommonIconTypes.ts +1 -1
  29. package/src/FlatList.tsx +1 -0
  30. package/src/GPTChat.tsx +40 -2
  31. package/src/Page.tsx +20 -9
  32. package/src/ScrollView.tsx +1 -0
  33. package/src/TextField.tsx +88 -69
  34. package/src/__snapshots__/AddressField.test.tsx.snap +208 -152
  35. package/src/__snapshots__/AiSuggestionBox.test.tsx.snap +1031 -0
  36. package/src/__snapshots__/CustomSelectField.test.tsx.snap +51 -37
  37. package/src/__snapshots__/EmailField.test.tsx.snap +111 -83
  38. package/src/__snapshots__/Field.test.tsx.snap +616 -448
  39. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +51 -37
  40. package/src/__snapshots__/NumberField.test.tsx.snap +51 -37
  41. package/src/__snapshots__/Page.test.tsx.snap +15 -20
  42. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +264 -194
  43. package/src/__snapshots__/TapToEdit.test.tsx.snap +51 -37
  44. package/src/__snapshots__/TextArea.test.tsx.snap +255 -185
  45. package/src/__snapshots__/TextField.test.tsx.snap +264 -194
  46. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +204 -148
  47. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +153 -111
  48. package/src/index.tsx +1 -0
  49. package/src/login/LoginScreen.tsx +1 -0
  50. package/src/login/__snapshots__/LoginScreen.test.tsx.snap +104 -76
  51. package/src/signUp/SignUpScreen.tsx +1 -0
  52. package/src/signUp/__snapshots__/SignUpScreen.test.tsx.snap +156 -114
package/src/__snapshots__/Field.test.tsx.snap CHANGED
@@ -9,56 +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
- "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,
57
+ ],
58
+ "props": {
36
59
  "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%",
60
+ "alignItems": "center",
61
+ "flexDirection": "row",
45
62
  },
46
63
  "testID": undefined,
47
- "textContentType": "none",
48
- "underlineColorAndroid": "transparent",
49
- "value": "",
50
64
  },
51
- "type": "TextInput",
65
+ "type": "View",
52
66
  },
53
67
  ],
54
68
  "props": {
55
69
  "style": {
56
- "alignItems": "center",
57
70
  "backgroundColor": "#FFFFFF",
58
71
  "borderColor": "#9A9A9A",
59
72
  "borderRadius": 4,
60
73
  "borderWidth": 1,
61
- "flexDirection": "row",
74
+ "flexDirection": "column",
75
+ "gap": 0,
62
76
  "overflow": "hidden",
63
77
  "paddingHorizontal": 12,
64
78
  "paddingVertical": 8,
@@ -88,56 +102,70 @@ exports[`Field renders text field with type text 1`] = `
88
102
  "children": [
89
103
  {
90
104
  "$$typeof": Symbol(react.test.json),
91
- "children": null,
92
- "props": {
93
- "accessibilityHint": "Enter text here",
94
- "accessibilityState": {
95
- "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",
96
149
  },
97
- "aria-label": "Text input field",
98
- "autoCapitalize": "sentences",
99
- "autoCorrect": true,
100
- "blurOnSubmit": true,
101
- "enterKeyHint": undefined,
102
- "keyboardType": "default",
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,
150
+ ],
151
+ "props": {
115
152
  "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%",
153
+ "alignItems": "center",
154
+ "flexDirection": "row",
124
155
  },
125
156
  "testID": undefined,
126
- "textContentType": "none",
127
- "underlineColorAndroid": "transparent",
128
- "value": "",
129
157
  },
130
- "type": "TextInput",
158
+ "type": "View",
131
159
  },
132
160
  ],
133
161
  "props": {
134
162
  "style": {
135
- "alignItems": "center",
136
163
  "backgroundColor": "#FFFFFF",
137
164
  "borderColor": "#9A9A9A",
138
165
  "borderRadius": 4,
139
166
  "borderWidth": 1,
140
- "flexDirection": "row",
167
+ "flexDirection": "column",
168
+ "gap": 0,
141
169
  "overflow": "hidden",
142
170
  "paddingHorizontal": 12,
143
171
  "paddingVertical": 8,
@@ -167,56 +195,70 @@ exports[`Field renders password field 1`] = `
167
195
  "children": [
168
196
  {
169
197
  "$$typeof": Symbol(react.test.json),
170
- "children": null,
171
- "props": {
172
- "accessibilityHint": "Enter text here",
173
- "accessibilityState": {
174
- "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",
175
242
  },
176
- "aria-label": "Text input field",
177
- "autoCapitalize": "none",
178
- "autoCorrect": false,
179
- "blurOnSubmit": true,
180
- "enterKeyHint": undefined,
181
- "keyboardType": "default",
182
- "multiline": undefined,
183
- "numberOfLines": 1,
184
- "onBlur": [Function],
185
- "onChangeText": [Function],
186
- "onContentSizeChange": [Function],
187
- "onFocus": [Function],
188
- "onSubmitEditing": [Function],
189
- "placeholder": undefined,
190
- "placeholderTextColor": "#686868",
191
- "readOnly": undefined,
192
- "ref": [Function],
193
- "secureTextEntry": true,
243
+ ],
244
+ "props": {
194
245
  "style": {
195
- "color": "#1C1C1C",
196
- "flex": 1,
197
- "fontFamily": "text",
198
- "fontSize": 16,
199
- "gap": 10,
200
- "height": 20,
201
- "paddingVertical": 0,
202
- "width": "100%",
246
+ "alignItems": "center",
247
+ "flexDirection": "row",
203
248
  },
204
249
  "testID": undefined,
205
- "textContentType": "password",
206
- "underlineColorAndroid": "transparent",
207
- "value": "",
208
250
  },
209
- "type": "TextInput",
251
+ "type": "View",
210
252
  },
211
253
  ],
212
254
  "props": {
213
255
  "style": {
214
- "alignItems": "center",
215
256
  "backgroundColor": "#FFFFFF",
216
257
  "borderColor": "#9A9A9A",
217
258
  "borderRadius": 4,
218
259
  "borderWidth": 1,
219
- "flexDirection": "row",
260
+ "flexDirection": "column",
261
+ "gap": 0,
220
262
  "overflow": "hidden",
221
263
  "paddingHorizontal": 12,
222
264
  "paddingVertical": 8,
@@ -246,56 +288,70 @@ exports[`Field renders email field 1`] = `
246
288
  "children": [
247
289
  {
248
290
  "$$typeof": Symbol(react.test.json),
249
- "children": null,
250
- "props": {
251
- "accessibilityHint": "Enter text here",
252
- "accessibilityState": {
253
- "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",
254
335
  },
255
- "aria-label": "Text input field",
256
- "autoCapitalize": "none",
257
- "autoCorrect": false,
258
- "blurOnSubmit": true,
259
- "enterKeyHint": undefined,
260
- "keyboardType": "email-address",
261
- "multiline": undefined,
262
- "numberOfLines": 1,
263
- "onBlur": [Function],
264
- "onChangeText": [Function],
265
- "onContentSizeChange": [Function],
266
- "onFocus": [Function],
267
- "onSubmitEditing": [Function],
268
- "placeholder": undefined,
269
- "placeholderTextColor": "#686868",
270
- "readOnly": undefined,
271
- "ref": [Function],
272
- "secureTextEntry": false,
336
+ ],
337
+ "props": {
273
338
  "style": {
274
- "color": "#1C1C1C",
275
- "flex": 1,
276
- "fontFamily": "text",
277
- "fontSize": 16,
278
- "gap": 10,
279
- "height": 20,
280
- "paddingVertical": 0,
281
- "width": "100%",
339
+ "alignItems": "center",
340
+ "flexDirection": "row",
282
341
  },
283
342
  "testID": undefined,
284
- "textContentType": "emailAddress",
285
- "underlineColorAndroid": "transparent",
286
- "value": "",
287
343
  },
288
- "type": "TextInput",
344
+ "type": "View",
289
345
  },
290
346
  ],
291
347
  "props": {
292
348
  "style": {
293
- "alignItems": "center",
294
349
  "backgroundColor": "#FFFFFF",
295
350
  "borderColor": "#9A9A9A",
296
351
  "borderRadius": 4,
297
352
  "borderWidth": 1,
298
- "flexDirection": "row",
353
+ "flexDirection": "column",
354
+ "gap": 0,
299
355
  "overflow": "hidden",
300
356
  "paddingHorizontal": 12,
301
357
  "paddingVertical": 8,
@@ -325,56 +381,70 @@ exports[`Field renders url field 1`] = `
325
381
  "children": [
326
382
  {
327
383
  "$$typeof": Symbol(react.test.json),
328
- "children": null,
329
- "props": {
330
- "accessibilityHint": "Enter text here",
331
- "accessibilityState": {
332
- "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",
333
428
  },
334
- "aria-label": "Text input field",
335
- "autoCapitalize": "none",
336
- "autoCorrect": false,
337
- "blurOnSubmit": true,
338
- "enterKeyHint": undefined,
339
- "keyboardType": "url",
340
- "multiline": undefined,
341
- "numberOfLines": 1,
342
- "onBlur": [Function],
343
- "onChangeText": [Function],
344
- "onContentSizeChange": [Function],
345
- "onFocus": [Function],
346
- "onSubmitEditing": [Function],
347
- "placeholder": undefined,
348
- "placeholderTextColor": "#686868",
349
- "readOnly": undefined,
350
- "ref": [Function],
351
- "secureTextEntry": false,
429
+ ],
430
+ "props": {
352
431
  "style": {
353
- "color": "#1C1C1C",
354
- "flex": 1,
355
- "fontFamily": "text",
356
- "fontSize": 16,
357
- "gap": 10,
358
- "height": 20,
359
- "paddingVertical": 0,
360
- "width": "100%",
432
+ "alignItems": "center",
433
+ "flexDirection": "row",
361
434
  },
362
435
  "testID": undefined,
363
- "textContentType": "URL",
364
- "underlineColorAndroid": "transparent",
365
- "value": "",
366
436
  },
367
- "type": "TextInput",
437
+ "type": "View",
368
438
  },
369
439
  ],
370
440
  "props": {
371
441
  "style": {
372
- "alignItems": "center",
373
442
  "backgroundColor": "#FFFFFF",
374
443
  "borderColor": "#9A9A9A",
375
444
  "borderRadius": 4,
376
445
  "borderWidth": 1,
377
- "flexDirection": "row",
446
+ "flexDirection": "column",
447
+ "gap": 0,
378
448
  "overflow": "hidden",
379
449
  "paddingHorizontal": 12,
380
450
  "paddingVertical": 8,
@@ -404,56 +474,70 @@ exports[`Field renders number field 1`] = `
404
474
  "children": [
405
475
  {
406
476
  "$$typeof": Symbol(react.test.json),
407
- "children": null,
408
- "props": {
409
- "accessibilityHint": "Enter text here",
410
- "accessibilityState": {
411
- "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",
412
521
  },
413
- "aria-label": "Text input field",
414
- "autoCapitalize": "sentences",
415
- "autoCorrect": true,
416
- "blurOnSubmit": true,
417
- "enterKeyHint": undefined,
418
- "keyboardType": "default",
419
- "multiline": undefined,
420
- "numberOfLines": 1,
421
- "onBlur": [Function],
422
- "onChangeText": [Function],
423
- "onContentSizeChange": [Function],
424
- "onFocus": [Function],
425
- "onSubmitEditing": [Function],
426
- "placeholder": undefined,
427
- "placeholderTextColor": "#686868",
428
- "readOnly": undefined,
429
- "ref": [Function],
430
- "secureTextEntry": false,
522
+ ],
523
+ "props": {
431
524
  "style": {
432
- "color": "#1C1C1C",
433
- "flex": 1,
434
- "fontFamily": "text",
435
- "fontSize": 16,
436
- "gap": 10,
437
- "height": 20,
438
- "paddingVertical": 0,
439
- "width": "100%",
525
+ "alignItems": "center",
526
+ "flexDirection": "row",
440
527
  },
441
528
  "testID": undefined,
442
- "textContentType": "none",
443
- "underlineColorAndroid": "transparent",
444
- "value": "",
445
529
  },
446
- "type": "TextInput",
530
+ "type": "View",
447
531
  },
448
532
  ],
449
533
  "props": {
450
534
  "style": {
451
- "alignItems": "center",
452
535
  "backgroundColor": "#FFFFFF",
453
536
  "borderColor": "#9A9A9A",
454
537
  "borderRadius": 4,
455
538
  "borderWidth": 1,
456
- "flexDirection": "row",
539
+ "flexDirection": "column",
540
+ "gap": 0,
457
541
  "overflow": "hidden",
458
542
  "paddingHorizontal": 12,
459
543
  "paddingVertical": 8,
@@ -483,56 +567,70 @@ exports[`Field renders textarea field 1`] = `
483
567
  "children": [
484
568
  {
485
569
  "$$typeof": Symbol(react.test.json),
486
- "children": null,
487
- "props": {
488
- "accessibilityHint": "Enter text here",
489
- "accessibilityState": {
490
- "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",
491
614
  },
492
- "aria-label": "Text input field",
493
- "autoCapitalize": "sentences",
494
- "autoCorrect": true,
495
- "blurOnSubmit": true,
496
- "enterKeyHint": undefined,
497
- "keyboardType": "default",
498
- "multiline": true,
499
- "numberOfLines": 1,
500
- "onBlur": [Function],
501
- "onChangeText": [Function],
502
- "onContentSizeChange": [Function],
503
- "onFocus": [Function],
504
- "onSubmitEditing": [Function],
505
- "placeholder": undefined,
506
- "placeholderTextColor": "#686868",
507
- "readOnly": undefined,
508
- "ref": [Function],
509
- "secureTextEntry": false,
615
+ ],
616
+ "props": {
510
617
  "style": {
511
- "color": "#1C1C1C",
512
- "flex": 1,
513
- "fontFamily": "text",
514
- "fontSize": 16,
515
- "gap": 10,
516
- "height": 40,
517
- "paddingVertical": 0,
518
- "width": "100%",
618
+ "alignItems": "center",
619
+ "flexDirection": "row",
519
620
  },
520
621
  "testID": undefined,
521
- "textContentType": "none",
522
- "underlineColorAndroid": "transparent",
523
- "value": "",
524
622
  },
525
- "type": "TextInput",
623
+ "type": "View",
526
624
  },
527
625
  ],
528
626
  "props": {
529
627
  "style": {
530
- "alignItems": "center",
531
628
  "backgroundColor": "#FFFFFF",
532
629
  "borderColor": "#9A9A9A",
533
630
  "borderRadius": 4,
534
631
  "borderWidth": 1,
535
- "flexDirection": "row",
632
+ "flexDirection": "column",
633
+ "gap": 0,
536
634
  "overflow": "hidden",
537
635
  "paddingHorizontal": 12,
538
636
  "paddingVertical": 8,
@@ -3262,56 +3360,70 @@ exports[`Field renders address field 1`] = `
3262
3360
  "children": [
3263
3361
  {
3264
3362
  "$$typeof": Symbol(react.test.json),
3265
- "children": null,
3266
- "props": {
3267
- "accessibilityHint": "Enter text here",
3268
- "accessibilityState": {
3269
- "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",
3270
3407
  },
3271
- "aria-label": "Text input field",
3272
- "autoCapitalize": "sentences",
3273
- "autoCorrect": true,
3274
- "blurOnSubmit": true,
3275
- "enterKeyHint": undefined,
3276
- "keyboardType": "default",
3277
- "multiline": undefined,
3278
- "numberOfLines": 1,
3279
- "onBlur": [Function],
3280
- "onChangeText": [Function],
3281
- "onContentSizeChange": [Function],
3282
- "onFocus": [Function],
3283
- "onSubmitEditing": [Function],
3284
- "placeholder": "Enter an address",
3285
- "placeholderTextColor": "#686868",
3286
- "readOnly": undefined,
3287
- "ref": [Function],
3288
- "secureTextEntry": false,
3408
+ ],
3409
+ "props": {
3289
3410
  "style": {
3290
- "color": "#1C1C1C",
3291
- "flex": 1,
3292
- "fontFamily": "text",
3293
- "fontSize": 16,
3294
- "gap": 10,
3295
- "height": 20,
3296
- "paddingVertical": 0,
3297
- "width": "100%",
3411
+ "alignItems": "center",
3412
+ "flexDirection": "row",
3298
3413
  },
3299
- "testID": "undefined-address1",
3300
- "textContentType": "none",
3301
- "underlineColorAndroid": "transparent",
3302
- "value": "",
3414
+ "testID": undefined,
3303
3415
  },
3304
- "type": "TextInput",
3416
+ "type": "View",
3305
3417
  },
3306
3418
  ],
3307
3419
  "props": {
3308
3420
  "style": {
3309
- "alignItems": "center",
3310
3421
  "backgroundColor": "#FFFFFF",
3311
3422
  "borderColor": "#9A9A9A",
3312
3423
  "borderRadius": 4,
3313
3424
  "borderWidth": 1,
3314
- "flexDirection": "row",
3425
+ "flexDirection": "column",
3426
+ "gap": 0,
3315
3427
  "overflow": "hidden",
3316
3428
  "paddingHorizontal": 12,
3317
3429
  "paddingVertical": 8,
@@ -3365,56 +3477,70 @@ exports[`Field renders address field 1`] = `
3365
3477
  "children": [
3366
3478
  {
3367
3479
  "$$typeof": Symbol(react.test.json),
3368
- "children": null,
3369
- "props": {
3370
- "accessibilityHint": "Enter text here",
3371
- "accessibilityState": {
3372
- "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",
3373
3524
  },
3374
- "aria-label": "Text input field",
3375
- "autoCapitalize": "sentences",
3376
- "autoCorrect": true,
3377
- "blurOnSubmit": true,
3378
- "enterKeyHint": undefined,
3379
- "keyboardType": "default",
3380
- "multiline": undefined,
3381
- "numberOfLines": 1,
3382
- "onBlur": [Function],
3383
- "onChangeText": [Function],
3384
- "onContentSizeChange": [Function],
3385
- "onFocus": [Function],
3386
- "onSubmitEditing": [Function],
3387
- "placeholder": undefined,
3388
- "placeholderTextColor": "#686868",
3389
- "readOnly": undefined,
3390
- "ref": [Function],
3391
- "secureTextEntry": false,
3525
+ ],
3526
+ "props": {
3392
3527
  "style": {
3393
- "color": "#1C1C1C",
3394
- "flex": 1,
3395
- "fontFamily": "text",
3396
- "fontSize": 16,
3397
- "gap": 10,
3398
- "height": 20,
3399
- "paddingVertical": 0,
3400
- "width": "100%",
3528
+ "alignItems": "center",
3529
+ "flexDirection": "row",
3401
3530
  },
3402
- "testID": "undefined-address2",
3403
- "textContentType": "none",
3404
- "underlineColorAndroid": "transparent",
3405
- "value": "",
3531
+ "testID": undefined,
3406
3532
  },
3407
- "type": "TextInput",
3533
+ "type": "View",
3408
3534
  },
3409
3535
  ],
3410
3536
  "props": {
3411
3537
  "style": {
3412
- "alignItems": "center",
3413
3538
  "backgroundColor": "#FFFFFF",
3414
3539
  "borderColor": "#9A9A9A",
3415
3540
  "borderRadius": 4,
3416
3541
  "borderWidth": 1,
3417
- "flexDirection": "row",
3542
+ "flexDirection": "column",
3543
+ "gap": 0,
3418
3544
  "overflow": "hidden",
3419
3545
  "paddingHorizontal": 12,
3420
3546
  "paddingVertical": 8,
@@ -3468,56 +3594,70 @@ exports[`Field renders address field 1`] = `
3468
3594
  "children": [
3469
3595
  {
3470
3596
  "$$typeof": Symbol(react.test.json),
3471
- "children": null,
3472
- "props": {
3473
- "accessibilityHint": "Enter text here",
3474
- "accessibilityState": {
3475
- "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",
3476
3641
  },
3477
- "aria-label": "Text input field",
3478
- "autoCapitalize": "sentences",
3479
- "autoCorrect": true,
3480
- "blurOnSubmit": true,
3481
- "enterKeyHint": undefined,
3482
- "keyboardType": "default",
3483
- "multiline": undefined,
3484
- "numberOfLines": 1,
3485
- "onBlur": [Function],
3486
- "onChangeText": [Function],
3487
- "onContentSizeChange": [Function],
3488
- "onFocus": [Function],
3489
- "onSubmitEditing": [Function],
3490
- "placeholder": undefined,
3491
- "placeholderTextColor": "#686868",
3492
- "readOnly": undefined,
3493
- "ref": [Function],
3494
- "secureTextEntry": false,
3642
+ ],
3643
+ "props": {
3495
3644
  "style": {
3496
- "color": "#1C1C1C",
3497
- "flex": 1,
3498
- "fontFamily": "text",
3499
- "fontSize": 16,
3500
- "gap": 10,
3501
- "height": 20,
3502
- "paddingVertical": 0,
3503
- "width": "100%",
3645
+ "alignItems": "center",
3646
+ "flexDirection": "row",
3504
3647
  },
3505
- "testID": "undefined-city",
3506
- "textContentType": "none",
3507
- "underlineColorAndroid": "transparent",
3508
- "value": "",
3648
+ "testID": undefined,
3509
3649
  },
3510
- "type": "TextInput",
3650
+ "type": "View",
3511
3651
  },
3512
3652
  ],
3513
3653
  "props": {
3514
3654
  "style": {
3515
- "alignItems": "center",
3516
3655
  "backgroundColor": "#FFFFFF",
3517
3656
  "borderColor": "#9A9A9A",
3518
3657
  "borderRadius": 4,
3519
3658
  "borderWidth": 1,
3520
- "flexDirection": "row",
3659
+ "flexDirection": "column",
3660
+ "gap": 0,
3521
3661
  "overflow": "hidden",
3522
3662
  "paddingHorizontal": 12,
3523
3663
  "paddingVertical": 8,
@@ -4350,56 +4490,70 @@ exports[`Field renders address field 1`] = `
4350
4490
  "children": [
4351
4491
  {
4352
4492
  "$$typeof": Symbol(react.test.json),
4353
- "children": null,
4354
- "props": {
4355
- "accessibilityHint": "Enter text here",
4356
- "accessibilityState": {
4357
- "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",
4358
4537
  },
4359
- "aria-label": "Text input field",
4360
- "autoCapitalize": "sentences",
4361
- "autoCorrect": true,
4362
- "blurOnSubmit": true,
4363
- "enterKeyHint": undefined,
4364
- "keyboardType": "default",
4365
- "multiline": undefined,
4366
- "numberOfLines": 1,
4367
- "onBlur": [Function],
4368
- "onChangeText": [Function],
4369
- "onContentSizeChange": [Function],
4370
- "onFocus": [Function],
4371
- "onSubmitEditing": [Function],
4372
- "placeholder": undefined,
4373
- "placeholderTextColor": "#686868",
4374
- "readOnly": undefined,
4375
- "ref": [Function],
4376
- "secureTextEntry": false,
4538
+ ],
4539
+ "props": {
4377
4540
  "style": {
4378
- "color": "#1C1C1C",
4379
- "flex": 1,
4380
- "fontFamily": "text",
4381
- "fontSize": 16,
4382
- "gap": 10,
4383
- "height": 20,
4384
- "paddingVertical": 0,
4385
- "width": "100%",
4541
+ "alignItems": "center",
4542
+ "flexDirection": "row",
4386
4543
  },
4387
- "testID": "undefined-zip",
4388
- "textContentType": "none",
4389
- "underlineColorAndroid": "transparent",
4390
- "value": "",
4544
+ "testID": undefined,
4391
4545
  },
4392
- "type": "TextInput",
4546
+ "type": "View",
4393
4547
  },
4394
4548
  ],
4395
4549
  "props": {
4396
4550
  "style": {
4397
- "alignItems": "center",
4398
4551
  "backgroundColor": "#FFFFFF",
4399
4552
  "borderColor": "#9A9A9A",
4400
4553
  "borderRadius": 4,
4401
4554
  "borderWidth": 1,
4402
- "flexDirection": "row",
4555
+ "flexDirection": "column",
4556
+ "gap": 0,
4403
4557
  "overflow": "hidden",
4404
4558
  "paddingHorizontal": 12,
4405
4559
  "paddingVertical": 8,
@@ -4439,56 +4593,70 @@ exports[`Field renders phoneNumber field 1`] = `
4439
4593
  "children": [
4440
4594
  {
4441
4595
  "$$typeof": Symbol(react.test.json),
4442
- "children": null,
4443
- "props": {
4444
- "accessibilityHint": "Enter text here",
4445
- "accessibilityState": {
4446
- "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",
4447
4640
  },
4448
- "aria-label": "Text input field",
4449
- "autoCapitalize": "none",
4450
- "autoCorrect": false,
4451
- "blurOnSubmit": true,
4452
- "enterKeyHint": undefined,
4453
- "keyboardType": "number-pad",
4454
- "multiline": undefined,
4455
- "numberOfLines": 1,
4456
- "onBlur": [Function],
4457
- "onChangeText": [Function],
4458
- "onContentSizeChange": [Function],
4459
- "onFocus": [Function],
4460
- "onSubmitEditing": [Function],
4461
- "placeholder": undefined,
4462
- "placeholderTextColor": "#686868",
4463
- "readOnly": undefined,
4464
- "ref": [Function],
4465
- "secureTextEntry": false,
4641
+ ],
4642
+ "props": {
4466
4643
  "style": {
4467
- "color": "#1C1C1C",
4468
- "flex": 1,
4469
- "fontFamily": "text",
4470
- "fontSize": 16,
4471
- "gap": 10,
4472
- "height": 20,
4473
- "paddingVertical": 0,
4474
- "width": "100%",
4644
+ "alignItems": "center",
4645
+ "flexDirection": "row",
4475
4646
  },
4476
4647
  "testID": undefined,
4477
- "textContentType": undefined,
4478
- "underlineColorAndroid": "transparent",
4479
- "value": "",
4480
4648
  },
4481
- "type": "TextInput",
4649
+ "type": "View",
4482
4650
  },
4483
4651
  ],
4484
4652
  "props": {
4485
4653
  "style": {
4486
- "alignItems": "center",
4487
4654
  "backgroundColor": "#FFFFFF",
4488
4655
  "borderColor": "#9A9A9A",
4489
4656
  "borderRadius": 4,
4490
4657
  "borderWidth": 1,
4491
- "flexDirection": "row",
4658
+ "flexDirection": "column",
4659
+ "gap": 0,
4492
4660
  "overflow": "hidden",
4493
4661
  "paddingHorizontal": 12,
4494
4662
  "paddingVertical": 8,