@hero-design/rn 7.16.0 → 7.16.2

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 (23) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +176 -2444
  3. package/lib/index.js +449 -2717
  4. package/package.json +3 -4
  5. package/rollup.config.js +2 -0
  6. package/src/components/DatePicker/DatePickerIOS.tsx +2 -2
  7. package/src/components/List/StyledBasicListItem.tsx +2 -2
  8. package/src/components/Select/MultiSelect/Option.tsx +7 -10
  9. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +39 -21
  10. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +342 -203
  11. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +366 -224
  12. package/src/components/Select/SingleSelect/Option.tsx +2 -11
  13. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +21 -14
  14. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +252 -168
  15. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +294 -196
  16. package/src/components/Select/StyledSelect.tsx +2 -15
  17. package/src/components/Select/__tests__/StyledSelect.spec.tsx +1 -15
  18. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +0 -54
  19. package/src/components/TimePicker/TimePickerIOS.tsx +2 -2
  20. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +0 -2
  21. package/src/theme/components/select.ts +0 -2
  22. package/types/components/Select/StyledSelect.d.ts +2 -10
  23. package/types/theme/components/select.d.ts +0 -2
package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -62,10 +62,13 @@ exports[`OptionList render isLoading correctly 1`] = `
62
62
  >
63
63
  <View>
64
64
  <View
65
+ accessibilityState={
66
+ Object {
67
+ "disabled": false,
68
+ }
69
+ }
65
70
  accessible={true}
66
- collapsable={false}
67
71
  focusable={true}
68
- nativeID="animatedComponent"
69
72
  onClick={[Function]}
70
73
  onResponderGrant={[Function]}
71
74
  onResponderMove={[Function]}
@@ -74,22 +77,26 @@ exports[`OptionList render isLoading correctly 1`] = `
74
77
  onResponderTerminationRequest={[Function]}
75
78
  onStartShouldSetResponder={[Function]}
76
79
  style={
77
- Object {
78
- "alignItems": "center",
79
- "backgroundColor": "#f1e9fb",
80
- "borderRadius": 4,
81
- "flexDirection": "row",
82
- "justifyContent": "space-between",
83
- "opacity": 1,
84
- "padding": 16,
85
- }
80
+ Array [
81
+ Object {
82
+ "alignItems": "center",
83
+ "backgroundColor": "#f1e9fb",
84
+ "flexDirection": "row",
85
+ "opacity": 1,
86
+ "padding": 16,
87
+ },
88
+ undefined,
89
+ ]
86
90
  }
87
91
  >
88
92
  <View
89
93
  style={
90
- Object {
91
- "flex": 1,
92
- }
94
+ Array [
95
+ Object {
96
+ "flex": 1,
97
+ },
98
+ undefined,
99
+ ]
93
100
  }
94
101
  >
95
102
  <Text
@@ -121,10 +128,13 @@ exports[`OptionList render isLoading correctly 1`] = `
121
128
  >
122
129
  <View>
123
130
  <View
131
+ accessibilityState={
132
+ Object {
133
+ "disabled": false,
134
+ }
135
+ }
124
136
  accessible={true}
125
- collapsable={false}
126
137
  focusable={true}
127
- nativeID="animatedComponent"
128
138
  onClick={[Function]}
129
139
  onResponderGrant={[Function]}
130
140
  onResponderMove={[Function]}
@@ -133,22 +143,26 @@ exports[`OptionList render isLoading correctly 1`] = `
133
143
  onResponderTerminationRequest={[Function]}
134
144
  onStartShouldSetResponder={[Function]}
135
145
  style={
136
- Object {
137
- "alignItems": "center",
138
- "backgroundColor": "#ffffff",
139
- "borderRadius": 4,
140
- "flexDirection": "row",
141
- "justifyContent": "space-between",
142
- "opacity": 1,
143
- "padding": 16,
144
- }
146
+ Array [
147
+ Object {
148
+ "alignItems": "center",
149
+ "backgroundColor": "#ffffff",
150
+ "flexDirection": "row",
151
+ "opacity": 1,
152
+ "padding": 16,
153
+ },
154
+ undefined,
155
+ ]
145
156
  }
146
157
  >
147
158
  <View
148
159
  style={
149
- Object {
150
- "flex": 1,
151
- }
160
+ Array [
161
+ Object {
162
+ "flex": 1,
163
+ },
164
+ undefined,
165
+ ]
152
166
  }
153
167
  >
154
168
  <Text
@@ -180,10 +194,13 @@ exports[`OptionList render isLoading correctly 1`] = `
180
194
  >
181
195
  <View>
182
196
  <View
197
+ accessibilityState={
198
+ Object {
199
+ "disabled": false,
200
+ }
201
+ }
183
202
  accessible={true}
184
- collapsable={false}
185
203
  focusable={true}
186
- nativeID="animatedComponent"
187
204
  onClick={[Function]}
188
205
  onResponderGrant={[Function]}
189
206
  onResponderMove={[Function]}
@@ -192,22 +209,26 @@ exports[`OptionList render isLoading correctly 1`] = `
192
209
  onResponderTerminationRequest={[Function]}
193
210
  onStartShouldSetResponder={[Function]}
194
211
  style={
195
- Object {
196
- "alignItems": "center",
197
- "backgroundColor": "#ffffff",
198
- "borderRadius": 4,
199
- "flexDirection": "row",
200
- "justifyContent": "space-between",
201
- "opacity": 1,
202
- "padding": 16,
203
- }
212
+ Array [
213
+ Object {
214
+ "alignItems": "center",
215
+ "backgroundColor": "#ffffff",
216
+ "flexDirection": "row",
217
+ "opacity": 1,
218
+ "padding": 16,
219
+ },
220
+ undefined,
221
+ ]
204
222
  }
205
223
  >
206
224
  <View
207
225
  style={
208
- Object {
209
- "flex": 1,
210
- }
226
+ Array [
227
+ Object {
228
+ "flex": 1,
229
+ },
230
+ undefined,
231
+ ]
211
232
  }
212
233
  >
213
234
  <Text
@@ -437,10 +458,13 @@ exports[`OptionList renders correctly 1`] = `
437
458
  >
438
459
  <View>
439
460
  <View
461
+ accessibilityState={
462
+ Object {
463
+ "disabled": false,
464
+ }
465
+ }
440
466
  accessible={true}
441
- collapsable={false}
442
467
  focusable={true}
443
- nativeID="animatedComponent"
444
468
  onClick={[Function]}
445
469
  onResponderGrant={[Function]}
446
470
  onResponderMove={[Function]}
@@ -449,22 +473,26 @@ exports[`OptionList renders correctly 1`] = `
449
473
  onResponderTerminationRequest={[Function]}
450
474
  onStartShouldSetResponder={[Function]}
451
475
  style={
452
- Object {
453
- "alignItems": "center",
454
- "backgroundColor": "#f1e9fb",
455
- "borderRadius": 4,
456
- "flexDirection": "row",
457
- "justifyContent": "space-between",
458
- "opacity": 1,
459
- "padding": 16,
460
- }
476
+ Array [
477
+ Object {
478
+ "alignItems": "center",
479
+ "backgroundColor": "#f1e9fb",
480
+ "flexDirection": "row",
481
+ "opacity": 1,
482
+ "padding": 16,
483
+ },
484
+ undefined,
485
+ ]
461
486
  }
462
487
  >
463
488
  <View
464
489
  style={
465
- Object {
466
- "flex": 1,
467
- }
490
+ Array [
491
+ Object {
492
+ "flex": 1,
493
+ },
494
+ undefined,
495
+ ]
468
496
  }
469
497
  >
470
498
  <Text
@@ -496,10 +524,13 @@ exports[`OptionList renders correctly 1`] = `
496
524
  >
497
525
  <View>
498
526
  <View
527
+ accessibilityState={
528
+ Object {
529
+ "disabled": false,
530
+ }
531
+ }
499
532
  accessible={true}
500
- collapsable={false}
501
533
  focusable={true}
502
- nativeID="animatedComponent"
503
534
  onClick={[Function]}
504
535
  onResponderGrant={[Function]}
505
536
  onResponderMove={[Function]}
@@ -508,22 +539,26 @@ exports[`OptionList renders correctly 1`] = `
508
539
  onResponderTerminationRequest={[Function]}
509
540
  onStartShouldSetResponder={[Function]}
510
541
  style={
511
- Object {
512
- "alignItems": "center",
513
- "backgroundColor": "#ffffff",
514
- "borderRadius": 4,
515
- "flexDirection": "row",
516
- "justifyContent": "space-between",
517
- "opacity": 1,
518
- "padding": 16,
519
- }
542
+ Array [
543
+ Object {
544
+ "alignItems": "center",
545
+ "backgroundColor": "#ffffff",
546
+ "flexDirection": "row",
547
+ "opacity": 1,
548
+ "padding": 16,
549
+ },
550
+ undefined,
551
+ ]
520
552
  }
521
553
  >
522
554
  <View
523
555
  style={
524
- Object {
525
- "flex": 1,
526
- }
556
+ Array [
557
+ Object {
558
+ "flex": 1,
559
+ },
560
+ undefined,
561
+ ]
527
562
  }
528
563
  >
529
564
  <Text
@@ -555,10 +590,13 @@ exports[`OptionList renders correctly 1`] = `
555
590
  >
556
591
  <View>
557
592
  <View
593
+ accessibilityState={
594
+ Object {
595
+ "disabled": false,
596
+ }
597
+ }
558
598
  accessible={true}
559
- collapsable={false}
560
599
  focusable={true}
561
- nativeID="animatedComponent"
562
600
  onClick={[Function]}
563
601
  onResponderGrant={[Function]}
564
602
  onResponderMove={[Function]}
@@ -567,22 +605,26 @@ exports[`OptionList renders correctly 1`] = `
567
605
  onResponderTerminationRequest={[Function]}
568
606
  onStartShouldSetResponder={[Function]}
569
607
  style={
570
- Object {
571
- "alignItems": "center",
572
- "backgroundColor": "#ffffff",
573
- "borderRadius": 4,
574
- "flexDirection": "row",
575
- "justifyContent": "space-between",
576
- "opacity": 1,
577
- "padding": 16,
578
- }
608
+ Array [
609
+ Object {
610
+ "alignItems": "center",
611
+ "backgroundColor": "#ffffff",
612
+ "flexDirection": "row",
613
+ "opacity": 1,
614
+ "padding": 16,
615
+ },
616
+ undefined,
617
+ ]
579
618
  }
580
619
  >
581
620
  <View
582
621
  style={
583
- Object {
584
- "flex": 1,
585
- }
622
+ Array [
623
+ Object {
624
+ "flex": 1,
625
+ },
626
+ undefined,
627
+ ]
586
628
  }
587
629
  >
588
630
  <Text
@@ -662,10 +704,13 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
662
704
  >
663
705
  <View>
664
706
  <View
707
+ accessibilityState={
708
+ Object {
709
+ "disabled": false,
710
+ }
711
+ }
665
712
  accessible={true}
666
- collapsable={false}
667
713
  focusable={true}
668
- nativeID="animatedComponent"
669
714
  onClick={[Function]}
670
715
  onResponderGrant={[Function]}
671
716
  onResponderMove={[Function]}
@@ -674,22 +719,26 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
674
719
  onResponderTerminationRequest={[Function]}
675
720
  onStartShouldSetResponder={[Function]}
676
721
  style={
677
- Object {
678
- "alignItems": "center",
679
- "backgroundColor": "#f1e9fb",
680
- "borderRadius": 4,
681
- "flexDirection": "row",
682
- "justifyContent": "space-between",
683
- "opacity": 1,
684
- "padding": 16,
685
- }
722
+ Array [
723
+ Object {
724
+ "alignItems": "center",
725
+ "backgroundColor": "#f1e9fb",
726
+ "flexDirection": "row",
727
+ "opacity": 1,
728
+ "padding": 16,
729
+ },
730
+ undefined,
731
+ ]
686
732
  }
687
733
  >
688
734
  <View
689
735
  style={
690
- Object {
691
- "flex": 1,
692
- }
736
+ Array [
737
+ Object {
738
+ "flex": 1,
739
+ },
740
+ undefined,
741
+ ]
693
742
  }
694
743
  >
695
744
  <Text
@@ -721,10 +770,13 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
721
770
  >
722
771
  <View>
723
772
  <View
773
+ accessibilityState={
774
+ Object {
775
+ "disabled": false,
776
+ }
777
+ }
724
778
  accessible={true}
725
- collapsable={false}
726
779
  focusable={true}
727
- nativeID="animatedComponent"
728
780
  onClick={[Function]}
729
781
  onResponderGrant={[Function]}
730
782
  onResponderMove={[Function]}
@@ -733,22 +785,26 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
733
785
  onResponderTerminationRequest={[Function]}
734
786
  onStartShouldSetResponder={[Function]}
735
787
  style={
736
- Object {
737
- "alignItems": "center",
738
- "backgroundColor": "#ffffff",
739
- "borderRadius": 4,
740
- "flexDirection": "row",
741
- "justifyContent": "space-between",
742
- "opacity": 1,
743
- "padding": 16,
744
- }
788
+ Array [
789
+ Object {
790
+ "alignItems": "center",
791
+ "backgroundColor": "#ffffff",
792
+ "flexDirection": "row",
793
+ "opacity": 1,
794
+ "padding": 16,
795
+ },
796
+ undefined,
797
+ ]
745
798
  }
746
799
  >
747
800
  <View
748
801
  style={
749
- Object {
750
- "flex": 1,
751
- }
802
+ Array [
803
+ Object {
804
+ "flex": 1,
805
+ },
806
+ undefined,
807
+ ]
752
808
  }
753
809
  >
754
810
  <Text
@@ -780,10 +836,13 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
780
836
  >
781
837
  <View>
782
838
  <View
839
+ accessibilityState={
840
+ Object {
841
+ "disabled": false,
842
+ }
843
+ }
783
844
  accessible={true}
784
- collapsable={false}
785
845
  focusable={true}
786
- nativeID="animatedComponent"
787
846
  onClick={[Function]}
788
847
  onResponderGrant={[Function]}
789
848
  onResponderMove={[Function]}
@@ -792,22 +851,26 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
792
851
  onResponderTerminationRequest={[Function]}
793
852
  onStartShouldSetResponder={[Function]}
794
853
  style={
795
- Object {
796
- "alignItems": "center",
797
- "backgroundColor": "#ffffff",
798
- "borderRadius": 4,
799
- "flexDirection": "row",
800
- "justifyContent": "space-between",
801
- "opacity": 1,
802
- "padding": 16,
803
- }
854
+ Array [
855
+ Object {
856
+ "alignItems": "center",
857
+ "backgroundColor": "#ffffff",
858
+ "flexDirection": "row",
859
+ "opacity": 1,
860
+ "padding": 16,
861
+ },
862
+ undefined,
863
+ ]
804
864
  }
805
865
  >
806
866
  <View
807
867
  style={
808
- Object {
809
- "flex": 1,
810
- }
868
+ Array [
869
+ Object {
870
+ "flex": 1,
871
+ },
872
+ undefined,
873
+ ]
811
874
  }
812
875
  >
813
876
  <Text
@@ -887,10 +950,13 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
887
950
  >
888
951
  <View>
889
952
  <View
953
+ accessibilityState={
954
+ Object {
955
+ "disabled": false,
956
+ }
957
+ }
890
958
  accessible={true}
891
- collapsable={false}
892
959
  focusable={true}
893
- nativeID="animatedComponent"
894
960
  onClick={[Function]}
895
961
  onResponderGrant={[Function]}
896
962
  onResponderMove={[Function]}
@@ -899,22 +965,26 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
899
965
  onResponderTerminationRequest={[Function]}
900
966
  onStartShouldSetResponder={[Function]}
901
967
  style={
902
- Object {
903
- "alignItems": "center",
904
- "backgroundColor": "#f1e9fb",
905
- "borderRadius": 4,
906
- "flexDirection": "row",
907
- "justifyContent": "space-between",
908
- "opacity": 1,
909
- "padding": 16,
910
- }
968
+ Array [
969
+ Object {
970
+ "alignItems": "center",
971
+ "backgroundColor": "#f1e9fb",
972
+ "flexDirection": "row",
973
+ "opacity": 1,
974
+ "padding": 16,
975
+ },
976
+ undefined,
977
+ ]
911
978
  }
912
979
  >
913
980
  <View
914
981
  style={
915
- Object {
916
- "flex": 1,
917
- }
982
+ Array [
983
+ Object {
984
+ "flex": 1,
985
+ },
986
+ undefined,
987
+ ]
918
988
  }
919
989
  >
920
990
  <Text
@@ -946,10 +1016,13 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
946
1016
  >
947
1017
  <View>
948
1018
  <View
1019
+ accessibilityState={
1020
+ Object {
1021
+ "disabled": false,
1022
+ }
1023
+ }
949
1024
  accessible={true}
950
- collapsable={false}
951
1025
  focusable={true}
952
- nativeID="animatedComponent"
953
1026
  onClick={[Function]}
954
1027
  onResponderGrant={[Function]}
955
1028
  onResponderMove={[Function]}
@@ -958,22 +1031,26 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
958
1031
  onResponderTerminationRequest={[Function]}
959
1032
  onStartShouldSetResponder={[Function]}
960
1033
  style={
961
- Object {
962
- "alignItems": "center",
963
- "backgroundColor": "#ffffff",
964
- "borderRadius": 4,
965
- "flexDirection": "row",
966
- "justifyContent": "space-between",
967
- "opacity": 1,
968
- "padding": 16,
969
- }
1034
+ Array [
1035
+ Object {
1036
+ "alignItems": "center",
1037
+ "backgroundColor": "#ffffff",
1038
+ "flexDirection": "row",
1039
+ "opacity": 1,
1040
+ "padding": 16,
1041
+ },
1042
+ undefined,
1043
+ ]
970
1044
  }
971
1045
  >
972
1046
  <View
973
1047
  style={
974
- Object {
975
- "flex": 1,
976
- }
1048
+ Array [
1049
+ Object {
1050
+ "flex": 1,
1051
+ },
1052
+ undefined,
1053
+ ]
977
1054
  }
978
1055
  >
979
1056
  <Text
@@ -1005,10 +1082,13 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
1005
1082
  >
1006
1083
  <View>
1007
1084
  <View
1085
+ accessibilityState={
1086
+ Object {
1087
+ "disabled": false,
1088
+ }
1089
+ }
1008
1090
  accessible={true}
1009
- collapsable={false}
1010
1091
  focusable={true}
1011
- nativeID="animatedComponent"
1012
1092
  onClick={[Function]}
1013
1093
  onResponderGrant={[Function]}
1014
1094
  onResponderMove={[Function]}
@@ -1017,22 +1097,26 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
1017
1097
  onResponderTerminationRequest={[Function]}
1018
1098
  onStartShouldSetResponder={[Function]}
1019
1099
  style={
1020
- Object {
1021
- "alignItems": "center",
1022
- "backgroundColor": "#ffffff",
1023
- "borderRadius": 4,
1024
- "flexDirection": "row",
1025
- "justifyContent": "space-between",
1026
- "opacity": 1,
1027
- "padding": 16,
1028
- }
1100
+ Array [
1101
+ Object {
1102
+ "alignItems": "center",
1103
+ "backgroundColor": "#ffffff",
1104
+ "flexDirection": "row",
1105
+ "opacity": 1,
1106
+ "padding": 16,
1107
+ },
1108
+ undefined,
1109
+ ]
1029
1110
  }
1030
1111
  >
1031
1112
  <View
1032
1113
  style={
1033
- Object {
1034
- "flex": 1,
1035
- }
1114
+ Array [
1115
+ Object {
1116
+ "flex": 1,
1117
+ },
1118
+ undefined,
1119
+ ]
1036
1120
  }
1037
1121
  >
1038
1122
  <Text