@terreno/ui 0.10.0 → 0.11.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.
- package/dist/Banner.js +7 -5
- package/dist/Banner.js.map +1 -1
- package/dist/Common.d.ts +3 -1
- package/dist/Common.js.map +1 -1
- package/dist/TextFieldNumberActionSheet.d.ts +1 -1
- package/dist/Toast.d.ts +1 -1
- package/dist/Toast.js +2 -2
- package/dist/Toast.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/package.json +2 -1
- package/src/ActionSheet.test.tsx +262 -3
- package/src/AddressField.test.tsx +50 -0
- package/src/Banner.test.tsx +65 -0
- package/src/Banner.tsx +7 -5
- package/src/Box.test.tsx +218 -0
- package/src/Button.test.tsx +71 -0
- package/src/Common.ts +3 -1
- package/src/ConsentFormScreen.test.tsx +167 -0
- package/src/ConsentNavigator.test.tsx +206 -0
- package/src/DecimalRangeActionSheet.test.tsx +53 -2
- package/src/EmailField.test.tsx +81 -0
- package/src/EmojiSelector.test.tsx +262 -1
- package/src/HeightActionSheet.test.tsx +57 -2
- package/src/InfoModalIcon.test.tsx +16 -0
- package/src/InfoTooltipButton.test.tsx +53 -1
- package/src/MobileAddressAutoComplete.test.tsx +137 -7
- package/src/Modal.test.tsx +188 -0
- package/src/NumberPickerActionSheet.test.tsx +59 -2
- package/src/Page.test.tsx +162 -1
- package/src/Pagination.test.tsx +16 -0
- package/src/PhoneNumberField.test.tsx +46 -9
- package/src/PickerSelect.test.tsx +230 -0
- package/src/SegmentedControl.test.tsx +38 -0
- package/src/SelectBadge.test.tsx +52 -1
- package/src/SideDrawer.test.tsx +69 -0
- package/src/Signature.test.tsx +42 -5
- package/src/SignatureField.test.tsx +35 -0
- package/src/Slider.test.tsx +59 -0
- package/src/Spinner.test.tsx +6 -0
- package/src/SplitPage.test.tsx +228 -2
- package/src/TapToEdit.test.tsx +171 -1
- package/src/TerrenoProvider.test.tsx +42 -2
- package/src/TextFieldNumberActionSheet.tsx +1 -1
- package/src/Theme.test.tsx +118 -28
- package/src/Toast.test.tsx +95 -2
- package/src/Toast.tsx +3 -3
- package/src/Tooltip.test.tsx +204 -1
- package/src/UnifiedAddressAutoComplete.test.tsx +38 -19
- package/src/UserInactivity.test.tsx +73 -1
- package/src/Utilities.test.tsx +190 -2
- package/src/WebAddressAutocomplete.test.tsx +148 -1
- package/src/__snapshots__/ActionSheet.test.tsx.snap +1736 -0
- package/src/__snapshots__/Button.test.tsx.snap +68 -0
- package/src/__snapshots__/EmojiSelector.test.tsx.snap +1363 -0
- package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +72 -3
- package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +60 -9
- package/src/__snapshots__/Modal.test.tsx.snap +181 -0
- package/src/__snapshots__/Page.test.tsx.snap +48 -2
- package/src/__snapshots__/PhoneNumberField.test.tsx.snap +0 -93
- package/src/__snapshots__/PickerSelect.test.tsx.snap +706 -0
- package/src/__snapshots__/SideDrawer.test.tsx.snap +533 -1399
- package/src/__snapshots__/Signature.test.tsx.snap +0 -3
- package/src/__snapshots__/SplitPage.test.tsx.snap +970 -0
- package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +220 -4
- package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +93 -0
- package/src/bunSetup.ts +204 -121
- package/src/index.tsx +2 -2
- package/src/table/TableHeaderCell.test.tsx +142 -0
- package/src/table/TableRow.test.tsx +33 -0
- package/src/table/__snapshots__/TableRow.test.tsx.snap +403 -0
- package/src/table/tableContext.test.tsx +96 -0
- package/src/test-utils.tsx +1 -1
- package/src/useConsentForms.test.ts +130 -0
- package/src/useSubmitConsent.test.ts +64 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
|
|
2
2
|
|
|
3
|
-
exports[`UnifiedAddressAutoCompleteField renders
|
|
3
|
+
exports[`UnifiedAddressAutoCompleteField renders plain TextField when no API key provided 1`] = `
|
|
4
4
|
{
|
|
5
5
|
"$$typeof": Symbol(react.test.json),
|
|
6
6
|
"children": [
|
|
@@ -108,7 +108,7 @@ exports[`UnifiedAddressAutoCompleteField renders correctly without Google API ke
|
|
|
108
108
|
}
|
|
109
109
|
`;
|
|
110
110
|
|
|
111
|
-
exports[`UnifiedAddressAutoCompleteField renders
|
|
111
|
+
exports[`UnifiedAddressAutoCompleteField renders plain TextField when API key is invalid 1`] = `
|
|
112
112
|
{
|
|
113
113
|
"$$typeof": Symbol(react.test.json),
|
|
114
114
|
"children": [
|
|
@@ -173,7 +173,115 @@ exports[`UnifiedAddressAutoCompleteField renders with input value 1`] = `
|
|
|
173
173
|
"testID": undefined,
|
|
174
174
|
"textContentType": "none",
|
|
175
175
|
"underlineColorAndroid": "transparent",
|
|
176
|
-
"value": "
|
|
176
|
+
"value": "",
|
|
177
|
+
},
|
|
178
|
+
"type": "TextInput",
|
|
179
|
+
},
|
|
180
|
+
],
|
|
181
|
+
"props": {
|
|
182
|
+
"style": {
|
|
183
|
+
"alignItems": "center",
|
|
184
|
+
"flexDirection": "row",
|
|
185
|
+
},
|
|
186
|
+
"testID": undefined,
|
|
187
|
+
},
|
|
188
|
+
"type": "View",
|
|
189
|
+
},
|
|
190
|
+
],
|
|
191
|
+
"props": {
|
|
192
|
+
"style": {
|
|
193
|
+
"backgroundColor": "#FFFFFF",
|
|
194
|
+
"borderColor": "#9A9A9A",
|
|
195
|
+
"borderRadius": 4,
|
|
196
|
+
"borderWidth": 1,
|
|
197
|
+
"flexDirection": "column",
|
|
198
|
+
"gap": 0,
|
|
199
|
+
"overflow": "hidden",
|
|
200
|
+
"paddingHorizontal": 12,
|
|
201
|
+
"paddingVertical": 8,
|
|
202
|
+
},
|
|
203
|
+
"testID": undefined,
|
|
204
|
+
},
|
|
205
|
+
"type": "View",
|
|
206
|
+
},
|
|
207
|
+
],
|
|
208
|
+
"props": {
|
|
209
|
+
"style": {
|
|
210
|
+
"flexDirection": "column",
|
|
211
|
+
"width": "100%",
|
|
212
|
+
},
|
|
213
|
+
"testID": undefined,
|
|
214
|
+
},
|
|
215
|
+
"type": "View",
|
|
216
|
+
}
|
|
217
|
+
`;
|
|
218
|
+
|
|
219
|
+
exports[`UnifiedAddressAutoCompleteField renders WebAddressAutocomplete when valid API key provided on web 1`] = `
|
|
220
|
+
{
|
|
221
|
+
"$$typeof": Symbol(react.test.json),
|
|
222
|
+
"children": [
|
|
223
|
+
{
|
|
224
|
+
"$$typeof": Symbol(react.test.json),
|
|
225
|
+
"children": [
|
|
226
|
+
"Street Address",
|
|
227
|
+
],
|
|
228
|
+
"props": {
|
|
229
|
+
"style": {
|
|
230
|
+
"color": "#1C1C1C",
|
|
231
|
+
"fontSize": 14,
|
|
232
|
+
"fontWeight": 600,
|
|
233
|
+
"lineHeight": 22.4,
|
|
234
|
+
},
|
|
235
|
+
},
|
|
236
|
+
"type": "Text",
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"$$typeof": Symbol(react.test.json),
|
|
240
|
+
"children": [
|
|
241
|
+
{
|
|
242
|
+
"$$typeof": Symbol(react.test.json),
|
|
243
|
+
"children": [
|
|
244
|
+
{
|
|
245
|
+
"$$typeof": Symbol(react.test.json),
|
|
246
|
+
"children": null,
|
|
247
|
+
"props": {
|
|
248
|
+
"accessibilityHint": "Enter text here",
|
|
249
|
+
"accessibilityState": {
|
|
250
|
+
"disabled": undefined,
|
|
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": undefined,
|
|
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": 24,
|
|
278
|
+
"paddingVertical": 0,
|
|
279
|
+
"width": "100%",
|
|
280
|
+
},
|
|
281
|
+
"testID": undefined,
|
|
282
|
+
"textContentType": "none",
|
|
283
|
+
"underlineColorAndroid": "transparent",
|
|
284
|
+
"value": "",
|
|
177
285
|
},
|
|
178
286
|
"type": "TextInput",
|
|
179
287
|
},
|
|
@@ -324,7 +432,7 @@ exports[`UnifiedAddressAutoCompleteField renders disabled state 1`] = `
|
|
|
324
432
|
}
|
|
325
433
|
`;
|
|
326
434
|
|
|
327
|
-
exports[`UnifiedAddressAutoCompleteField renders with
|
|
435
|
+
exports[`UnifiedAddressAutoCompleteField renders with input value 1`] = `
|
|
328
436
|
{
|
|
329
437
|
"$$typeof": Symbol(react.test.json),
|
|
330
438
|
"children": [
|
|
@@ -389,6 +497,114 @@ exports[`UnifiedAddressAutoCompleteField renders with invalid Google API key (fa
|
|
|
389
497
|
"testID": undefined,
|
|
390
498
|
"textContentType": "none",
|
|
391
499
|
"underlineColorAndroid": "transparent",
|
|
500
|
+
"value": "123 Main St",
|
|
501
|
+
},
|
|
502
|
+
"type": "TextInput",
|
|
503
|
+
},
|
|
504
|
+
],
|
|
505
|
+
"props": {
|
|
506
|
+
"style": {
|
|
507
|
+
"alignItems": "center",
|
|
508
|
+
"flexDirection": "row",
|
|
509
|
+
},
|
|
510
|
+
"testID": undefined,
|
|
511
|
+
},
|
|
512
|
+
"type": "View",
|
|
513
|
+
},
|
|
514
|
+
],
|
|
515
|
+
"props": {
|
|
516
|
+
"style": {
|
|
517
|
+
"backgroundColor": "#FFFFFF",
|
|
518
|
+
"borderColor": "#9A9A9A",
|
|
519
|
+
"borderRadius": 4,
|
|
520
|
+
"borderWidth": 1,
|
|
521
|
+
"flexDirection": "column",
|
|
522
|
+
"gap": 0,
|
|
523
|
+
"overflow": "hidden",
|
|
524
|
+
"paddingHorizontal": 12,
|
|
525
|
+
"paddingVertical": 8,
|
|
526
|
+
},
|
|
527
|
+
"testID": undefined,
|
|
528
|
+
},
|
|
529
|
+
"type": "View",
|
|
530
|
+
},
|
|
531
|
+
],
|
|
532
|
+
"props": {
|
|
533
|
+
"style": {
|
|
534
|
+
"flexDirection": "column",
|
|
535
|
+
"width": "100%",
|
|
536
|
+
},
|
|
537
|
+
"testID": undefined,
|
|
538
|
+
},
|
|
539
|
+
"type": "View",
|
|
540
|
+
}
|
|
541
|
+
`;
|
|
542
|
+
|
|
543
|
+
exports[`UnifiedAddressAutoCompleteField renders with testID 1`] = `
|
|
544
|
+
{
|
|
545
|
+
"$$typeof": Symbol(react.test.json),
|
|
546
|
+
"children": [
|
|
547
|
+
{
|
|
548
|
+
"$$typeof": Symbol(react.test.json),
|
|
549
|
+
"children": [
|
|
550
|
+
"Street Address",
|
|
551
|
+
],
|
|
552
|
+
"props": {
|
|
553
|
+
"style": {
|
|
554
|
+
"color": "#1C1C1C",
|
|
555
|
+
"fontSize": 14,
|
|
556
|
+
"fontWeight": 600,
|
|
557
|
+
"lineHeight": 22.4,
|
|
558
|
+
},
|
|
559
|
+
},
|
|
560
|
+
"type": "Text",
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"$$typeof": Symbol(react.test.json),
|
|
564
|
+
"children": [
|
|
565
|
+
{
|
|
566
|
+
"$$typeof": Symbol(react.test.json),
|
|
567
|
+
"children": [
|
|
568
|
+
{
|
|
569
|
+
"$$typeof": Symbol(react.test.json),
|
|
570
|
+
"children": null,
|
|
571
|
+
"props": {
|
|
572
|
+
"accessibilityHint": "Enter text here",
|
|
573
|
+
"accessibilityState": {
|
|
574
|
+
"disabled": undefined,
|
|
575
|
+
},
|
|
576
|
+
"aria-label": "Text input field",
|
|
577
|
+
"autoCapitalize": "sentences",
|
|
578
|
+
"autoCorrect": true,
|
|
579
|
+
"blurOnSubmit": true,
|
|
580
|
+
"enterKeyHint": undefined,
|
|
581
|
+
"keyboardType": "default",
|
|
582
|
+
"multiline": undefined,
|
|
583
|
+
"nativeID": undefined,
|
|
584
|
+
"numberOfLines": 1,
|
|
585
|
+
"onBlur": [Function],
|
|
586
|
+
"onChangeText": [Function],
|
|
587
|
+
"onContentSizeChange": [Function],
|
|
588
|
+
"onFocus": [Function],
|
|
589
|
+
"onSubmitEditing": [Function],
|
|
590
|
+
"placeholder": "Enter an address",
|
|
591
|
+
"placeholderTextColor": "#686868",
|
|
592
|
+
"readOnly": undefined,
|
|
593
|
+
"ref": [Function],
|
|
594
|
+
"secureTextEntry": false,
|
|
595
|
+
"style": {
|
|
596
|
+
"color": "#1C1C1C",
|
|
597
|
+
"flex": 1,
|
|
598
|
+
"fontFamily": "text",
|
|
599
|
+
"fontSize": 16,
|
|
600
|
+
"gap": 10,
|
|
601
|
+
"height": 24,
|
|
602
|
+
"paddingVertical": 0,
|
|
603
|
+
"width": "100%",
|
|
604
|
+
},
|
|
605
|
+
"testID": "address-field",
|
|
606
|
+
"textContentType": "none",
|
|
607
|
+
"underlineColorAndroid": "transparent",
|
|
392
608
|
"value": "",
|
|
393
609
|
},
|
|
394
610
|
"type": "TextInput",
|
|
@@ -278,3 +278,96 @@ exports[`WebAddressAutocomplete renders disabled state 1`] = `
|
|
|
278
278
|
"type": "View",
|
|
279
279
|
}
|
|
280
280
|
`;
|
|
281
|
+
|
|
282
|
+
exports[`WebAddressAutocomplete renders with includeCounty flag 1`] = `
|
|
283
|
+
{
|
|
284
|
+
"$$typeof": Symbol(react.test.json),
|
|
285
|
+
"children": [
|
|
286
|
+
{
|
|
287
|
+
"$$typeof": Symbol(react.test.json),
|
|
288
|
+
"children": [
|
|
289
|
+
{
|
|
290
|
+
"$$typeof": Symbol(react.test.json),
|
|
291
|
+
"children": [
|
|
292
|
+
{
|
|
293
|
+
"$$typeof": Symbol(react.test.json),
|
|
294
|
+
"children": null,
|
|
295
|
+
"props": {
|
|
296
|
+
"accessibilityHint": "Enter text here",
|
|
297
|
+
"accessibilityState": {
|
|
298
|
+
"disabled": undefined,
|
|
299
|
+
},
|
|
300
|
+
"aria-label": "Text input field",
|
|
301
|
+
"autoCapitalize": "sentences",
|
|
302
|
+
"autoCorrect": true,
|
|
303
|
+
"blurOnSubmit": true,
|
|
304
|
+
"enterKeyHint": undefined,
|
|
305
|
+
"keyboardType": "default",
|
|
306
|
+
"multiline": undefined,
|
|
307
|
+
"nativeID": undefined,
|
|
308
|
+
"numberOfLines": 1,
|
|
309
|
+
"onBlur": [Function],
|
|
310
|
+
"onChangeText": [Function],
|
|
311
|
+
"onContentSizeChange": [Function],
|
|
312
|
+
"onFocus": [Function],
|
|
313
|
+
"onSubmitEditing": [Function],
|
|
314
|
+
"placeholder": "Enter an address",
|
|
315
|
+
"placeholderTextColor": "#686868",
|
|
316
|
+
"readOnly": undefined,
|
|
317
|
+
"ref": [Function],
|
|
318
|
+
"secureTextEntry": false,
|
|
319
|
+
"style": {
|
|
320
|
+
"color": "#1C1C1C",
|
|
321
|
+
"flex": 1,
|
|
322
|
+
"fontFamily": "text",
|
|
323
|
+
"fontSize": 16,
|
|
324
|
+
"gap": 10,
|
|
325
|
+
"height": 24,
|
|
326
|
+
"paddingVertical": 0,
|
|
327
|
+
"width": "100%",
|
|
328
|
+
},
|
|
329
|
+
"testID": undefined,
|
|
330
|
+
"textContentType": "none",
|
|
331
|
+
"underlineColorAndroid": "transparent",
|
|
332
|
+
"value": "",
|
|
333
|
+
},
|
|
334
|
+
"type": "TextInput",
|
|
335
|
+
},
|
|
336
|
+
],
|
|
337
|
+
"props": {
|
|
338
|
+
"style": {
|
|
339
|
+
"alignItems": "center",
|
|
340
|
+
"flexDirection": "row",
|
|
341
|
+
},
|
|
342
|
+
"testID": undefined,
|
|
343
|
+
},
|
|
344
|
+
"type": "View",
|
|
345
|
+
},
|
|
346
|
+
],
|
|
347
|
+
"props": {
|
|
348
|
+
"style": {
|
|
349
|
+
"backgroundColor": "#FFFFFF",
|
|
350
|
+
"borderColor": "#9A9A9A",
|
|
351
|
+
"borderRadius": 4,
|
|
352
|
+
"borderWidth": 1,
|
|
353
|
+
"flexDirection": "column",
|
|
354
|
+
"gap": 0,
|
|
355
|
+
"overflow": "hidden",
|
|
356
|
+
"paddingHorizontal": 12,
|
|
357
|
+
"paddingVertical": 8,
|
|
358
|
+
},
|
|
359
|
+
"testID": undefined,
|
|
360
|
+
},
|
|
361
|
+
"type": "View",
|
|
362
|
+
},
|
|
363
|
+
],
|
|
364
|
+
"props": {
|
|
365
|
+
"style": {
|
|
366
|
+
"flexDirection": "column",
|
|
367
|
+
"width": "100%",
|
|
368
|
+
},
|
|
369
|
+
"testID": undefined,
|
|
370
|
+
},
|
|
371
|
+
"type": "View",
|
|
372
|
+
}
|
|
373
|
+
`;
|