@terreno/ui 0.7.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 (31) 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/TextField.js +46 -41
  7. package/dist/TextField.js.map +1 -1
  8. package/dist/index.d.ts +1 -0
  9. package/dist/index.js +1 -0
  10. package/dist/index.js.map +1 -1
  11. package/package.json +1 -1
  12. package/src/AiSuggestionBox.test.tsx +373 -0
  13. package/src/AiSuggestionBox.tsx +233 -0
  14. package/src/Common.ts +14 -0
  15. package/src/TextField.tsx +87 -70
  16. package/src/__snapshots__/AddressField.test.tsx.snap +208 -156
  17. package/src/__snapshots__/AiSuggestionBox.test.tsx.snap +1031 -0
  18. package/src/__snapshots__/CustomSelectField.test.tsx.snap +51 -38
  19. package/src/__snapshots__/EmailField.test.tsx.snap +111 -85
  20. package/src/__snapshots__/Field.test.tsx.snap +616 -460
  21. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +51 -38
  22. package/src/__snapshots__/NumberField.test.tsx.snap +51 -38
  23. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +264 -199
  24. package/src/__snapshots__/TapToEdit.test.tsx.snap +51 -38
  25. package/src/__snapshots__/TextArea.test.tsx.snap +255 -190
  26. package/src/__snapshots__/TextField.test.tsx.snap +264 -199
  27. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +204 -152
  28. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +153 -114
  29. package/src/index.tsx +1 -0
  30. package/src/login/__snapshots__/LoginScreen.test.tsx.snap +104 -78
  31. package/src/signUp/__snapshots__/SignUpScreen.test.tsx.snap +156 -117
package/src/__snapshots__/TextArea.test.tsx.snap CHANGED
@@ -9,57 +9,70 @@ exports[`TextArea snapshots should match snapshot with default props 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": true,
28
+ "nativeID": undefined,
29
+ "numberOfLines": 1,
30
+ "onBlur": [Function],
31
+ "onChangeText": [class 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": 40,
47
+ "paddingVertical": 0,
48
+ "width": "100%",
49
+ },
50
+ "testID": undefined,
51
+ "textContentType": "none",
52
+ "underlineColorAndroid": "transparent",
53
+ "value": "test content",
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": true,
25
- "nativeID": undefined,
26
- "numberOfLines": 1,
27
- "onBlur": [Function],
28
- "onChangeText": [class 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": 40,
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": "test content",
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,
@@ -104,57 +117,70 @@ exports[`TextArea snapshots should match snapshot with all props 1`] = `
104
117
  "children": [
105
118
  {
106
119
  "$$typeof": Symbol(react.test.json),
107
- "children": null,
108
- "props": {
109
- "accessibilityHint": "Enter text here",
110
- "accessibilityState": {
111
- "disabled": false,
120
+ "children": [
121
+ {
122
+ "$$typeof": Symbol(react.test.json),
123
+ "children": null,
124
+ "props": {
125
+ "accessibilityHint": "Enter text here",
126
+ "accessibilityState": {
127
+ "disabled": false,
128
+ },
129
+ "aria-label": "Text input field",
130
+ "autoCapitalize": "sentences",
131
+ "autoCorrect": true,
132
+ "blurOnSubmit": true,
133
+ "enterKeyHint": undefined,
134
+ "keyboardType": "default",
135
+ "multiline": true,
136
+ "nativeID": undefined,
137
+ "numberOfLines": 5,
138
+ "onBlur": [Function],
139
+ "onChangeText": [class Function],
140
+ "onContentSizeChange": [Function],
141
+ "onFocus": [Function],
142
+ "onSubmitEditing": [Function],
143
+ "placeholder": "Enter description",
144
+ "placeholderTextColor": "#686868",
145
+ "readOnly": false,
146
+ "ref": [Function],
147
+ "secureTextEntry": false,
148
+ "style": {
149
+ "color": "#1C1C1C",
150
+ "flex": 1,
151
+ "fontFamily": "text",
152
+ "fontSize": 16,
153
+ "gap": 10,
154
+ "height": 200,
155
+ "paddingVertical": 0,
156
+ "width": "100%",
157
+ },
158
+ "testID": undefined,
159
+ "textContentType": "none",
160
+ "underlineColorAndroid": "transparent",
161
+ "value": "test content",
162
+ },
163
+ "type": "TextInput",
112
164
  },
113
- "aria-label": "Text input field",
114
- "autoCapitalize": "sentences",
115
- "autoCorrect": true,
116
- "blurOnSubmit": true,
117
- "enterKeyHint": undefined,
118
- "keyboardType": "default",
119
- "multiline": true,
120
- "nativeID": undefined,
121
- "numberOfLines": 5,
122
- "onBlur": [Function],
123
- "onChangeText": [class Function],
124
- "onContentSizeChange": [Function],
125
- "onFocus": [Function],
126
- "onSubmitEditing": [Function],
127
- "placeholder": "Enter description",
128
- "placeholderTextColor": "#686868",
129
- "readOnly": false,
130
- "ref": [Function],
131
- "secureTextEntry": false,
165
+ ],
166
+ "props": {
132
167
  "style": {
133
- "color": "#1C1C1C",
134
- "flex": 1,
135
- "fontFamily": "text",
136
- "fontSize": 16,
137
- "gap": 10,
138
- "height": 200,
139
- "paddingVertical": 0,
140
- "width": "100%",
168
+ "alignItems": "center",
169
+ "flexDirection": "row",
141
170
  },
142
171
  "testID": undefined,
143
- "textContentType": "none",
144
- "underlineColorAndroid": "transparent",
145
- "value": "test content",
146
172
  },
147
- "type": "TextInput",
173
+ "type": "View",
148
174
  },
149
175
  ],
150
176
  "props": {
151
177
  "style": {
152
- "alignItems": "center",
153
178
  "backgroundColor": "#FFFFFF",
154
179
  "borderColor": "#9A9A9A",
155
180
  "borderRadius": 4,
156
181
  "borderWidth": 1,
157
- "flexDirection": "row",
182
+ "flexDirection": "column",
183
+ "gap": 0,
158
184
  "overflow": "hidden",
159
185
  "paddingHorizontal": 12,
160
186
  "paddingVertical": 8,
@@ -225,57 +251,70 @@ exports[`TextArea snapshots should match snapshot when disabled 1`] = `
225
251
  "children": [
226
252
  {
227
253
  "$$typeof": Symbol(react.test.json),
228
- "children": null,
229
- "props": {
230
- "accessibilityHint": "Enter text here",
231
- "accessibilityState": {
232
- "disabled": true,
254
+ "children": [
255
+ {
256
+ "$$typeof": Symbol(react.test.json),
257
+ "children": null,
258
+ "props": {
259
+ "accessibilityHint": "Enter text here",
260
+ "accessibilityState": {
261
+ "disabled": true,
262
+ },
263
+ "aria-label": "Text input field",
264
+ "autoCapitalize": "sentences",
265
+ "autoCorrect": true,
266
+ "blurOnSubmit": true,
267
+ "enterKeyHint": undefined,
268
+ "keyboardType": "default",
269
+ "multiline": true,
270
+ "nativeID": undefined,
271
+ "numberOfLines": 1,
272
+ "onBlur": [Function],
273
+ "onChangeText": [class Function],
274
+ "onContentSizeChange": [Function],
275
+ "onFocus": [Function],
276
+ "onSubmitEditing": [Function],
277
+ "placeholder": undefined,
278
+ "placeholderTextColor": "#686868",
279
+ "readOnly": true,
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": 40,
289
+ "paddingVertical": 0,
290
+ "width": "100%",
291
+ },
292
+ "testID": undefined,
293
+ "textContentType": "none",
294
+ "underlineColorAndroid": "transparent",
295
+ "value": "disabled content",
296
+ },
297
+ "type": "TextInput",
233
298
  },
234
- "aria-label": "Text input field",
235
- "autoCapitalize": "sentences",
236
- "autoCorrect": true,
237
- "blurOnSubmit": true,
238
- "enterKeyHint": undefined,
239
- "keyboardType": "default",
240
- "multiline": true,
241
- "nativeID": undefined,
242
- "numberOfLines": 1,
243
- "onBlur": [Function],
244
- "onChangeText": [class Function],
245
- "onContentSizeChange": [Function],
246
- "onFocus": [Function],
247
- "onSubmitEditing": [Function],
248
- "placeholder": undefined,
249
- "placeholderTextColor": "#686868",
250
- "readOnly": true,
251
- "ref": [Function],
252
- "secureTextEntry": false,
299
+ ],
300
+ "props": {
253
301
  "style": {
254
- "color": "#1C1C1C",
255
- "flex": 1,
256
- "fontFamily": "text",
257
- "fontSize": 16,
258
- "gap": 10,
259
- "height": 40,
260
- "paddingVertical": 0,
261
- "width": "100%",
302
+ "alignItems": "center",
303
+ "flexDirection": "row",
262
304
  },
263
305
  "testID": undefined,
264
- "textContentType": "none",
265
- "underlineColorAndroid": "transparent",
266
- "value": "disabled content",
267
306
  },
268
- "type": "TextInput",
307
+ "type": "View",
269
308
  },
270
309
  ],
271
310
  "props": {
272
311
  "style": {
273
- "alignItems": "center",
274
312
  "backgroundColor": "#D9D9D9",
275
313
  "borderColor": "#4E4E4E",
276
314
  "borderRadius": 4,
277
315
  "borderWidth": 1,
278
- "flexDirection": "row",
316
+ "flexDirection": "column",
317
+ "gap": 0,
279
318
  "overflow": "hidden",
280
319
  "paddingHorizontal": 12,
281
320
  "paddingVertical": 8,
@@ -359,57 +398,70 @@ exports[`TextArea snapshots should match snapshot with error state 1`] = `
359
398
  "children": [
360
399
  {
361
400
  "$$typeof": Symbol(react.test.json),
362
- "children": null,
363
- "props": {
364
- "accessibilityHint": "Enter text here",
365
- "accessibilityState": {
366
- "disabled": undefined,
401
+ "children": [
402
+ {
403
+ "$$typeof": Symbol(react.test.json),
404
+ "children": null,
405
+ "props": {
406
+ "accessibilityHint": "Enter text here",
407
+ "accessibilityState": {
408
+ "disabled": undefined,
409
+ },
410
+ "aria-label": "Text input field",
411
+ "autoCapitalize": "sentences",
412
+ "autoCorrect": true,
413
+ "blurOnSubmit": true,
414
+ "enterKeyHint": undefined,
415
+ "keyboardType": "default",
416
+ "multiline": true,
417
+ "nativeID": undefined,
418
+ "numberOfLines": 1,
419
+ "onBlur": [Function],
420
+ "onChangeText": [class Function],
421
+ "onContentSizeChange": [Function],
422
+ "onFocus": [Function],
423
+ "onSubmitEditing": [Function],
424
+ "placeholder": undefined,
425
+ "placeholderTextColor": "#686868",
426
+ "readOnly": undefined,
427
+ "ref": [Function],
428
+ "secureTextEntry": false,
429
+ "style": {
430
+ "color": "#1C1C1C",
431
+ "flex": 1,
432
+ "fontFamily": "text",
433
+ "fontSize": 16,
434
+ "gap": 10,
435
+ "height": 40,
436
+ "paddingVertical": 0,
437
+ "width": "100%",
438
+ },
439
+ "testID": undefined,
440
+ "textContentType": "none",
441
+ "underlineColorAndroid": "transparent",
442
+ "value": "",
443
+ },
444
+ "type": "TextInput",
367
445
  },
368
- "aria-label": "Text input field",
369
- "autoCapitalize": "sentences",
370
- "autoCorrect": true,
371
- "blurOnSubmit": true,
372
- "enterKeyHint": undefined,
373
- "keyboardType": "default",
374
- "multiline": true,
375
- "nativeID": undefined,
376
- "numberOfLines": 1,
377
- "onBlur": [Function],
378
- "onChangeText": [class Function],
379
- "onContentSizeChange": [Function],
380
- "onFocus": [Function],
381
- "onSubmitEditing": [Function],
382
- "placeholder": undefined,
383
- "placeholderTextColor": "#686868",
384
- "readOnly": undefined,
385
- "ref": [Function],
386
- "secureTextEntry": false,
446
+ ],
447
+ "props": {
387
448
  "style": {
388
- "color": "#1C1C1C",
389
- "flex": 1,
390
- "fontFamily": "text",
391
- "fontSize": 16,
392
- "gap": 10,
393
- "height": 40,
394
- "paddingVertical": 0,
395
- "width": "100%",
449
+ "alignItems": "center",
450
+ "flexDirection": "row",
396
451
  },
397
452
  "testID": undefined,
398
- "textContentType": "none",
399
- "underlineColorAndroid": "transparent",
400
- "value": "",
401
453
  },
402
- "type": "TextInput",
454
+ "type": "View",
403
455
  },
404
456
  ],
405
457
  "props": {
406
458
  "style": {
407
- "alignItems": "center",
408
459
  "backgroundColor": "#FFFFFF",
409
460
  "borderColor": "#D33232",
410
461
  "borderRadius": 4,
411
462
  "borderWidth": 1,
412
- "flexDirection": "row",
463
+ "flexDirection": "column",
464
+ "gap": 0,
413
465
  "overflow": "hidden",
414
466
  "paddingHorizontal": 12,
415
467
  "paddingVertical": 8,
@@ -454,57 +506,70 @@ exports[`TextArea snapshots should match snapshot with multiline content 1`] = `
454
506
  "children": [
455
507
  {
456
508
  "$$typeof": Symbol(react.test.json),
457
- "children": null,
458
- "props": {
459
- "accessibilityHint": "Enter text here",
460
- "accessibilityState": {
461
- "disabled": undefined,
509
+ "children": [
510
+ {
511
+ "$$typeof": Symbol(react.test.json),
512
+ "children": null,
513
+ "props": {
514
+ "accessibilityHint": "Enter text here",
515
+ "accessibilityState": {
516
+ "disabled": undefined,
517
+ },
518
+ "aria-label": "Text input field",
519
+ "autoCapitalize": "sentences",
520
+ "autoCorrect": true,
521
+ "blurOnSubmit": true,
522
+ "enterKeyHint": undefined,
523
+ "keyboardType": "default",
524
+ "multiline": true,
525
+ "nativeID": undefined,
526
+ "numberOfLines": 4,
527
+ "onBlur": [Function],
528
+ "onChangeText": [class Function],
529
+ "onContentSizeChange": [Function],
530
+ "onFocus": [Function],
531
+ "onSubmitEditing": [Function],
532
+ "placeholder": undefined,
533
+ "placeholderTextColor": "#686868",
534
+ "readOnly": undefined,
535
+ "ref": [Function],
536
+ "secureTextEntry": false,
537
+ "style": {
538
+ "color": "#1C1C1C",
539
+ "flex": 1,
540
+ "fontFamily": "text",
541
+ "fontSize": 16,
542
+ "gap": 10,
543
+ "height": 160,
544
+ "paddingVertical": 0,
545
+ "width": "100%",
546
+ },
547
+ "testID": undefined,
548
+ "textContentType": "none",
549
+ "underlineColorAndroid": "transparent",
550
+ "value": "Line 1\\nLine 2\\nLine 3",
551
+ },
552
+ "type": "TextInput",
462
553
  },
463
- "aria-label": "Text input field",
464
- "autoCapitalize": "sentences",
465
- "autoCorrect": true,
466
- "blurOnSubmit": true,
467
- "enterKeyHint": undefined,
468
- "keyboardType": "default",
469
- "multiline": true,
470
- "nativeID": undefined,
471
- "numberOfLines": 4,
472
- "onBlur": [Function],
473
- "onChangeText": [class Function],
474
- "onContentSizeChange": [Function],
475
- "onFocus": [Function],
476
- "onSubmitEditing": [Function],
477
- "placeholder": undefined,
478
- "placeholderTextColor": "#686868",
479
- "readOnly": undefined,
480
- "ref": [Function],
481
- "secureTextEntry": false,
554
+ ],
555
+ "props": {
482
556
  "style": {
483
- "color": "#1C1C1C",
484
- "flex": 1,
485
- "fontFamily": "text",
486
- "fontSize": 16,
487
- "gap": 10,
488
- "height": 160,
489
- "paddingVertical": 0,
490
- "width": "100%",
557
+ "alignItems": "center",
558
+ "flexDirection": "row",
491
559
  },
492
560
  "testID": undefined,
493
- "textContentType": "none",
494
- "underlineColorAndroid": "transparent",
495
- "value": "Line 1\\nLine 2\\nLine 3",
496
561
  },
497
- "type": "TextInput",
562
+ "type": "View",
498
563
  },
499
564
  ],
500
565
  "props": {
501
566
  "style": {
502
- "alignItems": "center",
503
567
  "backgroundColor": "#FFFFFF",
504
568
  "borderColor": "#9A9A9A",
505
569
  "borderRadius": 4,
506
570
  "borderWidth": 1,
507
- "flexDirection": "row",
571
+ "flexDirection": "column",
572
+ "gap": 0,
508
573
  "overflow": "hidden",
509
574
  "paddingHorizontal": 12,
510
575
  "paddingVertical": 8,