@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__/UnifiedAddressAutoComplete.test.tsx.snap CHANGED
@@ -24,57 +24,70 @@ exports[`UnifiedAddressAutoCompleteField renders correctly without Google API ke
24
24
  "children": [
25
25
  {
26
26
  "$$typeof": Symbol(react.test.json),
27
- "children": null,
28
- "props": {
29
- "accessibilityHint": "Enter text here",
30
- "accessibilityState": {
31
- "disabled": undefined,
27
+ "children": [
28
+ {
29
+ "$$typeof": Symbol(react.test.json),
30
+ "children": null,
31
+ "props": {
32
+ "accessibilityHint": "Enter text here",
33
+ "accessibilityState": {
34
+ "disabled": undefined,
35
+ },
36
+ "aria-label": "Text input field",
37
+ "autoCapitalize": "sentences",
38
+ "autoCorrect": true,
39
+ "blurOnSubmit": true,
40
+ "enterKeyHint": undefined,
41
+ "keyboardType": "default",
42
+ "multiline": undefined,
43
+ "nativeID": undefined,
44
+ "numberOfLines": 1,
45
+ "onBlur": [Function],
46
+ "onChangeText": [Function],
47
+ "onContentSizeChange": [Function],
48
+ "onFocus": [Function],
49
+ "onSubmitEditing": [Function],
50
+ "placeholder": "Enter an address",
51
+ "placeholderTextColor": "#686868",
52
+ "readOnly": undefined,
53
+ "ref": [Function],
54
+ "secureTextEntry": false,
55
+ "style": {
56
+ "color": "#1C1C1C",
57
+ "flex": 1,
58
+ "fontFamily": "text",
59
+ "fontSize": 16,
60
+ "gap": 10,
61
+ "height": 20,
62
+ "paddingVertical": 0,
63
+ "width": "100%",
64
+ },
65
+ "testID": undefined,
66
+ "textContentType": "none",
67
+ "underlineColorAndroid": "transparent",
68
+ "value": "",
69
+ },
70
+ "type": "TextInput",
32
71
  },
33
- "aria-label": "Text input field",
34
- "autoCapitalize": "sentences",
35
- "autoCorrect": true,
36
- "blurOnSubmit": true,
37
- "enterKeyHint": undefined,
38
- "keyboardType": "default",
39
- "multiline": undefined,
40
- "nativeID": undefined,
41
- "numberOfLines": 1,
42
- "onBlur": [Function],
43
- "onChangeText": [Function],
44
- "onContentSizeChange": [Function],
45
- "onFocus": [Function],
46
- "onSubmitEditing": [Function],
47
- "placeholder": "Enter an address",
48
- "placeholderTextColor": "#686868",
49
- "readOnly": undefined,
50
- "ref": [Function],
51
- "secureTextEntry": false,
72
+ ],
73
+ "props": {
52
74
  "style": {
53
- "color": "#1C1C1C",
54
- "flex": 1,
55
- "fontFamily": "text",
56
- "fontSize": 16,
57
- "gap": 10,
58
- "height": 20,
59
- "paddingVertical": 0,
60
- "width": "100%",
75
+ "alignItems": "center",
76
+ "flexDirection": "row",
61
77
  },
62
78
  "testID": undefined,
63
- "textContentType": "none",
64
- "underlineColorAndroid": "transparent",
65
- "value": "",
66
79
  },
67
- "type": "TextInput",
80
+ "type": "View",
68
81
  },
69
82
  ],
70
83
  "props": {
71
84
  "style": {
72
- "alignItems": "center",
73
85
  "backgroundColor": "#FFFFFF",
74
86
  "borderColor": "#9A9A9A",
75
87
  "borderRadius": 4,
76
88
  "borderWidth": 1,
77
- "flexDirection": "row",
89
+ "flexDirection": "column",
90
+ "gap": 0,
78
91
  "overflow": "hidden",
79
92
  "paddingHorizontal": 12,
80
93
  "paddingVertical": 8,
@@ -119,57 +132,70 @@ exports[`UnifiedAddressAutoCompleteField renders with input value 1`] = `
119
132
  "children": [
120
133
  {
121
134
  "$$typeof": Symbol(react.test.json),
122
- "children": null,
123
- "props": {
124
- "accessibilityHint": "Enter text here",
125
- "accessibilityState": {
126
- "disabled": undefined,
135
+ "children": [
136
+ {
137
+ "$$typeof": Symbol(react.test.json),
138
+ "children": null,
139
+ "props": {
140
+ "accessibilityHint": "Enter text here",
141
+ "accessibilityState": {
142
+ "disabled": undefined,
143
+ },
144
+ "aria-label": "Text input field",
145
+ "autoCapitalize": "sentences",
146
+ "autoCorrect": true,
147
+ "blurOnSubmit": true,
148
+ "enterKeyHint": undefined,
149
+ "keyboardType": "default",
150
+ "multiline": undefined,
151
+ "nativeID": undefined,
152
+ "numberOfLines": 1,
153
+ "onBlur": [Function],
154
+ "onChangeText": [Function],
155
+ "onContentSizeChange": [Function],
156
+ "onFocus": [Function],
157
+ "onSubmitEditing": [Function],
158
+ "placeholder": "Enter an address",
159
+ "placeholderTextColor": "#686868",
160
+ "readOnly": undefined,
161
+ "ref": [Function],
162
+ "secureTextEntry": false,
163
+ "style": {
164
+ "color": "#1C1C1C",
165
+ "flex": 1,
166
+ "fontFamily": "text",
167
+ "fontSize": 16,
168
+ "gap": 10,
169
+ "height": 20,
170
+ "paddingVertical": 0,
171
+ "width": "100%",
172
+ },
173
+ "testID": undefined,
174
+ "textContentType": "none",
175
+ "underlineColorAndroid": "transparent",
176
+ "value": "123 Main St",
177
+ },
178
+ "type": "TextInput",
127
179
  },
128
- "aria-label": "Text input field",
129
- "autoCapitalize": "sentences",
130
- "autoCorrect": true,
131
- "blurOnSubmit": true,
132
- "enterKeyHint": undefined,
133
- "keyboardType": "default",
134
- "multiline": undefined,
135
- "nativeID": undefined,
136
- "numberOfLines": 1,
137
- "onBlur": [Function],
138
- "onChangeText": [Function],
139
- "onContentSizeChange": [Function],
140
- "onFocus": [Function],
141
- "onSubmitEditing": [Function],
142
- "placeholder": "Enter an address",
143
- "placeholderTextColor": "#686868",
144
- "readOnly": undefined,
145
- "ref": [Function],
146
- "secureTextEntry": false,
180
+ ],
181
+ "props": {
147
182
  "style": {
148
- "color": "#1C1C1C",
149
- "flex": 1,
150
- "fontFamily": "text",
151
- "fontSize": 16,
152
- "gap": 10,
153
- "height": 20,
154
- "paddingVertical": 0,
155
- "width": "100%",
183
+ "alignItems": "center",
184
+ "flexDirection": "row",
156
185
  },
157
186
  "testID": undefined,
158
- "textContentType": "none",
159
- "underlineColorAndroid": "transparent",
160
- "value": "123 Main St",
161
187
  },
162
- "type": "TextInput",
188
+ "type": "View",
163
189
  },
164
190
  ],
165
191
  "props": {
166
192
  "style": {
167
- "alignItems": "center",
168
193
  "backgroundColor": "#FFFFFF",
169
194
  "borderColor": "#9A9A9A",
170
195
  "borderRadius": 4,
171
196
  "borderWidth": 1,
172
- "flexDirection": "row",
197
+ "flexDirection": "column",
198
+ "gap": 0,
173
199
  "overflow": "hidden",
174
200
  "paddingHorizontal": 12,
175
201
  "paddingVertical": 8,
@@ -214,57 +240,70 @@ exports[`UnifiedAddressAutoCompleteField renders disabled state 1`] = `
214
240
  "children": [
215
241
  {
216
242
  "$$typeof": Symbol(react.test.json),
217
- "children": null,
218
- "props": {
219
- "accessibilityHint": "Enter text here",
220
- "accessibilityState": {
221
- "disabled": true,
243
+ "children": [
244
+ {
245
+ "$$typeof": Symbol(react.test.json),
246
+ "children": null,
247
+ "props": {
248
+ "accessibilityHint": "Enter text here",
249
+ "accessibilityState": {
250
+ "disabled": true,
251
+ },
252
+ "aria-label": "Text input field",
253
+ "autoCapitalize": "sentences",
254
+ "autoCorrect": true,
255
+ "blurOnSubmit": true,
256
+ "enterKeyHint": undefined,
257
+ "keyboardType": "default",
258
+ "multiline": undefined,
259
+ "nativeID": undefined,
260
+ "numberOfLines": 1,
261
+ "onBlur": [Function],
262
+ "onChangeText": [Function],
263
+ "onContentSizeChange": [Function],
264
+ "onFocus": [Function],
265
+ "onSubmitEditing": [Function],
266
+ "placeholder": "Enter an address",
267
+ "placeholderTextColor": "#686868",
268
+ "readOnly": true,
269
+ "ref": [Function],
270
+ "secureTextEntry": false,
271
+ "style": {
272
+ "color": "#1C1C1C",
273
+ "flex": 1,
274
+ "fontFamily": "text",
275
+ "fontSize": 16,
276
+ "gap": 10,
277
+ "height": 20,
278
+ "paddingVertical": 0,
279
+ "width": "100%",
280
+ },
281
+ "testID": undefined,
282
+ "textContentType": "none",
283
+ "underlineColorAndroid": "transparent",
284
+ "value": "",
285
+ },
286
+ "type": "TextInput",
222
287
  },
223
- "aria-label": "Text input field",
224
- "autoCapitalize": "sentences",
225
- "autoCorrect": true,
226
- "blurOnSubmit": true,
227
- "enterKeyHint": undefined,
228
- "keyboardType": "default",
229
- "multiline": undefined,
230
- "nativeID": undefined,
231
- "numberOfLines": 1,
232
- "onBlur": [Function],
233
- "onChangeText": [Function],
234
- "onContentSizeChange": [Function],
235
- "onFocus": [Function],
236
- "onSubmitEditing": [Function],
237
- "placeholder": "Enter an address",
238
- "placeholderTextColor": "#686868",
239
- "readOnly": true,
240
- "ref": [Function],
241
- "secureTextEntry": false,
288
+ ],
289
+ "props": {
242
290
  "style": {
243
- "color": "#1C1C1C",
244
- "flex": 1,
245
- "fontFamily": "text",
246
- "fontSize": 16,
247
- "gap": 10,
248
- "height": 20,
249
- "paddingVertical": 0,
250
- "width": "100%",
291
+ "alignItems": "center",
292
+ "flexDirection": "row",
251
293
  },
252
294
  "testID": undefined,
253
- "textContentType": "none",
254
- "underlineColorAndroid": "transparent",
255
- "value": "",
256
295
  },
257
- "type": "TextInput",
296
+ "type": "View",
258
297
  },
259
298
  ],
260
299
  "props": {
261
300
  "style": {
262
- "alignItems": "center",
263
301
  "backgroundColor": "#D9D9D9",
264
302
  "borderColor": "#4E4E4E",
265
303
  "borderRadius": 4,
266
304
  "borderWidth": 1,
267
- "flexDirection": "row",
305
+ "flexDirection": "column",
306
+ "gap": 0,
268
307
  "overflow": "hidden",
269
308
  "paddingHorizontal": 12,
270
309
  "paddingVertical": 8,
@@ -309,57 +348,70 @@ exports[`UnifiedAddressAutoCompleteField renders with invalid Google API key (fa
309
348
  "children": [
310
349
  {
311
350
  "$$typeof": Symbol(react.test.json),
312
- "children": null,
313
- "props": {
314
- "accessibilityHint": "Enter text here",
315
- "accessibilityState": {
316
- "disabled": undefined,
351
+ "children": [
352
+ {
353
+ "$$typeof": Symbol(react.test.json),
354
+ "children": null,
355
+ "props": {
356
+ "accessibilityHint": "Enter text here",
357
+ "accessibilityState": {
358
+ "disabled": undefined,
359
+ },
360
+ "aria-label": "Text input field",
361
+ "autoCapitalize": "sentences",
362
+ "autoCorrect": true,
363
+ "blurOnSubmit": true,
364
+ "enterKeyHint": undefined,
365
+ "keyboardType": "default",
366
+ "multiline": undefined,
367
+ "nativeID": undefined,
368
+ "numberOfLines": 1,
369
+ "onBlur": [Function],
370
+ "onChangeText": [Function],
371
+ "onContentSizeChange": [Function],
372
+ "onFocus": [Function],
373
+ "onSubmitEditing": [Function],
374
+ "placeholder": "Enter an address",
375
+ "placeholderTextColor": "#686868",
376
+ "readOnly": undefined,
377
+ "ref": [Function],
378
+ "secureTextEntry": false,
379
+ "style": {
380
+ "color": "#1C1C1C",
381
+ "flex": 1,
382
+ "fontFamily": "text",
383
+ "fontSize": 16,
384
+ "gap": 10,
385
+ "height": 20,
386
+ "paddingVertical": 0,
387
+ "width": "100%",
388
+ },
389
+ "testID": undefined,
390
+ "textContentType": "none",
391
+ "underlineColorAndroid": "transparent",
392
+ "value": "",
393
+ },
394
+ "type": "TextInput",
317
395
  },
318
- "aria-label": "Text input field",
319
- "autoCapitalize": "sentences",
320
- "autoCorrect": true,
321
- "blurOnSubmit": true,
322
- "enterKeyHint": undefined,
323
- "keyboardType": "default",
324
- "multiline": undefined,
325
- "nativeID": undefined,
326
- "numberOfLines": 1,
327
- "onBlur": [Function],
328
- "onChangeText": [Function],
329
- "onContentSizeChange": [Function],
330
- "onFocus": [Function],
331
- "onSubmitEditing": [Function],
332
- "placeholder": "Enter an address",
333
- "placeholderTextColor": "#686868",
334
- "readOnly": undefined,
335
- "ref": [Function],
336
- "secureTextEntry": false,
396
+ ],
397
+ "props": {
337
398
  "style": {
338
- "color": "#1C1C1C",
339
- "flex": 1,
340
- "fontFamily": "text",
341
- "fontSize": 16,
342
- "gap": 10,
343
- "height": 20,
344
- "paddingVertical": 0,
345
- "width": "100%",
399
+ "alignItems": "center",
400
+ "flexDirection": "row",
346
401
  },
347
402
  "testID": undefined,
348
- "textContentType": "none",
349
- "underlineColorAndroid": "transparent",
350
- "value": "",
351
403
  },
352
- "type": "TextInput",
404
+ "type": "View",
353
405
  },
354
406
  ],
355
407
  "props": {
356
408
  "style": {
357
- "alignItems": "center",
358
409
  "backgroundColor": "#FFFFFF",
359
410
  "borderColor": "#9A9A9A",
360
411
  "borderRadius": 4,
361
412
  "borderWidth": 1,
362
- "flexDirection": "row",
413
+ "flexDirection": "column",
414
+ "gap": 0,
363
415
  "overflow": "hidden",
364
416
  "paddingHorizontal": 12,
365
417
  "paddingVertical": 8,