@terreno/ui 0.0.16 → 0.0.18

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 (46) hide show
  1. package/dist/Button.js +7 -9
  2. package/dist/Button.js.map +1 -1
  3. package/dist/Common.d.ts +39 -0
  4. package/dist/TerrenoProvider.js +1 -1
  5. package/dist/TerrenoProvider.js.map +1 -1
  6. package/dist/Toast.js +2 -3
  7. package/dist/Toast.js.map +1 -1
  8. package/dist/ToastNotifications.d.ts +144 -0
  9. package/dist/ToastNotifications.js +387 -0
  10. package/dist/ToastNotifications.js.map +1 -0
  11. package/dist/UserInactivity.d.ts +28 -0
  12. package/dist/UserInactivity.js +100 -0
  13. package/dist/UserInactivity.js.map +1 -0
  14. package/dist/index.d.ts +1 -0
  15. package/dist/index.js +1 -0
  16. package/dist/index.js.map +1 -1
  17. package/package.json +1 -2
  18. package/src/Button.tsx +20 -37
  19. package/src/Common.ts +45 -0
  20. package/src/DateTimeActionSheet.test.tsx +53 -4
  21. package/src/MobileAddressAutoComplete.test.tsx +47 -4
  22. package/src/ModalSheet.test.tsx +37 -5
  23. package/src/PickerSelect.test.tsx +41 -5
  24. package/src/Signature.test.tsx +21 -4
  25. package/src/SignatureField.test.tsx +49 -5
  26. package/src/SplitPage.test.tsx +71 -4
  27. package/src/TerrenoProvider.tsx +1 -1
  28. package/src/Toast.tsx +2 -3
  29. package/src/ToastNotifications.test.tsx +645 -0
  30. package/src/ToastNotifications.tsx +746 -0
  31. package/src/UnifiedAddressAutoComplete.test.tsx +43 -5
  32. package/src/UserInactivity.test.tsx +96 -0
  33. package/src/UserInactivity.tsx +129 -0
  34. package/src/WebAddressAutocomplete.test.tsx +22 -4
  35. package/src/__snapshots__/Button.test.tsx.snap +0 -347
  36. package/src/__snapshots__/DateTimeActionSheet.test.tsx.snap +11 -0
  37. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +230 -0
  38. package/src/__snapshots__/ModalSheet.test.tsx.snap +37 -0
  39. package/src/__snapshots__/PickerSelect.test.tsx.snap +798 -11
  40. package/src/__snapshots__/Signature.test.tsx.snap +67 -0
  41. package/src/__snapshots__/SignatureField.test.tsx.snap +129 -21
  42. package/src/__snapshots__/SplitPage.test.tsx.snap +686 -0
  43. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +377 -0
  44. package/src/__snapshots__/UserInactivity.test.tsx.snap +108 -0
  45. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +238 -0
  46. package/src/index.tsx +1 -0
package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap ADDED
@@ -0,0 +1,377 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`UnifiedAddressAutoCompleteField renders correctly without Google API key (fallback to TextField) 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ "Street Address",
11
+ ],
12
+ "props": {
13
+ "style": {
14
+ "color": "#1C1C1C",
15
+ "fontSize": 14,
16
+ "fontWeight": 600,
17
+ "lineHeight": 22.4,
18
+ },
19
+ },
20
+ "type": "Text",
21
+ },
22
+ {
23
+ "$$typeof": Symbol(react.test.json),
24
+ "children": [
25
+ {
26
+ "$$typeof": Symbol(react.test.json),
27
+ "children": null,
28
+ "props": {
29
+ "accessibilityHint": "Enter text here",
30
+ "accessibilityState": {
31
+ "disabled": undefined,
32
+ },
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
+ "numberOfLines": 1,
41
+ "onBlur": [Function],
42
+ "onChangeText": [Function],
43
+ "onContentSizeChange": [Function],
44
+ "onFocus": [Function],
45
+ "onSubmitEditing": [Function],
46
+ "placeholder": "Enter an address",
47
+ "placeholderTextColor": "#686868",
48
+ "readOnly": undefined,
49
+ "ref": [Function],
50
+ "secureTextEntry": false,
51
+ "style": {
52
+ "color": "#1C1C1C",
53
+ "flex": 1,
54
+ "fontFamily": "text",
55
+ "fontSize": 16,
56
+ "gap": 10,
57
+ "height": 20,
58
+ "paddingVertical": 0,
59
+ "width": "100%",
60
+ },
61
+ "testID": undefined,
62
+ "textContentType": "none",
63
+ "underlineColorAndroid": "transparent",
64
+ "value": "",
65
+ },
66
+ "type": "TextInput",
67
+ },
68
+ ],
69
+ "props": {
70
+ "style": {
71
+ "alignItems": "center",
72
+ "backgroundColor": "#FFFFFF",
73
+ "borderColor": "#9A9A9A",
74
+ "borderRadius": 4,
75
+ "borderWidth": 1,
76
+ "flexDirection": "row",
77
+ "overflow": "hidden",
78
+ "paddingHorizontal": 12,
79
+ "paddingVertical": 8,
80
+ },
81
+ "testID": undefined,
82
+ },
83
+ "type": "View",
84
+ },
85
+ ],
86
+ "props": {
87
+ "style": {
88
+ "flexDirection": "column",
89
+ "width": "100%",
90
+ },
91
+ "testID": undefined,
92
+ },
93
+ "type": "View",
94
+ }
95
+ `;
96
+
97
+ exports[`UnifiedAddressAutoCompleteField renders with input value 1`] = `
98
+ {
99
+ "$$typeof": Symbol(react.test.json),
100
+ "children": [
101
+ {
102
+ "$$typeof": Symbol(react.test.json),
103
+ "children": [
104
+ "Street Address",
105
+ ],
106
+ "props": {
107
+ "style": {
108
+ "color": "#1C1C1C",
109
+ "fontSize": 14,
110
+ "fontWeight": 600,
111
+ "lineHeight": 22.4,
112
+ },
113
+ },
114
+ "type": "Text",
115
+ },
116
+ {
117
+ "$$typeof": Symbol(react.test.json),
118
+ "children": [
119
+ {
120
+ "$$typeof": Symbol(react.test.json),
121
+ "children": null,
122
+ "props": {
123
+ "accessibilityHint": "Enter text here",
124
+ "accessibilityState": {
125
+ "disabled": undefined,
126
+ },
127
+ "aria-label": "Text input field",
128
+ "autoCapitalize": "sentences",
129
+ "autoCorrect": true,
130
+ "blurOnSubmit": true,
131
+ "enterKeyHint": undefined,
132
+ "keyboardType": "default",
133
+ "multiline": undefined,
134
+ "numberOfLines": 1,
135
+ "onBlur": [Function],
136
+ "onChangeText": [Function],
137
+ "onContentSizeChange": [Function],
138
+ "onFocus": [Function],
139
+ "onSubmitEditing": [Function],
140
+ "placeholder": "Enter an address",
141
+ "placeholderTextColor": "#686868",
142
+ "readOnly": undefined,
143
+ "ref": [Function],
144
+ "secureTextEntry": false,
145
+ "style": {
146
+ "color": "#1C1C1C",
147
+ "flex": 1,
148
+ "fontFamily": "text",
149
+ "fontSize": 16,
150
+ "gap": 10,
151
+ "height": 20,
152
+ "paddingVertical": 0,
153
+ "width": "100%",
154
+ },
155
+ "testID": undefined,
156
+ "textContentType": "none",
157
+ "underlineColorAndroid": "transparent",
158
+ "value": "123 Main St",
159
+ },
160
+ "type": "TextInput",
161
+ },
162
+ ],
163
+ "props": {
164
+ "style": {
165
+ "alignItems": "center",
166
+ "backgroundColor": "#FFFFFF",
167
+ "borderColor": "#9A9A9A",
168
+ "borderRadius": 4,
169
+ "borderWidth": 1,
170
+ "flexDirection": "row",
171
+ "overflow": "hidden",
172
+ "paddingHorizontal": 12,
173
+ "paddingVertical": 8,
174
+ },
175
+ "testID": undefined,
176
+ },
177
+ "type": "View",
178
+ },
179
+ ],
180
+ "props": {
181
+ "style": {
182
+ "flexDirection": "column",
183
+ "width": "100%",
184
+ },
185
+ "testID": undefined,
186
+ },
187
+ "type": "View",
188
+ }
189
+ `;
190
+
191
+ exports[`UnifiedAddressAutoCompleteField renders disabled state 1`] = `
192
+ {
193
+ "$$typeof": Symbol(react.test.json),
194
+ "children": [
195
+ {
196
+ "$$typeof": Symbol(react.test.json),
197
+ "children": [
198
+ "Street Address",
199
+ ],
200
+ "props": {
201
+ "style": {
202
+ "color": "#1C1C1C",
203
+ "fontSize": 14,
204
+ "fontWeight": 600,
205
+ "lineHeight": 22.4,
206
+ },
207
+ },
208
+ "type": "Text",
209
+ },
210
+ {
211
+ "$$typeof": Symbol(react.test.json),
212
+ "children": [
213
+ {
214
+ "$$typeof": Symbol(react.test.json),
215
+ "children": null,
216
+ "props": {
217
+ "accessibilityHint": "Enter text here",
218
+ "accessibilityState": {
219
+ "disabled": true,
220
+ },
221
+ "aria-label": "Text input field",
222
+ "autoCapitalize": "sentences",
223
+ "autoCorrect": true,
224
+ "blurOnSubmit": true,
225
+ "enterKeyHint": undefined,
226
+ "keyboardType": "default",
227
+ "multiline": undefined,
228
+ "numberOfLines": 1,
229
+ "onBlur": [Function],
230
+ "onChangeText": [Function],
231
+ "onContentSizeChange": [Function],
232
+ "onFocus": [Function],
233
+ "onSubmitEditing": [Function],
234
+ "placeholder": "Enter an address",
235
+ "placeholderTextColor": "#686868",
236
+ "readOnly": true,
237
+ "ref": [Function],
238
+ "secureTextEntry": false,
239
+ "style": {
240
+ "color": "#1C1C1C",
241
+ "flex": 1,
242
+ "fontFamily": "text",
243
+ "fontSize": 16,
244
+ "gap": 10,
245
+ "height": 20,
246
+ "paddingVertical": 0,
247
+ "width": "100%",
248
+ },
249
+ "testID": undefined,
250
+ "textContentType": "none",
251
+ "underlineColorAndroid": "transparent",
252
+ "value": "",
253
+ },
254
+ "type": "TextInput",
255
+ },
256
+ ],
257
+ "props": {
258
+ "style": {
259
+ "alignItems": "center",
260
+ "backgroundColor": "#D9D9D9",
261
+ "borderColor": "#4E4E4E",
262
+ "borderRadius": 4,
263
+ "borderWidth": 1,
264
+ "flexDirection": "row",
265
+ "overflow": "hidden",
266
+ "paddingHorizontal": 12,
267
+ "paddingVertical": 8,
268
+ },
269
+ "testID": undefined,
270
+ },
271
+ "type": "View",
272
+ },
273
+ ],
274
+ "props": {
275
+ "style": {
276
+ "flexDirection": "column",
277
+ "width": "100%",
278
+ },
279
+ "testID": undefined,
280
+ },
281
+ "type": "View",
282
+ }
283
+ `;
284
+
285
+ exports[`UnifiedAddressAutoCompleteField renders with invalid Google API key (falls back to TextField) 1`] = `
286
+ {
287
+ "$$typeof": Symbol(react.test.json),
288
+ "children": [
289
+ {
290
+ "$$typeof": Symbol(react.test.json),
291
+ "children": [
292
+ "Street Address",
293
+ ],
294
+ "props": {
295
+ "style": {
296
+ "color": "#1C1C1C",
297
+ "fontSize": 14,
298
+ "fontWeight": 600,
299
+ "lineHeight": 22.4,
300
+ },
301
+ },
302
+ "type": "Text",
303
+ },
304
+ {
305
+ "$$typeof": Symbol(react.test.json),
306
+ "children": [
307
+ {
308
+ "$$typeof": Symbol(react.test.json),
309
+ "children": null,
310
+ "props": {
311
+ "accessibilityHint": "Enter text here",
312
+ "accessibilityState": {
313
+ "disabled": undefined,
314
+ },
315
+ "aria-label": "Text input field",
316
+ "autoCapitalize": "sentences",
317
+ "autoCorrect": true,
318
+ "blurOnSubmit": true,
319
+ "enterKeyHint": undefined,
320
+ "keyboardType": "default",
321
+ "multiline": undefined,
322
+ "numberOfLines": 1,
323
+ "onBlur": [Function],
324
+ "onChangeText": [Function],
325
+ "onContentSizeChange": [Function],
326
+ "onFocus": [Function],
327
+ "onSubmitEditing": [Function],
328
+ "placeholder": "Enter an address",
329
+ "placeholderTextColor": "#686868",
330
+ "readOnly": undefined,
331
+ "ref": [Function],
332
+ "secureTextEntry": false,
333
+ "style": {
334
+ "color": "#1C1C1C",
335
+ "flex": 1,
336
+ "fontFamily": "text",
337
+ "fontSize": 16,
338
+ "gap": 10,
339
+ "height": 20,
340
+ "paddingVertical": 0,
341
+ "width": "100%",
342
+ },
343
+ "testID": undefined,
344
+ "textContentType": "none",
345
+ "underlineColorAndroid": "transparent",
346
+ "value": "",
347
+ },
348
+ "type": "TextInput",
349
+ },
350
+ ],
351
+ "props": {
352
+ "style": {
353
+ "alignItems": "center",
354
+ "backgroundColor": "#FFFFFF",
355
+ "borderColor": "#9A9A9A",
356
+ "borderRadius": 4,
357
+ "borderWidth": 1,
358
+ "flexDirection": "row",
359
+ "overflow": "hidden",
360
+ "paddingHorizontal": 12,
361
+ "paddingVertical": 8,
362
+ },
363
+ "testID": undefined,
364
+ },
365
+ "type": "View",
366
+ },
367
+ ],
368
+ "props": {
369
+ "style": {
370
+ "flexDirection": "column",
371
+ "width": "100%",
372
+ },
373
+ "testID": undefined,
374
+ },
375
+ "type": "View",
376
+ }
377
+ `;
package/src/__snapshots__/UserInactivity.test.tsx.snap ADDED
@@ -0,0 +1,108 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`UserInactivity renders with custom style 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ {
11
+ "$$typeof": Symbol(react.test.json),
12
+ "children": [
13
+ "Test Content",
14
+ ],
15
+ "props": {
16
+ "numberOfLines": 0,
17
+ "selectable": undefined,
18
+ "style": {
19
+ "color": "#1C1C1C",
20
+ "fontFamily": "text-regular",
21
+ "fontSize": 14,
22
+ "textAlign": "left",
23
+ },
24
+ "testID": undefined,
25
+ },
26
+ "type": "Text",
27
+ },
28
+ ],
29
+ "props": {},
30
+ "type": "View",
31
+ },
32
+ ],
33
+ "props": {
34
+ "collapsable": false,
35
+ "onMoveShouldSetResponder": [class Function],
36
+ "onMoveShouldSetResponderCapture": [class Function],
37
+ "onResponderEnd": [class Function],
38
+ "onResponderGrant": [class Function],
39
+ "onResponderMove": [class Function],
40
+ "onResponderReject": [class Function],
41
+ "onResponderRelease": [class Function],
42
+ "onResponderStart": [class Function],
43
+ "onResponderTerminate": [class Function],
44
+ "onResponderTerminationRequest": [class Function],
45
+ "onStartShouldSetResponder": [class Function],
46
+ "onStartShouldSetResponderCapture": [class Function],
47
+ "style": {
48
+ "backgroundColor": "red",
49
+ "flex": 2,
50
+ },
51
+ "testID": undefined,
52
+ },
53
+ "type": "View",
54
+ }
55
+ `;
56
+
57
+ exports[`UserInactivity renders with default style when no style provided 1`] = `
58
+ {
59
+ "$$typeof": Symbol(react.test.json),
60
+ "children": [
61
+ {
62
+ "$$typeof": Symbol(react.test.json),
63
+ "children": [
64
+ {
65
+ "$$typeof": Symbol(react.test.json),
66
+ "children": [
67
+ "Test Content",
68
+ ],
69
+ "props": {
70
+ "numberOfLines": 0,
71
+ "selectable": undefined,
72
+ "style": {
73
+ "color": "#1C1C1C",
74
+ "fontFamily": "text-regular",
75
+ "fontSize": 14,
76
+ "textAlign": "left",
77
+ },
78
+ "testID": undefined,
79
+ },
80
+ "type": "Text",
81
+ },
82
+ ],
83
+ "props": {},
84
+ "type": "View",
85
+ },
86
+ ],
87
+ "props": {
88
+ "collapsable": false,
89
+ "onMoveShouldSetResponder": [class Function],
90
+ "onMoveShouldSetResponderCapture": [class Function],
91
+ "onResponderEnd": [class Function],
92
+ "onResponderGrant": [class Function],
93
+ "onResponderMove": [class Function],
94
+ "onResponderReject": [class Function],
95
+ "onResponderRelease": [class Function],
96
+ "onResponderStart": [class Function],
97
+ "onResponderTerminate": [class Function],
98
+ "onResponderTerminationRequest": [class Function],
99
+ "onStartShouldSetResponder": [class Function],
100
+ "onStartShouldSetResponderCapture": [class Function],
101
+ "style": {
102
+ "flex": 1,
103
+ },
104
+ "testID": undefined,
105
+ },
106
+ "type": "View",
107
+ }
108
+ `;