related-ui-components 2.5.1 → 2.5.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.
|
@@ -6,7 +6,7 @@ import CustomInput from "./Input.js";
|
|
|
6
6
|
import { useTheme } from "../../theme/index.js";
|
|
7
7
|
import { Ionicons } from "@expo/vector-icons";
|
|
8
8
|
import { useBottomSheetStack } from "../../contexts/index.js";
|
|
9
|
-
import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
|
|
9
|
+
import { BottomSheetFlatList, BottomSheetView } from "@gorhom/bottom-sheet";
|
|
10
10
|
import { allCountries } from 'country-telephone-data';
|
|
11
11
|
import { iso2ToFlagEmoji } from "../../utils/flags.js";
|
|
12
12
|
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
@@ -40,11 +40,15 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
|
|
|
40
40
|
theme
|
|
41
41
|
} = useTheme();
|
|
42
42
|
const {
|
|
43
|
-
push
|
|
43
|
+
push,
|
|
44
|
+
clear
|
|
44
45
|
} = useBottomSheetStack();
|
|
45
46
|
const sel = useMemo(() => selectedCountry || countries.find(c => c.code === "+1") || countries[0], [selectedCountry, countries]);
|
|
46
47
|
const handleCountryPress = useCallback(c => {
|
|
47
|
-
|
|
48
|
+
if (onSelectCountry) {
|
|
49
|
+
onSelectCountry(c);
|
|
50
|
+
clear();
|
|
51
|
+
}
|
|
48
52
|
}, [onSelectCountry]);
|
|
49
53
|
const renderCountry = ({
|
|
50
54
|
item
|
|
@@ -76,7 +80,7 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
|
|
|
76
80
|
bottom: 30
|
|
77
81
|
},
|
|
78
82
|
onPress: () => push({
|
|
79
|
-
component: /*#__PURE__*/_jsxs(
|
|
83
|
+
component: /*#__PURE__*/_jsxs(BottomSheetView, {
|
|
80
84
|
style: styles.popup,
|
|
81
85
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
82
86
|
style: [styles.popupTitle, listTitleStyle, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","View","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","BottomSheetFlatList","allCountries","iso2ToFlagEmoji","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","PhoneInput","value","onChangeText","selectedCountry","onSelectCountry","countries","containerStyle","inputContainerStyle","inputStyle","label","labelStyle","error","errorStyle","helper","helperStyle","listTitle","listTitleStyle","countryCodeStyle","countryNameStyle","rest","ref","theme","push","sel","find","handleCountryPress","renderCountry","item","style","styles","countryRow","onPress","children","flag","countryText","countryName","countryCode","leftIcon","selector","backgroundColor","inputBackground","hitSlop","left","top","right","bottom","component","popup","popupTitle","color","text","data","keyExtractor","i","toString","renderItem","contentContainerStyle","paddingBottom","snapPoints","activeOpacity","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","borderRightColor","fontSize","marginLeft","width","padding","fontWeight","marginBottom","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAYC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AACzE,SAEEC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,QAKL,cAAc;AACrB,OAAOC,WAAW,MAA4B,YAAS;AACvD,SAASC,QAAQ,QAAQ,sBAAa;AAEtC,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,mBAAmB,QAAQ,yBAAgB;AACpD,SAASC,mBAAmB,QAAQ,sBAAsB;
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","View","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","BottomSheetFlatList","BottomSheetView","allCountries","iso2ToFlagEmoji","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","PhoneInput","value","onChangeText","selectedCountry","onSelectCountry","countries","containerStyle","inputContainerStyle","inputStyle","label","labelStyle","error","errorStyle","helper","helperStyle","listTitle","listTitleStyle","countryCodeStyle","countryNameStyle","rest","ref","theme","push","clear","sel","find","handleCountryPress","renderCountry","item","style","styles","countryRow","onPress","children","flag","countryText","countryName","countryCode","leftIcon","selector","backgroundColor","inputBackground","hitSlop","left","top","right","bottom","component","popup","popupTitle","color","text","data","keyExtractor","i","toString","renderItem","contentContainerStyle","paddingBottom","snapPoints","activeOpacity","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","borderRightColor","fontSize","marginLeft","width","padding","fontWeight","marginBottom","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,EACL,SAAS,EAOT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AASxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,EACL,SAAS,EAOT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AASxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD,QAAA,MAAM,UAAU,mFAoHf,CAAC;AA2CF,eAAe,UAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -15,7 +15,7 @@ import { useTheme } from "../../theme";
|
|
|
15
15
|
import { Popup } from "../Popup";
|
|
16
16
|
import { Ionicons } from "@expo/vector-icons";
|
|
17
17
|
import { useBottomSheetStack } from "../../contexts";
|
|
18
|
-
import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
|
|
18
|
+
import { BottomSheetFlatList, BottomSheetView } from "@gorhom/bottom-sheet";
|
|
19
19
|
import { allCountries } from 'country-telephone-data';
|
|
20
20
|
import { iso2ToFlagEmoji } from "../../utils/flags";
|
|
21
21
|
|
|
@@ -81,7 +81,7 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
|
|
|
81
81
|
ref
|
|
82
82
|
) => {
|
|
83
83
|
const { theme } = useTheme();
|
|
84
|
-
const { push } = useBottomSheetStack();
|
|
84
|
+
const { push, clear} = useBottomSheetStack();
|
|
85
85
|
|
|
86
86
|
const sel = useMemo(
|
|
87
87
|
() =>
|
|
@@ -93,7 +93,10 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
|
|
|
93
93
|
|
|
94
94
|
const handleCountryPress = useCallback(
|
|
95
95
|
(c: Country) => {
|
|
96
|
-
|
|
96
|
+
if (onSelectCountry) {
|
|
97
|
+
onSelectCountry(c);
|
|
98
|
+
clear();
|
|
99
|
+
}
|
|
97
100
|
},
|
|
98
101
|
[onSelectCountry]
|
|
99
102
|
);
|
|
@@ -118,7 +121,7 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
|
|
|
118
121
|
onPress={() =>
|
|
119
122
|
push({
|
|
120
123
|
component: (
|
|
121
|
-
<
|
|
124
|
+
<BottomSheetView style={styles.popup}>
|
|
122
125
|
<Text style={[styles.popupTitle, listTitleStyle, { color: theme.text }]}>
|
|
123
126
|
{listTitle}
|
|
124
127
|
</Text>
|
|
@@ -128,7 +131,7 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
|
|
|
128
131
|
renderItem={renderCountry}
|
|
129
132
|
contentContainerStyle={{ paddingBottom: 16 }}
|
|
130
133
|
/>
|
|
131
|
-
</
|
|
134
|
+
</BottomSheetView>
|
|
132
135
|
),
|
|
133
136
|
snapPoints: ["100%"]
|
|
134
137
|
})
|