@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__/CustomSelectField.test.tsx.snap CHANGED
@@ -1577,57 +1577,70 @@ exports[`CustomSelectField renders with custom value (not in options) 1`] = `
1577
1577
  "children": [
1578
1578
  {
1579
1579
  "$$typeof": Symbol(react.test.json),
1580
- "children": null,
1581
- "props": {
1582
- "accessibilityHint": "Enter text here",
1583
- "accessibilityState": {
1584
- "disabled": undefined,
1580
+ "children": [
1581
+ {
1582
+ "$$typeof": Symbol(react.test.json),
1583
+ "children": null,
1584
+ "props": {
1585
+ "accessibilityHint": "Enter text here",
1586
+ "accessibilityState": {
1587
+ "disabled": undefined,
1588
+ },
1589
+ "aria-label": "Text input field",
1590
+ "autoCapitalize": "sentences",
1591
+ "autoCorrect": true,
1592
+ "blurOnSubmit": true,
1593
+ "enterKeyHint": undefined,
1594
+ "keyboardType": "default",
1595
+ "multiline": undefined,
1596
+ "nativeID": "customOptions",
1597
+ "numberOfLines": 1,
1598
+ "onBlur": [Function],
1599
+ "onChangeText": [Function],
1600
+ "onContentSizeChange": [Function],
1601
+ "onFocus": [Function],
1602
+ "onSubmitEditing": [Function],
1603
+ "placeholder": "None selected",
1604
+ "placeholderTextColor": "#686868",
1605
+ "readOnly": undefined,
1606
+ "ref": [Function],
1607
+ "secureTextEntry": false,
1608
+ "style": {
1609
+ "color": "#1C1C1C",
1610
+ "flex": 1,
1611
+ "fontFamily": "text",
1612
+ "fontSize": 16,
1613
+ "gap": 10,
1614
+ "height": 20,
1615
+ "paddingVertical": 0,
1616
+ "width": "100%",
1617
+ },
1618
+ "testID": undefined,
1619
+ "textContentType": "none",
1620
+ "underlineColorAndroid": "transparent",
1621
+ "value": "custom-value",
1622
+ },
1623
+ "type": "TextInput",
1585
1624
  },
1586
- "aria-label": "Text input field",
1587
- "autoCapitalize": "sentences",
1588
- "autoCorrect": true,
1589
- "blurOnSubmit": true,
1590
- "enterKeyHint": undefined,
1591
- "keyboardType": "default",
1592
- "multiline": undefined,
1593
- "nativeID": "customOptions",
1594
- "numberOfLines": 1,
1595
- "onBlur": [Function],
1596
- "onChangeText": [Function],
1597
- "onContentSizeChange": [Function],
1598
- "onFocus": [Function],
1599
- "onSubmitEditing": [Function],
1600
- "placeholder": "None selected",
1601
- "placeholderTextColor": "#686868",
1602
- "readOnly": undefined,
1603
- "ref": [Function],
1604
- "secureTextEntry": false,
1625
+ ],
1626
+ "props": {
1605
1627
  "style": {
1606
- "color": "#1C1C1C",
1607
- "flex": 1,
1608
- "fontFamily": "text",
1609
- "fontSize": 16,
1610
- "gap": 10,
1611
- "height": 20,
1612
- "paddingVertical": 0,
1613
- "width": "100%",
1628
+ "alignItems": "center",
1629
+ "flexDirection": "row",
1614
1630
  },
1615
1631
  "testID": undefined,
1616
- "textContentType": "none",
1617
- "underlineColorAndroid": "transparent",
1618
- "value": "custom-value",
1619
1632
  },
1620
- "type": "TextInput",
1633
+ "type": "View",
1621
1634
  },
1622
1635
  ],
1623
1636
  "props": {
1624
1637
  "style": {
1625
- "alignItems": "center",
1626
1638
  "backgroundColor": "#FFFFFF",
1627
1639
  "borderColor": "#9A9A9A",
1628
1640
  "borderRadius": 4,
1629
1641
  "borderWidth": 1,
1630
- "flexDirection": "row",
1642
+ "flexDirection": "column",
1643
+ "gap": 0,
1631
1644
  "overflow": "hidden",
1632
1645
  "paddingHorizontal": 12,
1633
1646
  "paddingVertical": 8,
package/src/__snapshots__/EmailField.test.tsx.snap CHANGED
@@ -9,57 +9,70 @@ exports[`EmailField 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": "none",
23
+ "autoCorrect": false,
24
+ "blurOnSubmit": true,
25
+ "enterKeyHint": undefined,
26
+ "keyboardType": "email-address",
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": "emailAddress",
52
+ "underlineColorAndroid": "transparent",
53
+ "value": "",
54
+ },
55
+ "type": "TextInput",
17
56
  },
18
- "aria-label": "Text input field",
19
- "autoCapitalize": "none",
20
- "autoCorrect": false,
21
- "blurOnSubmit": true,
22
- "enterKeyHint": undefined,
23
- "keyboardType": "email-address",
24
- "multiline": undefined,
25
- "nativeID": undefined,
26
- "numberOfLines": 1,
27
- "onBlur": [Function],
28
- "onChangeText": [Function],
29
- "onContentSizeChange": [Function],
30
- "onFocus": [Function],
31
- "onSubmitEditing": [Function],
32
- "placeholder": undefined,
33
- "placeholderTextColor": "#686868",
34
- "readOnly": undefined,
35
- "ref": [Function],
36
- "secureTextEntry": false,
57
+ ],
58
+ "props": {
37
59
  "style": {
38
- "color": "#1C1C1C",
39
- "flex": 1,
40
- "fontFamily": "text",
41
- "fontSize": 16,
42
- "gap": 10,
43
- "height": 20,
44
- "paddingVertical": 0,
45
- "width": "100%",
60
+ "alignItems": "center",
61
+ "flexDirection": "row",
46
62
  },
47
63
  "testID": undefined,
48
- "textContentType": "emailAddress",
49
- "underlineColorAndroid": "transparent",
50
- "value": "",
51
64
  },
52
- "type": "TextInput",
65
+ "type": "View",
53
66
  },
54
67
  ],
55
68
  "props": {
56
69
  "style": {
57
- "alignItems": "center",
58
70
  "backgroundColor": "#FFFFFF",
59
71
  "borderColor": "#9A9A9A",
60
72
  "borderRadius": 4,
61
73
  "borderWidth": 1,
62
- "flexDirection": "row",
74
+ "flexDirection": "column",
75
+ "gap": 0,
63
76
  "overflow": "hidden",
64
77
  "paddingHorizontal": 12,
65
78
  "paddingVertical": 8,
@@ -89,66 +102,79 @@ exports[`EmailField renders with icon 1`] = `
89
102
  "children": [
90
103
  {
91
104
  "$$typeof": Symbol(react.test.json),
92
- "children": null,
93
- "props": {
94
- "accessibilityHint": "Enter text here",
95
- "accessibilityState": {
96
- "disabled": undefined,
105
+ "children": [
106
+ {
107
+ "$$typeof": Symbol(react.test.json),
108
+ "children": null,
109
+ "props": {
110
+ "accessibilityHint": "Enter text here",
111
+ "accessibilityState": {
112
+ "disabled": undefined,
113
+ },
114
+ "aria-label": "Text input field",
115
+ "autoCapitalize": "none",
116
+ "autoCorrect": false,
117
+ "blurOnSubmit": true,
118
+ "enterKeyHint": undefined,
119
+ "keyboardType": "email-address",
120
+ "multiline": undefined,
121
+ "nativeID": undefined,
122
+ "numberOfLines": 1,
123
+ "onBlur": [Function],
124
+ "onChangeText": [Function],
125
+ "onContentSizeChange": [Function],
126
+ "onFocus": [Function],
127
+ "onSubmitEditing": [Function],
128
+ "placeholder": undefined,
129
+ "placeholderTextColor": "#686868",
130
+ "readOnly": undefined,
131
+ "ref": [Function],
132
+ "secureTextEntry": false,
133
+ "style": {
134
+ "color": "#1C1C1C",
135
+ "flex": 1,
136
+ "fontFamily": "text",
137
+ "fontSize": 16,
138
+ "gap": 10,
139
+ "height": 20,
140
+ "paddingVertical": 0,
141
+ "width": "100%",
142
+ },
143
+ "testID": undefined,
144
+ "textContentType": "emailAddress",
145
+ "underlineColorAndroid": "transparent",
146
+ "value": "",
147
+ },
148
+ "type": "TextInput",
97
149
  },
98
- "aria-label": "Text input field",
99
- "autoCapitalize": "none",
100
- "autoCorrect": false,
101
- "blurOnSubmit": true,
102
- "enterKeyHint": undefined,
103
- "keyboardType": "email-address",
104
- "multiline": undefined,
105
- "nativeID": undefined,
106
- "numberOfLines": 1,
107
- "onBlur": [Function],
108
- "onChangeText": [Function],
109
- "onContentSizeChange": [Function],
110
- "onFocus": [Function],
111
- "onSubmitEditing": [Function],
112
- "placeholder": undefined,
113
- "placeholderTextColor": "#686868",
114
- "readOnly": undefined,
115
- "ref": [Function],
116
- "secureTextEntry": false,
150
+ {
151
+ "$$typeof": Symbol(react.test.json),
152
+ "children": null,
153
+ "props": {
154
+ "aria-role": "button",
155
+ "onPress": undefined,
156
+ },
157
+ "type": "Pressable",
158
+ },
159
+ ],
160
+ "props": {
117
161
  "style": {
118
- "color": "#1C1C1C",
119
- "flex": 1,
120
- "fontFamily": "text",
121
- "fontSize": 16,
122
- "gap": 10,
123
- "height": 20,
124
- "paddingVertical": 0,
125
- "width": "100%",
162
+ "alignItems": "center",
163
+ "flexDirection": "row",
126
164
  },
127
165
  "testID": undefined,
128
- "textContentType": "emailAddress",
129
- "underlineColorAndroid": "transparent",
130
- "value": "",
131
- },
132
- "type": "TextInput",
133
- },
134
- {
135
- "$$typeof": Symbol(react.test.json),
136
- "children": null,
137
- "props": {
138
- "aria-role": "button",
139
- "onPress": undefined,
140
166
  },
141
- "type": "Pressable",
167
+ "type": "View",
142
168
  },
143
169
  ],
144
170
  "props": {
145
171
  "style": {
146
- "alignItems": "center",
147
172
  "backgroundColor": "#FFFFFF",
148
173
  "borderColor": "#9A9A9A",
149
174
  "borderRadius": 4,
150
175
  "borderWidth": 1,
151
- "flexDirection": "row",
176
+ "flexDirection": "column",
177
+ "gap": 0,
152
178
  "overflow": "hidden",
153
179
  "paddingHorizontal": 12,
154
180
  "paddingVertical": 8,