@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/signUp/__snapshots__/SignUpScreen.test.tsx.snap CHANGED
@@ -72,56 +72,70 @@ exports[`SignUpScreen renders correctly with all props 1`] = `
72
72
  "children": [
73
73
  {
74
74
  "$$typeof": Symbol(react.test.json),
75
- "children": null,
76
- "props": {
77
- "accessibilityHint": "Enter text here",
78
- "accessibilityState": {
79
- "disabled": true,
75
+ "children": [
76
+ {
77
+ "$$typeof": Symbol(react.test.json),
78
+ "children": null,
79
+ "props": {
80
+ "accessibilityHint": "Enter text here",
81
+ "accessibilityState": {
82
+ "disabled": true,
83
+ },
84
+ "aria-label": "Text input field",
85
+ "autoCapitalize": "sentences",
86
+ "autoCorrect": true,
87
+ "blurOnSubmit": true,
88
+ "enterKeyHint": undefined,
89
+ "keyboardType": "default",
90
+ "multiline": undefined,
91
+ "nativeID": "signup-screen-name-input",
92
+ "numberOfLines": 1,
93
+ "onBlur": [Function],
94
+ "onChangeText": [Function],
95
+ "onContentSizeChange": [Function],
96
+ "onFocus": [Function],
97
+ "onSubmitEditing": [Function],
98
+ "placeholder": "Name",
99
+ "placeholderTextColor": "#686868",
100
+ "readOnly": true,
101
+ "ref": [Function],
102
+ "secureTextEntry": false,
103
+ "style": {
104
+ "color": "#1C1C1C",
105
+ "flex": 1,
106
+ "fontFamily": "text",
107
+ "fontSize": 16,
108
+ "gap": 10,
109
+ "height": 20,
110
+ "paddingVertical": 0,
111
+ "width": "100%",
112
+ },
113
+ "testID": "signup-screen-name-input",
114
+ "textContentType": "none",
115
+ "underlineColorAndroid": "transparent",
116
+ "value": "",
117
+ },
118
+ "type": "TextInput",
80
119
  },
81
- "aria-label": "Text input field",
82
- "autoCapitalize": "sentences",
83
- "autoCorrect": true,
84
- "blurOnSubmit": true,
85
- "enterKeyHint": undefined,
86
- "keyboardType": "default",
87
- "multiline": undefined,
88
- "numberOfLines": 1,
89
- "onBlur": [Function],
90
- "onChangeText": [Function],
91
- "onContentSizeChange": [Function],
92
- "onFocus": [Function],
93
- "onSubmitEditing": [Function],
94
- "placeholder": "Name",
95
- "placeholderTextColor": "#686868",
96
- "readOnly": true,
97
- "ref": [Function],
98
- "secureTextEntry": false,
120
+ ],
121
+ "props": {
99
122
  "style": {
100
- "color": "#1C1C1C",
101
- "flex": 1,
102
- "fontFamily": "text",
103
- "fontSize": 16,
104
- "gap": 10,
105
- "height": 20,
106
- "paddingVertical": 0,
107
- "width": "100%",
123
+ "alignItems": "center",
124
+ "flexDirection": "row",
108
125
  },
109
- "testID": "signup-screen-name-input",
110
- "textContentType": "none",
111
- "underlineColorAndroid": "transparent",
112
- "value": "",
126
+ "testID": undefined,
113
127
  },
114
- "type": "TextInput",
128
+ "type": "View",
115
129
  },
116
130
  ],
117
131
  "props": {
118
132
  "style": {
119
- "alignItems": "center",
120
133
  "backgroundColor": "#D9D9D9",
121
134
  "borderColor": "#4E4E4E",
122
135
  "borderRadius": 4,
123
136
  "borderWidth": 1,
124
- "flexDirection": "row",
137
+ "flexDirection": "column",
138
+ "gap": 0,
125
139
  "overflow": "hidden",
126
140
  "paddingHorizontal": 12,
127
141
  "paddingVertical": 8,
@@ -163,56 +177,70 @@ exports[`SignUpScreen renders correctly with all props 1`] = `
163
177
  "children": [
164
178
  {
165
179
  "$$typeof": Symbol(react.test.json),
166
- "children": null,
167
- "props": {
168
- "accessibilityHint": "Enter text here",
169
- "accessibilityState": {
170
- "disabled": true,
180
+ "children": [
181
+ {
182
+ "$$typeof": Symbol(react.test.json),
183
+ "children": null,
184
+ "props": {
185
+ "accessibilityHint": "Enter text here",
186
+ "accessibilityState": {
187
+ "disabled": true,
188
+ },
189
+ "aria-label": "Text input field",
190
+ "autoCapitalize": "none",
191
+ "autoCorrect": false,
192
+ "blurOnSubmit": true,
193
+ "enterKeyHint": undefined,
194
+ "keyboardType": "email-address",
195
+ "multiline": undefined,
196
+ "nativeID": "signup-screen-email-input",
197
+ "numberOfLines": 1,
198
+ "onBlur": [Function],
199
+ "onChangeText": [Function],
200
+ "onContentSizeChange": [Function],
201
+ "onFocus": [Function],
202
+ "onSubmitEditing": [Function],
203
+ "placeholder": "Email",
204
+ "placeholderTextColor": "#686868",
205
+ "readOnly": true,
206
+ "ref": [Function],
207
+ "secureTextEntry": false,
208
+ "style": {
209
+ "color": "#1C1C1C",
210
+ "flex": 1,
211
+ "fontFamily": "text",
212
+ "fontSize": 16,
213
+ "gap": 10,
214
+ "height": 20,
215
+ "paddingVertical": 0,
216
+ "width": "100%",
217
+ },
218
+ "testID": "signup-screen-email-input",
219
+ "textContentType": "emailAddress",
220
+ "underlineColorAndroid": "transparent",
221
+ "value": "",
222
+ },
223
+ "type": "TextInput",
171
224
  },
172
- "aria-label": "Text input field",
173
- "autoCapitalize": "none",
174
- "autoCorrect": false,
175
- "blurOnSubmit": true,
176
- "enterKeyHint": undefined,
177
- "keyboardType": "email-address",
178
- "multiline": undefined,
179
- "numberOfLines": 1,
180
- "onBlur": [Function],
181
- "onChangeText": [Function],
182
- "onContentSizeChange": [Function],
183
- "onFocus": [Function],
184
- "onSubmitEditing": [Function],
185
- "placeholder": "Email",
186
- "placeholderTextColor": "#686868",
187
- "readOnly": true,
188
- "ref": [Function],
189
- "secureTextEntry": false,
225
+ ],
226
+ "props": {
190
227
  "style": {
191
- "color": "#1C1C1C",
192
- "flex": 1,
193
- "fontFamily": "text",
194
- "fontSize": 16,
195
- "gap": 10,
196
- "height": 20,
197
- "paddingVertical": 0,
198
- "width": "100%",
228
+ "alignItems": "center",
229
+ "flexDirection": "row",
199
230
  },
200
- "testID": "signup-screen-email-input",
201
- "textContentType": "emailAddress",
202
- "underlineColorAndroid": "transparent",
203
- "value": "",
231
+ "testID": undefined,
204
232
  },
205
- "type": "TextInput",
233
+ "type": "View",
206
234
  },
207
235
  ],
208
236
  "props": {
209
237
  "style": {
210
- "alignItems": "center",
211
238
  "backgroundColor": "#D9D9D9",
212
239
  "borderColor": "#4E4E4E",
213
240
  "borderRadius": 4,
214
241
  "borderWidth": 1,
215
- "flexDirection": "row",
242
+ "flexDirection": "column",
243
+ "gap": 0,
216
244
  "overflow": "hidden",
217
245
  "paddingHorizontal": 12,
218
246
  "paddingVertical": 8,
@@ -254,56 +282,70 @@ exports[`SignUpScreen renders correctly with all props 1`] = `
254
282
  "children": [
255
283
  {
256
284
  "$$typeof": Symbol(react.test.json),
257
- "children": null,
258
- "props": {
259
- "accessibilityHint": "Enter text here",
260
- "accessibilityState": {
261
- "disabled": true,
285
+ "children": [
286
+ {
287
+ "$$typeof": Symbol(react.test.json),
288
+ "children": null,
289
+ "props": {
290
+ "accessibilityHint": "Enter text here",
291
+ "accessibilityState": {
292
+ "disabled": true,
293
+ },
294
+ "aria-label": "Text input field",
295
+ "autoCapitalize": "none",
296
+ "autoCorrect": false,
297
+ "blurOnSubmit": true,
298
+ "enterKeyHint": undefined,
299
+ "keyboardType": "default",
300
+ "multiline": undefined,
301
+ "nativeID": "signup-screen-password-input",
302
+ "numberOfLines": 1,
303
+ "onBlur": [Function],
304
+ "onChangeText": [Function],
305
+ "onContentSizeChange": [Function],
306
+ "onFocus": [Function],
307
+ "onSubmitEditing": [Function],
308
+ "placeholder": "Password",
309
+ "placeholderTextColor": "#686868",
310
+ "readOnly": true,
311
+ "ref": [Function],
312
+ "secureTextEntry": true,
313
+ "style": {
314
+ "color": "#1C1C1C",
315
+ "flex": 1,
316
+ "fontFamily": "text",
317
+ "fontSize": 16,
318
+ "gap": 10,
319
+ "height": 20,
320
+ "paddingVertical": 0,
321
+ "width": "100%",
322
+ },
323
+ "testID": "signup-screen-password-input",
324
+ "textContentType": "password",
325
+ "underlineColorAndroid": "transparent",
326
+ "value": "",
327
+ },
328
+ "type": "TextInput",
262
329
  },
263
- "aria-label": "Text input field",
264
- "autoCapitalize": "none",
265
- "autoCorrect": false,
266
- "blurOnSubmit": true,
267
- "enterKeyHint": undefined,
268
- "keyboardType": "default",
269
- "multiline": undefined,
270
- "numberOfLines": 1,
271
- "onBlur": [Function],
272
- "onChangeText": [Function],
273
- "onContentSizeChange": [Function],
274
- "onFocus": [Function],
275
- "onSubmitEditing": [Function],
276
- "placeholder": "Password",
277
- "placeholderTextColor": "#686868",
278
- "readOnly": true,
279
- "ref": [Function],
280
- "secureTextEntry": true,
330
+ ],
331
+ "props": {
281
332
  "style": {
282
- "color": "#1C1C1C",
283
- "flex": 1,
284
- "fontFamily": "text",
285
- "fontSize": 16,
286
- "gap": 10,
287
- "height": 20,
288
- "paddingVertical": 0,
289
- "width": "100%",
333
+ "alignItems": "center",
334
+ "flexDirection": "row",
290
335
  },
291
- "testID": "signup-screen-password-input",
292
- "textContentType": "password",
293
- "underlineColorAndroid": "transparent",
294
- "value": "",
336
+ "testID": undefined,
295
337
  },
296
- "type": "TextInput",
338
+ "type": "View",
297
339
  },
298
340
  ],
299
341
  "props": {
300
342
  "style": {
301
- "alignItems": "center",
302
343
  "backgroundColor": "#D9D9D9",
303
344
  "borderColor": "#4E4E4E",
304
345
  "borderRadius": 4,
305
346
  "borderWidth": 1,
306
- "flexDirection": "row",
347
+ "flexDirection": "column",
348
+ "gap": 0,
307
349
  "overflow": "hidden",
308
350
  "paddingHorizontal": 12,
309
351
  "paddingVertical": 8,