@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__/PickerSelect.test.tsx.snap CHANGED
@@ -1,6 +1,6 @@
1
1
  // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
2
 
3
- exports[`PickerSelect renders with placeholder 1`] = `
3
+ exports[`PickerSelect renders correctly with default props 1`] = `
4
4
  {
5
5
  "$$typeof": Symbol(react.test.json),
6
6
  "children": [
@@ -19,7 +19,7 @@ exports[`PickerSelect renders with placeholder 1`] = `
19
19
  "color": "#1C1C1C",
20
20
  },
21
21
  "testID": "text_input",
22
- "value": "Select a color...",
22
+ "value": "Select an option",
23
23
  },
24
24
  "type": "TextInput",
25
25
  },
@@ -168,8 +168,8 @@ exports[`PickerSelect renders with placeholder 1`] = `
168
168
  "children": null,
169
169
  "props": {
170
170
  "color": undefined,
171
- "label": "Select a color...",
172
- "value": null,
171
+ "label": "Select an option",
172
+ "value": "",
173
173
  },
174
174
  "type": "Picker.Item",
175
175
  },
@@ -178,8 +178,8 @@ exports[`PickerSelect renders with placeholder 1`] = `
178
178
  "children": null,
179
179
  "props": {
180
180
  "color": undefined,
181
- "label": "Red",
182
- "value": "red",
181
+ "label": "Option 1",
182
+ "value": "1",
183
183
  },
184
184
  "type": "Picker.Item",
185
185
  },
@@ -188,8 +188,8 @@ exports[`PickerSelect renders with placeholder 1`] = `
188
188
  "children": null,
189
189
  "props": {
190
190
  "color": undefined,
191
- "label": "Green",
192
- "value": "green",
191
+ "label": "Option 2",
192
+ "value": "2",
193
193
  },
194
194
  "type": "Picker.Item",
195
195
  },
@@ -198,15 +198,802 @@ exports[`PickerSelect renders with placeholder 1`] = `
198
198
  "children": null,
199
199
  "props": {
200
200
  "color": undefined,
201
- "label": "Blue",
202
- "value": "blue",
201
+ "label": "Option 3",
202
+ "value": "3",
203
203
  },
204
204
  "type": "Picker.Item",
205
205
  },
206
206
  ],
207
207
  "props": {
208
208
  "onValueChange": [Function],
209
- "selectedValue": null,
209
+ "selectedValue": "",
210
+ "testID": "ios_picker",
211
+ },
212
+ "type": "Picker",
213
+ },
214
+ ],
215
+ "props": {
216
+ "style": [
217
+ {
218
+ "backgroundColor": "#d0d4da",
219
+ "justifyContent": "center",
220
+ },
221
+ {
222
+ "height": 215,
223
+ },
224
+ ],
225
+ "testID": undefined,
226
+ },
227
+ "type": "View",
228
+ },
229
+ ],
230
+ "props": {
231
+ "animationType": undefined,
232
+ "onOrientationChange": [Function],
233
+ "supportedOrientations": [
234
+ "portrait",
235
+ "landscape",
236
+ ],
237
+ "testID": "ios_modal",
238
+ "transparent": true,
239
+ "visible": false,
240
+ },
241
+ "type": "Modal",
242
+ },
243
+ ],
244
+ "props": {
245
+ "style": [
246
+ {
247
+ "alignItems": "center",
248
+ "alignSelf": "stretch",
249
+ "borderRadius": 4,
250
+ "borderWidth": 1,
251
+ "flexDirection": "row",
252
+ "justifyContent": "center",
253
+ "minHeight": 40,
254
+ "width": "100%",
255
+ },
256
+ {
257
+ "backgroundColor": "#FFFFFF",
258
+ "borderColor": "#9A9A9A",
259
+ },
260
+ false,
261
+ ],
262
+ "testID": undefined,
263
+ },
264
+ "type": "View",
265
+ }
266
+ `;
267
+
268
+ exports[`PickerSelect renders with selected value 1`] = `
269
+ {
270
+ "$$typeof": Symbol(react.test.json),
271
+ "children": [
272
+ {
273
+ "$$typeof": Symbol(react.test.json),
274
+ "children": [
275
+ {
276
+ "$$typeof": Symbol(react.test.json),
277
+ "children": [
278
+ {
279
+ "$$typeof": Symbol(react.test.json),
280
+ "children": null,
281
+ "props": {
282
+ "readOnly": true,
283
+ "style": {
284
+ "color": "#1C1C1C",
285
+ },
286
+ "testID": "text_input",
287
+ "value": "Option 2",
288
+ },
289
+ "type": "TextInput",
290
+ },
291
+ {
292
+ "$$typeof": Symbol(react.test.json),
293
+ "children": null,
294
+ "props": {
295
+ "style": {
296
+ "pointerEvents": "none",
297
+ },
298
+ "testID": "icon_container",
299
+ },
300
+ "type": "View",
301
+ },
302
+ ],
303
+ "props": {
304
+ "style": {
305
+ "flexDirection": "row",
306
+ "justifyContent": "space-between",
307
+ "pointerEvents": "box-only",
308
+ "width": "100%",
309
+ },
310
+ "testID": undefined,
311
+ },
312
+ "type": "View",
313
+ },
314
+ ],
315
+ "props": {
316
+ "activeOpacity": 1,
317
+ "onPress": [Function],
318
+ "style": {
319
+ "alignItems": "center",
320
+ "flexDirection": "row",
321
+ "justifyContent": "center",
322
+ "minHeight": 40,
323
+ "width": "95%",
324
+ },
325
+ "testID": "ios_touchable_wrapper",
326
+ },
327
+ "type": "Pressable",
328
+ },
329
+ {
330
+ "$$typeof": Symbol(react.test.json),
331
+ "children": [
332
+ {
333
+ "$$typeof": Symbol(react.test.json),
334
+ "children": null,
335
+ "props": {
336
+ "aria-role": "button",
337
+ "onPress": [Function],
338
+ "style": {
339
+ "flex": 1,
340
+ },
341
+ "testID": "ios_modal_top",
342
+ },
343
+ "type": "Pressable",
344
+ },
345
+ {
346
+ "$$typeof": Symbol(react.test.json),
347
+ "children": [
348
+ {
349
+ "$$typeof": Symbol(react.test.json),
350
+ "children": null,
351
+ "props": {
352
+ "style": {
353
+ "flexDirection": "row",
354
+ },
355
+ "testID": undefined,
356
+ },
357
+ "type": "View",
358
+ },
359
+ {
360
+ "$$typeof": Symbol(react.test.json),
361
+ "children": [
362
+ {
363
+ "$$typeof": Symbol(react.test.json),
364
+ "children": [
365
+ {
366
+ "$$typeof": Symbol(react.test.json),
367
+ "children": [
368
+ "Done",
369
+ ],
370
+ "props": {
371
+ "allowFontScaling": false,
372
+ "style": [
373
+ {
374
+ "color": "#007aff",
375
+ "fontSize": 17,
376
+ "fontWeight": "600",
377
+ "paddingRight": 11,
378
+ "paddingTop": 1,
379
+ },
380
+ {},
381
+ ],
382
+ "testID": "done_text",
383
+ },
384
+ "type": "Text",
385
+ },
386
+ ],
387
+ "props": {
388
+ "style": undefined,
389
+ "testID": "needed_for_touchable",
390
+ },
391
+ "type": "View",
392
+ },
393
+ ],
394
+ "props": {
395
+ "hitSlop": {
396
+ "bottom": 4,
397
+ "left": 4,
398
+ "right": 4,
399
+ "top": 4,
400
+ },
401
+ "onPress": [Function],
402
+ "onPressIn": [Function],
403
+ "onPressOut": [Function],
404
+ "testID": "done_button",
405
+ },
406
+ "type": "Pressable",
407
+ },
408
+ ],
409
+ "props": {
410
+ "style": {
411
+ "alignItems": "center",
412
+ "backgroundColor": "#f8f8f8",
413
+ "borderTopColor": "#dedede",
414
+ "borderTopWidth": 1,
415
+ "flexDirection": "row",
416
+ "height": 45,
417
+ "justifyContent": "space-between",
418
+ "paddingHorizontal": 10,
419
+ "zIndex": 2,
420
+ },
421
+ "testID": "input_accessory_view",
422
+ },
423
+ "type": "View",
424
+ },
425
+ {
426
+ "$$typeof": Symbol(react.test.json),
427
+ "children": [
428
+ {
429
+ "$$typeof": Symbol(react.test.json),
430
+ "children": [
431
+ {
432
+ "$$typeof": Symbol(react.test.json),
433
+ "children": null,
434
+ "props": {
435
+ "color": undefined,
436
+ "label": "Select an option",
437
+ "value": "",
438
+ },
439
+ "type": "Picker.Item",
440
+ },
441
+ {
442
+ "$$typeof": Symbol(react.test.json),
443
+ "children": null,
444
+ "props": {
445
+ "color": undefined,
446
+ "label": "Option 1",
447
+ "value": "1",
448
+ },
449
+ "type": "Picker.Item",
450
+ },
451
+ {
452
+ "$$typeof": Symbol(react.test.json),
453
+ "children": null,
454
+ "props": {
455
+ "color": undefined,
456
+ "label": "Option 2",
457
+ "value": "2",
458
+ },
459
+ "type": "Picker.Item",
460
+ },
461
+ {
462
+ "$$typeof": Symbol(react.test.json),
463
+ "children": null,
464
+ "props": {
465
+ "color": undefined,
466
+ "label": "Option 3",
467
+ "value": "3",
468
+ },
469
+ "type": "Picker.Item",
470
+ },
471
+ ],
472
+ "props": {
473
+ "onValueChange": [Function],
474
+ "selectedValue": "2",
475
+ "testID": "ios_picker",
476
+ },
477
+ "type": "Picker",
478
+ },
479
+ ],
480
+ "props": {
481
+ "style": [
482
+ {
483
+ "backgroundColor": "#d0d4da",
484
+ "justifyContent": "center",
485
+ },
486
+ {
487
+ "height": 215,
488
+ },
489
+ ],
490
+ "testID": undefined,
491
+ },
492
+ "type": "View",
493
+ },
494
+ ],
495
+ "props": {
496
+ "animationType": undefined,
497
+ "onOrientationChange": [Function],
498
+ "supportedOrientations": [
499
+ "portrait",
500
+ "landscape",
501
+ ],
502
+ "testID": "ios_modal",
503
+ "transparent": true,
504
+ "visible": false,
505
+ },
506
+ "type": "Modal",
507
+ },
508
+ ],
509
+ "props": {
510
+ "style": [
511
+ {
512
+ "alignItems": "center",
513
+ "alignSelf": "stretch",
514
+ "borderRadius": 4,
515
+ "borderWidth": 1,
516
+ "flexDirection": "row",
517
+ "justifyContent": "center",
518
+ "minHeight": 40,
519
+ "width": "100%",
520
+ },
521
+ {
522
+ "backgroundColor": "#FFFFFF",
523
+ "borderColor": "#9A9A9A",
524
+ },
525
+ false,
526
+ ],
527
+ "testID": undefined,
528
+ },
529
+ "type": "View",
530
+ }
531
+ `;
532
+
533
+ exports[`PickerSelect renders disabled state 1`] = `
534
+ {
535
+ "$$typeof": Symbol(react.test.json),
536
+ "children": [
537
+ {
538
+ "$$typeof": Symbol(react.test.json),
539
+ "children": [
540
+ {
541
+ "$$typeof": Symbol(react.test.json),
542
+ "children": [
543
+ {
544
+ "$$typeof": Symbol(react.test.json),
545
+ "children": null,
546
+ "props": {
547
+ "readOnly": true,
548
+ "style": {
549
+ "color": "#686868",
550
+ },
551
+ "testID": "text_input",
552
+ "value": "Select an option",
553
+ },
554
+ "type": "TextInput",
555
+ },
556
+ {
557
+ "$$typeof": Symbol(react.test.json),
558
+ "children": null,
559
+ "props": {
560
+ "style": {
561
+ "pointerEvents": "none",
562
+ },
563
+ "testID": "icon_container",
564
+ },
565
+ "type": "View",
566
+ },
567
+ ],
568
+ "props": {
569
+ "style": {
570
+ "flexDirection": "row",
571
+ "justifyContent": "space-between",
572
+ "pointerEvents": "box-only",
573
+ "width": "100%",
574
+ },
575
+ "testID": undefined,
576
+ },
577
+ "type": "View",
578
+ },
579
+ ],
580
+ "props": {
581
+ "activeOpacity": 1,
582
+ "onPress": [Function],
583
+ "style": {
584
+ "alignItems": "center",
585
+ "flexDirection": "row",
586
+ "justifyContent": "center",
587
+ "minHeight": 40,
588
+ "width": "95%",
589
+ },
590
+ "testID": "ios_touchable_wrapper",
591
+ },
592
+ "type": "Pressable",
593
+ },
594
+ {
595
+ "$$typeof": Symbol(react.test.json),
596
+ "children": [
597
+ {
598
+ "$$typeof": Symbol(react.test.json),
599
+ "children": null,
600
+ "props": {
601
+ "aria-role": "button",
602
+ "onPress": [Function],
603
+ "style": {
604
+ "flex": 1,
605
+ },
606
+ "testID": "ios_modal_top",
607
+ },
608
+ "type": "Pressable",
609
+ },
610
+ {
611
+ "$$typeof": Symbol(react.test.json),
612
+ "children": [
613
+ {
614
+ "$$typeof": Symbol(react.test.json),
615
+ "children": null,
616
+ "props": {
617
+ "style": {
618
+ "flexDirection": "row",
619
+ },
620
+ "testID": undefined,
621
+ },
622
+ "type": "View",
623
+ },
624
+ {
625
+ "$$typeof": Symbol(react.test.json),
626
+ "children": [
627
+ {
628
+ "$$typeof": Symbol(react.test.json),
629
+ "children": [
630
+ {
631
+ "$$typeof": Symbol(react.test.json),
632
+ "children": [
633
+ "Done",
634
+ ],
635
+ "props": {
636
+ "allowFontScaling": false,
637
+ "style": [
638
+ {
639
+ "color": "#007aff",
640
+ "fontSize": 17,
641
+ "fontWeight": "600",
642
+ "paddingRight": 11,
643
+ "paddingTop": 1,
644
+ },
645
+ {},
646
+ ],
647
+ "testID": "done_text",
648
+ },
649
+ "type": "Text",
650
+ },
651
+ ],
652
+ "props": {
653
+ "style": undefined,
654
+ "testID": "needed_for_touchable",
655
+ },
656
+ "type": "View",
657
+ },
658
+ ],
659
+ "props": {
660
+ "hitSlop": {
661
+ "bottom": 4,
662
+ "left": 4,
663
+ "right": 4,
664
+ "top": 4,
665
+ },
666
+ "onPress": [Function],
667
+ "onPressIn": [Function],
668
+ "onPressOut": [Function],
669
+ "testID": "done_button",
670
+ },
671
+ "type": "Pressable",
672
+ },
673
+ ],
674
+ "props": {
675
+ "style": {
676
+ "alignItems": "center",
677
+ "backgroundColor": "#f8f8f8",
678
+ "borderTopColor": "#dedede",
679
+ "borderTopWidth": 1,
680
+ "flexDirection": "row",
681
+ "height": 45,
682
+ "justifyContent": "space-between",
683
+ "paddingHorizontal": 10,
684
+ "zIndex": 2,
685
+ },
686
+ "testID": "input_accessory_view",
687
+ },
688
+ "type": "View",
689
+ },
690
+ {
691
+ "$$typeof": Symbol(react.test.json),
692
+ "children": [
693
+ {
694
+ "$$typeof": Symbol(react.test.json),
695
+ "children": [
696
+ {
697
+ "$$typeof": Symbol(react.test.json),
698
+ "children": null,
699
+ "props": {
700
+ "color": undefined,
701
+ "label": "Select an option",
702
+ "value": "",
703
+ },
704
+ "type": "Picker.Item",
705
+ },
706
+ {
707
+ "$$typeof": Symbol(react.test.json),
708
+ "children": null,
709
+ "props": {
710
+ "color": undefined,
711
+ "label": "Option 1",
712
+ "value": "1",
713
+ },
714
+ "type": "Picker.Item",
715
+ },
716
+ {
717
+ "$$typeof": Symbol(react.test.json),
718
+ "children": null,
719
+ "props": {
720
+ "color": undefined,
721
+ "label": "Option 2",
722
+ "value": "2",
723
+ },
724
+ "type": "Picker.Item",
725
+ },
726
+ {
727
+ "$$typeof": Symbol(react.test.json),
728
+ "children": null,
729
+ "props": {
730
+ "color": undefined,
731
+ "label": "Option 3",
732
+ "value": "3",
733
+ },
734
+ "type": "Picker.Item",
735
+ },
736
+ ],
737
+ "props": {
738
+ "onValueChange": [Function],
739
+ "selectedValue": "",
740
+ "testID": "ios_picker",
741
+ },
742
+ "type": "Picker",
743
+ },
744
+ ],
745
+ "props": {
746
+ "style": [
747
+ {
748
+ "backgroundColor": "#d0d4da",
749
+ "justifyContent": "center",
750
+ },
751
+ {
752
+ "height": 215,
753
+ },
754
+ ],
755
+ "testID": undefined,
756
+ },
757
+ "type": "View",
758
+ },
759
+ ],
760
+ "props": {
761
+ "animationType": undefined,
762
+ "onOrientationChange": [Function],
763
+ "supportedOrientations": [
764
+ "portrait",
765
+ "landscape",
766
+ ],
767
+ "testID": "ios_modal",
768
+ "transparent": true,
769
+ "visible": false,
770
+ },
771
+ "type": "Modal",
772
+ },
773
+ ],
774
+ "props": {
775
+ "style": [
776
+ {
777
+ "alignItems": "center",
778
+ "alignSelf": "stretch",
779
+ "borderRadius": 4,
780
+ "borderWidth": 1,
781
+ "flexDirection": "row",
782
+ "justifyContent": "center",
783
+ "minHeight": 40,
784
+ "width": "100%",
785
+ },
786
+ {
787
+ "backgroundColor": "#FFFFFF",
788
+ "borderColor": "#9A9A9A",
789
+ },
790
+ {
791
+ "backgroundColor": "#D9D9D9",
792
+ },
793
+ ],
794
+ "testID": undefined,
795
+ },
796
+ "type": "View",
797
+ }
798
+ `;
799
+
800
+ exports[`PickerSelect renders without placeholder when placeholder is empty object 1`] = `
801
+ {
802
+ "$$typeof": Symbol(react.test.json),
803
+ "children": [
804
+ {
805
+ "$$typeof": Symbol(react.test.json),
806
+ "children": [
807
+ {
808
+ "$$typeof": Symbol(react.test.json),
809
+ "children": [
810
+ {
811
+ "$$typeof": Symbol(react.test.json),
812
+ "children": null,
813
+ "props": {
814
+ "readOnly": true,
815
+ "style": {
816
+ "color": "#1C1C1C",
817
+ },
818
+ "testID": "text_input",
819
+ "value": "Option 1",
820
+ },
821
+ "type": "TextInput",
822
+ },
823
+ {
824
+ "$$typeof": Symbol(react.test.json),
825
+ "children": null,
826
+ "props": {
827
+ "style": {
828
+ "pointerEvents": "none",
829
+ },
830
+ "testID": "icon_container",
831
+ },
832
+ "type": "View",
833
+ },
834
+ ],
835
+ "props": {
836
+ "style": {
837
+ "flexDirection": "row",
838
+ "justifyContent": "space-between",
839
+ "pointerEvents": "box-only",
840
+ "width": "100%",
841
+ },
842
+ "testID": undefined,
843
+ },
844
+ "type": "View",
845
+ },
846
+ ],
847
+ "props": {
848
+ "activeOpacity": 1,
849
+ "onPress": [Function],
850
+ "style": {
851
+ "alignItems": "center",
852
+ "flexDirection": "row",
853
+ "justifyContent": "center",
854
+ "minHeight": 40,
855
+ "width": "95%",
856
+ },
857
+ "testID": "ios_touchable_wrapper",
858
+ },
859
+ "type": "Pressable",
860
+ },
861
+ {
862
+ "$$typeof": Symbol(react.test.json),
863
+ "children": [
864
+ {
865
+ "$$typeof": Symbol(react.test.json),
866
+ "children": null,
867
+ "props": {
868
+ "aria-role": "button",
869
+ "onPress": [Function],
870
+ "style": {
871
+ "flex": 1,
872
+ },
873
+ "testID": "ios_modal_top",
874
+ },
875
+ "type": "Pressable",
876
+ },
877
+ {
878
+ "$$typeof": Symbol(react.test.json),
879
+ "children": [
880
+ {
881
+ "$$typeof": Symbol(react.test.json),
882
+ "children": null,
883
+ "props": {
884
+ "style": {
885
+ "flexDirection": "row",
886
+ },
887
+ "testID": undefined,
888
+ },
889
+ "type": "View",
890
+ },
891
+ {
892
+ "$$typeof": Symbol(react.test.json),
893
+ "children": [
894
+ {
895
+ "$$typeof": Symbol(react.test.json),
896
+ "children": [
897
+ {
898
+ "$$typeof": Symbol(react.test.json),
899
+ "children": [
900
+ "Done",
901
+ ],
902
+ "props": {
903
+ "allowFontScaling": false,
904
+ "style": [
905
+ {
906
+ "color": "#007aff",
907
+ "fontSize": 17,
908
+ "fontWeight": "600",
909
+ "paddingRight": 11,
910
+ "paddingTop": 1,
911
+ },
912
+ {},
913
+ ],
914
+ "testID": "done_text",
915
+ },
916
+ "type": "Text",
917
+ },
918
+ ],
919
+ "props": {
920
+ "style": undefined,
921
+ "testID": "needed_for_touchable",
922
+ },
923
+ "type": "View",
924
+ },
925
+ ],
926
+ "props": {
927
+ "hitSlop": {
928
+ "bottom": 4,
929
+ "left": 4,
930
+ "right": 4,
931
+ "top": 4,
932
+ },
933
+ "onPress": [Function],
934
+ "onPressIn": [Function],
935
+ "onPressOut": [Function],
936
+ "testID": "done_button",
937
+ },
938
+ "type": "Pressable",
939
+ },
940
+ ],
941
+ "props": {
942
+ "style": {
943
+ "alignItems": "center",
944
+ "backgroundColor": "#f8f8f8",
945
+ "borderTopColor": "#dedede",
946
+ "borderTopWidth": 1,
947
+ "flexDirection": "row",
948
+ "height": 45,
949
+ "justifyContent": "space-between",
950
+ "paddingHorizontal": 10,
951
+ "zIndex": 2,
952
+ },
953
+ "testID": "input_accessory_view",
954
+ },
955
+ "type": "View",
956
+ },
957
+ {
958
+ "$$typeof": Symbol(react.test.json),
959
+ "children": [
960
+ {
961
+ "$$typeof": Symbol(react.test.json),
962
+ "children": [
963
+ {
964
+ "$$typeof": Symbol(react.test.json),
965
+ "children": null,
966
+ "props": {
967
+ "color": undefined,
968
+ "label": "Option 1",
969
+ "value": "1",
970
+ },
971
+ "type": "Picker.Item",
972
+ },
973
+ {
974
+ "$$typeof": Symbol(react.test.json),
975
+ "children": null,
976
+ "props": {
977
+ "color": undefined,
978
+ "label": "Option 2",
979
+ "value": "2",
980
+ },
981
+ "type": "Picker.Item",
982
+ },
983
+ {
984
+ "$$typeof": Symbol(react.test.json),
985
+ "children": null,
986
+ "props": {
987
+ "color": undefined,
988
+ "label": "Option 3",
989
+ "value": "3",
990
+ },
991
+ "type": "Picker.Item",
992
+ },
993
+ ],
994
+ "props": {
995
+ "onValueChange": [Function],
996
+ "selectedValue": "1",
210
997
  "testID": "ios_picker",
211
998
  },
212
999
  "type": "Picker",