react-native-country-select 0.1.3 → 0.2.1

package/lib/index.d.ts

@@ -9,6 +9,31 @@ import {
   ICountrySelectLanguages,
 } from './interface';
 
+declare function getAllCountries(): ICountry[];
+
+declare function getCountryByCca2(cca2: string): ICountry | undefined;
+
+declare function getCountryByCca3(cca3: string): ICountry | undefined;
+
+declare function getCountriesByCallingCode(
+  callingCode: string,
+): ICountry[] | undefined;
+
+declare function getCountriesByName(
+  name: string,
+  language: ICountrySelectLanguages,
+): ICountry[] | undefined;
+
+declare function getCountriesByRegion(region: string): ICountry[] | undefined;
+
+declare function getCountriesBySubregion(
+  subregion: string,
+): ICountry[] | undefined;
+
+declare function getContriesDependents(cca2: string): ICountry[] | undefined;
+
+declare function getCountriesIndependents(): ICountry[] | undefined;
+
 declare const CountrySelect: React.FC<ICountrySelectProps>;
 
 export default CountrySelect;
@@ -20,4 +45,13 @@ export {
   ICountrySelectProps,
   ICountrySelectStyle,
   ICountrySelectLanguages,
+  getAllCountries,
+  getCountryByCca2,
+  getCountryByCca3,
+  getCountriesByCallingCode,
+  getCountriesByName,
+  getCountriesByRegion,
+  getCountriesBySubregion,
+  getContriesDependents,
+  getCountriesIndependents,
 };

package/lib/index.tsx

@@ -4,15 +4,40 @@ import {
   ICountryCca2,
   ICountryItemProps,
   ICountrySelectProps,
+  ICountrySelectStyle,
   ICountrySelectLanguages,
 } from './interface';
+import {
+  getAllCountries,
+  getCountryByCca2,
+  getCountryByCca3,
+  getCountriesByCallingCode,
+  getCountriesByName,
+  getCountriesByRegion,
+  getCountriesBySubregion,
+  getContriesDependents,
+  getCountriesIndependents,
+} from './utils/countryHelpers';
 
 export default CountrySelect;
 
+export {
+  getAllCountries,
+  getCountryByCca2,
+  getCountryByCca3,
+  getCountriesByCallingCode,
+  getCountriesByName,
+  getCountriesByRegion,
+  getCountriesBySubregion,
+  getContriesDependents,
+  getCountriesIndependents,
+};
+
 export type {
   ICountry,
   ICountryCca2,
   ICountryItemProps,
   ICountrySelectProps,
+  ICountrySelectStyle,
   ICountrySelectLanguages,
 };

package/lib/interface/countryItemProps.ts

@@ -8,5 +8,6 @@ export interface ICountryItemProps {
   onClose: () => void;
   language: ICountrySelectLanguages;
   theme?: 'light' | 'dark';
+  modalType?: 'bottomSheet' | 'popup';
   countrySelectStyle?: ICountrySelectStyle;
 }

package/lib/interface/countrySelectProps.ts

@@ -1,16 +1,16 @@
-import React from 'react';
+import * as React from 'react';
 import {ModalProps} from 'react-native';
-
 import {ICountry} from './country';
 import {ICountryCca2} from './countryCca2';
-import {ISectionTitle} from './sectionTitle';
-import {ICountrySelectStyle} from './countrySelectStyles';
 import {ICountrySelectLanguages} from './countrySelectLanguages';
+import {ICountrySelectStyle} from './countrySelectStyles';
+import {ISectionTitle} from './sectionTitle';
 
 export interface ICountrySelectProps extends ModalProps {
   visible: boolean;
   onClose: () => void;
   onSelect: (country: ICountry) => void;
+  modalType?: 'bottomSheet' | 'popup';
   countrySelectStyle?: ICountrySelectStyle;
   theme?: 'light' | 'dark';
   isFullScreen?: boolean;
@@ -20,12 +20,18 @@ export interface ICountrySelectProps extends ModalProps {
   language?: ICountrySelectLanguages;
   showSearchInput?: boolean;
   searchPlaceholder?: string;
+  showCloseButton?: boolean;
+  minBottomsheetHeight?: number | string;
+  maxBottomsheetHeight?: number | string;
+  initialBottomsheetHeight?: number | string;
   disabledBackdropPress?: boolean;
   removedBackdrop?: boolean;
   onBackdropPress?: () => void;
   countryItemComponent?: (item: ICountry) => React.ReactElement;
   sectionTitleComponent?: (item: ISectionTitle) => React.ReactElement;
+  closeButtonComponent?: () => React.ReactElement;
   popularCountriesTitle?: string;
   allCountriesTitle?: string;
   showsVerticalScrollIndicator?: boolean;
+  countryNotFoundMessage?: string;
 }

package/lib/interface/countrySelectStyles.ts

@@ -16,6 +16,8 @@ interface IBaseModalStyle {
   countryInfo?: StyleProp<ViewStyle>;
   callingCode?: StyleProp<TextStyle>;
   countryName?: StyleProp<TextStyle>;
+  countryNotFoundContainer?: StyleProp<ViewStyle>;
+  countryNotFoundMessage?: StyleProp<TextStyle>;
 }
 
 interface IPopupStyle extends IBaseModalStyle {
@@ -23,6 +25,12 @@ interface IPopupStyle extends IBaseModalStyle {
   popupContent?: StyleProp<ViewStyle>;
 }
 
+interface IBottomSheetStyle extends IBaseModalStyle {
+  sheetContainer?: StyleProp<ViewStyle>;
+  sheetContent?: StyleProp<ViewStyle>;
+}
+
 export interface ICountrySelectStyle {
   popup?: IPopupStyle;
+  bottomSheet?: IBottomSheetStyle;
 }

package/lib/utils/countryHelpers.ts

@@ -0,0 +1,59 @@
+import {ICountry, ICountryCca2} from '../interface';
+import countriesData from '../constants/countries.json';
+
+const countries: ICountry[] = countriesData as unknown as ICountry[];
+
+export const getAllCountries = (): ICountry[] => {
+  return countries;
+};
+
+export const getCountriesByCallingCode = (callingCode: string): ICountry[] => {
+  return countries.filter(
+    (country: ICountry) => country.idd.root === callingCode,
+  );
+};
+
+export const getCountriesByName = (
+  name: string,
+  language: keyof ICountry['translations'] = 'eng',
+): ICountry[] => {
+  return countries.filter((country: ICountry) => {
+    const translation = country.translations[language];
+    if (translation) {
+      return (
+        translation.common.toLowerCase().includes(name.toLowerCase()) ||
+        translation.official.toLowerCase().includes(name.toLowerCase())
+      );
+    }
+    return (
+      country.name.common.toLowerCase().includes(name.toLowerCase()) ||
+      country.name.official.toLowerCase().includes(name.toLowerCase())
+    );
+  });
+};
+
+export const getCountryByCca2 = (cca2: ICountryCca2): ICountry | undefined => {
+  return countries.find((country: ICountry) => country.cca2 === cca2);
+};
+
+export const getCountryByCca3 = (cca3: string): ICountry | undefined => {
+  return countries.find((country: ICountry) => country.cca3 === cca3);
+};
+
+export const getCountriesByRegion = (region: string): ICountry[] => {
+  return countries.filter((country: ICountry) => country.region === region);
+};
+
+export const getCountriesBySubregion = (subregion: string): ICountry[] => {
+  return countries.filter(
+    (country: ICountry) => country.subregion === subregion,
+  );
+};
+
+export const getCountriesIndependents = (): ICountry[] => {
+  return countries.filter((country: ICountry) => country.independent);
+};
+
+export const getContriesDependents = (): ICountry[] => {
+  return countries.filter((country: ICountry) => !country.independent);
+};

package/lib/utils/getTranslation.ts

@@ -3,7 +3,8 @@ import {ICountrySelectLanguages} from '../interface';
 type TranslationKey =
   | 'searchPlaceholder'
   | 'popularCountriesTitle'
-  | 'allCountriesTitle';
+  | 'allCountriesTitle'
+  | 'searchNotFoundMessage';
 type TranslationMap = Record<
   TranslationKey,
   Record<ICountrySelectLanguages, string>
@@ -115,4 +116,39 @@ export const translations: TranslationMap = {
     'zho-Hans': '所有国家',
     'zho-Hant': '所有國家',
   },
+  searchNotFoundMessage: {
+    ara: 'لا توجد دول مطابقة',
+    bel: 'Краіны не знойдзены',
+    bre: "N'en eo bet",
+    bul: 'Няма намерени държави',
+    ces: 'Nebyly nalezeny žádné země',
+    deu: 'Keine Länder gefunden',
+    ell: 'Δεν βρέθηκαν χώρες',
+    eng: 'No countries found',
+    est: 'Riikuid ei leitud',
+    fin: 'Maita ei löytynyt',
+    fra: 'Aucun pays trouvé',
+    heb: 'לא נמצאו מדינות',
+    hrv: 'Nema pronađenih zemalja',
+    hun: 'Nem található ország',
+    ita: 'Nessun paese trovato',
+    jpn: '国が見つかりません',
+    kor: '국가를 찾을 수 없습니다',
+    nld: 'Geen landen gevonden',
+    per: 'هیچ کشوری یافت نشد',
+    pol: 'Nie znaleziono krajów',
+    por: 'Nenhum país encontrado',
+    ron: 'Nu s-au găsit țări',
+    rus: 'Страны не найдены',
+    slk: 'Nenašli sa žiadne krajiny',
+    spa: 'No se encontró ningún país',
+    srp: 'Нису пронађене државе',
+    swe: 'Inga länder hittades',
+    tur: 'Hiçbir ülke bulunamadı',
+    ukr: 'Країни не знайдено',
+    urd: 'کوئی ملک نہیں ملا',
+    zho: '没有找到国家',
+    'zho-Hans': '没有找到国家',
+    'zho-Hant': '找不到國家',
+  },
 } as const;

package/lib/utils/parseHeight.ts

@@ -0,0 +1,35 @@
+const parseHeight = (
+  value: number | string | undefined,
+  windowHeight: number,
+): number => {
+  if (value === undefined) {
+    return 0;
+  }
+
+  const MIN_ALLOWED_PERCENTAGE = 0.1; // 10%
+  const MAX_ALLOWED_PERCENTAGE = windowHeight; // 100%
+
+  if (typeof value === 'number') {
+    return Math.min(
+      Math.max(value, MIN_ALLOWED_PERCENTAGE * MAX_ALLOWED_PERCENTAGE),
+      MAX_ALLOWED_PERCENTAGE,
+    );
+  }
+
+  if (typeof value === 'string') {
+    const percentageMatch = value.match(/^(\d+(?:\.\d+)?)%$/);
+
+    if (percentageMatch) {
+      const percentage = parseFloat(percentageMatch[1]) / 100;
+      const height = percentage * MAX_ALLOWED_PERCENTAGE;
+      return Math.min(
+        Math.max(height, MIN_ALLOWED_PERCENTAGE * MAX_ALLOWED_PERCENTAGE),
+        MAX_ALLOWED_PERCENTAGE,
+      );
+    }
+  }
+
+  return 0;
+};
+
+export default parseHeight;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-country-select",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "🌍 A lightweight and customizable country picker for React Native with modern UI, flags, search engine, and i18n support. Includes TypeScript types, offline support and no dependencies.",
   "main": "lib/index.tsx",
   "types": "lib/index.d.ts",