@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
@@ -59,56 +59,70 @@ exports[`MobileAddressAutocomplete renders TextField fallback without Google API
59
59
  "children": [
60
60
  {
61
61
  "$$typeof": Symbol(react.test.json),
62
- "children": null,
63
- "props": {
64
- "accessibilityHint": "Enter text here",
65
- "accessibilityState": {
66
- "disabled": undefined,
62
+ "children": [
63
+ {
64
+ "$$typeof": Symbol(react.test.json),
65
+ "children": null,
66
+ "props": {
67
+ "accessibilityHint": "Enter text here",
68
+ "accessibilityState": {
69
+ "disabled": undefined,
70
+ },
71
+ "aria-label": "Text input field",
72
+ "autoCapitalize": "sentences",
73
+ "autoCorrect": true,
74
+ "blurOnSubmit": true,
75
+ "enterKeyHint": undefined,
76
+ "keyboardType": "default",
77
+ "multiline": undefined,
78
+ "nativeID": "address1",
79
+ "numberOfLines": 1,
80
+ "onBlur": [Function],
81
+ "onChangeText": [Function],
82
+ "onContentSizeChange": [Function],
83
+ "onFocus": [Function],
84
+ "onSubmitEditing": [Function],
85
+ "placeholder": undefined,
86
+ "placeholderTextColor": "#686868",
87
+ "readOnly": undefined,
88
+ "ref": [Function],
89
+ "secureTextEntry": false,
90
+ "style": {
91
+ "color": "#1C1C1C",
92
+ "flex": 1,
93
+ "fontFamily": "text",
94
+ "fontSize": 16,
95
+ "gap": 10,
96
+ "height": 20,
97
+ "paddingVertical": 0,
98
+ "width": "100%",
99
+ },
100
+ "testID": undefined,
101
+ "textContentType": "none",
102
+ "underlineColorAndroid": "transparent",
103
+ "value": "",
104
+ },
105
+ "type": "TextInput",
67
106
  },
68
- "aria-label": "Text input field",
69
- "autoCapitalize": "sentences",
70
- "autoCorrect": true,
71
- "blurOnSubmit": true,
72
- "enterKeyHint": undefined,
73
- "keyboardType": "default",
74
- "multiline": undefined,
75
- "numberOfLines": 1,
76
- "onBlur": [Function],
77
- "onChangeText": [Function],
78
- "onContentSizeChange": [Function],
79
- "onFocus": [Function],
80
- "onSubmitEditing": [Function],
81
- "placeholder": undefined,
82
- "placeholderTextColor": "#686868",
83
- "readOnly": undefined,
84
- "ref": [Function],
85
- "secureTextEntry": false,
107
+ ],
108
+ "props": {
86
109
  "style": {
87
- "color": "#1C1C1C",
88
- "flex": 1,
89
- "fontFamily": "text",
90
- "fontSize": 16,
91
- "gap": 10,
92
- "height": 20,
93
- "paddingVertical": 0,
94
- "width": "100%",
110
+ "alignItems": "center",
111
+ "flexDirection": "row",
95
112
  },
96
113
  "testID": undefined,
97
- "textContentType": "none",
98
- "underlineColorAndroid": "transparent",
99
- "value": "",
100
114
  },
101
- "type": "TextInput",
115
+ "type": "View",
102
116
  },
103
117
  ],
104
118
  "props": {
105
119
  "style": {
106
- "alignItems": "center",
107
120
  "backgroundColor": "#FFFFFF",
108
121
  "borderColor": "#9A9A9A",
109
122
  "borderRadius": 4,
110
123
  "borderWidth": 1,
111
- "flexDirection": "row",
124
+ "flexDirection": "column",
125
+ "gap": 0,
112
126
  "overflow": "hidden",
113
127
  "paddingHorizontal": 12,
114
128
  "paddingVertical": 8,
@@ -9,56 +9,70 @@ exports[`NumberField renders correctly 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": 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,
@@ -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
  ],