@hero-design/rn 7.10.2-rc.0 → 7.10.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.
- package/.turbo/turbo-build.log +8 -8
- package/es/index.js +21 -32
- package/lib/index.js +21 -32
- package/package.json +2 -2
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +240 -214
- package/src/components/Select/MultiSelect/index.tsx +11 -16
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +240 -214
- package/src/components/Select/SingleSelect/index.tsx +11 -16
- package/src/components/TextInput/StyledTextInput.tsx +7 -4
- package/src/components/TextInput/__tests__/.log/tsserver.log +8601 -0
- package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +0 -1
- package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +294 -182
- package/src/components/TextInput/index.tsx +20 -18
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +1 -1
- package/src/theme/components/textInput.ts +1 -1
- package/types/components/TextInput/StyledTextInput.d.ts +7 -1
- package/types/theme/components/textInput.d.ts +1 -1
|
@@ -20,24 +20,15 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
|
|
|
20
20
|
}
|
|
21
21
|
>
|
|
22
22
|
<View
|
|
23
|
-
pointerEvents="
|
|
24
|
-
style={
|
|
25
|
-
Array [
|
|
26
|
-
Object {
|
|
27
|
-
"marginVertical": 8,
|
|
28
|
-
"width": "100%",
|
|
29
|
-
},
|
|
30
|
-
undefined,
|
|
31
|
-
]
|
|
32
|
-
}
|
|
23
|
+
pointerEvents="none"
|
|
33
24
|
>
|
|
34
25
|
<View
|
|
26
|
+
pointerEvents="auto"
|
|
35
27
|
style={
|
|
36
28
|
Array [
|
|
37
29
|
Object {
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"padding": 16,
|
|
30
|
+
"marginVertical": 8,
|
|
31
|
+
"width": "100%",
|
|
41
32
|
},
|
|
42
33
|
undefined,
|
|
43
34
|
]
|
|
@@ -47,135 +38,157 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
|
|
|
47
38
|
style={
|
|
48
39
|
Array [
|
|
49
40
|
Object {
|
|
50
|
-
"
|
|
51
|
-
"borderRadius": 8,
|
|
52
|
-
"borderWidth": 1,
|
|
53
|
-
"bottom": 0,
|
|
54
|
-
"left": 0,
|
|
55
|
-
"position": "absolute",
|
|
56
|
-
"right": 0,
|
|
57
|
-
"top": 0,
|
|
58
|
-
},
|
|
59
|
-
undefined,
|
|
60
|
-
]
|
|
61
|
-
}
|
|
62
|
-
themeVariant="readonly"
|
|
63
|
-
/>
|
|
64
|
-
<View
|
|
65
|
-
pointerEvents="none"
|
|
66
|
-
style={
|
|
67
|
-
Array [
|
|
68
|
-
Object {
|
|
69
|
-
"backgroundColor": "#ffffff",
|
|
41
|
+
"alignItems": "center",
|
|
70
42
|
"flexDirection": "row",
|
|
71
|
-
"
|
|
72
|
-
"paddingHorizontal": 4,
|
|
73
|
-
"position": "absolute",
|
|
74
|
-
"top": -10,
|
|
75
|
-
"zIndex": 1,
|
|
43
|
+
"padding": 16,
|
|
76
44
|
},
|
|
77
45
|
undefined,
|
|
78
46
|
]
|
|
79
47
|
}
|
|
80
48
|
>
|
|
81
|
-
<
|
|
49
|
+
<View
|
|
82
50
|
style={
|
|
83
51
|
Array [
|
|
84
52
|
Object {
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
"
|
|
53
|
+
"borderColor": "#292a2b",
|
|
54
|
+
"borderRadius": 8,
|
|
55
|
+
"borderWidth": 1,
|
|
56
|
+
"bottom": 0,
|
|
57
|
+
"left": 0,
|
|
58
|
+
"position": "absolute",
|
|
59
|
+
"right": 0,
|
|
60
|
+
"top": 0,
|
|
90
61
|
},
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
62
|
+
undefined,
|
|
63
|
+
]
|
|
64
|
+
}
|
|
65
|
+
themeVariant="filled"
|
|
66
|
+
/>
|
|
67
|
+
<View
|
|
68
|
+
pointerEvents="none"
|
|
69
|
+
style={
|
|
70
|
+
Array [
|
|
71
|
+
Object {
|
|
72
|
+
"backgroundColor": "#ffffff",
|
|
73
|
+
"flexDirection": "row",
|
|
74
|
+
"left": 16,
|
|
75
|
+
"paddingHorizontal": 4,
|
|
76
|
+
"position": "absolute",
|
|
77
|
+
"top": -10,
|
|
78
|
+
"zIndex": 1,
|
|
79
|
+
},
|
|
80
|
+
undefined,
|
|
97
81
|
]
|
|
98
82
|
}
|
|
99
|
-
testID="input-label"
|
|
100
|
-
themeFontSize="small"
|
|
101
|
-
themeFontWeight="regular"
|
|
102
|
-
themeIntent="body"
|
|
103
|
-
themeVariant="readonly"
|
|
104
83
|
>
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
accessibilityState={
|
|
123
|
-
Object {
|
|
124
|
-
"disabled": false,
|
|
84
|
+
<Text
|
|
85
|
+
style={
|
|
86
|
+
Array [
|
|
87
|
+
Object {
|
|
88
|
+
"color": "#292a2b",
|
|
89
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
90
|
+
"fontSize": 12,
|
|
91
|
+
"letterSpacing": 0.36,
|
|
92
|
+
"lineHeight": 20,
|
|
93
|
+
},
|
|
94
|
+
Array [
|
|
95
|
+
Object {
|
|
96
|
+
"color": "#292a2b",
|
|
97
|
+
},
|
|
98
|
+
undefined,
|
|
99
|
+
],
|
|
100
|
+
]
|
|
125
101
|
}
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
102
|
+
testID="input-label"
|
|
103
|
+
themeFontSize="small"
|
|
104
|
+
themeFontWeight="regular"
|
|
105
|
+
themeIntent="body"
|
|
106
|
+
themeVariant="filled"
|
|
107
|
+
>
|
|
108
|
+
Allow notifications
|
|
109
|
+
</Text>
|
|
110
|
+
</View>
|
|
111
|
+
<View
|
|
133
112
|
style={
|
|
134
113
|
Array [
|
|
135
114
|
Object {
|
|
115
|
+
"alignItems": "center",
|
|
136
116
|
"alignSelf": "stretch",
|
|
117
|
+
"flexDirection": "row",
|
|
137
118
|
"flexGrow": 2,
|
|
138
|
-
"fontSize": 14,
|
|
139
|
-
"marginHorizontal": 8,
|
|
140
|
-
"textAlignVertical": "center",
|
|
141
119
|
},
|
|
120
|
+
undefined,
|
|
121
|
+
]
|
|
122
|
+
}
|
|
123
|
+
>
|
|
124
|
+
<TextInput
|
|
125
|
+
accessibilityState={
|
|
126
|
+
Object {
|
|
127
|
+
"disabled": false,
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
editable={true}
|
|
131
|
+
multiline={true}
|
|
132
|
+
onBlur={[Function]}
|
|
133
|
+
onChangeText={[Function]}
|
|
134
|
+
onFocus={[Function]}
|
|
135
|
+
style={
|
|
136
|
+
Array [
|
|
137
|
+
Object {
|
|
138
|
+
"alignSelf": "stretch",
|
|
139
|
+
"flexGrow": 2,
|
|
140
|
+
"fontSize": 14,
|
|
141
|
+
"marginHorizontal": 8,
|
|
142
|
+
"textAlignVertical": "center",
|
|
143
|
+
},
|
|
144
|
+
Object {
|
|
145
|
+
"color": "#292a2b",
|
|
146
|
+
},
|
|
147
|
+
]
|
|
148
|
+
}
|
|
149
|
+
testID="text-input"
|
|
150
|
+
value="Monday, Tuesday"
|
|
151
|
+
/>
|
|
152
|
+
</View>
|
|
153
|
+
<HeroIcon
|
|
154
|
+
name="arrow-down"
|
|
155
|
+
style={
|
|
156
|
+
Array [
|
|
142
157
|
Object {
|
|
143
158
|
"color": "#292a2b",
|
|
159
|
+
"fontSize": 16,
|
|
144
160
|
},
|
|
161
|
+
undefined,
|
|
145
162
|
]
|
|
146
163
|
}
|
|
147
|
-
testID="
|
|
148
|
-
|
|
164
|
+
testID="input-suffix"
|
|
165
|
+
themeIntent="text"
|
|
166
|
+
themeSize="xsmall"
|
|
149
167
|
/>
|
|
150
168
|
</View>
|
|
151
|
-
<
|
|
152
|
-
name="arrow-down"
|
|
169
|
+
<View
|
|
153
170
|
style={
|
|
154
171
|
Array [
|
|
155
172
|
Object {
|
|
156
|
-
"
|
|
157
|
-
"fontSize": 16,
|
|
173
|
+
"paddingLeft": 16,
|
|
158
174
|
},
|
|
159
175
|
undefined,
|
|
160
176
|
]
|
|
161
177
|
}
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
178
|
+
>
|
|
179
|
+
<View
|
|
180
|
+
style={
|
|
181
|
+
Array [
|
|
182
|
+
Object {
|
|
183
|
+
"flexDirection": "row",
|
|
184
|
+
"justifyContent": "space-between",
|
|
185
|
+
},
|
|
186
|
+
undefined,
|
|
187
|
+
]
|
|
188
|
+
}
|
|
189
|
+
/>
|
|
190
|
+
</View>
|
|
166
191
|
</View>
|
|
167
|
-
<View
|
|
168
|
-
style={
|
|
169
|
-
Array [
|
|
170
|
-
Object {
|
|
171
|
-
"flex": 1,
|
|
172
|
-
"flexDirection": "row",
|
|
173
|
-
"justifyContent": "space-between",
|
|
174
|
-
},
|
|
175
|
-
undefined,
|
|
176
|
-
]
|
|
177
|
-
}
|
|
178
|
-
/>
|
|
179
192
|
</View>
|
|
180
193
|
<Modal
|
|
181
194
|
hardwareAccelerated={false}
|
|
@@ -921,24 +934,15 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
|
|
|
921
934
|
}
|
|
922
935
|
>
|
|
923
936
|
<View
|
|
924
|
-
pointerEvents="
|
|
925
|
-
style={
|
|
926
|
-
Array [
|
|
927
|
-
Object {
|
|
928
|
-
"marginVertical": 8,
|
|
929
|
-
"width": "100%",
|
|
930
|
-
},
|
|
931
|
-
undefined,
|
|
932
|
-
]
|
|
933
|
-
}
|
|
937
|
+
pointerEvents="none"
|
|
934
938
|
>
|
|
935
939
|
<View
|
|
940
|
+
pointerEvents="auto"
|
|
936
941
|
style={
|
|
937
942
|
Array [
|
|
938
943
|
Object {
|
|
939
|
-
"
|
|
940
|
-
"
|
|
941
|
-
"padding": 16,
|
|
944
|
+
"marginVertical": 8,
|
|
945
|
+
"width": "100%",
|
|
942
946
|
},
|
|
943
947
|
undefined,
|
|
944
948
|
]
|
|
@@ -948,135 +952,157 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
|
|
|
948
952
|
style={
|
|
949
953
|
Array [
|
|
950
954
|
Object {
|
|
951
|
-
"
|
|
952
|
-
"borderRadius": 8,
|
|
953
|
-
"borderWidth": 1,
|
|
954
|
-
"bottom": 0,
|
|
955
|
-
"left": 0,
|
|
956
|
-
"position": "absolute",
|
|
957
|
-
"right": 0,
|
|
958
|
-
"top": 0,
|
|
959
|
-
},
|
|
960
|
-
undefined,
|
|
961
|
-
]
|
|
962
|
-
}
|
|
963
|
-
themeVariant="readonly"
|
|
964
|
-
/>
|
|
965
|
-
<View
|
|
966
|
-
pointerEvents="none"
|
|
967
|
-
style={
|
|
968
|
-
Array [
|
|
969
|
-
Object {
|
|
970
|
-
"backgroundColor": "#ffffff",
|
|
955
|
+
"alignItems": "center",
|
|
971
956
|
"flexDirection": "row",
|
|
972
|
-
"
|
|
973
|
-
"paddingHorizontal": 4,
|
|
974
|
-
"position": "absolute",
|
|
975
|
-
"top": -10,
|
|
976
|
-
"zIndex": 1,
|
|
957
|
+
"padding": 16,
|
|
977
958
|
},
|
|
978
959
|
undefined,
|
|
979
960
|
]
|
|
980
961
|
}
|
|
981
962
|
>
|
|
982
|
-
<
|
|
963
|
+
<View
|
|
983
964
|
style={
|
|
984
965
|
Array [
|
|
985
966
|
Object {
|
|
986
|
-
"
|
|
987
|
-
"
|
|
988
|
-
"
|
|
989
|
-
"
|
|
990
|
-
"
|
|
967
|
+
"borderColor": "#292a2b",
|
|
968
|
+
"borderRadius": 8,
|
|
969
|
+
"borderWidth": 1,
|
|
970
|
+
"bottom": 0,
|
|
971
|
+
"left": 0,
|
|
972
|
+
"position": "absolute",
|
|
973
|
+
"right": 0,
|
|
974
|
+
"top": 0,
|
|
991
975
|
},
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
976
|
+
undefined,
|
|
977
|
+
]
|
|
978
|
+
}
|
|
979
|
+
themeVariant="filled"
|
|
980
|
+
/>
|
|
981
|
+
<View
|
|
982
|
+
pointerEvents="none"
|
|
983
|
+
style={
|
|
984
|
+
Array [
|
|
985
|
+
Object {
|
|
986
|
+
"backgroundColor": "#ffffff",
|
|
987
|
+
"flexDirection": "row",
|
|
988
|
+
"left": 16,
|
|
989
|
+
"paddingHorizontal": 4,
|
|
990
|
+
"position": "absolute",
|
|
991
|
+
"top": -10,
|
|
992
|
+
"zIndex": 1,
|
|
993
|
+
},
|
|
994
|
+
undefined,
|
|
998
995
|
]
|
|
999
996
|
}
|
|
1000
|
-
testID="input-label"
|
|
1001
|
-
themeFontSize="small"
|
|
1002
|
-
themeFontWeight="regular"
|
|
1003
|
-
themeIntent="body"
|
|
1004
|
-
themeVariant="readonly"
|
|
1005
997
|
>
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
accessibilityState={
|
|
1024
|
-
Object {
|
|
1025
|
-
"disabled": false,
|
|
998
|
+
<Text
|
|
999
|
+
style={
|
|
1000
|
+
Array [
|
|
1001
|
+
Object {
|
|
1002
|
+
"color": "#292a2b",
|
|
1003
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
1004
|
+
"fontSize": 12,
|
|
1005
|
+
"letterSpacing": 0.36,
|
|
1006
|
+
"lineHeight": 20,
|
|
1007
|
+
},
|
|
1008
|
+
Array [
|
|
1009
|
+
Object {
|
|
1010
|
+
"color": "#292a2b",
|
|
1011
|
+
},
|
|
1012
|
+
undefined,
|
|
1013
|
+
],
|
|
1014
|
+
]
|
|
1026
1015
|
}
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1016
|
+
testID="input-label"
|
|
1017
|
+
themeFontSize="small"
|
|
1018
|
+
themeFontWeight="regular"
|
|
1019
|
+
themeIntent="body"
|
|
1020
|
+
themeVariant="filled"
|
|
1021
|
+
>
|
|
1022
|
+
Allow notifications
|
|
1023
|
+
</Text>
|
|
1024
|
+
</View>
|
|
1025
|
+
<View
|
|
1034
1026
|
style={
|
|
1035
1027
|
Array [
|
|
1036
1028
|
Object {
|
|
1029
|
+
"alignItems": "center",
|
|
1037
1030
|
"alignSelf": "stretch",
|
|
1031
|
+
"flexDirection": "row",
|
|
1038
1032
|
"flexGrow": 2,
|
|
1039
|
-
"fontSize": 14,
|
|
1040
|
-
"marginHorizontal": 8,
|
|
1041
|
-
"textAlignVertical": "center",
|
|
1042
1033
|
},
|
|
1034
|
+
undefined,
|
|
1035
|
+
]
|
|
1036
|
+
}
|
|
1037
|
+
>
|
|
1038
|
+
<TextInput
|
|
1039
|
+
accessibilityState={
|
|
1040
|
+
Object {
|
|
1041
|
+
"disabled": false,
|
|
1042
|
+
}
|
|
1043
|
+
}
|
|
1044
|
+
editable={true}
|
|
1045
|
+
multiline={true}
|
|
1046
|
+
onBlur={[Function]}
|
|
1047
|
+
onChangeText={[Function]}
|
|
1048
|
+
onFocus={[Function]}
|
|
1049
|
+
style={
|
|
1050
|
+
Array [
|
|
1051
|
+
Object {
|
|
1052
|
+
"alignSelf": "stretch",
|
|
1053
|
+
"flexGrow": 2,
|
|
1054
|
+
"fontSize": 14,
|
|
1055
|
+
"marginHorizontal": 8,
|
|
1056
|
+
"textAlignVertical": "center",
|
|
1057
|
+
},
|
|
1058
|
+
Object {
|
|
1059
|
+
"color": "#292a2b",
|
|
1060
|
+
},
|
|
1061
|
+
]
|
|
1062
|
+
}
|
|
1063
|
+
testID="text-input"
|
|
1064
|
+
value="Monday, Tuesday"
|
|
1065
|
+
/>
|
|
1066
|
+
</View>
|
|
1067
|
+
<HeroIcon
|
|
1068
|
+
name="arrow-down"
|
|
1069
|
+
style={
|
|
1070
|
+
Array [
|
|
1043
1071
|
Object {
|
|
1044
1072
|
"color": "#292a2b",
|
|
1073
|
+
"fontSize": 16,
|
|
1045
1074
|
},
|
|
1075
|
+
undefined,
|
|
1046
1076
|
]
|
|
1047
1077
|
}
|
|
1048
|
-
testID="
|
|
1049
|
-
|
|
1078
|
+
testID="input-suffix"
|
|
1079
|
+
themeIntent="text"
|
|
1080
|
+
themeSize="xsmall"
|
|
1050
1081
|
/>
|
|
1051
1082
|
</View>
|
|
1052
|
-
<
|
|
1053
|
-
name="arrow-down"
|
|
1083
|
+
<View
|
|
1054
1084
|
style={
|
|
1055
1085
|
Array [
|
|
1056
1086
|
Object {
|
|
1057
|
-
"
|
|
1058
|
-
"fontSize": 16,
|
|
1087
|
+
"paddingLeft": 16,
|
|
1059
1088
|
},
|
|
1060
1089
|
undefined,
|
|
1061
1090
|
]
|
|
1062
1091
|
}
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1092
|
+
>
|
|
1093
|
+
<View
|
|
1094
|
+
style={
|
|
1095
|
+
Array [
|
|
1096
|
+
Object {
|
|
1097
|
+
"flexDirection": "row",
|
|
1098
|
+
"justifyContent": "space-between",
|
|
1099
|
+
},
|
|
1100
|
+
undefined,
|
|
1101
|
+
]
|
|
1102
|
+
}
|
|
1103
|
+
/>
|
|
1104
|
+
</View>
|
|
1067
1105
|
</View>
|
|
1068
|
-
<View
|
|
1069
|
-
style={
|
|
1070
|
-
Array [
|
|
1071
|
-
Object {
|
|
1072
|
-
"flex": 1,
|
|
1073
|
-
"flexDirection": "row",
|
|
1074
|
-
"justifyContent": "space-between",
|
|
1075
|
-
},
|
|
1076
|
-
undefined,
|
|
1077
|
-
]
|
|
1078
|
-
}
|
|
1079
|
-
/>
|
|
1080
1106
|
</View>
|
|
1081
1107
|
<Modal
|
|
1082
1108
|
hardwareAccelerated={false}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { useTheme } from '@emotion/react';
|
|
2
1
|
import React, { useState } from 'react';
|
|
3
|
-
import { StyleProp, ViewStyle, TouchableOpacity } from 'react-native';
|
|
2
|
+
import { StyleProp, ViewStyle, TouchableOpacity, View } from 'react-native';
|
|
4
3
|
|
|
5
4
|
import { OptionType } from '../types';
|
|
6
5
|
import BottomSheet from '../../BottomSheet';
|
|
@@ -53,7 +52,6 @@ function MultiSelect<T>({
|
|
|
53
52
|
footerLabel,
|
|
54
53
|
onConfirm,
|
|
55
54
|
}: MultiSelectProps<T>) {
|
|
56
|
-
const theme = useTheme();
|
|
57
55
|
const [open, setOpen] = useState(false);
|
|
58
56
|
const [selectingValue, setSelectingValue] = useState(value);
|
|
59
57
|
const displayedValue = options
|
|
@@ -63,19 +61,16 @@ function MultiSelect<T>({
|
|
|
63
61
|
|
|
64
62
|
return (
|
|
65
63
|
<TouchableOpacity onPress={() => setOpen(true)}>
|
|
66
|
-
<
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
style={style}
|
|
77
|
-
testID={testID}
|
|
78
|
-
/>
|
|
64
|
+
<View pointerEvents="none">
|
|
65
|
+
<TextInput
|
|
66
|
+
label={label}
|
|
67
|
+
value={displayedValue}
|
|
68
|
+
suffix="arrow-down"
|
|
69
|
+
multiline
|
|
70
|
+
style={style}
|
|
71
|
+
testID={testID}
|
|
72
|
+
/>
|
|
73
|
+
</View>
|
|
79
74
|
<BottomSheet
|
|
80
75
|
open={open}
|
|
81
76
|
onRequestClose={() => setOpen(false)}
|