@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__/HeightActionSheet.test.tsx.snap CHANGED
@@ -121,6 +121,21 @@ exports[`HeightActionSheet renders correctly 1`] = `
121
121
  {
122
122
  "$$typeof": Symbol(react.test.json),
123
123
  "children": [
124
+ {
125
+ "$$typeof": Symbol(react.test.json),
126
+ "children": null,
127
+ "props": {
128
+ "onPointerEnter": [Function: AsyncFunction],
129
+ "onPointerLeave": [Function: AsyncFunction],
130
+ "style": {
131
+ "display": "flex",
132
+ "flexGrow": 1,
133
+ "flexShrink": 1,
134
+ },
135
+ "testID": undefined,
136
+ },
137
+ "type": "View",
138
+ },
124
139
  {
125
140
  "$$typeof": Symbol(react.test.json),
126
141
  "children": [
@@ -136,7 +151,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
136
151
  {
137
152
  "$$typeof": Symbol(react.test.json),
138
153
  "children": [
139
- "Close",
154
+ "Done",
140
155
  ],
141
156
  "props": {
142
157
  "style": {
@@ -168,7 +183,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
168
183
  ],
169
184
  "props": {
170
185
  "accessibilityHint": "Press to perform action",
171
- "aria-label": "Close",
186
+ "aria-label": "Done",
172
187
  "aria-role": "button",
173
188
  "disabled": undefined,
174
189
  "onPress": [Function: debounced],
@@ -205,8 +220,10 @@ exports[`HeightActionSheet renders correctly 1`] = `
205
220
  "onPointerEnter": [Function: AsyncFunction],
206
221
  "onPointerLeave": [Function: AsyncFunction],
207
222
  "style": {
208
- "alignItems": "flex-end",
209
- "flex": undefined,
223
+ "alignItems": "center",
224
+ "display": "flex",
225
+ "flexDirection": "row",
226
+ "justifyContent": "space-between",
210
227
  "width": "100%",
211
228
  },
212
229
  "testID": undefined,
@@ -226,7 +243,43 @@ exports[`HeightActionSheet renders correctly 1`] = `
226
243
  "$$typeof": Symbol(react.test.json),
227
244
  "children": null,
228
245
  "props": {
229
- "label": "4ft",
246
+ "label": "0 ft",
247
+ "value": "0",
248
+ },
249
+ "type": "Picker.Item",
250
+ },
251
+ {
252
+ "$$typeof": Symbol(react.test.json),
253
+ "children": null,
254
+ "props": {
255
+ "label": "1 ft",
256
+ "value": "1",
257
+ },
258
+ "type": "Picker.Item",
259
+ },
260
+ {
261
+ "$$typeof": Symbol(react.test.json),
262
+ "children": null,
263
+ "props": {
264
+ "label": "2 ft",
265
+ "value": "2",
266
+ },
267
+ "type": "Picker.Item",
268
+ },
269
+ {
270
+ "$$typeof": Symbol(react.test.json),
271
+ "children": null,
272
+ "props": {
273
+ "label": "3 ft",
274
+ "value": "3",
275
+ },
276
+ "type": "Picker.Item",
277
+ },
278
+ {
279
+ "$$typeof": Symbol(react.test.json),
280
+ "children": null,
281
+ "props": {
282
+ "label": "4 ft",
230
283
  "value": "4",
231
284
  },
232
285
  "type": "Picker.Item",
@@ -235,7 +288,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
235
288
  "$$typeof": Symbol(react.test.json),
236
289
  "children": null,
237
290
  "props": {
238
- "label": "5ft",
291
+ "label": "5 ft",
239
292
  "value": "5",
240
293
  },
241
294
  "type": "Picker.Item",
@@ -244,7 +297,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
244
297
  "$$typeof": Symbol(react.test.json),
245
298
  "children": null,
246
299
  "props": {
247
- "label": "6ft",
300
+ "label": "6 ft",
248
301
  "value": "6",
249
302
  },
250
303
  "type": "Picker.Item",
@@ -253,7 +306,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
253
306
  "$$typeof": Symbol(react.test.json),
254
307
  "children": null,
255
308
  "props": {
256
- "label": "7ft",
309
+ "label": "7 ft",
257
310
  "value": "7",
258
311
  },
259
312
  "type": "Picker.Item",
@@ -261,13 +314,15 @@ exports[`HeightActionSheet renders correctly 1`] = `
261
314
  ],
262
315
  "props": {
263
316
  "itemStyle": {
264
- "height": 104,
317
+ "color": "#1a1a1a",
318
+ "fontSize": 20,
319
+ "height": 180,
265
320
  },
266
321
  "onValueChange": [Function],
267
322
  "selectedValue": "6",
268
323
  "style": {
269
324
  "backgroundColor": "#FFFFFF",
270
- "height": 104,
325
+ "height": 180,
271
326
  },
272
327
  },
273
328
  "type": "Picker",
@@ -293,7 +348,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
293
348
  "$$typeof": Symbol(react.test.json),
294
349
  "children": null,
295
350
  "props": {
296
- "label": "0in",
351
+ "label": "0 in",
297
352
  "value": "0",
298
353
  },
299
354
  "type": "Picker.Item",
@@ -302,7 +357,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
302
357
  "$$typeof": Symbol(react.test.json),
303
358
  "children": null,
304
359
  "props": {
305
- "label": "1in",
360
+ "label": "1 in",
306
361
  "value": "1",
307
362
  },
308
363
  "type": "Picker.Item",
@@ -311,7 +366,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
311
366
  "$$typeof": Symbol(react.test.json),
312
367
  "children": null,
313
368
  "props": {
314
- "label": "2in",
369
+ "label": "2 in",
315
370
  "value": "2",
316
371
  },
317
372
  "type": "Picker.Item",
@@ -320,7 +375,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
320
375
  "$$typeof": Symbol(react.test.json),
321
376
  "children": null,
322
377
  "props": {
323
- "label": "3in",
378
+ "label": "3 in",
324
379
  "value": "3",
325
380
  },
326
381
  "type": "Picker.Item",
@@ -329,7 +384,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
329
384
  "$$typeof": Symbol(react.test.json),
330
385
  "children": null,
331
386
  "props": {
332
- "label": "4in",
387
+ "label": "4 in",
333
388
  "value": "4",
334
389
  },
335
390
  "type": "Picker.Item",
@@ -338,7 +393,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
338
393
  "$$typeof": Symbol(react.test.json),
339
394
  "children": null,
340
395
  "props": {
341
- "label": "5in",
396
+ "label": "5 in",
342
397
  "value": "5",
343
398
  },
344
399
  "type": "Picker.Item",
@@ -347,7 +402,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
347
402
  "$$typeof": Symbol(react.test.json),
348
403
  "children": null,
349
404
  "props": {
350
- "label": "6in",
405
+ "label": "6 in",
351
406
  "value": "6",
352
407
  },
353
408
  "type": "Picker.Item",
@@ -356,7 +411,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
356
411
  "$$typeof": Symbol(react.test.json),
357
412
  "children": null,
358
413
  "props": {
359
- "label": "7in",
414
+ "label": "7 in",
360
415
  "value": "7",
361
416
  },
362
417
  "type": "Picker.Item",
@@ -365,7 +420,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
365
420
  "$$typeof": Symbol(react.test.json),
366
421
  "children": null,
367
422
  "props": {
368
- "label": "8in",
423
+ "label": "8 in",
369
424
  "value": "8",
370
425
  },
371
426
  "type": "Picker.Item",
@@ -374,7 +429,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
374
429
  "$$typeof": Symbol(react.test.json),
375
430
  "children": null,
376
431
  "props": {
377
- "label": "9in",
432
+ "label": "9 in",
378
433
  "value": "9",
379
434
  },
380
435
  "type": "Picker.Item",
@@ -383,7 +438,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
383
438
  "$$typeof": Symbol(react.test.json),
384
439
  "children": null,
385
440
  "props": {
386
- "label": "10in",
441
+ "label": "10 in",
387
442
  "value": "10",
388
443
  },
389
444
  "type": "Picker.Item",
@@ -392,7 +447,7 @@ exports[`HeightActionSheet renders correctly 1`] = `
392
447
  "$$typeof": Symbol(react.test.json),
393
448
  "children": null,
394
449
  "props": {
395
- "label": "11in",
450
+ "label": "11 in",
396
451
  "value": "11",
397
452
  },
398
453
  "type": "Picker.Item",
@@ -400,13 +455,15 @@ exports[`HeightActionSheet renders correctly 1`] = `
400
455
  ],
401
456
  "props": {
402
457
  "itemStyle": {
403
- "height": 104,
458
+ "color": "#1a1a1a",
459
+ "fontSize": 20,
460
+ "height": 180,
404
461
  },
405
462
  "onValueChange": [Function],
406
463
  "selectedValue": "0",
407
464
  "style": {
408
465
  "backgroundColor": "#FFFFFF",
409
- "height": 104,
466
+ "height": 180,
410
467
  },
411
468
  },
412
469
  "type": "Picker",
@@ -755,6 +812,21 @@ exports[`HeightActionSheet renders with different height value 1`] = `
755
812
  {
756
813
  "$$typeof": Symbol(react.test.json),
757
814
  "children": [
815
+ {
816
+ "$$typeof": Symbol(react.test.json),
817
+ "children": null,
818
+ "props": {
819
+ "onPointerEnter": [Function: AsyncFunction],
820
+ "onPointerLeave": [Function: AsyncFunction],
821
+ "style": {
822
+ "display": "flex",
823
+ "flexGrow": 1,
824
+ "flexShrink": 1,
825
+ },
826
+ "testID": undefined,
827
+ },
828
+ "type": "View",
829
+ },
758
830
  {
759
831
  "$$typeof": Symbol(react.test.json),
760
832
  "children": [
@@ -770,7 +842,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
770
842
  {
771
843
  "$$typeof": Symbol(react.test.json),
772
844
  "children": [
773
- "Close",
845
+ "Done",
774
846
  ],
775
847
  "props": {
776
848
  "style": {
@@ -802,7 +874,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
802
874
  ],
803
875
  "props": {
804
876
  "accessibilityHint": "Press to perform action",
805
- "aria-label": "Close",
877
+ "aria-label": "Done",
806
878
  "aria-role": "button",
807
879
  "disabled": undefined,
808
880
  "onPress": [Function: debounced],
@@ -839,8 +911,10 @@ exports[`HeightActionSheet renders with different height value 1`] = `
839
911
  "onPointerEnter": [Function: AsyncFunction],
840
912
  "onPointerLeave": [Function: AsyncFunction],
841
913
  "style": {
842
- "alignItems": "flex-end",
843
- "flex": undefined,
914
+ "alignItems": "center",
915
+ "display": "flex",
916
+ "flexDirection": "row",
917
+ "justifyContent": "space-between",
844
918
  "width": "100%",
845
919
  },
846
920
  "testID": undefined,
@@ -860,7 +934,43 @@ exports[`HeightActionSheet renders with different height value 1`] = `
860
934
  "$$typeof": Symbol(react.test.json),
861
935
  "children": null,
862
936
  "props": {
863
- "label": "4ft",
937
+ "label": "0 ft",
938
+ "value": "0",
939
+ },
940
+ "type": "Picker.Item",
941
+ },
942
+ {
943
+ "$$typeof": Symbol(react.test.json),
944
+ "children": null,
945
+ "props": {
946
+ "label": "1 ft",
947
+ "value": "1",
948
+ },
949
+ "type": "Picker.Item",
950
+ },
951
+ {
952
+ "$$typeof": Symbol(react.test.json),
953
+ "children": null,
954
+ "props": {
955
+ "label": "2 ft",
956
+ "value": "2",
957
+ },
958
+ "type": "Picker.Item",
959
+ },
960
+ {
961
+ "$$typeof": Symbol(react.test.json),
962
+ "children": null,
963
+ "props": {
964
+ "label": "3 ft",
965
+ "value": "3",
966
+ },
967
+ "type": "Picker.Item",
968
+ },
969
+ {
970
+ "$$typeof": Symbol(react.test.json),
971
+ "children": null,
972
+ "props": {
973
+ "label": "4 ft",
864
974
  "value": "4",
865
975
  },
866
976
  "type": "Picker.Item",
@@ -869,7 +979,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
869
979
  "$$typeof": Symbol(react.test.json),
870
980
  "children": null,
871
981
  "props": {
872
- "label": "5ft",
982
+ "label": "5 ft",
873
983
  "value": "5",
874
984
  },
875
985
  "type": "Picker.Item",
@@ -878,7 +988,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
878
988
  "$$typeof": Symbol(react.test.json),
879
989
  "children": null,
880
990
  "props": {
881
- "label": "6ft",
991
+ "label": "6 ft",
882
992
  "value": "6",
883
993
  },
884
994
  "type": "Picker.Item",
@@ -887,7 +997,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
887
997
  "$$typeof": Symbol(react.test.json),
888
998
  "children": null,
889
999
  "props": {
890
- "label": "7ft",
1000
+ "label": "7 ft",
891
1001
  "value": "7",
892
1002
  },
893
1003
  "type": "Picker.Item",
@@ -895,13 +1005,15 @@ exports[`HeightActionSheet renders with different height value 1`] = `
895
1005
  ],
896
1006
  "props": {
897
1007
  "itemStyle": {
898
- "height": 104,
1008
+ "color": "#1a1a1a",
1009
+ "fontSize": 20,
1010
+ "height": 180,
899
1011
  },
900
1012
  "onValueChange": [Function],
901
1013
  "selectedValue": "5",
902
1014
  "style": {
903
1015
  "backgroundColor": "#FFFFFF",
904
- "height": 104,
1016
+ "height": 180,
905
1017
  },
906
1018
  },
907
1019
  "type": "Picker",
@@ -927,7 +1039,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
927
1039
  "$$typeof": Symbol(react.test.json),
928
1040
  "children": null,
929
1041
  "props": {
930
- "label": "0in",
1042
+ "label": "0 in",
931
1043
  "value": "0",
932
1044
  },
933
1045
  "type": "Picker.Item",
@@ -936,7 +1048,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
936
1048
  "$$typeof": Symbol(react.test.json),
937
1049
  "children": null,
938
1050
  "props": {
939
- "label": "1in",
1051
+ "label": "1 in",
940
1052
  "value": "1",
941
1053
  },
942
1054
  "type": "Picker.Item",
@@ -945,7 +1057,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
945
1057
  "$$typeof": Symbol(react.test.json),
946
1058
  "children": null,
947
1059
  "props": {
948
- "label": "2in",
1060
+ "label": "2 in",
949
1061
  "value": "2",
950
1062
  },
951
1063
  "type": "Picker.Item",
@@ -954,7 +1066,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
954
1066
  "$$typeof": Symbol(react.test.json),
955
1067
  "children": null,
956
1068
  "props": {
957
- "label": "3in",
1069
+ "label": "3 in",
958
1070
  "value": "3",
959
1071
  },
960
1072
  "type": "Picker.Item",
@@ -963,7 +1075,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
963
1075
  "$$typeof": Symbol(react.test.json),
964
1076
  "children": null,
965
1077
  "props": {
966
- "label": "4in",
1078
+ "label": "4 in",
967
1079
  "value": "4",
968
1080
  },
969
1081
  "type": "Picker.Item",
@@ -972,7 +1084,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
972
1084
  "$$typeof": Symbol(react.test.json),
973
1085
  "children": null,
974
1086
  "props": {
975
- "label": "5in",
1087
+ "label": "5 in",
976
1088
  "value": "5",
977
1089
  },
978
1090
  "type": "Picker.Item",
@@ -981,7 +1093,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
981
1093
  "$$typeof": Symbol(react.test.json),
982
1094
  "children": null,
983
1095
  "props": {
984
- "label": "6in",
1096
+ "label": "6 in",
985
1097
  "value": "6",
986
1098
  },
987
1099
  "type": "Picker.Item",
@@ -990,7 +1102,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
990
1102
  "$$typeof": Symbol(react.test.json),
991
1103
  "children": null,
992
1104
  "props": {
993
- "label": "7in",
1105
+ "label": "7 in",
994
1106
  "value": "7",
995
1107
  },
996
1108
  "type": "Picker.Item",
@@ -999,7 +1111,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
999
1111
  "$$typeof": Symbol(react.test.json),
1000
1112
  "children": null,
1001
1113
  "props": {
1002
- "label": "8in",
1114
+ "label": "8 in",
1003
1115
  "value": "8",
1004
1116
  },
1005
1117
  "type": "Picker.Item",
@@ -1008,7 +1120,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
1008
1120
  "$$typeof": Symbol(react.test.json),
1009
1121
  "children": null,
1010
1122
  "props": {
1011
- "label": "9in",
1123
+ "label": "9 in",
1012
1124
  "value": "9",
1013
1125
  },
1014
1126
  "type": "Picker.Item",
@@ -1017,7 +1129,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
1017
1129
  "$$typeof": Symbol(react.test.json),
1018
1130
  "children": null,
1019
1131
  "props": {
1020
- "label": "10in",
1132
+ "label": "10 in",
1021
1133
  "value": "10",
1022
1134
  },
1023
1135
  "type": "Picker.Item",
@@ -1026,7 +1138,7 @@ exports[`HeightActionSheet renders with different height value 1`] = `
1026
1138
  "$$typeof": Symbol(react.test.json),
1027
1139
  "children": null,
1028
1140
  "props": {
1029
- "label": "11in",
1141
+ "label": "11 in",
1030
1142
  "value": "11",
1031
1143
  },
1032
1144
  "type": "Picker.Item",
@@ -1034,13 +1146,15 @@ exports[`HeightActionSheet renders with different height value 1`] = `
1034
1146
  ],
1035
1147
  "props": {
1036
1148
  "itemStyle": {
1037
- "height": 104,
1149
+ "color": "#1a1a1a",
1150
+ "fontSize": 20,
1151
+ "height": 180,
1038
1152
  },
1039
1153
  "onValueChange": [Function],
1040
1154
  "selectedValue": "5",
1041
1155
  "style": {
1042
1156
  "backgroundColor": "#FFFFFF",
1043
- "height": 104,
1157
+ "height": 180,
1044
1158
  },
1045
1159
  },
1046
1160
  "type": "Picker",