related-ui-components 2.6.7 → 2.6.8

package/lib/module/app.js

@@ -1,11 +1,11 @@
 "use strict";
 
 import React, { useState } from "react";
-import { SafeAreaView, StyleSheet, StatusBar, I18nManager } from "react-native";
+import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
 // Adjust path as needed
 import { GestureHandlerRootView } from "react-native-gesture-handler";
-import { RangeSlider } from "./components/index.js";
 import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
+import PhoneInput from "./components/Input/PhoneInput.js";
 import { BottomSheetStackProvider } from "./contexts/index.js";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 
@@ -50,8 +50,6 @@ const App = () => {
     const newProgress = Math.floor(Math.random() * 101);
     setProgress(newProgress);
   };
-  I18nManager.allowRTL(true);
-  I18nManager.forceRTL(true);
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(SafeAreaProvider, {
       children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
@@ -65,13 +63,12 @@ const App = () => {
               barStyle: "light-content"
             }), /*#__PURE__*/_jsx(SafeAreaView, {
               style: styles.appContainer,
-              children: /*#__PURE__*/_jsx(RangeSlider, {
-                initialMinValue: 0,
-                initialMaxValue: 100,
-                min: 0,
-                max: 500,
-                sliderWidth: 100,
-                onValueChange: console.log
+              children: /*#__PURE__*/_jsx(PhoneInput, {
+                value: "",
+                onChangeText: () => {},
+                inputContainerStyle: {
+                  height: 55
+                }
               })
             })]
           })

package/lib/module/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","I18nManager","GestureHandlerRootView","RangeSlider","lightTheme","RelatedProvider","useTheme","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","allowRTL","forceRTL","children","style","flex","barStyle","styles","appContainer","initialMinValue","initialMaxValue","min","max","sliderWidth","onValueChange","console","log","create","backgroundColor","justifyContent"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,EAAEC,WAAW,QAAQ,cAAc;AACG;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAQEC,WAAW,QACN,uBAAc;AACrB,SAASC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAG/D,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,GAAGd,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACe,aAAa,EAAEC,gBAAgB,CAAC,GAAGzB,QAAQ,CAChD0B,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG5B,QAAQ,CAAqB0B,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG9B,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM+B,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;EACD5B,WAAW,CAACgC,QAAQ,CAAC,IAAI,CAAC;EAC1BhC,WAAW,CAACiC,QAAQ,CAAC,IAAI,CAAC;EAC1B,oBACExB,IAAA,CAAAI,SAAA;IAAAqB,QAAA,eACAzB,IAAA,CAACF,gBAAgB;MAAA2B,QAAA,eACfzB,IAAA,CAACR,sBAAsB;QAACkC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzCzB,IAAA,CAACL,eAAe;UAACe,KAAK,EAAEhB,UAAW;UAAA+B,QAAA,eACjCvB,KAAA,CAACL,wBAAwB;YAAA4B,QAAA,gBACvBzB,IAAA,CAACV,SAAS;cAACsC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC5B,IAAA,CAACZ,YAAY;cAACsC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eAgDvCzB,IAAA,CAACP,WAAW;gBAACsC,eAAe,EAAE,CAAE;gBAACC,eAAe,EAAE,GAAI;gBAACC,GAAG,EAAE,CAAE;gBAACC,GAAG,EAAE,GAAI;gBAACC,WAAW,EAAE,GAAI;gBAACC,aAAa,EAAEC,OAAO,CAACC;cAAI,CAAc;YAAC,CAEzH,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACP;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMT,MAAM,GAAGxC,UAAU,CAACkD,MAAM,CAAC;EAC/BT,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPa,eAAe,EAAC,MAAM;IACtBC,cAAc,EAAE,QAAQ,CAAE;EAC5B;AACF,CAAC,CAAC;AAEF,eAAehC,GAAG","ignoreList":[]}
+{"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":[]}

package/lib/module/components/Input/CountryPickerView.js

@@ -1,11 +1,12 @@
 "use strict";
 
-import React, { useCallback, useMemo } from "react";
-import { Text, View, TouchableOpacity, StyleSheet } from "react-native";
+import React, { useState, useEffect, useCallback, useMemo } from "react";
+import { Text, View, TouchableOpacity, StyleSheet, Keyboard } from "react-native";
 import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
 import { useTheme } from "../../theme/index.js";
 import { iso2ToFlagEmoji } from "../../utils/flags.js";
 import { allCountries } from "country-telephone-data";
+import CustomInput from "./Input.js"; // Import the CustomInput component
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const DEFAULT_COUNTRIES = allCountries.map(c => ({
   code: `+${c.dialCode}`,
@@ -18,7 +19,10 @@ const CountryRow = /*#__PURE__*/React.memo(({
   nameStyle,
   codeStyle
 }) => {
-  const handlePress = () => onSelectCountry(item);
+  const handlePress = () => {
+    Keyboard.dismiss(); // Dismiss keyboard on selection
+    onSelectCountry(item);
+  };
   return /*#__PURE__*/_jsxs(TouchableOpacity, {
     style: styles.countryRow,
     onPress: handlePress,
@@ -43,21 +47,29 @@ const CountryPickerView = ({
   listTitle,
   listTitleStyle,
   countryNameStyle,
-  countryCodeStyle
+  countryCodeStyle,
+  searchPlaceholder = "Search..."
 }) => {
   const {
     theme
   } = useTheme();
+  const [searchQuery, setSearchQuery] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(countries);
+  useEffect(() => {
+    const lowercasedQuery = searchQuery.toLowerCase().trim();
+    if (lowercasedQuery === "") {
+      setFilteredCountries(countries);
+    } else {
+      const newFilteredData = countries.filter(country => country.name.toLowerCase().includes(lowercasedQuery) || country.code.includes(lowercasedQuery));
+      setFilteredCountries(newFilteredData);
+    }
+  }, [searchQuery, countries]);
   const memoizedNameStyle = useMemo(() => [styles.countryName, {
     color: theme.text
   }, countryNameStyle], [theme.text, countryNameStyle]);
   const memoizedCodeStyle = useMemo(() => [styles.countryCode, {
     color: theme.helper
-  }, countryCodeStyle],
-  // Use a different theme color for contrast
-  [theme.helper, countryCodeStyle]);
-
-  // CHANGED: renderCountry is now wrapped in useCallback
+  }, countryCodeStyle], [theme.helper, countryCodeStyle]);
   const renderCountry = useCallback(({
     item
   }) => /*#__PURE__*/_jsx(CountryRow, {
@@ -73,16 +85,31 @@ const CountryPickerView = ({
         color: theme.text
       }, listTitleStyle],
       children: listTitle
+    }), /*#__PURE__*/_jsx(CustomInput, {
+      placeholder: searchPlaceholder,
+      value: searchQuery,
+      isBottomSheet: true,
+      onChangeText: setSearchQuery,
+      containerStyle: styles.searchInputContainer
     }), /*#__PURE__*/_jsx(BottomSheetFlatList, {
-      data: countries,
+      data: filteredCountries,
       keyExtractor: c => c.iso2,
       renderItem: renderCountry,
       contentContainerStyle: {
         paddingBottom: 16
       },
-      initialNumToRender: 10,
-      maxToRenderPerBatch: 10
-      // estimatedItemSize={56} // Provide a more accurate estimate
+      initialNumToRender: 15,
+      maxToRenderPerBatch: 10,
+      keyboardShouldPersistTaps: "handled",
+      ListEmptyComponent: /*#__PURE__*/_jsx(View, {
+        style: styles.emptyListContainer,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.emptyListText, {
+            color: theme.helper
+          }],
+          children: "No countries found."
+        })
+      })
     })]
   });
 };
@@ -92,36 +119,40 @@ const styles = StyleSheet.create({
     width: "100%",
     paddingHorizontal: 16
   },
-  loaderContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  },
   popupTitle: {
     fontSize: 18,
     fontWeight: "600",
     marginBottom: 12,
     paddingTop: 16
   },
+  searchInputContainer: {
+    marginBottom: 12
+  },
   countryRow: {
     flexDirection: "row",
     alignItems: "center",
-    paddingVertical: 12,
-    // Adjusted padding
-    height: 56 // Set a fixed height
+    paddingVertical: 12
+    // height: 56,
   },
   flag: {
     fontSize: 22
   },
   countryText: {
     marginLeft: 12,
-    flex: 1 // Allow text to take remaining space
+    flex: 1
   },
   countryName: {
     fontSize: 16
   },
   countryCode: {
     fontSize: 14
+  },
+  emptyListContainer: {
+    paddingVertical: 40,
+    alignItems: "center"
+  },
+  emptyListText: {
+    fontSize: 16
   }
 });
 export default CountryPickerView;

package/lib/module/components/Input/CountryPickerView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Text","View","TouchableOpacity","StyleSheet","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","allCountries","jsxs","_jsxs","jsx","_jsx","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","style","styles","countryRow","onPress","children","flag","countryText","CountryPickerView","countries","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","theme","memoizedNameStyle","countryName","color","text","memoizedCodeStyle","countryCode","helper","renderCountry","popup","popupTitle","data","keyExtractor","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","create","flex","width","paddingHorizontal","loaderContainer","alignItems","justifyContent","fontSize","fontWeight","marginBottom","paddingTop","flexDirection","paddingVertical","height","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

package/lib/module/components/Input/PhoneInput.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { forwardRef, useMemo, useCallback } from "react";
-import { Text, TouchableOpacity, StyleSheet } from "react-native";
+import { Text, TouchableOpacity, StyleSheet, I18nManager } from "react-native";
 import CustomInput from "./Input.js";
 import { useTheme } from "../../theme/index.js";
 import { Ionicons } from "@expo/vector-icons";
@@ -35,6 +35,7 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
   countryCodeStyle,
   countryNameStyle,
   isBottomSheet,
+  disableCountryPicker = false,
   ...rest
 }, ref) => {
   const {
@@ -64,9 +65,11 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
   }, [push, countries, handleCountryPress, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle]);
   const leftIcon = useMemo(() => /*#__PURE__*/_jsxs(TouchableOpacity, {
     style: [styles.selector, {
-      backgroundColor: theme.inputBackground,
-      borderRightColor: theme.border
+      backgroundColor: "transparent",
+      borderRightColor: I18nManager.isRTL ? undefined : theme.border,
+      borderLeftColor: I18nManager.isRTL ? theme.border : undefined
     }],
+    disabled: disableCountryPicker,
     hitSlop: {
       left: 30,
       top: 30,

package/lib/module/components/Input/PhoneInput.js.map

@@ -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","inputBackground","borderRightColor","border","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":[]}
+{"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":[]}

package/lib/module/index.js

@@ -1,9 +1,13 @@
 "use strict";
 
-// import { registerRootComponent } from 'expo';
+// import { registerRootComponent } from "expo";
 // import "react-native-reanimated";
 
 // import App from "./app";
+// import { I18nManager } from "react-native";
+
+// I18nManager.allowRTL(true);
+// I18nManager.forceRTL(true);
 
 // registerRootComponent(App);
 

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA;AACA;;AAGA;;AAEA;;AAEA,cAAc,kBAAS;AACvB,cAAc,uBAAc;AAC5B,cAAc,qBAAY","ignoreList":[]}
+{"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":[]}

package/lib/typescript/src/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAsDxC,QAAA,MAAM,GAAG,yBAgFR,CAAC;AAUF,eAAe,GAAG,CAAC"}
+{"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"}

package/lib/typescript/src/components/Input/CountryPickerView.d.ts

@@ -8,7 +8,8 @@ interface CountryPickerViewProps {
     listTitleStyle?: StyleProp<TextStyle>;
     countryNameStyle?: StyleProp<TextStyle>;
     countryCodeStyle?: StyleProp<TextStyle>;
+    searchPlaceholder?: string;
 }
-declare const CountryPickerView: ({ countries, onSelectCountry, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle, }: CountryPickerViewProps) => React.JSX.Element;
+declare const CountryPickerView: ({ countries, onSelectCountry, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle, searchPlaceholder, }: CountryPickerViewProps) => React.JSX.Element;
 export default CountryPickerView;
 //# sourceMappingURL=CountryPickerView.d.ts.map

package/lib/typescript/src/components/Input/CountryPickerView.d.ts.map

@@ -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,EAOL,SAAS,EACT,SAAS,EACV,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;CACzC;AAkCD,QAAA,MAAM,iBAAiB,GAAI,gGAOxB,sBAAsB,sBA0CxB,CAAC;AAwCF,eAAe,iBAAiB,CAAC"}
+{"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"}

package/lib/typescript/src/components/Input/PhoneInput.d.ts

@@ -17,6 +17,7 @@ export interface PhoneInputProps extends Omit<CustomInputProps, "leftIcon" | "ri
     listTitleStyle?: StyleProp<TextStyle>;
     listTitle?: string;
     isBottomSheet?: boolean;
+    disableCountryPicker?: boolean;
 }
 declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<TextInput>>;
 export default PhoneInput;

package/lib/typescript/src/components/Input/PhoneInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAIT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQxD,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,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,QAAA,MAAM,UAAU,mFA0Hf,CAAC;AAkBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAIT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQxD,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,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAQD,QAAA,MAAM,UAAU,mFA6Hf,CAAC;AAkBF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAWA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "related-ui-components",
-  "version": "2.6.7",
+  "version": "2.6.8",
   "main": "./src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/app.tsx

@@ -1,5 +1,5 @@
-import React, { useState } from "react";
-import { SafeAreaView, StyleSheet, StatusBar, I18nManager } from "react-native";
+import React, { useEffect, useState } from "react";
+import { SafeAreaView, StyleSheet, StatusBar, I18nManager, DevSettings } from "react-native";
 import CarouselCardStack from "./components/CarouselCardStack/CarouselCardStack"; // Adjust path as needed
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import {
@@ -66,22 +66,21 @@ const App = () => {
     const newProgress = Math.floor(Math.random() * 101);
     setProgress(newProgress);
   };
-  I18nManager.allowRTL(true);
-  I18nManager.forceRTL(true);
+  
   return (
     <>
-    <SafeAreaProvider>
-      <GestureHandlerRootView style={{ flex: 1 }}>
-        <RelatedProvider theme={lightTheme}>
-          <BottomSheetStackProvider>
-            <StatusBar barStyle="light-content" />
-            <SafeAreaView style={styles.appContainer}>
-              {/* <CircularProgressBar
+      <SafeAreaProvider>
+        <GestureHandlerRootView style={{ flex: 1 }}>
+          <RelatedProvider theme={lightTheme}>
+            <BottomSheetStackProvider>
+              <StatusBar barStyle="light-content" />
+              <SafeAreaView style={styles.appContainer}>
+                {/* <CircularProgressBar
               progress={5}
               lineCap="round"
               textFont={""}
             /> */}
-              {/* <DateRangePicker
+                {/* <DateRangePicker
               onDatesChange={(t) => {
                 setDepartureDate(t.departure);
                 setReturnDate(t.return);
@@ -91,7 +90,7 @@ const App = () => {
               returnDate={returnDate}
               // returnDisplayValue={returnDate}
             ></DateRangePicker> */}
-              {/* <Filters
+                {/* <Filters
               bottomSheetBackgroundStyle={{
                 borderTopRightRadius: 30,
                 borderTopLeftRadius: 30,
@@ -115,20 +114,24 @@ const App = () => {
               applyButtonTextStyle={{ color: theme.secondary }}
               headerStyle={{ borderBottomWidth: 0 }}
             ></Filters> */}
-              {/* <FlightSummary></FlightSummary> */}
-              {/* <FlightForm></FlightForm> */}
-              {/* <HotelSummary></HotelSummary> */}
-              {/* <HotelForm></HotelForm> */}
-              {/* <DateRangePicker onDatesChange={()=>{}} labelContainerStyle={{backgroundColor:"red"}}></DateRangePicker> */}
-              {/* <CarRentalForm onSelectionChange={console.log}></CarRentalForm> */}
-              {/* <CarouselCardStack data={DUMMY_DATA} /> */}
-              {/* <CircularProgressBar variant="steps" totalSteps={4} currentStep={4} size={43}  strokeWidth={2} progressColor="#9CA0A3"></CircularProgressBar> */}
-              <RangeSlider initialMinValue={0} initialMaxValue={100} min={0} max={500} sliderWidth={100} onValueChange={console.log}></RangeSlider>
-              {/* <PhoneInput value="" onChangeText={() => {}} inputContainerStyle={{height: 55}}></PhoneInput> */}
-            </SafeAreaView>
-          </BottomSheetStackProvider>
-        </RelatedProvider>
-      </GestureHandlerRootView>
+                {/* <FlightSummary></FlightSummary> */}
+                {/* <FlightForm></FlightForm> */}
+                {/* <HotelSummary></HotelSummary> */}
+                {/* <HotelForm></HotelForm> */}
+                {/* <DateRangePicker onDatesChange={()=>{}} labelContainerStyle={{backgroundColor:"red"}}></DateRangePicker> */}
+                {/* <CarRentalForm onSelectionChange={console.log}></CarRentalForm> */}
+                {/* <CarouselCardStack data={DUMMY_DATA} /> */}
+                {/* <CircularProgressBar variant="steps" totalSteps={4} currentStep={4} size={43}  strokeWidth={2} progressColor="#9CA0A3"></CircularProgressBar> */}
+                {/* <RangeSlider initialMinValue={0} initialMaxValue={100} min={0} max={500} sliderWidth={100} onValueChange={console.log}></RangeSlider> */}
+                <PhoneInput
+                  value=""
+                  onChangeText={() => {}}
+                  inputContainerStyle={{ height: 55 }}
+                ></PhoneInput>
+              </SafeAreaView>
+            </BottomSheetStackProvider>
+          </RelatedProvider>
+        </GestureHandlerRootView>
       </SafeAreaProvider>
     </>
   );
@@ -137,7 +140,7 @@ const App = () => {
 const styles = StyleSheet.create({
   appContainer: {
     flex: 1,
-    backgroundColor:"grey",
+    backgroundColor: "grey",
     justifyContent: "center", // Center the carousel vertically if it's the main content
   },
 });

package/src/components/Input/CountryPickerView.tsx

@@ -4,17 +4,16 @@ import {
   View,
   TouchableOpacity,
   StyleSheet,
-  InteractionManager,
-  ActivityIndicator,
   StyleProp,
   TextStyle,
+  Keyboard,
 } from "react-native";
-import { BottomSheetFlashList, BottomSheetFlatList } from "@gorhom/bottom-sheet";
+import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
 import { useTheme } from "../../theme";
 import { iso2ToFlagEmoji } from "../../utils/flags";
 import { Country } from "./PhoneInput";
 import { allCountries } from "country-telephone-data";
-
+import CustomInput from "./Input"; // Import the CustomInput component
 
 interface CountryPickerViewProps {
   countries?: Country[];
@@ -23,6 +22,7 @@ interface CountryPickerViewProps {
   listTitleStyle?: StyleProp<TextStyle>;
   countryNameStyle?: StyleProp<TextStyle>;
   countryCodeStyle?: StyleProp<TextStyle>;
+  searchPlaceholder?: string;
 }
 
 const DEFAULT_COUNTRIES: Country[] = allCountries.map((c) => ({
@@ -43,7 +43,10 @@ const CountryRow = React.memo(
     nameStyle: StyleProp<TextStyle>;
     codeStyle: StyleProp<TextStyle>;
   }) => {
-    const handlePress = () => onSelectCountry(item);
+    const handlePress = () => {
+      Keyboard.dismiss(); // Dismiss keyboard on selection
+      onSelectCountry(item);
+    };
 
     return (
       <TouchableOpacity style={styles.countryRow} onPress={handlePress}>
@@ -64,20 +67,37 @@ const CountryPickerView = ({
   listTitleStyle,
   countryNameStyle,
   countryCodeStyle,
+  searchPlaceholder = "Search...",
 }: CountryPickerViewProps) => {
   const { theme } = useTheme();
 
+  const [searchQuery, setSearchQuery] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(countries);
+
+  useEffect(() => {
+    const lowercasedQuery = searchQuery.toLowerCase().trim();
+    if (lowercasedQuery === "") {
+      setFilteredCountries(countries);
+    } else {
+      const newFilteredData = countries.filter(
+        (country) =>
+          country.name.toLowerCase().includes(lowercasedQuery) ||
+          country.code.includes(lowercasedQuery)
+      );
+      setFilteredCountries(newFilteredData);
+    }
+  }, [searchQuery, countries]);
+
   const memoizedNameStyle = useMemo(
     () => [styles.countryName, { color: theme.text }, countryNameStyle],
     [theme.text, countryNameStyle]
   );
 
   const memoizedCodeStyle = useMemo(
-    () => [styles.countryCode, { color: theme.helper }, countryCodeStyle], // Use a different theme color for contrast
+    () => [styles.countryCode, { color: theme.helper }, countryCodeStyle],
     [theme.helper, countryCodeStyle]
   );
 
-  // CHANGED: renderCountry is now wrapped in useCallback
   const renderCountry = useCallback(
     ({ item }: { item: Country }) => (
       <CountryRow
@@ -95,14 +115,28 @@ const CountryPickerView = ({
       <Text style={[styles.popupTitle, { color: theme.text }, listTitleStyle]}>
         {listTitle}
       </Text>
+      <CustomInput
+        placeholder={searchPlaceholder}
+        value={searchQuery}
+        isBottomSheet
+        onChangeText={setSearchQuery}
+        containerStyle={styles.searchInputContainer}
+      />
       <BottomSheetFlatList
-        data={countries}
-        keyExtractor={(c: Country) => c.iso2}
+        data={filteredCountries}
+        keyExtractor={(c) => c.iso2}
         renderItem={renderCountry}
         contentContainerStyle={{ paddingBottom: 16 }}
-        initialNumToRender={10}
+        initialNumToRender={15}
         maxToRenderPerBatch={10}
-        // estimatedItemSize={56} // Provide a more accurate estimate
+        keyboardShouldPersistTaps="handled"
+        ListEmptyComponent={
+          <View style={styles.emptyListContainer}>
+            <Text style={[styles.emptyListText, { color: theme.helper }]}>
+              No countries found.
+            </Text>
+          </View>
+        }
       />
     </View>
   );
@@ -114,29 +148,27 @@ const styles = StyleSheet.create({
     width: "100%",
     paddingHorizontal: 16,
   },
-  loaderContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-  },
   popupTitle: {
     fontSize: 18,
     fontWeight: "600",
     marginBottom: 12,
     paddingTop: 16,
   },
+  searchInputContainer: {
+    marginBottom: 12,
+  },
   countryRow: {
     flexDirection: "row",
     alignItems: "center",
-    paddingVertical: 12, // Adjusted padding
-    height: 56, // Set a fixed height
+    paddingVertical: 12,
+    // height: 56,
   },
   flag: {
     fontSize: 22,
   },
   countryText: {
     marginLeft: 12,
-    flex: 1, // Allow text to take remaining space
+    flex: 1,
   },
   countryName: {
     fontSize: 16,
@@ -144,6 +176,13 @@ const styles = StyleSheet.create({
   countryCode: {
     fontSize: 14,
   },
+  emptyListContainer: {
+    paddingVertical: 40,
+    alignItems: "center",
+  },
+  emptyListText: {
+    fontSize: 16,
+  },
 });
 
 export default CountryPickerView;

package/src/components/Input/PhoneInput.tsx

@@ -6,6 +6,7 @@ import {
   StyleSheet,
   StyleProp,
   TextStyle,
+  I18nManager,
 } from "react-native";
 import CustomInput, { CustomInputProps } from "./Input";
 import { useTheme } from "../../theme";
@@ -13,7 +14,7 @@ import { Ionicons } from "@expo/vector-icons";
 import { useBottomSheetStack } from "../../contexts";
 import { allCountries } from "country-telephone-data";
 import { iso2ToFlagEmoji } from "../../utils/flags";
-import CountryPickerView  from "./CountryPickerView";
+import CountryPickerView from "./CountryPickerView";
 
 export type Country = {
   code: string;
@@ -44,6 +45,8 @@ export interface PhoneInputProps
 
   listTitle?: string;
   isBottomSheet?: boolean;
+
+  disableCountryPicker?: boolean
 }
 
 const DEFAULT_COUNTRIES: Country[] = allCountries.map((c) => ({
@@ -74,6 +77,7 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
       countryCodeStyle,
       countryNameStyle,
       isBottomSheet,
+      disableCountryPicker = false,
       ...rest
     },
     ref
@@ -127,10 +131,12 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
           style={[
             styles.selector,
             {
-              backgroundColor: theme.inputBackground,
-              borderRightColor: theme.border,
+              backgroundColor: "transparent",
+              borderRightColor: I18nManager.isRTL ? undefined : theme.border,
+              borderLeftColor: I18nManager.isRTL ? theme.border : undefined,
             },
           ]}
+          disabled={disableCountryPicker}
           hitSlop={{ left: 30, top: 30, right: 30, bottom: 30 }}
           onPress={openCountryPicker}
           activeOpacity={0.8}
@@ -192,4 +198,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default PhoneInput;
+export default PhoneInput;

package/src/index.ts

@@ -1,11 +1,14 @@
-// import { registerRootComponent } from 'expo';
+// import { registerRootComponent } from "expo";
 // import "react-native-reanimated";
 
-
 // import App from "./app";
+// import { I18nManager } from "react-native";
+
+// I18nManager.allowRTL(true);
+// I18nManager.forceRTL(true);
 
 // registerRootComponent(App);
 
-export * from "./theme"
+export * from "./theme";
 export * from "./components";
 export * from "./contexts";