@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.
Files changed (74) hide show
  1. package/dist/Banner.js +7 -5
  2. package/dist/Banner.js.map +1 -1
  3. package/dist/Common.d.ts +3 -1
  4. package/dist/Common.js.map +1 -1
  5. package/dist/TextFieldNumberActionSheet.d.ts +1 -1
  6. package/dist/Toast.d.ts +1 -1
  7. package/dist/Toast.js +2 -2
  8. package/dist/Toast.js.map +1 -1
  9. package/dist/index.d.ts +2 -2
  10. package/package.json +2 -1
  11. package/src/ActionSheet.test.tsx +262 -3
  12. package/src/AddressField.test.tsx +50 -0
  13. package/src/Banner.test.tsx +65 -0
  14. package/src/Banner.tsx +7 -5
  15. package/src/Box.test.tsx +218 -0
  16. package/src/Button.test.tsx +71 -0
  17. package/src/Common.ts +3 -1
  18. package/src/ConsentFormScreen.test.tsx +167 -0
  19. package/src/ConsentNavigator.test.tsx +206 -0
  20. package/src/DecimalRangeActionSheet.test.tsx +53 -2
  21. package/src/EmailField.test.tsx +81 -0
  22. package/src/EmojiSelector.test.tsx +262 -1
  23. package/src/HeightActionSheet.test.tsx +57 -2
  24. package/src/InfoModalIcon.test.tsx +16 -0
  25. package/src/InfoTooltipButton.test.tsx +53 -1
  26. package/src/MobileAddressAutoComplete.test.tsx +137 -7
  27. package/src/Modal.test.tsx +188 -0
  28. package/src/NumberPickerActionSheet.test.tsx +59 -2
  29. package/src/Page.test.tsx +162 -1
  30. package/src/Pagination.test.tsx +16 -0
  31. package/src/PhoneNumberField.test.tsx +46 -9
  32. package/src/PickerSelect.test.tsx +230 -0
  33. package/src/SegmentedControl.test.tsx +38 -0
  34. package/src/SelectBadge.test.tsx +52 -1
  35. package/src/SideDrawer.test.tsx +69 -0
  36. package/src/Signature.test.tsx +42 -5
  37. package/src/SignatureField.test.tsx +35 -0
  38. package/src/Slider.test.tsx +59 -0
  39. package/src/Spinner.test.tsx +6 -0
  40. package/src/SplitPage.test.tsx +228 -2
  41. package/src/TapToEdit.test.tsx +171 -1
  42. package/src/TerrenoProvider.test.tsx +42 -2
  43. package/src/TextFieldNumberActionSheet.tsx +1 -1
  44. package/src/Theme.test.tsx +118 -28
  45. package/src/Toast.test.tsx +95 -2
  46. package/src/Toast.tsx +3 -3
  47. package/src/Tooltip.test.tsx +204 -1
  48. package/src/UnifiedAddressAutoComplete.test.tsx +38 -19
  49. package/src/UserInactivity.test.tsx +73 -1
  50. package/src/Utilities.test.tsx +190 -2
  51. package/src/WebAddressAutocomplete.test.tsx +148 -1
  52. package/src/__snapshots__/ActionSheet.test.tsx.snap +1736 -0
  53. package/src/__snapshots__/Button.test.tsx.snap +68 -0
  54. package/src/__snapshots__/EmojiSelector.test.tsx.snap +1363 -0
  55. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +72 -3
  56. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +60 -9
  57. package/src/__snapshots__/Modal.test.tsx.snap +181 -0
  58. package/src/__snapshots__/Page.test.tsx.snap +48 -2
  59. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +0 -93
  60. package/src/__snapshots__/PickerSelect.test.tsx.snap +706 -0
  61. package/src/__snapshots__/SideDrawer.test.tsx.snap +533 -1399
  62. package/src/__snapshots__/Signature.test.tsx.snap +0 -3
  63. package/src/__snapshots__/SplitPage.test.tsx.snap +970 -0
  64. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +220 -4
  65. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +93 -0
  66. package/src/bunSetup.ts +204 -121
  67. package/src/index.tsx +2 -2
  68. package/src/table/TableHeaderCell.test.tsx +142 -0
  69. package/src/table/TableRow.test.tsx +33 -0
  70. package/src/table/__snapshots__/TableRow.test.tsx.snap +403 -0
  71. package/src/table/tableContext.test.tsx +96 -0
  72. package/src/test-utils.tsx +1 -1
  73. package/src/useConsentForms.test.ts +130 -0
  74. package/src/useSubmitConsent.test.ts +64 -0
package/src/__snapshots__/EmojiSelector.test.tsx.snap CHANGED
@@ -420,3 +420,1366 @@ exports[`EmojiSelector matches snapshot 1`] = `
420
420
  "type": "View",
421
421
  }
422
422
  `;
423
+
424
+ exports[`EmojiSelector renders without tabs 1`] = `
425
+ {
426
+ "$$typeof": Symbol(react.test.json),
427
+ "children": [
428
+ {
429
+ "$$typeof": Symbol(react.test.json),
430
+ "children": null,
431
+ "props": {
432
+ "style": {
433
+ "flexDirection": "row",
434
+ "maxHeight": 60,
435
+ "minHeight": 44,
436
+ },
437
+ "testID": undefined,
438
+ },
439
+ "type": "View",
440
+ },
441
+ {
442
+ "$$typeof": Symbol(react.test.json),
443
+ "children": [
444
+ {
445
+ "$$typeof": Symbol(react.test.json),
446
+ "children": [
447
+ {
448
+ "$$typeof": Symbol(react.test.json),
449
+ "children": null,
450
+ "props": {
451
+ "autoCorrect": false,
452
+ "clearButtonMode": "always",
453
+ "onChangeText": [Function],
454
+ "placeholder": "Search emojis",
455
+ "returnKeyType": "done",
456
+ "style": {
457
+ "backgroundColor": "#E5E8E9",
458
+ "borderRadius": 10,
459
+ "height": 36,
460
+ "margin": 8,
461
+ "paddingLeft": 8,
462
+ },
463
+ "underlineColorAndroid": "#007AFF",
464
+ "value": "",
465
+ },
466
+ "type": "TextInput",
467
+ },
468
+ ],
469
+ "props": {
470
+ "style": {
471
+ "backgroundColor": "rgba(255,255,255,0.75)",
472
+ "width": "100%",
473
+ "zIndex": 1,
474
+ },
475
+ "testID": undefined,
476
+ },
477
+ "type": "View",
478
+ },
479
+ {
480
+ "$$typeof": Symbol(react.test.json),
481
+ "children": [
482
+ {
483
+ "$$typeof": Symbol(react.test.json),
484
+ "children": null,
485
+ "props": {
486
+ "color": "#000000",
487
+ "size": "large",
488
+ },
489
+ "type": "ActivityIndicator",
490
+ },
491
+ ],
492
+ "props": {
493
+ "style": {
494
+ "alignItems": "center",
495
+ "flex": 1,
496
+ "justifyContent": "center",
497
+ },
498
+ "testID": undefined,
499
+ },
500
+ "type": "View",
501
+ },
502
+ ],
503
+ "props": {
504
+ "style": {
505
+ "flex": 1,
506
+ },
507
+ "testID": undefined,
508
+ },
509
+ "type": "View",
510
+ },
511
+ ],
512
+ "props": {
513
+ "onLayout": [Function],
514
+ "style": {
515
+ "flex": 1,
516
+ "width": "100%",
517
+ },
518
+ "testID": undefined,
519
+ },
520
+ "type": "View",
521
+ }
522
+ `;
523
+
524
+ exports[`EmojiSelector renders with history enabled 1`] = `
525
+ {
526
+ "$$typeof": Symbol(react.test.json),
527
+ "children": [
528
+ {
529
+ "$$typeof": Symbol(react.test.json),
530
+ "children": [
531
+ {
532
+ "$$typeof": Symbol(react.test.json),
533
+ "children": [
534
+ {
535
+ "$$typeof": Symbol(react.test.json),
536
+ "children": [
537
+ "⚾️",
538
+ ],
539
+ "props": {
540
+ "style": {
541
+ "fontSize": 18,
542
+ "paddingBottom": 8,
543
+ "textAlign": "center",
544
+ },
545
+ },
546
+ "type": "Text",
547
+ },
548
+ ],
549
+ "props": {
550
+ "onPress": [Function],
551
+ "style": {
552
+ "alignItems": "center",
553
+ "borderBottomWidth": 2,
554
+ "borderColor": "#EEEEEE",
555
+ "flex": 1,
556
+ "justifyContent": "center",
557
+ "maxHeight": 60,
558
+ "minHeight": 44,
559
+ },
560
+ },
561
+ "type": "TouchableOpacity",
562
+ },
563
+ {
564
+ "$$typeof": Symbol(react.test.json),
565
+ "children": [
566
+ {
567
+ "$$typeof": Symbol(react.test.json),
568
+ "children": [
569
+ "😀",
570
+ ],
571
+ "props": {
572
+ "style": {
573
+ "fontSize": 18,
574
+ "paddingBottom": 8,
575
+ "textAlign": "center",
576
+ },
577
+ },
578
+ "type": "Text",
579
+ },
580
+ ],
581
+ "props": {
582
+ "onPress": [Function],
583
+ "style": {
584
+ "alignItems": "center",
585
+ "borderBottomWidth": 2,
586
+ "borderColor": "#EEEEEE",
587
+ "flex": 1,
588
+ "justifyContent": "center",
589
+ "maxHeight": 60,
590
+ "minHeight": 44,
591
+ },
592
+ },
593
+ "type": "TouchableOpacity",
594
+ },
595
+ {
596
+ "$$typeof": Symbol(react.test.json),
597
+ "children": [
598
+ {
599
+ "$$typeof": Symbol(react.test.json),
600
+ "children": [
601
+ "🏳️‍🌈",
602
+ ],
603
+ "props": {
604
+ "style": {
605
+ "fontSize": 18,
606
+ "paddingBottom": 8,
607
+ "textAlign": "center",
608
+ },
609
+ },
610
+ "type": "Text",
611
+ },
612
+ ],
613
+ "props": {
614
+ "onPress": [Function],
615
+ "style": {
616
+ "alignItems": "center",
617
+ "borderBottomWidth": 2,
618
+ "borderColor": "#EEEEEE",
619
+ "flex": 1,
620
+ "justifyContent": "center",
621
+ "maxHeight": 60,
622
+ "minHeight": 44,
623
+ },
624
+ },
625
+ "type": "TouchableOpacity",
626
+ },
627
+ {
628
+ "$$typeof": Symbol(react.test.json),
629
+ "children": [
630
+ {
631
+ "$$typeof": Symbol(react.test.json),
632
+ "children": [
633
+ "🍔",
634
+ ],
635
+ "props": {
636
+ "style": {
637
+ "fontSize": 18,
638
+ "paddingBottom": 8,
639
+ "textAlign": "center",
640
+ },
641
+ },
642
+ "type": "Text",
643
+ },
644
+ ],
645
+ "props": {
646
+ "onPress": [Function],
647
+ "style": {
648
+ "alignItems": "center",
649
+ "borderBottomWidth": 2,
650
+ "borderColor": "#EEEEEE",
651
+ "flex": 1,
652
+ "justifyContent": "center",
653
+ "maxHeight": 60,
654
+ "minHeight": 44,
655
+ },
656
+ },
657
+ "type": "TouchableOpacity",
658
+ },
659
+ {
660
+ "$$typeof": Symbol(react.test.json),
661
+ "children": [
662
+ {
663
+ "$$typeof": Symbol(react.test.json),
664
+ "children": [
665
+ "🕘",
666
+ ],
667
+ "props": {
668
+ "style": {
669
+ "fontSize": 18,
670
+ "paddingBottom": 8,
671
+ "textAlign": "center",
672
+ },
673
+ },
674
+ "type": "Text",
675
+ },
676
+ ],
677
+ "props": {
678
+ "onPress": [Function],
679
+ "style": {
680
+ "alignItems": "center",
681
+ "borderBottomWidth": 2,
682
+ "borderColor": "#EEEEEE",
683
+ "flex": 1,
684
+ "justifyContent": "center",
685
+ "maxHeight": 60,
686
+ "minHeight": 44,
687
+ },
688
+ },
689
+ "type": "TouchableOpacity",
690
+ },
691
+ {
692
+ "$$typeof": Symbol(react.test.json),
693
+ "children": [
694
+ {
695
+ "$$typeof": Symbol(react.test.json),
696
+ "children": [
697
+ "🦄",
698
+ ],
699
+ "props": {
700
+ "style": {
701
+ "fontSize": 18,
702
+ "paddingBottom": 8,
703
+ "textAlign": "center",
704
+ },
705
+ },
706
+ "type": "Text",
707
+ },
708
+ ],
709
+ "props": {
710
+ "onPress": [Function],
711
+ "style": {
712
+ "alignItems": "center",
713
+ "borderBottomWidth": 2,
714
+ "borderColor": "#EEEEEE",
715
+ "flex": 1,
716
+ "justifyContent": "center",
717
+ "maxHeight": 60,
718
+ "minHeight": 44,
719
+ },
720
+ },
721
+ "type": "TouchableOpacity",
722
+ },
723
+ {
724
+ "$$typeof": Symbol(react.test.json),
725
+ "children": [
726
+ {
727
+ "$$typeof": Symbol(react.test.json),
728
+ "children": [
729
+ "💡",
730
+ ],
731
+ "props": {
732
+ "style": {
733
+ "fontSize": 18,
734
+ "paddingBottom": 8,
735
+ "textAlign": "center",
736
+ },
737
+ },
738
+ "type": "Text",
739
+ },
740
+ ],
741
+ "props": {
742
+ "onPress": [Function],
743
+ "style": {
744
+ "alignItems": "center",
745
+ "borderBottomWidth": 2,
746
+ "borderColor": "#EEEEEE",
747
+ "flex": 1,
748
+ "justifyContent": "center",
749
+ "maxHeight": 60,
750
+ "minHeight": 44,
751
+ },
752
+ },
753
+ "type": "TouchableOpacity",
754
+ },
755
+ {
756
+ "$$typeof": Symbol(react.test.json),
757
+ "children": [
758
+ {
759
+ "$$typeof": Symbol(react.test.json),
760
+ "children": [
761
+ "🧑",
762
+ ],
763
+ "props": {
764
+ "style": {
765
+ "fontSize": 18,
766
+ "paddingBottom": 8,
767
+ "textAlign": "center",
768
+ },
769
+ },
770
+ "type": "Text",
771
+ },
772
+ ],
773
+ "props": {
774
+ "onPress": [Function],
775
+ "style": {
776
+ "alignItems": "center",
777
+ "borderBottomWidth": 2,
778
+ "borderColor": "#007AFF",
779
+ "flex": 1,
780
+ "justifyContent": "center",
781
+ "maxHeight": 60,
782
+ "minHeight": 44,
783
+ },
784
+ },
785
+ "type": "TouchableOpacity",
786
+ },
787
+ {
788
+ "$$typeof": Symbol(react.test.json),
789
+ "children": [
790
+ {
791
+ "$$typeof": Symbol(react.test.json),
792
+ "children": [
793
+ "✈️",
794
+ ],
795
+ "props": {
796
+ "style": {
797
+ "fontSize": 18,
798
+ "paddingBottom": 8,
799
+ "textAlign": "center",
800
+ },
801
+ },
802
+ "type": "Text",
803
+ },
804
+ ],
805
+ "props": {
806
+ "onPress": [Function],
807
+ "style": {
808
+ "alignItems": "center",
809
+ "borderBottomWidth": 2,
810
+ "borderColor": "#EEEEEE",
811
+ "flex": 1,
812
+ "justifyContent": "center",
813
+ "maxHeight": 60,
814
+ "minHeight": 44,
815
+ },
816
+ },
817
+ "type": "TouchableOpacity",
818
+ },
819
+ {
820
+ "$$typeof": Symbol(react.test.json),
821
+ "children": [
822
+ {
823
+ "$$typeof": Symbol(react.test.json),
824
+ "children": [
825
+ "🔣",
826
+ ],
827
+ "props": {
828
+ "style": {
829
+ "fontSize": 18,
830
+ "paddingBottom": 8,
831
+ "textAlign": "center",
832
+ },
833
+ },
834
+ "type": "Text",
835
+ },
836
+ ],
837
+ "props": {
838
+ "onPress": [Function],
839
+ "style": {
840
+ "alignItems": "center",
841
+ "borderBottomWidth": 2,
842
+ "borderColor": "#EEEEEE",
843
+ "flex": 1,
844
+ "justifyContent": "center",
845
+ "maxHeight": 60,
846
+ "minHeight": 44,
847
+ },
848
+ },
849
+ "type": "TouchableOpacity",
850
+ },
851
+ ],
852
+ "props": {
853
+ "style": {
854
+ "flexDirection": "row",
855
+ "maxHeight": 60,
856
+ "minHeight": 44,
857
+ },
858
+ "testID": undefined,
859
+ },
860
+ "type": "View",
861
+ },
862
+ {
863
+ "$$typeof": Symbol(react.test.json),
864
+ "children": [
865
+ {
866
+ "$$typeof": Symbol(react.test.json),
867
+ "children": [
868
+ {
869
+ "$$typeof": Symbol(react.test.json),
870
+ "children": null,
871
+ "props": {
872
+ "autoCorrect": false,
873
+ "clearButtonMode": "always",
874
+ "onChangeText": [Function],
875
+ "placeholder": "Search emojis",
876
+ "returnKeyType": "done",
877
+ "style": {
878
+ "backgroundColor": "#E5E8E9",
879
+ "borderRadius": 10,
880
+ "height": 36,
881
+ "margin": 8,
882
+ "paddingLeft": 8,
883
+ },
884
+ "underlineColorAndroid": "#007AFF",
885
+ "value": "",
886
+ },
887
+ "type": "TextInput",
888
+ },
889
+ ],
890
+ "props": {
891
+ "style": {
892
+ "backgroundColor": "rgba(255,255,255,0.75)",
893
+ "width": "100%",
894
+ "zIndex": 1,
895
+ },
896
+ "testID": undefined,
897
+ },
898
+ "type": "View",
899
+ },
900
+ {
901
+ "$$typeof": Symbol(react.test.json),
902
+ "children": [
903
+ {
904
+ "$$typeof": Symbol(react.test.json),
905
+ "children": null,
906
+ "props": {
907
+ "color": "#000000",
908
+ "size": "large",
909
+ },
910
+ "type": "ActivityIndicator",
911
+ },
912
+ ],
913
+ "props": {
914
+ "style": {
915
+ "alignItems": "center",
916
+ "flex": 1,
917
+ "justifyContent": "center",
918
+ },
919
+ "testID": undefined,
920
+ },
921
+ "type": "View",
922
+ },
923
+ ],
924
+ "props": {
925
+ "style": {
926
+ "flex": 1,
927
+ },
928
+ "testID": undefined,
929
+ },
930
+ "type": "View",
931
+ },
932
+ ],
933
+ "props": {
934
+ "onLayout": [Function],
935
+ "style": {
936
+ "flex": 1,
937
+ "width": "100%",
938
+ },
939
+ "testID": undefined,
940
+ },
941
+ "type": "View",
942
+ }
943
+ `;
944
+
945
+ exports[`EmojiSelector renders with all category and shouldInclude filter 1`] = `
946
+ {
947
+ "$$typeof": Symbol(react.test.json),
948
+ "children": [
949
+ {
950
+ "$$typeof": Symbol(react.test.json),
951
+ "children": [
952
+ {
953
+ "$$typeof": Symbol(react.test.json),
954
+ "children": [
955
+ {
956
+ "$$typeof": Symbol(react.test.json),
957
+ "children": [
958
+ "⚾️",
959
+ ],
960
+ "props": {
961
+ "style": {
962
+ "fontSize": 18,
963
+ "paddingBottom": 8,
964
+ "textAlign": "center",
965
+ },
966
+ },
967
+ "type": "Text",
968
+ },
969
+ ],
970
+ "props": {
971
+ "onPress": [Function],
972
+ "style": {
973
+ "alignItems": "center",
974
+ "borderBottomWidth": 2,
975
+ "borderColor": "#EEEEEE",
976
+ "flex": 1,
977
+ "justifyContent": "center",
978
+ "maxHeight": 60,
979
+ "minHeight": 44,
980
+ },
981
+ },
982
+ "type": "TouchableOpacity",
983
+ },
984
+ {
985
+ "$$typeof": Symbol(react.test.json),
986
+ "children": [
987
+ {
988
+ "$$typeof": Symbol(react.test.json),
989
+ "children": [
990
+ "😀",
991
+ ],
992
+ "props": {
993
+ "style": {
994
+ "fontSize": 18,
995
+ "paddingBottom": 8,
996
+ "textAlign": "center",
997
+ },
998
+ },
999
+ "type": "Text",
1000
+ },
1001
+ ],
1002
+ "props": {
1003
+ "onPress": [Function],
1004
+ "style": {
1005
+ "alignItems": "center",
1006
+ "borderBottomWidth": 2,
1007
+ "borderColor": "#EEEEEE",
1008
+ "flex": 1,
1009
+ "justifyContent": "center",
1010
+ "maxHeight": 60,
1011
+ "minHeight": 44,
1012
+ },
1013
+ },
1014
+ "type": "TouchableOpacity",
1015
+ },
1016
+ {
1017
+ "$$typeof": Symbol(react.test.json),
1018
+ "children": [
1019
+ {
1020
+ "$$typeof": Symbol(react.test.json),
1021
+ "children": [
1022
+ "🏳️‍🌈",
1023
+ ],
1024
+ "props": {
1025
+ "style": {
1026
+ "fontSize": 18,
1027
+ "paddingBottom": 8,
1028
+ "textAlign": "center",
1029
+ },
1030
+ },
1031
+ "type": "Text",
1032
+ },
1033
+ ],
1034
+ "props": {
1035
+ "onPress": [Function],
1036
+ "style": {
1037
+ "alignItems": "center",
1038
+ "borderBottomWidth": 2,
1039
+ "borderColor": "#EEEEEE",
1040
+ "flex": 1,
1041
+ "justifyContent": "center",
1042
+ "maxHeight": 60,
1043
+ "minHeight": 44,
1044
+ },
1045
+ },
1046
+ "type": "TouchableOpacity",
1047
+ },
1048
+ {
1049
+ "$$typeof": Symbol(react.test.json),
1050
+ "children": [
1051
+ {
1052
+ "$$typeof": Symbol(react.test.json),
1053
+ "children": [
1054
+ "🍔",
1055
+ ],
1056
+ "props": {
1057
+ "style": {
1058
+ "fontSize": 18,
1059
+ "paddingBottom": 8,
1060
+ "textAlign": "center",
1061
+ },
1062
+ },
1063
+ "type": "Text",
1064
+ },
1065
+ ],
1066
+ "props": {
1067
+ "onPress": [Function],
1068
+ "style": {
1069
+ "alignItems": "center",
1070
+ "borderBottomWidth": 2,
1071
+ "borderColor": "#EEEEEE",
1072
+ "flex": 1,
1073
+ "justifyContent": "center",
1074
+ "maxHeight": 60,
1075
+ "minHeight": 44,
1076
+ },
1077
+ },
1078
+ "type": "TouchableOpacity",
1079
+ },
1080
+ {
1081
+ "$$typeof": Symbol(react.test.json),
1082
+ "children": [
1083
+ {
1084
+ "$$typeof": Symbol(react.test.json),
1085
+ "children": [
1086
+ "🕘",
1087
+ ],
1088
+ "props": {
1089
+ "style": {
1090
+ "fontSize": 18,
1091
+ "paddingBottom": 8,
1092
+ "textAlign": "center",
1093
+ },
1094
+ },
1095
+ "type": "Text",
1096
+ },
1097
+ ],
1098
+ "props": {
1099
+ "onPress": [Function],
1100
+ "style": {
1101
+ "alignItems": "center",
1102
+ "borderBottomWidth": 2,
1103
+ "borderColor": "#EEEEEE",
1104
+ "flex": 1,
1105
+ "justifyContent": "center",
1106
+ "maxHeight": 60,
1107
+ "minHeight": 44,
1108
+ },
1109
+ },
1110
+ "type": "TouchableOpacity",
1111
+ },
1112
+ {
1113
+ "$$typeof": Symbol(react.test.json),
1114
+ "children": [
1115
+ {
1116
+ "$$typeof": Symbol(react.test.json),
1117
+ "children": [
1118
+ "🦄",
1119
+ ],
1120
+ "props": {
1121
+ "style": {
1122
+ "fontSize": 18,
1123
+ "paddingBottom": 8,
1124
+ "textAlign": "center",
1125
+ },
1126
+ },
1127
+ "type": "Text",
1128
+ },
1129
+ ],
1130
+ "props": {
1131
+ "onPress": [Function],
1132
+ "style": {
1133
+ "alignItems": "center",
1134
+ "borderBottomWidth": 2,
1135
+ "borderColor": "#EEEEEE",
1136
+ "flex": 1,
1137
+ "justifyContent": "center",
1138
+ "maxHeight": 60,
1139
+ "minHeight": 44,
1140
+ },
1141
+ },
1142
+ "type": "TouchableOpacity",
1143
+ },
1144
+ {
1145
+ "$$typeof": Symbol(react.test.json),
1146
+ "children": [
1147
+ {
1148
+ "$$typeof": Symbol(react.test.json),
1149
+ "children": [
1150
+ "💡",
1151
+ ],
1152
+ "props": {
1153
+ "style": {
1154
+ "fontSize": 18,
1155
+ "paddingBottom": 8,
1156
+ "textAlign": "center",
1157
+ },
1158
+ },
1159
+ "type": "Text",
1160
+ },
1161
+ ],
1162
+ "props": {
1163
+ "onPress": [Function],
1164
+ "style": {
1165
+ "alignItems": "center",
1166
+ "borderBottomWidth": 2,
1167
+ "borderColor": "#EEEEEE",
1168
+ "flex": 1,
1169
+ "justifyContent": "center",
1170
+ "maxHeight": 60,
1171
+ "minHeight": 44,
1172
+ },
1173
+ },
1174
+ "type": "TouchableOpacity",
1175
+ },
1176
+ {
1177
+ "$$typeof": Symbol(react.test.json),
1178
+ "children": [
1179
+ {
1180
+ "$$typeof": Symbol(react.test.json),
1181
+ "children": [
1182
+ "🧑",
1183
+ ],
1184
+ "props": {
1185
+ "style": {
1186
+ "fontSize": 18,
1187
+ "paddingBottom": 8,
1188
+ "textAlign": "center",
1189
+ },
1190
+ },
1191
+ "type": "Text",
1192
+ },
1193
+ ],
1194
+ "props": {
1195
+ "onPress": [Function],
1196
+ "style": {
1197
+ "alignItems": "center",
1198
+ "borderBottomWidth": 2,
1199
+ "borderColor": "#EEEEEE",
1200
+ "flex": 1,
1201
+ "justifyContent": "center",
1202
+ "maxHeight": 60,
1203
+ "minHeight": 44,
1204
+ },
1205
+ },
1206
+ "type": "TouchableOpacity",
1207
+ },
1208
+ {
1209
+ "$$typeof": Symbol(react.test.json),
1210
+ "children": [
1211
+ {
1212
+ "$$typeof": Symbol(react.test.json),
1213
+ "children": [
1214
+ "✈️",
1215
+ ],
1216
+ "props": {
1217
+ "style": {
1218
+ "fontSize": 18,
1219
+ "paddingBottom": 8,
1220
+ "textAlign": "center",
1221
+ },
1222
+ },
1223
+ "type": "Text",
1224
+ },
1225
+ ],
1226
+ "props": {
1227
+ "onPress": [Function],
1228
+ "style": {
1229
+ "alignItems": "center",
1230
+ "borderBottomWidth": 2,
1231
+ "borderColor": "#EEEEEE",
1232
+ "flex": 1,
1233
+ "justifyContent": "center",
1234
+ "maxHeight": 60,
1235
+ "minHeight": 44,
1236
+ },
1237
+ },
1238
+ "type": "TouchableOpacity",
1239
+ },
1240
+ {
1241
+ "$$typeof": Symbol(react.test.json),
1242
+ "children": [
1243
+ {
1244
+ "$$typeof": Symbol(react.test.json),
1245
+ "children": [
1246
+ "🔣",
1247
+ ],
1248
+ "props": {
1249
+ "style": {
1250
+ "fontSize": 18,
1251
+ "paddingBottom": 8,
1252
+ "textAlign": "center",
1253
+ },
1254
+ },
1255
+ "type": "Text",
1256
+ },
1257
+ ],
1258
+ "props": {
1259
+ "onPress": [Function],
1260
+ "style": {
1261
+ "alignItems": "center",
1262
+ "borderBottomWidth": 2,
1263
+ "borderColor": "#EEEEEE",
1264
+ "flex": 1,
1265
+ "justifyContent": "center",
1266
+ "maxHeight": 60,
1267
+ "minHeight": 44,
1268
+ },
1269
+ },
1270
+ "type": "TouchableOpacity",
1271
+ },
1272
+ ],
1273
+ "props": {
1274
+ "style": {
1275
+ "flexDirection": "row",
1276
+ "maxHeight": 60,
1277
+ "minHeight": 44,
1278
+ },
1279
+ "testID": undefined,
1280
+ },
1281
+ "type": "View",
1282
+ },
1283
+ {
1284
+ "$$typeof": Symbol(react.test.json),
1285
+ "children": [
1286
+ {
1287
+ "$$typeof": Symbol(react.test.json),
1288
+ "children": [
1289
+ {
1290
+ "$$typeof": Symbol(react.test.json),
1291
+ "children": null,
1292
+ "props": {
1293
+ "autoCorrect": false,
1294
+ "clearButtonMode": "always",
1295
+ "onChangeText": [Function],
1296
+ "placeholder": "Search",
1297
+ "returnKeyType": "done",
1298
+ "style": {
1299
+ "backgroundColor": "#E5E8E9",
1300
+ "borderRadius": 10,
1301
+ "height": 36,
1302
+ "margin": 8,
1303
+ "paddingLeft": 8,
1304
+ },
1305
+ "underlineColorAndroid": "#007AFF",
1306
+ "value": "",
1307
+ },
1308
+ "type": "TextInput",
1309
+ },
1310
+ ],
1311
+ "props": {
1312
+ "style": {
1313
+ "backgroundColor": "rgba(255,255,255,0.75)",
1314
+ "width": "100%",
1315
+ "zIndex": 1,
1316
+ },
1317
+ "testID": undefined,
1318
+ },
1319
+ "type": "View",
1320
+ },
1321
+ {
1322
+ "$$typeof": Symbol(react.test.json),
1323
+ "children": [
1324
+ {
1325
+ "$$typeof": Symbol(react.test.json),
1326
+ "children": null,
1327
+ "props": {
1328
+ "color": "#000000",
1329
+ "size": "large",
1330
+ },
1331
+ "type": "ActivityIndicator",
1332
+ },
1333
+ ],
1334
+ "props": {
1335
+ "style": {
1336
+ "alignItems": "center",
1337
+ "flex": 1,
1338
+ "justifyContent": "center",
1339
+ },
1340
+ "testID": undefined,
1341
+ },
1342
+ "type": "View",
1343
+ },
1344
+ ],
1345
+ "props": {
1346
+ "style": {
1347
+ "flex": 1,
1348
+ },
1349
+ "testID": undefined,
1350
+ },
1351
+ "type": "View",
1352
+ },
1353
+ ],
1354
+ "props": {
1355
+ "onLayout": [Function],
1356
+ "style": {
1357
+ "flex": 1,
1358
+ "width": "100%",
1359
+ },
1360
+ "testID": undefined,
1361
+ },
1362
+ "type": "View",
1363
+ }
1364
+ `;
1365
+
1366
+ exports[`EmojiSelector renders with history category 1`] = `
1367
+ {
1368
+ "$$typeof": Symbol(react.test.json),
1369
+ "children": [
1370
+ {
1371
+ "$$typeof": Symbol(react.test.json),
1372
+ "children": [
1373
+ {
1374
+ "$$typeof": Symbol(react.test.json),
1375
+ "children": [
1376
+ {
1377
+ "$$typeof": Symbol(react.test.json),
1378
+ "children": [
1379
+ "⚾️",
1380
+ ],
1381
+ "props": {
1382
+ "style": {
1383
+ "fontSize": 18,
1384
+ "paddingBottom": 8,
1385
+ "textAlign": "center",
1386
+ },
1387
+ },
1388
+ "type": "Text",
1389
+ },
1390
+ ],
1391
+ "props": {
1392
+ "onPress": [Function],
1393
+ "style": {
1394
+ "alignItems": "center",
1395
+ "borderBottomWidth": 2,
1396
+ "borderColor": "#EEEEEE",
1397
+ "flex": 1,
1398
+ "justifyContent": "center",
1399
+ "maxHeight": 60,
1400
+ "minHeight": 44,
1401
+ },
1402
+ },
1403
+ "type": "TouchableOpacity",
1404
+ },
1405
+ {
1406
+ "$$typeof": Symbol(react.test.json),
1407
+ "children": [
1408
+ {
1409
+ "$$typeof": Symbol(react.test.json),
1410
+ "children": [
1411
+ "😀",
1412
+ ],
1413
+ "props": {
1414
+ "style": {
1415
+ "fontSize": 18,
1416
+ "paddingBottom": 8,
1417
+ "textAlign": "center",
1418
+ },
1419
+ },
1420
+ "type": "Text",
1421
+ },
1422
+ ],
1423
+ "props": {
1424
+ "onPress": [Function],
1425
+ "style": {
1426
+ "alignItems": "center",
1427
+ "borderBottomWidth": 2,
1428
+ "borderColor": "#EEEEEE",
1429
+ "flex": 1,
1430
+ "justifyContent": "center",
1431
+ "maxHeight": 60,
1432
+ "minHeight": 44,
1433
+ },
1434
+ },
1435
+ "type": "TouchableOpacity",
1436
+ },
1437
+ {
1438
+ "$$typeof": Symbol(react.test.json),
1439
+ "children": [
1440
+ {
1441
+ "$$typeof": Symbol(react.test.json),
1442
+ "children": [
1443
+ "🏳️‍🌈",
1444
+ ],
1445
+ "props": {
1446
+ "style": {
1447
+ "fontSize": 18,
1448
+ "paddingBottom": 8,
1449
+ "textAlign": "center",
1450
+ },
1451
+ },
1452
+ "type": "Text",
1453
+ },
1454
+ ],
1455
+ "props": {
1456
+ "onPress": [Function],
1457
+ "style": {
1458
+ "alignItems": "center",
1459
+ "borderBottomWidth": 2,
1460
+ "borderColor": "#EEEEEE",
1461
+ "flex": 1,
1462
+ "justifyContent": "center",
1463
+ "maxHeight": 60,
1464
+ "minHeight": 44,
1465
+ },
1466
+ },
1467
+ "type": "TouchableOpacity",
1468
+ },
1469
+ {
1470
+ "$$typeof": Symbol(react.test.json),
1471
+ "children": [
1472
+ {
1473
+ "$$typeof": Symbol(react.test.json),
1474
+ "children": [
1475
+ "🍔",
1476
+ ],
1477
+ "props": {
1478
+ "style": {
1479
+ "fontSize": 18,
1480
+ "paddingBottom": 8,
1481
+ "textAlign": "center",
1482
+ },
1483
+ },
1484
+ "type": "Text",
1485
+ },
1486
+ ],
1487
+ "props": {
1488
+ "onPress": [Function],
1489
+ "style": {
1490
+ "alignItems": "center",
1491
+ "borderBottomWidth": 2,
1492
+ "borderColor": "#EEEEEE",
1493
+ "flex": 1,
1494
+ "justifyContent": "center",
1495
+ "maxHeight": 60,
1496
+ "minHeight": 44,
1497
+ },
1498
+ },
1499
+ "type": "TouchableOpacity",
1500
+ },
1501
+ {
1502
+ "$$typeof": Symbol(react.test.json),
1503
+ "children": [
1504
+ {
1505
+ "$$typeof": Symbol(react.test.json),
1506
+ "children": [
1507
+ "🕘",
1508
+ ],
1509
+ "props": {
1510
+ "style": {
1511
+ "fontSize": 18,
1512
+ "paddingBottom": 8,
1513
+ "textAlign": "center",
1514
+ },
1515
+ },
1516
+ "type": "Text",
1517
+ },
1518
+ ],
1519
+ "props": {
1520
+ "onPress": [Function],
1521
+ "style": {
1522
+ "alignItems": "center",
1523
+ "borderBottomWidth": 2,
1524
+ "borderColor": "#007AFF",
1525
+ "flex": 1,
1526
+ "justifyContent": "center",
1527
+ "maxHeight": 60,
1528
+ "minHeight": 44,
1529
+ },
1530
+ },
1531
+ "type": "TouchableOpacity",
1532
+ },
1533
+ {
1534
+ "$$typeof": Symbol(react.test.json),
1535
+ "children": [
1536
+ {
1537
+ "$$typeof": Symbol(react.test.json),
1538
+ "children": [
1539
+ "🦄",
1540
+ ],
1541
+ "props": {
1542
+ "style": {
1543
+ "fontSize": 18,
1544
+ "paddingBottom": 8,
1545
+ "textAlign": "center",
1546
+ },
1547
+ },
1548
+ "type": "Text",
1549
+ },
1550
+ ],
1551
+ "props": {
1552
+ "onPress": [Function],
1553
+ "style": {
1554
+ "alignItems": "center",
1555
+ "borderBottomWidth": 2,
1556
+ "borderColor": "#EEEEEE",
1557
+ "flex": 1,
1558
+ "justifyContent": "center",
1559
+ "maxHeight": 60,
1560
+ "minHeight": 44,
1561
+ },
1562
+ },
1563
+ "type": "TouchableOpacity",
1564
+ },
1565
+ {
1566
+ "$$typeof": Symbol(react.test.json),
1567
+ "children": [
1568
+ {
1569
+ "$$typeof": Symbol(react.test.json),
1570
+ "children": [
1571
+ "💡",
1572
+ ],
1573
+ "props": {
1574
+ "style": {
1575
+ "fontSize": 18,
1576
+ "paddingBottom": 8,
1577
+ "textAlign": "center",
1578
+ },
1579
+ },
1580
+ "type": "Text",
1581
+ },
1582
+ ],
1583
+ "props": {
1584
+ "onPress": [Function],
1585
+ "style": {
1586
+ "alignItems": "center",
1587
+ "borderBottomWidth": 2,
1588
+ "borderColor": "#EEEEEE",
1589
+ "flex": 1,
1590
+ "justifyContent": "center",
1591
+ "maxHeight": 60,
1592
+ "minHeight": 44,
1593
+ },
1594
+ },
1595
+ "type": "TouchableOpacity",
1596
+ },
1597
+ {
1598
+ "$$typeof": Symbol(react.test.json),
1599
+ "children": [
1600
+ {
1601
+ "$$typeof": Symbol(react.test.json),
1602
+ "children": [
1603
+ "🧑",
1604
+ ],
1605
+ "props": {
1606
+ "style": {
1607
+ "fontSize": 18,
1608
+ "paddingBottom": 8,
1609
+ "textAlign": "center",
1610
+ },
1611
+ },
1612
+ "type": "Text",
1613
+ },
1614
+ ],
1615
+ "props": {
1616
+ "onPress": [Function],
1617
+ "style": {
1618
+ "alignItems": "center",
1619
+ "borderBottomWidth": 2,
1620
+ "borderColor": "#EEEEEE",
1621
+ "flex": 1,
1622
+ "justifyContent": "center",
1623
+ "maxHeight": 60,
1624
+ "minHeight": 44,
1625
+ },
1626
+ },
1627
+ "type": "TouchableOpacity",
1628
+ },
1629
+ {
1630
+ "$$typeof": Symbol(react.test.json),
1631
+ "children": [
1632
+ {
1633
+ "$$typeof": Symbol(react.test.json),
1634
+ "children": [
1635
+ "✈️",
1636
+ ],
1637
+ "props": {
1638
+ "style": {
1639
+ "fontSize": 18,
1640
+ "paddingBottom": 8,
1641
+ "textAlign": "center",
1642
+ },
1643
+ },
1644
+ "type": "Text",
1645
+ },
1646
+ ],
1647
+ "props": {
1648
+ "onPress": [Function],
1649
+ "style": {
1650
+ "alignItems": "center",
1651
+ "borderBottomWidth": 2,
1652
+ "borderColor": "#EEEEEE",
1653
+ "flex": 1,
1654
+ "justifyContent": "center",
1655
+ "maxHeight": 60,
1656
+ "minHeight": 44,
1657
+ },
1658
+ },
1659
+ "type": "TouchableOpacity",
1660
+ },
1661
+ {
1662
+ "$$typeof": Symbol(react.test.json),
1663
+ "children": [
1664
+ {
1665
+ "$$typeof": Symbol(react.test.json),
1666
+ "children": [
1667
+ "🔣",
1668
+ ],
1669
+ "props": {
1670
+ "style": {
1671
+ "fontSize": 18,
1672
+ "paddingBottom": 8,
1673
+ "textAlign": "center",
1674
+ },
1675
+ },
1676
+ "type": "Text",
1677
+ },
1678
+ ],
1679
+ "props": {
1680
+ "onPress": [Function],
1681
+ "style": {
1682
+ "alignItems": "center",
1683
+ "borderBottomWidth": 2,
1684
+ "borderColor": "#EEEEEE",
1685
+ "flex": 1,
1686
+ "justifyContent": "center",
1687
+ "maxHeight": 60,
1688
+ "minHeight": 44,
1689
+ },
1690
+ },
1691
+ "type": "TouchableOpacity",
1692
+ },
1693
+ ],
1694
+ "props": {
1695
+ "style": {
1696
+ "flexDirection": "row",
1697
+ "maxHeight": 60,
1698
+ "minHeight": 44,
1699
+ },
1700
+ "testID": undefined,
1701
+ },
1702
+ "type": "View",
1703
+ },
1704
+ {
1705
+ "$$typeof": Symbol(react.test.json),
1706
+ "children": [
1707
+ {
1708
+ "$$typeof": Symbol(react.test.json),
1709
+ "children": [
1710
+ {
1711
+ "$$typeof": Symbol(react.test.json),
1712
+ "children": null,
1713
+ "props": {
1714
+ "autoCorrect": false,
1715
+ "clearButtonMode": "always",
1716
+ "onChangeText": [Function],
1717
+ "placeholder": "Search",
1718
+ "returnKeyType": "done",
1719
+ "style": {
1720
+ "backgroundColor": "#E5E8E9",
1721
+ "borderRadius": 10,
1722
+ "height": 36,
1723
+ "margin": 8,
1724
+ "paddingLeft": 8,
1725
+ },
1726
+ "underlineColorAndroid": "#007AFF",
1727
+ "value": "",
1728
+ },
1729
+ "type": "TextInput",
1730
+ },
1731
+ ],
1732
+ "props": {
1733
+ "style": {
1734
+ "backgroundColor": "rgba(255,255,255,0.75)",
1735
+ "width": "100%",
1736
+ "zIndex": 1,
1737
+ },
1738
+ "testID": undefined,
1739
+ },
1740
+ "type": "View",
1741
+ },
1742
+ {
1743
+ "$$typeof": Symbol(react.test.json),
1744
+ "children": [
1745
+ {
1746
+ "$$typeof": Symbol(react.test.json),
1747
+ "children": null,
1748
+ "props": {
1749
+ "color": "#000000",
1750
+ "size": "large",
1751
+ },
1752
+ "type": "ActivityIndicator",
1753
+ },
1754
+ ],
1755
+ "props": {
1756
+ "style": {
1757
+ "alignItems": "center",
1758
+ "flex": 1,
1759
+ "justifyContent": "center",
1760
+ },
1761
+ "testID": undefined,
1762
+ },
1763
+ "type": "View",
1764
+ },
1765
+ ],
1766
+ "props": {
1767
+ "style": {
1768
+ "flex": 1,
1769
+ },
1770
+ "testID": undefined,
1771
+ },
1772
+ "type": "View",
1773
+ },
1774
+ ],
1775
+ "props": {
1776
+ "onLayout": [Function],
1777
+ "style": {
1778
+ "flex": 1,
1779
+ "width": "100%",
1780
+ },
1781
+ "testID": undefined,
1782
+ },
1783
+ "type": "View",
1784
+ }
1785
+ `;