react-native-country-select 0.1.1 → 0.1.3

package/lib/interface/countryCca2.ts

@@ -1,251 +1,251 @@
-// Country code type (2 characters)
-export type ICountryCca2 =
-  | 'AW'
-  | 'AF'
-  | 'AO'
-  | 'AI'
-  | 'AX'
-  | 'AL'
-  | 'AD'
-  | 'AE'
-  | 'AR'
-  | 'AM'
-  | 'AS'
-  | 'AQ'
-  | 'TF'
-  | 'AG'
-  | 'AU'
-  | 'AT'
-  | 'AZ'
-  | 'BI'
-  | 'BE'
-  | 'BJ'
-  | 'BF'
-  | 'BD'
-  | 'BG'
-  | 'BH'
-  | 'BS'
-  | 'BA'
-  | 'BL'
-  | 'BY'
-  | 'BZ'
-  | 'BM'
-  | 'BO'
-  | 'BR'
-  | 'BB'
-  | 'BN'
-  | 'BT'
-  | 'BV'
-  | 'BW'
-  | 'CF'
-  | 'CA'
-  | 'CC'
-  | 'CH'
-  | 'CL'
-  | 'CN'
-  | 'CI'
-  | 'CM'
-  | 'CD'
-  | 'CG'
-  | 'CK'
-  | 'CO'
-  | 'KM'
-  | 'CV'
-  | 'CR'
-  | 'CU'
-  | 'CW'
-  | 'CX'
-  | 'KY'
-  | 'CY'
-  | 'CZ'
-  | 'DE'
-  | 'DJ'
-  | 'DM'
-  | 'DK'
-  | 'DO'
-  | 'DZ'
-  | 'EC'
-  | 'EG'
-  | 'ER'
-  | 'EH'
-  | 'ES'
-  | 'EE'
-  | 'ET'
-  | 'FI'
-  | 'FJ'
-  | 'FK'
-  | 'FR'
-  | 'FO'
-  | 'FM'
-  | 'GA'
-  | 'GB'
-  | 'GE'
-  | 'GG'
-  | 'GH'
-  | 'GI'
-  | 'GN'
-  | 'GP'
-  | 'GM'
-  | 'GW'
-  | 'GQ'
-  | 'GR'
-  | 'GD'
-  | 'GL'
-  | 'GT'
-  | 'GF'
-  | 'GU'
-  | 'GY'
-  | 'HK'
-  | 'HM'
-  | 'HN'
-  | 'HR'
-  | 'HT'
-  | 'HU'
-  | 'ID'
-  | 'IM'
-  | 'IN'
-  | 'IO'
-  | 'IE'
-  | 'IR'
-  | 'IQ'
-  | 'IS'
-  | 'IL'
-  | 'IT'
-  | 'JM'
-  | 'JE'
-  | 'JO'
-  | 'JP'
-  | 'KZ'
-  | 'KE'
-  | 'KG'
-  | 'KH'
-  | 'KI'
-  | 'KN'
-  | 'KR'
-  | 'KW'
-  | 'LA'
-  | 'LB'
-  | 'LR'
-  | 'LY'
-  | 'LC'
-  | 'LI'
-  | 'LK'
-  | 'LS'
-  | 'LT'
-  | 'LU'
-  | 'LV'
-  | 'MO'
-  | 'MF'
-  | 'MA'
-  | 'MC'
-  | 'MD'
-  | 'MG'
-  | 'MV'
-  | 'MX'
-  | 'MH'
-  | 'MK'
-  | 'ML'
-  | 'MT'
-  | 'MM'
-  | 'ME'
-  | 'MN'
-  | 'MP'
-  | 'MZ'
-  | 'MR'
-  | 'MS'
-  | 'MQ'
-  | 'MU'
-  | 'MW'
-  | 'MY'
-  | 'YT'
-  | 'NA'
-  | 'NC'
-  | 'NE'
-  | 'NF'
-  | 'NG'
-  | 'NI'
-  | 'NU'
-  | 'NL'
-  | 'NO'
-  | 'NP'
-  | 'NR'
-  | 'NZ'
-  | 'OM'
-  | 'PK'
-  | 'PA'
-  | 'PN'
-  | 'PE'
-  | 'PH'
-  | 'PW'
-  | 'PG'
-  | 'PL'
-  | 'PR'
-  | 'KP'
-  | 'PT'
-  | 'PY'
-  | 'PS'
-  | 'PF'
-  | 'QA'
-  | 'RE'
-  | 'RO'
-  | 'RU'
-  | 'RW'
-  | 'SA'
-  | 'SD'
-  | 'SN'
-  | 'SG'
-  | 'GS'
-  | 'SH'
-  | 'SJ'
-  | 'SB'
-  | 'SL'
-  | 'SV'
-  | 'SM'
-  | 'SO'
-  | 'PM'
-  | 'RS'
-  | 'SS'
-  | 'ST'
-  | 'SR'
-  | 'SK'
-  | 'SI'
-  | 'SE'
-  | 'SZ'
-  | 'SX'
-  | 'SC'
-  | 'SY'
-  | 'TC'
-  | 'TD'
-  | 'TG'
-  | 'TH'
-  | 'TJ'
-  | 'TK'
-  | 'TM'
-  | 'TL'
-  | 'TO'
-  | 'TT'
-  | 'TN'
-  | 'TR'
-  | 'TV'
-  | 'TW'
-  | 'TZ'
-  | 'UG'
-  | 'UA'
-  | 'UM'
-  | 'UY'
-  | 'US'
-  | 'UZ'
-  | 'VA'
-  | 'VC'
-  | 'VE'
-  | 'VG'
-  | 'VI'
-  | 'VN'
-  | 'VU'
-  | 'WF'
-  | 'WS'
-  | 'XK'
-  | 'YE'
-  | 'ZA'
-  | 'ZM'
-  | 'ZW';
+// Country code type (2 characters)
+export type ICountryCca2 =
+  | 'AW'
+  | 'AF'
+  | 'AO'
+  | 'AI'
+  | 'AX'
+  | 'AL'
+  | 'AD'
+  | 'AE'
+  | 'AR'
+  | 'AM'
+  | 'AS'
+  | 'AQ'
+  | 'TF'
+  | 'AG'
+  | 'AU'
+  | 'AT'
+  | 'AZ'
+  | 'BI'
+  | 'BE'
+  | 'BJ'
+  | 'BF'
+  | 'BD'
+  | 'BG'
+  | 'BH'
+  | 'BS'
+  | 'BA'
+  | 'BL'
+  | 'BY'
+  | 'BZ'
+  | 'BM'
+  | 'BO'
+  | 'BR'
+  | 'BB'
+  | 'BN'
+  | 'BT'
+  | 'BV'
+  | 'BW'
+  | 'CF'
+  | 'CA'
+  | 'CC'
+  | 'CH'
+  | 'CL'
+  | 'CN'
+  | 'CI'
+  | 'CM'
+  | 'CD'
+  | 'CG'
+  | 'CK'
+  | 'CO'
+  | 'KM'
+  | 'CV'
+  | 'CR'
+  | 'CU'
+  | 'CW'
+  | 'CX'
+  | 'KY'
+  | 'CY'
+  | 'CZ'
+  | 'DE'
+  | 'DJ'
+  | 'DM'
+  | 'DK'
+  | 'DO'
+  | 'DZ'
+  | 'EC'
+  | 'EG'
+  | 'ER'
+  | 'EH'
+  | 'ES'
+  | 'EE'
+  | 'ET'
+  | 'FI'
+  | 'FJ'
+  | 'FK'
+  | 'FR'
+  | 'FO'
+  | 'FM'
+  | 'GA'
+  | 'GB'
+  | 'GE'
+  | 'GG'
+  | 'GH'
+  | 'GI'
+  | 'GN'
+  | 'GP'
+  | 'GM'
+  | 'GW'
+  | 'GQ'
+  | 'GR'
+  | 'GD'
+  | 'GL'
+  | 'GT'
+  | 'GF'
+  | 'GU'
+  | 'GY'
+  | 'HK'
+  | 'HM'
+  | 'HN'
+  | 'HR'
+  | 'HT'
+  | 'HU'
+  | 'ID'
+  | 'IM'
+  | 'IN'
+  | 'IO'
+  | 'IE'
+  | 'IR'
+  | 'IQ'
+  | 'IS'
+  | 'IL'
+  | 'IT'
+  | 'JM'
+  | 'JE'
+  | 'JO'
+  | 'JP'
+  | 'KZ'
+  | 'KE'
+  | 'KG'
+  | 'KH'
+  | 'KI'
+  | 'KN'
+  | 'KR'
+  | 'KW'
+  | 'LA'
+  | 'LB'
+  | 'LR'
+  | 'LY'
+  | 'LC'
+  | 'LI'
+  | 'LK'
+  | 'LS'
+  | 'LT'
+  | 'LU'
+  | 'LV'
+  | 'MO'
+  | 'MF'
+  | 'MA'
+  | 'MC'
+  | 'MD'
+  | 'MG'
+  | 'MV'
+  | 'MX'
+  | 'MH'
+  | 'MK'
+  | 'ML'
+  | 'MT'
+  | 'MM'
+  | 'ME'
+  | 'MN'
+  | 'MP'
+  | 'MZ'
+  | 'MR'
+  | 'MS'
+  | 'MQ'
+  | 'MU'
+  | 'MW'
+  | 'MY'
+  | 'YT'
+  | 'NA'
+  | 'NC'
+  | 'NE'
+  | 'NF'
+  | 'NG'
+  | 'NI'
+  | 'NU'
+  | 'NL'
+  | 'NO'
+  | 'NP'
+  | 'NR'
+  | 'NZ'
+  | 'OM'
+  | 'PK'
+  | 'PA'
+  | 'PN'
+  | 'PE'
+  | 'PH'
+  | 'PW'
+  | 'PG'
+  | 'PL'
+  | 'PR'
+  | 'KP'
+  | 'PT'
+  | 'PY'
+  | 'PS'
+  | 'PF'
+  | 'QA'
+  | 'RE'
+  | 'RO'
+  | 'RU'
+  | 'RW'
+  | 'SA'
+  | 'SD'
+  | 'SN'
+  | 'SG'
+  | 'GS'
+  | 'SH'
+  | 'SJ'
+  | 'SB'
+  | 'SL'
+  | 'SV'
+  | 'SM'
+  | 'SO'
+  | 'PM'
+  | 'RS'
+  | 'SS'
+  | 'ST'
+  | 'SR'
+  | 'SK'
+  | 'SI'
+  | 'SE'
+  | 'SZ'
+  | 'SX'
+  | 'SC'
+  | 'SY'
+  | 'TC'
+  | 'TD'
+  | 'TG'
+  | 'TH'
+  | 'TJ'
+  | 'TK'
+  | 'TM'
+  | 'TL'
+  | 'TO'
+  | 'TT'
+  | 'TN'
+  | 'TR'
+  | 'TV'
+  | 'TW'
+  | 'TZ'
+  | 'UG'
+  | 'UA'
+  | 'UM'
+  | 'UY'
+  | 'US'
+  | 'UZ'
+  | 'VA'
+  | 'VC'
+  | 'VE'
+  | 'VG'
+  | 'VI'
+  | 'VN'
+  | 'VU'
+  | 'WF'
+  | 'WS'
+  | 'XK'
+  | 'YE'
+  | 'ZA'
+  | 'ZM'
+  | 'ZW';

package/lib/interface/countryItemProps.ts

@@ -1,10 +1,12 @@
-import {ICountry} from './country';
-import {ICountrySelectLanguages} from './countrySelectLanguages';
-
-export interface ICountryItemProps {
-  item: ICountry;
-  onSelect: (country: ICountry) => void;
-  onClose: () => void;
-  language: ICountrySelectLanguages;
-  theme?: 'light' | 'dark';
-}
+import {ICountry} from './country';
+import {ICountrySelectStyle} from './countrySelectStyles';
+import {ICountrySelectLanguages} from './countrySelectLanguages';
+
+export interface ICountryItemProps {
+  item: ICountry;
+  onSelect: (country: ICountry) => void;
+  onClose: () => void;
+  language: ICountrySelectLanguages;
+  theme?: 'light' | 'dark';
+  countrySelectStyle?: ICountrySelectStyle;
+}

package/lib/interface/countrySelectLanguages.ts

@@ -1,34 +1,34 @@
-export type ICountrySelectLanguages =
-  | 'ara' // Arabic
-  | 'bel' // Belarusian
-  | 'bre' // Breton
-  | 'bul' // Bulgarian
-  | 'ces' // Czech
-  | 'deu' // German
-  | 'ell' // Greek
-  | 'eng' // English
-  | 'est' // Estonian
-  | 'fin' // Finnish
-  | 'fra' // French
-  | 'heb' // Hebrew
-  | 'hrv' // Croatian
-  | 'hun' // Hungarian
-  | 'ita' // Italian
-  | 'jpn' // Japanese
-  | 'kor' // Korean
-  | 'nld' // Dutch
-  | 'per' // Persian
-  | 'pol' // Polish
-  | 'por' // Portuguese
-  | 'ron' // Romanian
-  | 'rus' // Russian
-  | 'slk' // Slovak
-  | 'spa' // Spanish
-  | 'srp' // Serbian
-  | 'swe' // Swedish
-  | 'tur' // Turkish
-  | 'ukr' // Ukrainian
-  | 'urd' // Urdu
-  | 'zho' // Chinese
-  | 'zho-Hans' // Simplified Chinese
-  | 'zho-Hant'; // Traditional Chinese
+export type ICountrySelectLanguages =
+  | 'ara' // Arabic
+  | 'bel' // Belarusian
+  | 'bre' // Breton
+  | 'bul' // Bulgarian
+  | 'ces' // Czech
+  | 'deu' // German
+  | 'ell' // Greek
+  | 'eng' // English
+  | 'est' // Estonian
+  | 'fin' // Finnish
+  | 'fra' // French
+  | 'heb' // Hebrew
+  | 'hrv' // Croatian
+  | 'hun' // Hungarian
+  | 'ita' // Italian
+  | 'jpn' // Japanese
+  | 'kor' // Korean
+  | 'nld' // Dutch
+  | 'per' // Persian
+  | 'pol' // Polish
+  | 'por' // Portuguese
+  | 'ron' // Romanian
+  | 'rus' // Russian
+  | 'slk' // Slovak
+  | 'spa' // Spanish
+  | 'srp' // Serbian
+  | 'swe' // Swedish
+  | 'tur' // Turkish
+  | 'ukr' // Ukrainian
+  | 'urd' // Urdu
+  | 'zho' // Chinese
+  | 'zho-Hans' // Simplified Chinese
+  | 'zho-Hant'; // Traditional Chinese

package/lib/interface/countrySelectProps.ts

@@ -1,11 +1,31 @@
-import {ModalProps} from 'react-native';
-import {ICountry} from './country';
-import {ICountrySelectLanguages} from './countrySelectLanguages';
-
-export interface ICountrySelectProps extends ModalProps {
-  visible: boolean;
-  onClose: () => void;
-  onSelect: (country: ICountry) => void;
-  theme?: 'light' | 'dark';
-  language?: ICountrySelectLanguages;
-}
+import 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';
+
+export interface ICountrySelectProps extends ModalProps {
+  visible: boolean;
+  onClose: () => void;
+  onSelect: (country: ICountry) => void;
+  countrySelectStyle?: ICountrySelectStyle;
+  theme?: 'light' | 'dark';
+  isFullScreen?: boolean;
+  popularCountries?: string[];
+  visibleCountries?: ICountryCca2[];
+  hiddenCountries?: ICountryCca2[];
+  language?: ICountrySelectLanguages;
+  showSearchInput?: boolean;
+  searchPlaceholder?: string;
+  disabledBackdropPress?: boolean;
+  removedBackdrop?: boolean;
+  onBackdropPress?: () => void;
+  countryItemComponent?: (item: ICountry) => React.ReactElement;
+  sectionTitleComponent?: (item: ISectionTitle) => React.ReactElement;
+  popularCountriesTitle?: string;
+  allCountriesTitle?: string;
+  showsVerticalScrollIndicator?: boolean;
+}

package/lib/interface/countrySelectStyles.ts

@@ -0,0 +1,28 @@
+import {StyleProp, TextStyle, ViewStyle} from 'react-native';
+
+interface IBaseModalStyle {
+  backdrop?: StyleProp<ViewStyle>;
+  closeButton?: StyleProp<ViewStyle>;
+  closeButtonText?: StyleProp<TextStyle>;
+  searchContainer?: StyleProp<ViewStyle>;
+  searchInput?: StyleProp<TextStyle>;
+  searchInputPlaceholder?: {
+    color: string;
+  };
+  sectionTitle?: StyleProp<TextStyle>;
+  list?: StyleProp<ViewStyle>;
+  countryItem?: StyleProp<ViewStyle>;
+  flag?: StyleProp<TextStyle>;
+  countryInfo?: StyleProp<ViewStyle>;
+  callingCode?: StyleProp<TextStyle>;
+  countryName?: StyleProp<TextStyle>;
+}
+
+interface IPopupStyle extends IBaseModalStyle {
+  popupContainer?: StyleProp<ViewStyle>;
+  popupContent?: StyleProp<ViewStyle>;
+}
+
+export interface ICountrySelectStyle {
+  popup?: IPopupStyle;
+}

package/lib/interface/index.ts

@@ -1,9 +1,8 @@
-// Re-export all interfaces from their respective files
 export * from './countryCca2';
 export * from './countrySelectLanguages';
 export * from './country';
 export * from './countrySelectProps';
-export * from './countrySelectStyles';
 export * from './countryItemProps';
 export * from './sectionTitle';
 export * from './itemList';
+export * from './countrySelectStyles';

package/lib/interface/itemList.ts

@@ -0,0 +1,4 @@
+import {ICountry} from './country';
+import {ISectionTitle} from './sectionTitle';
+
+export type IListItem = ICountry | ISectionTitle;

package/lib/interface/sectionTitle.ts

@@ -0,0 +1,4 @@
+export type ISectionTitle = {
+  isSection: true;
+  title: string;
+};