@terreno/ui 0.5.0 → 0.7.0

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 (61) hide show
  1. package/README.md +5 -5
  2. package/dist/ActionSheet.js +10 -4
  3. package/dist/ActionSheet.js.map +1 -1
  4. package/dist/Common.d.ts +13 -0
  5. package/dist/Common.js.map +1 -1
  6. package/dist/CommonIconTypes.d.ts +1 -1
  7. package/dist/FlatList.js.map +1 -1
  8. package/dist/GPTChat.d.ts +2 -1
  9. package/dist/GPTChat.js +14 -4
  10. package/dist/GPTChat.js.map +1 -1
  11. package/dist/HeightActionSheet.js +18 -10
  12. package/dist/HeightActionSheet.js.map +1 -1
  13. package/dist/HeightField.d.ts +3 -0
  14. package/dist/HeightField.js +167 -0
  15. package/dist/HeightField.js.map +1 -0
  16. package/dist/Page.js +2 -1
  17. package/dist/Page.js.map +1 -1
  18. package/dist/ScrollView.js.map +1 -1
  19. package/dist/TextField.js +2 -2
  20. package/dist/TextField.js.map +1 -1
  21. package/dist/index.d.ts +1 -0
  22. package/dist/index.js +1 -0
  23. package/dist/index.js.map +1 -1
  24. package/dist/login/LoginScreen.js +1 -1
  25. package/dist/login/LoginScreen.js.map +1 -1
  26. package/dist/signUp/SignUpScreen.js +1 -1
  27. package/dist/signUp/SignUpScreen.js.map +1 -1
  28. package/package.json +1 -1
  29. package/src/ActionSheet.tsx +7 -5
  30. package/src/Common.ts +14 -0
  31. package/src/CommonIconTypes.ts +1 -1
  32. package/src/FlatList.tsx +1 -0
  33. package/src/GPTChat.tsx +40 -2
  34. package/src/HeightActionSheet.tsx +23 -8
  35. package/src/HeightField.test.tsx +178 -0
  36. package/src/HeightField.tsx +360 -0
  37. package/src/HeightFieldDesktop.test.tsx +137 -0
  38. package/src/Page.tsx +20 -9
  39. package/src/ScrollView.tsx +1 -0
  40. package/src/TextField.tsx +2 -0
  41. package/src/__snapshots__/AddressField.test.tsx.snap +4 -0
  42. package/src/__snapshots__/CustomSelectField.test.tsx.snap +1 -0
  43. package/src/__snapshots__/EmailField.test.tsx.snap +2 -0
  44. package/src/__snapshots__/Field.test.tsx.snap +12 -0
  45. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +162 -48
  46. package/src/__snapshots__/HeightField.test.tsx.snap +4011 -0
  47. package/src/__snapshots__/HeightFieldDesktop.test.tsx.snap +613 -0
  48. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +1 -0
  49. package/src/__snapshots__/NumberField.test.tsx.snap +1 -0
  50. package/src/__snapshots__/Page.test.tsx.snap +15 -20
  51. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +5 -0
  52. package/src/__snapshots__/TapToEdit.test.tsx.snap +1 -0
  53. package/src/__snapshots__/TextArea.test.tsx.snap +5 -0
  54. package/src/__snapshots__/TextField.test.tsx.snap +5 -0
  55. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +4 -0
  56. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +3 -0
  57. package/src/index.tsx +1 -0
  58. package/src/login/LoginScreen.tsx +1 -0
  59. package/src/login/__snapshots__/LoginScreen.test.tsx.snap +2 -0
  60. package/src/signUp/SignUpScreen.tsx +1 -0
  61. package/src/signUp/__snapshots__/SignUpScreen.test.tsx.snap +3 -0
package/src/__snapshots__/HeightFieldDesktop.test.tsx.snap ADDED
@@ -0,0 +1,613 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`HeightField (desktop/web path) snapshots matches snapshot with default props 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ {
11
+ "$$typeof": Symbol(react.test.json),
12
+ "children": [
13
+ {
14
+ "$$typeof": Symbol(react.test.json),
15
+ "children": [
16
+ {
17
+ "$$typeof": Symbol(react.test.json),
18
+ "children": null,
19
+ "props": {
20
+ "accessibilityHint": "Enter ft",
21
+ "aria-label": "ft input",
22
+ "editable": true,
23
+ "inputMode": "numeric",
24
+ "onBlur": [Function],
25
+ "onChangeText": [Function],
26
+ "onFocus": [Function],
27
+ "placeholder": "0",
28
+ "placeholderTextColor": "#686868",
29
+ "ref": undefined,
30
+ "selectTextOnFocus": true,
31
+ "style": {
32
+ "color": "#1C1C1C",
33
+ "fontFamily": "text",
34
+ "fontSize": 16,
35
+ "textAlign": "center",
36
+ "width": "100%",
37
+ },
38
+ "value": "",
39
+ },
40
+ "type": "TextInput",
41
+ },
42
+ ],
43
+ "props": {
44
+ "style": {
45
+ "alignItems": "center",
46
+ "backgroundColor": "#FFFFFF",
47
+ "borderColor": "#9A9A9A",
48
+ "borderRadius": 4,
49
+ "borderWidth": 1,
50
+ "flexDirection": "row",
51
+ "height": 40,
52
+ "justifyContent": "center",
53
+ "paddingHorizontal": 8,
54
+ "width": 50,
55
+ },
56
+ "testID": undefined,
57
+ },
58
+ "type": "View",
59
+ },
60
+ {
61
+ "$$typeof": Symbol(react.test.json),
62
+ "children": [
63
+ {
64
+ "$$typeof": Symbol(react.test.json),
65
+ "children": [
66
+ "ft",
67
+ ],
68
+ "props": {
69
+ "numberOfLines": 0,
70
+ "selectable": undefined,
71
+ "style": {
72
+ "color": "#1C1C1C",
73
+ "fontFamily": "text-regular",
74
+ "fontSize": 14,
75
+ "textAlign": "left",
76
+ },
77
+ "testID": undefined,
78
+ },
79
+ "type": "Text",
80
+ },
81
+ ],
82
+ "props": {},
83
+ "type": "View",
84
+ },
85
+ ],
86
+ "props": {
87
+ "style": {
88
+ "alignItems": "center",
89
+ "flexDirection": "row",
90
+ "gap": 4,
91
+ },
92
+ "testID": undefined,
93
+ },
94
+ "type": "View",
95
+ },
96
+ {
97
+ "$$typeof": Symbol(react.test.json),
98
+ "children": [
99
+ {
100
+ "$$typeof": Symbol(react.test.json),
101
+ "children": [
102
+ {
103
+ "$$typeof": Symbol(react.test.json),
104
+ "children": null,
105
+ "props": {
106
+ "accessibilityHint": "Enter in",
107
+ "aria-label": "in input",
108
+ "editable": true,
109
+ "inputMode": "numeric",
110
+ "onBlur": [Function],
111
+ "onChangeText": [Function],
112
+ "onFocus": [Function],
113
+ "placeholder": "0",
114
+ "placeholderTextColor": "#686868",
115
+ "ref": undefined,
116
+ "selectTextOnFocus": true,
117
+ "style": {
118
+ "color": "#1C1C1C",
119
+ "fontFamily": "text",
120
+ "fontSize": 16,
121
+ "textAlign": "center",
122
+ "width": "100%",
123
+ },
124
+ "value": "",
125
+ },
126
+ "type": "TextInput",
127
+ },
128
+ ],
129
+ "props": {
130
+ "style": {
131
+ "alignItems": "center",
132
+ "backgroundColor": "#FFFFFF",
133
+ "borderColor": "#9A9A9A",
134
+ "borderRadius": 4,
135
+ "borderWidth": 1,
136
+ "flexDirection": "row",
137
+ "height": 40,
138
+ "justifyContent": "center",
139
+ "paddingHorizontal": 8,
140
+ "width": 50,
141
+ },
142
+ "testID": undefined,
143
+ },
144
+ "type": "View",
145
+ },
146
+ {
147
+ "$$typeof": Symbol(react.test.json),
148
+ "children": [
149
+ {
150
+ "$$typeof": Symbol(react.test.json),
151
+ "children": [
152
+ "in",
153
+ ],
154
+ "props": {
155
+ "numberOfLines": 0,
156
+ "selectable": undefined,
157
+ "style": {
158
+ "color": "#1C1C1C",
159
+ "fontFamily": "text-regular",
160
+ "fontSize": 14,
161
+ "textAlign": "left",
162
+ },
163
+ "testID": undefined,
164
+ },
165
+ "type": "Text",
166
+ },
167
+ ],
168
+ "props": {},
169
+ "type": "View",
170
+ },
171
+ ],
172
+ "props": {
173
+ "style": {
174
+ "alignItems": "center",
175
+ "flexDirection": "row",
176
+ "gap": 4,
177
+ },
178
+ "testID": undefined,
179
+ },
180
+ "type": "View",
181
+ },
182
+ ],
183
+ "props": {
184
+ "onPointerEnter": [Function: AsyncFunction],
185
+ "onPointerLeave": [Function: AsyncFunction],
186
+ "style": {
187
+ "display": "flex",
188
+ "flexDirection": "row",
189
+ "gap": 16,
190
+ },
191
+ "testID": undefined,
192
+ },
193
+ "type": "View",
194
+ },
195
+ ],
196
+ "props": {
197
+ "style": {
198
+ "flexDirection": "column",
199
+ "width": "100%",
200
+ },
201
+ "testID": undefined,
202
+ },
203
+ "type": "View",
204
+ }
205
+ `;
206
+
207
+ exports[`HeightField (desktop/web path) snapshots matches snapshot with value 1`] = `
208
+ {
209
+ "$$typeof": Symbol(react.test.json),
210
+ "children": [
211
+ {
212
+ "$$typeof": Symbol(react.test.json),
213
+ "children": [
214
+ {
215
+ "$$typeof": Symbol(react.test.json),
216
+ "children": [
217
+ {
218
+ "$$typeof": Symbol(react.test.json),
219
+ "children": [
220
+ {
221
+ "$$typeof": Symbol(react.test.json),
222
+ "children": null,
223
+ "props": {
224
+ "accessibilityHint": "Enter ft",
225
+ "aria-label": "ft input",
226
+ "editable": true,
227
+ "inputMode": "numeric",
228
+ "onBlur": [Function],
229
+ "onChangeText": [Function],
230
+ "onFocus": [Function],
231
+ "placeholder": "0",
232
+ "placeholderTextColor": "#686868",
233
+ "ref": undefined,
234
+ "selectTextOnFocus": true,
235
+ "style": {
236
+ "color": "#1C1C1C",
237
+ "fontFamily": "text",
238
+ "fontSize": 16,
239
+ "textAlign": "center",
240
+ "width": "100%",
241
+ },
242
+ "value": "5",
243
+ },
244
+ "type": "TextInput",
245
+ },
246
+ ],
247
+ "props": {
248
+ "style": {
249
+ "alignItems": "center",
250
+ "backgroundColor": "#FFFFFF",
251
+ "borderColor": "#9A9A9A",
252
+ "borderRadius": 4,
253
+ "borderWidth": 1,
254
+ "flexDirection": "row",
255
+ "height": 40,
256
+ "justifyContent": "center",
257
+ "paddingHorizontal": 8,
258
+ "width": 50,
259
+ },
260
+ "testID": undefined,
261
+ },
262
+ "type": "View",
263
+ },
264
+ {
265
+ "$$typeof": Symbol(react.test.json),
266
+ "children": [
267
+ {
268
+ "$$typeof": Symbol(react.test.json),
269
+ "children": [
270
+ "ft",
271
+ ],
272
+ "props": {
273
+ "numberOfLines": 0,
274
+ "selectable": undefined,
275
+ "style": {
276
+ "color": "#1C1C1C",
277
+ "fontFamily": "text-regular",
278
+ "fontSize": 14,
279
+ "textAlign": "left",
280
+ },
281
+ "testID": undefined,
282
+ },
283
+ "type": "Text",
284
+ },
285
+ ],
286
+ "props": {},
287
+ "type": "View",
288
+ },
289
+ ],
290
+ "props": {
291
+ "style": {
292
+ "alignItems": "center",
293
+ "flexDirection": "row",
294
+ "gap": 4,
295
+ },
296
+ "testID": undefined,
297
+ },
298
+ "type": "View",
299
+ },
300
+ {
301
+ "$$typeof": Symbol(react.test.json),
302
+ "children": [
303
+ {
304
+ "$$typeof": Symbol(react.test.json),
305
+ "children": [
306
+ {
307
+ "$$typeof": Symbol(react.test.json),
308
+ "children": null,
309
+ "props": {
310
+ "accessibilityHint": "Enter in",
311
+ "aria-label": "in input",
312
+ "editable": true,
313
+ "inputMode": "numeric",
314
+ "onBlur": [Function],
315
+ "onChangeText": [Function],
316
+ "onFocus": [Function],
317
+ "placeholder": "0",
318
+ "placeholderTextColor": "#686868",
319
+ "ref": undefined,
320
+ "selectTextOnFocus": true,
321
+ "style": {
322
+ "color": "#1C1C1C",
323
+ "fontFamily": "text",
324
+ "fontSize": 16,
325
+ "textAlign": "center",
326
+ "width": "100%",
327
+ },
328
+ "value": "10",
329
+ },
330
+ "type": "TextInput",
331
+ },
332
+ ],
333
+ "props": {
334
+ "style": {
335
+ "alignItems": "center",
336
+ "backgroundColor": "#FFFFFF",
337
+ "borderColor": "#9A9A9A",
338
+ "borderRadius": 4,
339
+ "borderWidth": 1,
340
+ "flexDirection": "row",
341
+ "height": 40,
342
+ "justifyContent": "center",
343
+ "paddingHorizontal": 8,
344
+ "width": 50,
345
+ },
346
+ "testID": undefined,
347
+ },
348
+ "type": "View",
349
+ },
350
+ {
351
+ "$$typeof": Symbol(react.test.json),
352
+ "children": [
353
+ {
354
+ "$$typeof": Symbol(react.test.json),
355
+ "children": [
356
+ "in",
357
+ ],
358
+ "props": {
359
+ "numberOfLines": 0,
360
+ "selectable": undefined,
361
+ "style": {
362
+ "color": "#1C1C1C",
363
+ "fontFamily": "text-regular",
364
+ "fontSize": 14,
365
+ "textAlign": "left",
366
+ },
367
+ "testID": undefined,
368
+ },
369
+ "type": "Text",
370
+ },
371
+ ],
372
+ "props": {},
373
+ "type": "View",
374
+ },
375
+ ],
376
+ "props": {
377
+ "style": {
378
+ "alignItems": "center",
379
+ "flexDirection": "row",
380
+ "gap": 4,
381
+ },
382
+ "testID": undefined,
383
+ },
384
+ "type": "View",
385
+ },
386
+ ],
387
+ "props": {
388
+ "onPointerEnter": [Function: AsyncFunction],
389
+ "onPointerLeave": [Function: AsyncFunction],
390
+ "style": {
391
+ "display": "flex",
392
+ "flexDirection": "row",
393
+ "gap": 16,
394
+ },
395
+ "testID": undefined,
396
+ },
397
+ "type": "View",
398
+ },
399
+ ],
400
+ "props": {
401
+ "style": {
402
+ "flexDirection": "column",
403
+ "width": "100%",
404
+ },
405
+ "testID": undefined,
406
+ },
407
+ "type": "View",
408
+ }
409
+ `;
410
+
411
+ exports[`HeightField (desktop/web path) snapshots matches snapshot when disabled 1`] = `
412
+ {
413
+ "$$typeof": Symbol(react.test.json),
414
+ "children": [
415
+ {
416
+ "$$typeof": Symbol(react.test.json),
417
+ "children": [
418
+ {
419
+ "$$typeof": Symbol(react.test.json),
420
+ "children": [
421
+ {
422
+ "$$typeof": Symbol(react.test.json),
423
+ "children": [
424
+ {
425
+ "$$typeof": Symbol(react.test.json),
426
+ "children": null,
427
+ "props": {
428
+ "accessibilityHint": "Enter ft",
429
+ "aria-label": "ft input",
430
+ "editable": false,
431
+ "inputMode": "numeric",
432
+ "onBlur": [Function],
433
+ "onChangeText": [Function],
434
+ "onFocus": [Function],
435
+ "placeholder": "0",
436
+ "placeholderTextColor": "#686868",
437
+ "ref": undefined,
438
+ "selectTextOnFocus": true,
439
+ "style": {
440
+ "color": "#1C1C1C",
441
+ "fontFamily": "text",
442
+ "fontSize": 16,
443
+ "textAlign": "center",
444
+ "width": "100%",
445
+ },
446
+ "value": "5",
447
+ },
448
+ "type": "TextInput",
449
+ },
450
+ ],
451
+ "props": {
452
+ "style": {
453
+ "alignItems": "center",
454
+ "backgroundColor": "#D9D9D9",
455
+ "borderColor": "#4E4E4E",
456
+ "borderRadius": 4,
457
+ "borderWidth": 1,
458
+ "flexDirection": "row",
459
+ "height": 40,
460
+ "justifyContent": "center",
461
+ "paddingHorizontal": 8,
462
+ "width": 50,
463
+ },
464
+ "testID": undefined,
465
+ },
466
+ "type": "View",
467
+ },
468
+ {
469
+ "$$typeof": Symbol(react.test.json),
470
+ "children": [
471
+ {
472
+ "$$typeof": Symbol(react.test.json),
473
+ "children": [
474
+ "ft",
475
+ ],
476
+ "props": {
477
+ "numberOfLines": 0,
478
+ "selectable": undefined,
479
+ "style": {
480
+ "color": "#1C1C1C",
481
+ "fontFamily": "text-regular",
482
+ "fontSize": 14,
483
+ "textAlign": "left",
484
+ },
485
+ "testID": undefined,
486
+ },
487
+ "type": "Text",
488
+ },
489
+ ],
490
+ "props": {},
491
+ "type": "View",
492
+ },
493
+ ],
494
+ "props": {
495
+ "style": {
496
+ "alignItems": "center",
497
+ "flexDirection": "row",
498
+ "gap": 4,
499
+ },
500
+ "testID": undefined,
501
+ },
502
+ "type": "View",
503
+ },
504
+ {
505
+ "$$typeof": Symbol(react.test.json),
506
+ "children": [
507
+ {
508
+ "$$typeof": Symbol(react.test.json),
509
+ "children": [
510
+ {
511
+ "$$typeof": Symbol(react.test.json),
512
+ "children": null,
513
+ "props": {
514
+ "accessibilityHint": "Enter in",
515
+ "aria-label": "in input",
516
+ "editable": false,
517
+ "inputMode": "numeric",
518
+ "onBlur": [Function],
519
+ "onChangeText": [Function],
520
+ "onFocus": [Function],
521
+ "placeholder": "0",
522
+ "placeholderTextColor": "#686868",
523
+ "ref": undefined,
524
+ "selectTextOnFocus": true,
525
+ "style": {
526
+ "color": "#1C1C1C",
527
+ "fontFamily": "text",
528
+ "fontSize": 16,
529
+ "textAlign": "center",
530
+ "width": "100%",
531
+ },
532
+ "value": "10",
533
+ },
534
+ "type": "TextInput",
535
+ },
536
+ ],
537
+ "props": {
538
+ "style": {
539
+ "alignItems": "center",
540
+ "backgroundColor": "#D9D9D9",
541
+ "borderColor": "#4E4E4E",
542
+ "borderRadius": 4,
543
+ "borderWidth": 1,
544
+ "flexDirection": "row",
545
+ "height": 40,
546
+ "justifyContent": "center",
547
+ "paddingHorizontal": 8,
548
+ "width": 50,
549
+ },
550
+ "testID": undefined,
551
+ },
552
+ "type": "View",
553
+ },
554
+ {
555
+ "$$typeof": Symbol(react.test.json),
556
+ "children": [
557
+ {
558
+ "$$typeof": Symbol(react.test.json),
559
+ "children": [
560
+ "in",
561
+ ],
562
+ "props": {
563
+ "numberOfLines": 0,
564
+ "selectable": undefined,
565
+ "style": {
566
+ "color": "#1C1C1C",
567
+ "fontFamily": "text-regular",
568
+ "fontSize": 14,
569
+ "textAlign": "left",
570
+ },
571
+ "testID": undefined,
572
+ },
573
+ "type": "Text",
574
+ },
575
+ ],
576
+ "props": {},
577
+ "type": "View",
578
+ },
579
+ ],
580
+ "props": {
581
+ "style": {
582
+ "alignItems": "center",
583
+ "flexDirection": "row",
584
+ "gap": 4,
585
+ },
586
+ "testID": undefined,
587
+ },
588
+ "type": "View",
589
+ },
590
+ ],
591
+ "props": {
592
+ "onPointerEnter": [Function: AsyncFunction],
593
+ "onPointerLeave": [Function: AsyncFunction],
594
+ "style": {
595
+ "display": "flex",
596
+ "flexDirection": "row",
597
+ "gap": 16,
598
+ },
599
+ "testID": undefined,
600
+ },
601
+ "type": "View",
602
+ },
603
+ ],
604
+ "props": {
605
+ "style": {
606
+ "flexDirection": "column",
607
+ "width": "100%",
608
+ },
609
+ "testID": undefined,
610
+ },
611
+ "type": "View",
612
+ }
613
+ `;
package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap CHANGED
@@ -72,6 +72,7 @@ exports[`MobileAddressAutocomplete renders TextField fallback without Google API
72
72
  "enterKeyHint": undefined,
73
73
  "keyboardType": "default",
74
74
  "multiline": undefined,
75
+ "nativeID": "address1",
75
76
  "numberOfLines": 1,
76
77
  "onBlur": [Function],
77
78
  "onChangeText": [Function],
package/src/__snapshots__/NumberField.test.tsx.snap CHANGED
@@ -22,6 +22,7 @@ exports[`NumberField renders correctly with default props 1`] = `
22
22
  "enterKeyHint": undefined,
23
23
  "keyboardType": "default",
24
24
  "multiline": undefined,
25
+ "nativeID": undefined,
25
26
  "numberOfLines": 1,
26
27
  "onBlur": [Function],
27
28
  "onChangeText": [Function],
package/src/__snapshots__/Page.test.tsx.snap CHANGED
@@ -937,27 +937,22 @@ exports[`Page renders loading state 1`] = `
937
937
  "children": [
938
938
  {
939
939
  "$$typeof": Symbol(react.test.json),
940
- "children": [
941
- {
942
- "$$typeof": Symbol(react.test.json),
943
- "children": [
944
- "Content",
945
- ],
946
- "props": {
947
- "numberOfLines": 0,
948
- "selectable": undefined,
949
- "style": {
950
- "color": "#1C1C1C",
951
- "fontFamily": "text-regular",
952
- "fontSize": 14,
953
- "textAlign": "left",
954
- },
955
- "testID": undefined,
956
- },
957
- "type": "Text",
940
+ "children": null,
941
+ "props": {
942
+ "onPointerEnter": [Function: AsyncFunction],
943
+ "onPointerLeave": [Function: AsyncFunction],
944
+ "style": {
945
+ "alignItems": "center",
946
+ "display": "flex",
947
+ "flex": undefined,
948
+ "flexDirection": "column",
949
+ "flexGrow": 1,
950
+ "flexShrink": 1,
951
+ "justifyContent": "center",
952
+ "marginTop": 48,
958
953
  },
959
- ],
960
- "props": {},
954
+ "testID": undefined,
955
+ },
961
956
  "type": "View",
962
957
  },
963
958
  ],