related-ui-components 2.6.6 → 2.6.8
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/lib/module/app.js +8 -11
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/Input/CountryPickerView.js +60 -25
- package/lib/module/components/Input/CountryPickerView.js.map +1 -1
- package/lib/module/components/Input/PhoneInput.js +6 -3
- package/lib/module/components/Input/PhoneInput.js.map +1 -1
- package/lib/module/components/RangeSlider/RangeSlider.js +19 -98
- package/lib/module/components/RangeSlider/RangeSlider.js.map +1 -1
- package/lib/module/index.js +5 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/app.d.ts.map +1 -1
- package/lib/typescript/src/components/Input/CountryPickerView.d.ts +3 -2
- package/lib/typescript/src/components/Input/CountryPickerView.d.ts.map +1 -1
- package/lib/typescript/src/components/Input/PhoneInput.d.ts +1 -0
- package/lib/typescript/src/components/Input/PhoneInput.d.ts.map +1 -1
- package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts +0 -1
- package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/app.tsx +31 -28
- package/src/components/Input/CountryPickerView.tsx +67 -21
- package/src/components/Input/PhoneInput.tsx +10 -7
- package/src/components/RangeSlider/RangeSlider.tsx +42 -113
- package/src/index.ts +6 -3
package/lib/module/app.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
|
-
import { SafeAreaView, StyleSheet, StatusBar
|
|
4
|
+
import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
|
|
5
5
|
// Adjust path as needed
|
|
6
6
|
import { GestureHandlerRootView } from "react-native-gesture-handler";
|
|
7
|
-
import { RangeSlider } from "./components/index.js";
|
|
8
7
|
import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
|
|
8
|
+
import PhoneInput from "./components/Input/PhoneInput.js";
|
|
9
9
|
import { BottomSheetStackProvider } from "./contexts/index.js";
|
|
10
10
|
import { SafeAreaProvider } from "react-native-safe-area-context";
|
|
11
11
|
|
|
@@ -50,8 +50,6 @@ const App = () => {
|
|
|
50
50
|
const newProgress = Math.floor(Math.random() * 101);
|
|
51
51
|
setProgress(newProgress);
|
|
52
52
|
};
|
|
53
|
-
I18nManager.allowRTL(true);
|
|
54
|
-
I18nManager.forceRTL(true);
|
|
55
53
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
56
54
|
children: /*#__PURE__*/_jsx(SafeAreaProvider, {
|
|
57
55
|
children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
|
|
@@ -65,13 +63,12 @@ const App = () => {
|
|
|
65
63
|
barStyle: "light-content"
|
|
66
64
|
}), /*#__PURE__*/_jsx(SafeAreaView, {
|
|
67
65
|
style: styles.appContainer,
|
|
68
|
-
children: /*#__PURE__*/_jsx(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
onValueChange: console.log
|
|
66
|
+
children: /*#__PURE__*/_jsx(PhoneInput, {
|
|
67
|
+
value: "",
|
|
68
|
+
onChangeText: () => {},
|
|
69
|
+
inputContainerStyle: {
|
|
70
|
+
height: 55
|
|
71
|
+
}
|
|
75
72
|
})
|
|
76
73
|
})]
|
|
77
74
|
})
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","
|
|
1
|
+
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","PhoneInput","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","value","onChangeText","inputContainerStyle","height","create","backgroundColor","justifyContent"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAkC,cAAc;AACV;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AAWrE,SAASC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAE/D,OAAOC,UAAU,MAAM,kCAA+B;AACtD,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;;AAEjE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,MAAMC,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,CACD;AAED,MAAMC,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACgB,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAChDyB,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAAqByB,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM8B,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EAED,oBACEnB,IAAA,CAAAI,SAAA;IAAAmB,QAAA,eACEvB,IAAA,CAACF,gBAAgB;MAAAyB,QAAA,eACfvB,IAAA,CAACR,sBAAsB;QAACgC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzCvB,IAAA,CAACN,eAAe;UAACgB,KAAK,EAAEjB,UAAW;UAAA8B,QAAA,eACjCrB,KAAA,CAACL,wBAAwB;YAAA0B,QAAA,gBACvBvB,IAAA,CAACT,SAAS;cAACmC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC1B,IAAA,CAACX,YAAY;cAACmC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eAiDvCvB,IAAA,CAACJ,UAAU;gBACTiC,KAAK,EAAC,EAAE;gBACRC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;gBACvBC,mBAAmB,EAAE;kBAAEC,MAAM,EAAE;gBAAG;cAAE,CACzB;YAAC,CACF,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACT;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAML,MAAM,GAAGrC,UAAU,CAAC2C,MAAM,CAAC;EAC/BL,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPS,eAAe,EAAE,MAAM;IACvBC,cAAc,EAAE,QAAQ,CAAE;EAC5B;AACF,CAAC,CAAC;AAEF,eAAe1B,GAAG","ignoreList":[]}
|
|
@@ -1,18 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useCallback, useMemo } from "react";
|
|
4
|
-
import { Text, View, TouchableOpacity, StyleSheet } from "react-native";
|
|
3
|
+
import React, { useState, useEffect, useCallback, useMemo } from "react";
|
|
4
|
+
import { Text, View, TouchableOpacity, StyleSheet, Keyboard } from "react-native";
|
|
5
5
|
import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
|
|
6
6
|
import { useTheme } from "../../theme/index.js";
|
|
7
7
|
import { iso2ToFlagEmoji } from "../../utils/flags.js";
|
|
8
|
+
import { allCountries } from "country-telephone-data";
|
|
9
|
+
import CustomInput from "./Input.js"; // Import the CustomInput component
|
|
8
10
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
const DEFAULT_COUNTRIES = allCountries.map(c => ({
|
|
12
|
+
code: `+${c.dialCode}`,
|
|
13
|
+
iso2: c.iso2,
|
|
14
|
+
name: c.name
|
|
15
|
+
}));
|
|
9
16
|
const CountryRow = /*#__PURE__*/React.memo(({
|
|
10
17
|
item,
|
|
11
18
|
onSelectCountry,
|
|
12
19
|
nameStyle,
|
|
13
20
|
codeStyle
|
|
14
21
|
}) => {
|
|
15
|
-
const handlePress = () =>
|
|
22
|
+
const handlePress = () => {
|
|
23
|
+
Keyboard.dismiss(); // Dismiss keyboard on selection
|
|
24
|
+
onSelectCountry(item);
|
|
25
|
+
};
|
|
16
26
|
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
17
27
|
style: styles.countryRow,
|
|
18
28
|
onPress: handlePress,
|
|
@@ -32,28 +42,34 @@ const CountryRow = /*#__PURE__*/React.memo(({
|
|
|
32
42
|
});
|
|
33
43
|
});
|
|
34
44
|
const CountryPickerView = ({
|
|
35
|
-
countries,
|
|
45
|
+
countries = DEFAULT_COUNTRIES,
|
|
36
46
|
onSelectCountry,
|
|
37
47
|
listTitle,
|
|
38
48
|
listTitleStyle,
|
|
39
49
|
countryNameStyle,
|
|
40
|
-
countryCodeStyle
|
|
50
|
+
countryCodeStyle,
|
|
51
|
+
searchPlaceholder = "Search..."
|
|
41
52
|
}) => {
|
|
42
53
|
const {
|
|
43
54
|
theme
|
|
44
55
|
} = useTheme();
|
|
45
|
-
|
|
46
|
-
|
|
56
|
+
const [searchQuery, setSearchQuery] = useState("");
|
|
57
|
+
const [filteredCountries, setFilteredCountries] = useState(countries);
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
const lowercasedQuery = searchQuery.toLowerCase().trim();
|
|
60
|
+
if (lowercasedQuery === "") {
|
|
61
|
+
setFilteredCountries(countries);
|
|
62
|
+
} else {
|
|
63
|
+
const newFilteredData = countries.filter(country => country.name.toLowerCase().includes(lowercasedQuery) || country.code.includes(lowercasedQuery));
|
|
64
|
+
setFilteredCountries(newFilteredData);
|
|
65
|
+
}
|
|
66
|
+
}, [searchQuery, countries]);
|
|
47
67
|
const memoizedNameStyle = useMemo(() => [styles.countryName, {
|
|
48
68
|
color: theme.text
|
|
49
69
|
}, countryNameStyle], [theme.text, countryNameStyle]);
|
|
50
70
|
const memoizedCodeStyle = useMemo(() => [styles.countryCode, {
|
|
51
71
|
color: theme.helper
|
|
52
|
-
}, countryCodeStyle],
|
|
53
|
-
// Use a different theme color for contrast
|
|
54
|
-
[theme.helper, countryCodeStyle]);
|
|
55
|
-
|
|
56
|
-
// CHANGED: renderCountry is now wrapped in useCallback
|
|
72
|
+
}, countryCodeStyle], [theme.helper, countryCodeStyle]);
|
|
57
73
|
const renderCountry = useCallback(({
|
|
58
74
|
item
|
|
59
75
|
}) => /*#__PURE__*/_jsx(CountryRow, {
|
|
@@ -69,16 +85,31 @@ const CountryPickerView = ({
|
|
|
69
85
|
color: theme.text
|
|
70
86
|
}, listTitleStyle],
|
|
71
87
|
children: listTitle
|
|
88
|
+
}), /*#__PURE__*/_jsx(CustomInput, {
|
|
89
|
+
placeholder: searchPlaceholder,
|
|
90
|
+
value: searchQuery,
|
|
91
|
+
isBottomSheet: true,
|
|
92
|
+
onChangeText: setSearchQuery,
|
|
93
|
+
containerStyle: styles.searchInputContainer
|
|
72
94
|
}), /*#__PURE__*/_jsx(BottomSheetFlatList, {
|
|
73
|
-
data:
|
|
95
|
+
data: filteredCountries,
|
|
74
96
|
keyExtractor: c => c.iso2,
|
|
75
97
|
renderItem: renderCountry,
|
|
76
98
|
contentContainerStyle: {
|
|
77
99
|
paddingBottom: 16
|
|
78
100
|
},
|
|
79
|
-
initialNumToRender:
|
|
80
|
-
maxToRenderPerBatch: 10
|
|
81
|
-
|
|
101
|
+
initialNumToRender: 15,
|
|
102
|
+
maxToRenderPerBatch: 10,
|
|
103
|
+
keyboardShouldPersistTaps: "handled",
|
|
104
|
+
ListEmptyComponent: /*#__PURE__*/_jsx(View, {
|
|
105
|
+
style: styles.emptyListContainer,
|
|
106
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
107
|
+
style: [styles.emptyListText, {
|
|
108
|
+
color: theme.helper
|
|
109
|
+
}],
|
|
110
|
+
children: "No countries found."
|
|
111
|
+
})
|
|
112
|
+
})
|
|
82
113
|
})]
|
|
83
114
|
});
|
|
84
115
|
};
|
|
@@ -88,36 +119,40 @@ const styles = StyleSheet.create({
|
|
|
88
119
|
width: "100%",
|
|
89
120
|
paddingHorizontal: 16
|
|
90
121
|
},
|
|
91
|
-
loaderContainer: {
|
|
92
|
-
flex: 1,
|
|
93
|
-
alignItems: "center",
|
|
94
|
-
justifyContent: "center"
|
|
95
|
-
},
|
|
96
122
|
popupTitle: {
|
|
97
123
|
fontSize: 18,
|
|
98
124
|
fontWeight: "600",
|
|
99
125
|
marginBottom: 12,
|
|
100
126
|
paddingTop: 16
|
|
101
127
|
},
|
|
128
|
+
searchInputContainer: {
|
|
129
|
+
marginBottom: 12
|
|
130
|
+
},
|
|
102
131
|
countryRow: {
|
|
103
132
|
flexDirection: "row",
|
|
104
133
|
alignItems: "center",
|
|
105
|
-
paddingVertical: 12
|
|
106
|
-
//
|
|
107
|
-
height: 56 // Set a fixed height
|
|
134
|
+
paddingVertical: 12
|
|
135
|
+
// height: 56,
|
|
108
136
|
},
|
|
109
137
|
flag: {
|
|
110
138
|
fontSize: 22
|
|
111
139
|
},
|
|
112
140
|
countryText: {
|
|
113
141
|
marginLeft: 12,
|
|
114
|
-
flex: 1
|
|
142
|
+
flex: 1
|
|
115
143
|
},
|
|
116
144
|
countryName: {
|
|
117
145
|
fontSize: 16
|
|
118
146
|
},
|
|
119
147
|
countryCode: {
|
|
120
148
|
fontSize: 14
|
|
149
|
+
},
|
|
150
|
+
emptyListContainer: {
|
|
151
|
+
paddingVertical: 40,
|
|
152
|
+
alignItems: "center"
|
|
153
|
+
},
|
|
154
|
+
emptyListText: {
|
|
155
|
+
fontSize: 16
|
|
121
156
|
}
|
|
122
157
|
});
|
|
123
158
|
export default CountryPickerView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Text","View","TouchableOpacity","StyleSheet","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","jsxs","_jsxs","jsx","_jsx","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","style","styles","countryRow","onPress","children","flag","
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","useCallback","useMemo","Text","View","TouchableOpacity","StyleSheet","Keyboard","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","allCountries","CustomInput","jsxs","_jsxs","jsx","_jsx","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","dismiss","style","styles","countryRow","onPress","children","flag","countryText","CountryPickerView","countries","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","searchPlaceholder","theme","searchQuery","setSearchQuery","filteredCountries","setFilteredCountries","lowercasedQuery","toLowerCase","trim","newFilteredData","filter","country","includes","memoizedNameStyle","countryName","color","text","memoizedCodeStyle","countryCode","helper","renderCountry","popup","popupTitle","placeholder","value","isBottomSheet","onChangeText","containerStyle","searchInputContainer","data","keyExtractor","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","keyboardShouldPersistTaps","ListEmptyComponent","emptyListContainer","emptyListText","create","flex","width","paddingHorizontal","fontSize","fontWeight","marginBottom","paddingTop","flexDirection","alignItems","paddingVertical","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACxE,SACEC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,EAGVC,QAAQ,QACH,cAAc;AACrB,SAASC,mBAAmB,QAAQ,sBAAsB;AAC1D,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,eAAe,QAAQ,sBAAmB;AAEnD,SAASC,YAAY,QAAQ,wBAAwB;AACrD,OAAOC,WAAW,MAAM,YAAS,CAAC,CAAC;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAYnC,MAAMC,iBAA4B,GAAGN,YAAY,CAACO,GAAG,CAAEC,CAAC,KAAM;EAC5DC,IAAI,EAAE,IAAID,CAAC,CAACE,QAAQ,EAAE;EACtBC,IAAI,EAAEH,CAAC,CAACG,IAAI;EACZC,IAAI,EAAEJ,CAAC,CAACI;AACV,CAAC,CAAC,CAAC;AAEH,MAAMC,UAAU,gBAAG1B,KAAK,CAAC2B,IAAI,CAC3B,CAAC;EACCC,IAAI;EACJC,eAAe;EACfC,SAAS;EACTC;AAMF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBvB,QAAQ,CAACwB,OAAO,CAAC,CAAC,CAAC,CAAC;IACpBJ,eAAe,CAACD,IAAI,CAAC;EACvB,CAAC;EAED,oBACEZ,KAAA,CAACT,gBAAgB;IAAC2B,KAAK,EAAEC,MAAM,CAACC,UAAW;IAACC,OAAO,EAAEL,WAAY;IAAAM,QAAA,gBAC/DtB,KAAA,CAACX,IAAI;MAAC6B,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAD,QAAA,GAAC,GAAC,EAAC1B,eAAe,CAACgB,IAAI,CAACJ,IAAI,CAAC;IAAA,CAAO,CAAC,eAC9DR,KAAA,CAACV,IAAI;MAAC4B,KAAK,EAAEC,MAAM,CAACK,WAAY;MAAAF,QAAA,gBAC9BpB,IAAA,CAACb,IAAI;QAAC6B,KAAK,EAAEJ,SAAU;QAAAQ,QAAA,EAAEV,IAAI,CAACH;MAAI,CAAO,CAAC,eAC1CP,IAAA,CAACb,IAAI;QAAC6B,KAAK,EAAEH,SAAU;QAAAO,QAAA,EAAEV,IAAI,CAACN;MAAI,CAAO,CAAC;IAAA,CACtC,CAAC;EAAA,CACS,CAAC;AAEvB,CACF,CAAC;AAED,MAAMmB,iBAAiB,GAAGA,CAAC;EACzBC,SAAS,GAAGvB,iBAAiB;EAC7BU,eAAe;EACfc,SAAS;EACTC,cAAc;EACdC,gBAAgB;EAChBC,gBAAgB;EAChBC,iBAAiB,GAAG;AACE,CAAC,KAAK;EAC5B,MAAM;IAAEC;EAAM,CAAC,GAAGrC,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACsC,WAAW,EAAEC,cAAc,CAAC,GAAGjD,QAAQ,CAAC,EAAE,CAAC;EAClD,MAAM,CAACkD,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGnD,QAAQ,CAACyC,SAAS,CAAC;EAErExC,SAAS,CAAC,MAAM;IACd,MAAMmD,eAAe,GAAGJ,WAAW,CAACK,WAAW,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;IACxD,IAAIF,eAAe,KAAK,EAAE,EAAE;MAC1BD,oBAAoB,CAACV,SAAS,CAAC;IACjC,CAAC,MAAM;MACL,MAAMc,eAAe,GAAGd,SAAS,CAACe,MAAM,CACrCC,OAAO,IACNA,OAAO,CAACjC,IAAI,CAAC6B,WAAW,CAAC,CAAC,CAACK,QAAQ,CAACN,eAAe,CAAC,IACpDK,OAAO,CAACpC,IAAI,CAACqC,QAAQ,CAACN,eAAe,CACzC,CAAC;MACDD,oBAAoB,CAACI,eAAe,CAAC;IACvC;EACF,CAAC,EAAE,CAACP,WAAW,EAAEP,SAAS,CAAC,CAAC;EAE5B,MAAMkB,iBAAiB,GAAGxD,OAAO,CAC/B,MAAM,CAAC+B,MAAM,CAAC0B,WAAW,EAAE;IAAEC,KAAK,EAAEd,KAAK,CAACe;EAAK,CAAC,EAAElB,gBAAgB,CAAC,EACnE,CAACG,KAAK,CAACe,IAAI,EAAElB,gBAAgB,CAC/B,CAAC;EAED,MAAMmB,iBAAiB,GAAG5D,OAAO,CAC/B,MAAM,CAAC+B,MAAM,CAAC8B,WAAW,EAAE;IAAEH,KAAK,EAAEd,KAAK,CAACkB;EAAO,CAAC,EAAEpB,gBAAgB,CAAC,EACrE,CAACE,KAAK,CAACkB,MAAM,EAAEpB,gBAAgB,CACjC,CAAC;EAED,MAAMqB,aAAa,GAAGhE,WAAW,CAC/B,CAAC;IAAEyB;EAAwB,CAAC,kBAC1BV,IAAA,CAACQ,UAAU;IACTE,IAAI,EAAEA,IAAK;IACXC,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAE8B,iBAAkB;IAC7B7B,SAAS,EAAEiC;EAAkB,CAC9B,CACF,EACD,CAACnC,eAAe,EAAE+B,iBAAiB,EAAEI,iBAAiB,CACxD,CAAC;EAED,oBACEhD,KAAA,CAACV,IAAI;IAAC4B,KAAK,EAAEC,MAAM,CAACiC,KAAM;IAAA9B,QAAA,gBACxBpB,IAAA,CAACb,IAAI;MAAC6B,KAAK,EAAE,CAACC,MAAM,CAACkC,UAAU,EAAE;QAAEP,KAAK,EAAEd,KAAK,CAACe;MAAK,CAAC,EAAEnB,cAAc,CAAE;MAAAN,QAAA,EACrEK;IAAS,CACN,CAAC,eACPzB,IAAA,CAACJ,WAAW;MACVwD,WAAW,EAAEvB,iBAAkB;MAC/BwB,KAAK,EAAEtB,WAAY;MACnBuB,aAAa;MACbC,YAAY,EAAEvB,cAAe;MAC7BwB,cAAc,EAAEvC,MAAM,CAACwC;IAAqB,CAC7C,CAAC,eACFzD,IAAA,CAACR,mBAAmB;MAClBkE,IAAI,EAAEzB,iBAAkB;MACxB0B,YAAY,EAAGxD,CAAC,IAAKA,CAAC,CAACG,IAAK;MAC5BsD,UAAU,EAAEX,aAAc;MAC1BY,qBAAqB,EAAE;QAAEC,aAAa,EAAE;MAAG,CAAE;MAC7CC,kBAAkB,EAAE,EAAG;MACvBC,mBAAmB,EAAE,EAAG;MACxBC,yBAAyB,EAAC,SAAS;MACnCC,kBAAkB,eAChBlE,IAAA,CAACZ,IAAI;QAAC4B,KAAK,EAAEC,MAAM,CAACkD,kBAAmB;QAAA/C,QAAA,eACrCpB,IAAA,CAACb,IAAI;UAAC6B,KAAK,EAAE,CAACC,MAAM,CAACmD,aAAa,EAAE;YAAExB,KAAK,EAAEd,KAAK,CAACkB;UAAO,CAAC,CAAE;UAAA5B,QAAA,EAAC;QAE9D,CAAM;MAAC,CACH;IACP,CACF,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAG3B,UAAU,CAAC+E,MAAM,CAAC;EAC/BnB,KAAK,EAAE;IACLoB,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,MAAM;IACbC,iBAAiB,EAAE;EACrB,CAAC;EACDrB,UAAU,EAAE;IACVsB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd,CAAC;EACDnB,oBAAoB,EAAE;IACpBkB,YAAY,EAAE;EAChB,CAAC;EACDzD,UAAU,EAAE;IACV2D,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE;IACjB;EACF,CAAC;EACD1D,IAAI,EAAE;IACJoD,QAAQ,EAAE;EACZ,CAAC;EACDnD,WAAW,EAAE;IACX0D,UAAU,EAAE,EAAE;IACdV,IAAI,EAAE;EACR,CAAC;EACD3B,WAAW,EAAE;IACX8B,QAAQ,EAAE;EACZ,CAAC;EACD1B,WAAW,EAAE;IACX0B,QAAQ,EAAE;EACZ,CAAC;EACDN,kBAAkB,EAAE;IAClBY,eAAe,EAAE,EAAE;IACnBD,UAAU,EAAE;EACd,CAAC;EACDV,aAAa,EAAE;IACbK,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAelD,iBAAiB","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { forwardRef, useMemo, useCallback } from "react";
|
|
4
|
-
import { Text, TouchableOpacity, StyleSheet } from "react-native";
|
|
4
|
+
import { Text, TouchableOpacity, StyleSheet, I18nManager } from "react-native";
|
|
5
5
|
import CustomInput from "./Input.js";
|
|
6
6
|
import { useTheme } from "../../theme/index.js";
|
|
7
7
|
import { Ionicons } from "@expo/vector-icons";
|
|
@@ -35,6 +35,7 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
|
|
|
35
35
|
countryCodeStyle,
|
|
36
36
|
countryNameStyle,
|
|
37
37
|
isBottomSheet,
|
|
38
|
+
disableCountryPicker = false,
|
|
38
39
|
...rest
|
|
39
40
|
}, ref) => {
|
|
40
41
|
const {
|
|
@@ -64,9 +65,11 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
|
|
|
64
65
|
}, [push, countries, handleCountryPress, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle]);
|
|
65
66
|
const leftIcon = useMemo(() => /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
66
67
|
style: [styles.selector, {
|
|
67
|
-
backgroundColor:
|
|
68
|
-
borderRightColor: theme.border
|
|
68
|
+
backgroundColor: "transparent",
|
|
69
|
+
borderRightColor: I18nManager.isRTL ? undefined : theme.border,
|
|
70
|
+
borderLeftColor: I18nManager.isRTL ? theme.border : undefined
|
|
69
71
|
}],
|
|
72
|
+
disabled: disableCountryPicker,
|
|
70
73
|
hitSlop: {
|
|
71
74
|
left: 30,
|
|
72
75
|
top: 30,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","allCountries","iso2ToFlagEmoji","CountryPickerView","jsx","_jsx","jsxs","_jsxs","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","isBottomSheet","rest","ref","theme","push","clear","sel","find","handleCountryPress","openCountryPicker","component","snapPoints","leftIcon","style","styles","selector","backgroundColor","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","TouchableOpacity","StyleSheet","I18nManager","CustomInput","useTheme","Ionicons","useBottomSheetStack","allCountries","iso2ToFlagEmoji","CountryPickerView","jsx","_jsx","jsxs","_jsxs","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","isBottomSheet","disableCountryPicker","rest","ref","theme","push","clear","sel","find","handleCountryPress","openCountryPicker","component","snapPoints","leftIcon","style","styles","selector","backgroundColor","borderRightColor","isRTL","undefined","border","borderLeftColor","disabled","hitSlop","left","top","right","bottom","onPress","activeOpacity","children","flag","color","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","paddingHorizontal","fontSize","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,69 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useCallback, useState } from "react";
|
|
4
|
-
import { StyleSheet, View
|
|
4
|
+
import { StyleSheet, View } from "react-native";
|
|
5
5
|
import { Gesture, GestureDetector } from "react-native-gesture-handler";
|
|
6
6
|
import Animated, { runOnJS, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
|
|
7
|
+
import { SliderLabels } from "./SliderLabel.js";
|
|
7
8
|
import { useTheme } from "../../theme/index.js";
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
const THUMB_SIZE = 28;
|
|
10
11
|
const RAIL_HEIGHT = 6;
|
|
11
12
|
const LABEL_HEIGHT = 26;
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Renders the floating labels above the thumbs.
|
|
15
|
-
*/
|
|
16
|
-
const SliderLabels = ({
|
|
17
|
-
leftValue,
|
|
18
|
-
rightValue,
|
|
19
|
-
leftPosition,
|
|
20
|
-
rightPosition,
|
|
21
|
-
sliderWidth,
|
|
22
|
-
isRTL,
|
|
23
|
-
theme
|
|
24
|
-
}) => {
|
|
25
|
-
const styles = getStyles(theme);
|
|
26
|
-
const animatedLeftLabelStyle = useAnimatedStyle(() => {
|
|
27
|
-
const labelWidth = leftValue.length * 8;
|
|
28
|
-
const centeredPosition = leftPosition.value + THUMB_SIZE / 2 - labelWidth / 2;
|
|
29
|
-
const clampedPosition = Math.max(0, Math.min(centeredPosition, sliderWidth - labelWidth));
|
|
30
|
-
return {
|
|
31
|
-
transform: [{
|
|
32
|
-
translateX: clampedPosition
|
|
33
|
-
}]
|
|
34
|
-
};
|
|
35
|
-
});
|
|
36
|
-
const animatedRightLabelStyle = useAnimatedStyle(() => {
|
|
37
|
-
const labelWidth = rightValue.length * 8;
|
|
38
|
-
const centeredPosition = rightPosition.value + THUMB_SIZE / 2 - labelWidth / 2;
|
|
39
|
-
const clampedPosition = Math.max(0, Math.min(centeredPosition, sliderWidth - labelWidth));
|
|
40
|
-
return {
|
|
41
|
-
transform: [{
|
|
42
|
-
translateX: clampedPosition
|
|
43
|
-
}]
|
|
44
|
-
};
|
|
45
|
-
});
|
|
46
|
-
const minLabel = isRTL ? rightValue : leftValue;
|
|
47
|
-
const maxLabel = isRTL ? leftValue : rightValue;
|
|
48
|
-
const minStyle = isRTL ? animatedRightLabelStyle : animatedLeftLabelStyle;
|
|
49
|
-
const maxStyle = isRTL ? animatedLeftLabelStyle : animatedRightLabelStyle;
|
|
50
|
-
return /*#__PURE__*/_jsxs(View, {
|
|
51
|
-
style: styles.labelRow,
|
|
52
|
-
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
53
|
-
style: [styles.labelContainer, minStyle],
|
|
54
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
55
|
-
style: styles.labelText,
|
|
56
|
-
children: minLabel
|
|
57
|
-
})
|
|
58
|
-
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
59
|
-
style: [styles.labelContainer, maxStyle],
|
|
60
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
61
|
-
style: styles.labelText,
|
|
62
|
-
children: maxLabel
|
|
63
|
-
})
|
|
64
|
-
})]
|
|
65
|
-
});
|
|
66
|
-
};
|
|
67
13
|
const RangeSlider = ({
|
|
68
14
|
min,
|
|
69
15
|
max,
|
|
@@ -78,38 +24,32 @@ const RangeSlider = ({
|
|
|
78
24
|
theme: defaultTheme
|
|
79
25
|
} = useTheme();
|
|
80
26
|
const currTheme = theme || defaultTheme;
|
|
81
|
-
const isRTL = I18nManager.isRTL;
|
|
82
27
|
const styles = getStyles(currTheme);
|
|
83
|
-
|
|
28
|
+
|
|
29
|
+
// State for label text values, passed down to the SliderLabels component
|
|
30
|
+
const [leftLabel, setLeftLabel] = useState(initialMinValue.toLocaleString());
|
|
31
|
+
const [rightLabel, setRightLabel] = useState(initialMaxValue.toLocaleString());
|
|
84
32
|
const valueToPosition = useCallback(value => {
|
|
85
33
|
"worklet";
|
|
86
34
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}, [min, max, railWidth, isRTL]);
|
|
35
|
+
return (value - min) / (max - min) * sliderWidth;
|
|
36
|
+
}, [min, max, sliderWidth]);
|
|
90
37
|
const positionToValue = useCallback(position => {
|
|
91
38
|
"worklet";
|
|
92
39
|
|
|
93
|
-
const
|
|
94
|
-
const rawValue = isRTL ? max - percentage * (max - min) : percentage * (max - min) + min;
|
|
40
|
+
const rawValue = position / sliderWidth * (max - min) + min;
|
|
95
41
|
return Math.round(rawValue / step) * step;
|
|
96
|
-
}, [min, max, step,
|
|
97
|
-
|
|
98
|
-
// --- Shared Values for Animation ---
|
|
42
|
+
}, [min, max, step, sliderWidth]);
|
|
99
43
|
const leftPosition = useSharedValue(valueToPosition(initialMinValue));
|
|
100
44
|
const rightPosition = useSharedValue(valueToPosition(initialMaxValue));
|
|
101
|
-
const [leftLabel, setLeftLabel] = useState(initialMinValue.toLocaleString());
|
|
102
|
-
const [rightLabel, setRightLabel] = useState(initialMaxValue.toLocaleString());
|
|
103
45
|
const context = useSharedValue({
|
|
104
46
|
x: 0
|
|
105
47
|
});
|
|
106
48
|
const activeThumb = useSharedValue(null);
|
|
107
|
-
|
|
108
|
-
// --- Gesture Handler ---
|
|
109
49
|
const panGesture = Gesture.Pan().onBegin(e => {
|
|
110
50
|
const distToLeft = Math.abs(e.x - leftPosition.value);
|
|
111
51
|
const distToRight = Math.abs(e.x - rightPosition.value);
|
|
112
|
-
if (distToLeft
|
|
52
|
+
if (distToLeft <= distToRight) {
|
|
113
53
|
activeThumb.value = "left";
|
|
114
54
|
context.value = {
|
|
115
55
|
x: leftPosition.value
|
|
@@ -124,11 +64,11 @@ const RangeSlider = ({
|
|
|
124
64
|
if (activeThumb.value === null) return;
|
|
125
65
|
const newPos = context.value.x + e.translationX;
|
|
126
66
|
if (activeThumb.value === "left") {
|
|
127
|
-
const clampedPos = Math.max(0, Math.min(newPos, rightPosition.value));
|
|
67
|
+
const clampedPos = Math.max(0, Math.min(newPos, rightPosition.value - THUMB_SIZE));
|
|
128
68
|
leftPosition.value = clampedPos;
|
|
129
69
|
runOnJS(setLeftLabel)(positionToValue(clampedPos).toLocaleString());
|
|
130
70
|
} else {
|
|
131
|
-
const clampedPos = Math.min(
|
|
71
|
+
const clampedPos = Math.min(sliderWidth, Math.max(newPos, leftPosition.value + THUMB_SIZE));
|
|
132
72
|
rightPosition.value = clampedPos;
|
|
133
73
|
runOnJS(setRightLabel)(positionToValue(clampedPos).toLocaleString());
|
|
134
74
|
}
|
|
@@ -142,8 +82,6 @@ const RangeSlider = ({
|
|
|
142
82
|
});
|
|
143
83
|
activeThumb.value = null;
|
|
144
84
|
});
|
|
145
|
-
|
|
146
|
-
// --- Animated Styles ---
|
|
147
85
|
const animatedLeftThumbStyle = useAnimatedStyle(() => ({
|
|
148
86
|
transform: [{
|
|
149
87
|
translateX: leftPosition.value
|
|
@@ -151,12 +89,12 @@ const RangeSlider = ({
|
|
|
151
89
|
}));
|
|
152
90
|
const animatedRightThumbStyle = useAnimatedStyle(() => ({
|
|
153
91
|
transform: [{
|
|
154
|
-
translateX: rightPosition.value
|
|
92
|
+
translateX: rightPosition.value - THUMB_SIZE
|
|
155
93
|
}]
|
|
156
94
|
}));
|
|
157
95
|
const animatedActiveRailStyle = useAnimatedStyle(() => ({
|
|
158
|
-
left: leftPosition.value
|
|
159
|
-
right:
|
|
96
|
+
left: leftPosition.value,
|
|
97
|
+
right: sliderWidth - rightPosition.value
|
|
160
98
|
}));
|
|
161
99
|
return /*#__PURE__*/_jsxs(View, {
|
|
162
100
|
style: [styles.container, {
|
|
@@ -168,8 +106,7 @@ const RangeSlider = ({
|
|
|
168
106
|
leftPosition: leftPosition,
|
|
169
107
|
rightPosition: rightPosition,
|
|
170
108
|
sliderWidth: sliderWidth,
|
|
171
|
-
|
|
172
|
-
theme: currTheme
|
|
109
|
+
thumbSize: THUMB_SIZE
|
|
173
110
|
}), /*#__PURE__*/_jsx(GestureDetector, {
|
|
174
111
|
gesture: panGesture,
|
|
175
112
|
children: /*#__PURE__*/_jsxs(View, {
|
|
@@ -196,7 +133,8 @@ const RangeSlider = ({
|
|
|
196
133
|
const getStyles = theme => StyleSheet.create({
|
|
197
134
|
container: {
|
|
198
135
|
height: LABEL_HEIGHT + THUMB_SIZE,
|
|
199
|
-
justifyContent: "
|
|
136
|
+
justifyContent: "center",
|
|
137
|
+
marginTop: LABEL_HEIGHT // Add margin to prevent label cutoff
|
|
200
138
|
},
|
|
201
139
|
railContainer: {
|
|
202
140
|
justifyContent: "center",
|
|
@@ -226,23 +164,6 @@ const getStyles = theme => StyleSheet.create({
|
|
|
226
164
|
backgroundColor: theme.background,
|
|
227
165
|
borderColor: theme.primary,
|
|
228
166
|
borderWidth: 5
|
|
229
|
-
},
|
|
230
|
-
labelRow: {
|
|
231
|
-
position: "absolute",
|
|
232
|
-
top: 0,
|
|
233
|
-
width: "100%"
|
|
234
|
-
},
|
|
235
|
-
labelContainer: {
|
|
236
|
-
position: "absolute",
|
|
237
|
-
backgroundColor: theme.primary,
|
|
238
|
-
borderRadius: 4,
|
|
239
|
-
paddingVertical: 4,
|
|
240
|
-
paddingHorizontal: 8,
|
|
241
|
-
height: LABEL_HEIGHT
|
|
242
|
-
},
|
|
243
|
-
labelText: {
|
|
244
|
-
color: theme.onPrimary,
|
|
245
|
-
fontSize: 12
|
|
246
167
|
}
|
|
247
168
|
});
|
|
248
169
|
export default RangeSlider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","StyleSheet","View","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","StyleSheet","View","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useSharedValue","SliderLabels","useTheme","jsx","_jsx","jsxs","_jsxs","THUMB_SIZE","RAIL_HEIGHT","LABEL_HEIGHT","RangeSlider","min","max","step","sliderWidth","initialMinValue","initialMaxValue","onValueChange","theme","defaultTheme","currTheme","styles","getStyles","leftLabel","setLeftLabel","toLocaleString","rightLabel","setRightLabel","valueToPosition","value","positionToValue","position","rawValue","Math","round","leftPosition","rightPosition","context","x","activeThumb","panGesture","Pan","onBegin","e","distToLeft","abs","distToRight","onUpdate","newPos","translationX","clampedPos","onEnd","finalLeftValue","finalRightValue","animatedLeftThumbStyle","transform","translateX","animatedRightThumbStyle","animatedActiveRailStyle","left","right","style","container","width","children","leftValue","rightValue","thumbSize","gesture","railContainer","rail","activeRail","thumbContainer","thumb","create","height","justifyContent","marginTop","borderRadius","backgroundColor","surface","primary","alignItems","background","borderColor","borderWidth"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RangeSlider/RangeSlider.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
// import { registerRootComponent } from
|
|
3
|
+
// import { registerRootComponent } from "expo";
|
|
4
4
|
// import "react-native-reanimated";
|
|
5
5
|
|
|
6
6
|
// import App from "./app";
|
|
7
|
+
// import { I18nManager } from "react-native";
|
|
8
|
+
|
|
9
|
+
// I18nManager.allowRTL(true);
|
|
10
|
+
// I18nManager.forceRTL(true);
|
|
7
11
|
|
|
8
12
|
// registerRootComponent(App);
|
|
9
13
|
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA;AACA;;
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA,cAAc,kBAAS;AACvB,cAAc,uBAAc;AAC5B,cAAc,qBAAY","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAsDnD,QAAA,MAAM,GAAG,yBAmFR,CAAC;AAUF,eAAe,GAAG,CAAC"}
|
|
@@ -2,13 +2,14 @@ import React from "react";
|
|
|
2
2
|
import { StyleProp, TextStyle } from "react-native";
|
|
3
3
|
import { Country } from "./PhoneInput";
|
|
4
4
|
interface CountryPickerViewProps {
|
|
5
|
-
countries
|
|
5
|
+
countries?: Country[];
|
|
6
6
|
onSelectCountry: (c: Country) => void;
|
|
7
7
|
listTitle: string;
|
|
8
8
|
listTitleStyle?: StyleProp<TextStyle>;
|
|
9
9
|
countryNameStyle?: StyleProp<TextStyle>;
|
|
10
10
|
countryCodeStyle?: StyleProp<TextStyle>;
|
|
11
|
+
searchPlaceholder?: string;
|
|
11
12
|
}
|
|
12
|
-
declare const CountryPickerView: ({ countries, onSelectCountry, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle, }: CountryPickerViewProps) => React.JSX.Element;
|
|
13
|
+
declare const CountryPickerView: ({ countries, onSelectCountry, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle, searchPlaceholder, }: CountryPickerViewProps) => React.JSX.Element;
|
|
13
14
|
export default CountryPickerView;
|
|
14
15
|
//# sourceMappingURL=CountryPickerView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,
|
|
1
|
+
{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAKL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAIvC,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAqCD,QAAA,MAAM,iBAAiB,GAAI,mHAQxB,sBAAsB,sBAwExB,CAAC;AA6CF,eAAe,iBAAiB,CAAC"}
|