react-native-country-select 0.2.3 → 0.2.5

package/README.md

@@ -246,7 +246,32 @@ export default function App() {
 
 <br>
 
-## CountrySelect Props
+### Modal Styles ([modalStyles](https://github.com/AstrOOnauta/react-native-country-select/blob/main/lib/interface/countrySelectStyles.ts))
+
+| Property                   | Type      | Description               |
+| -------------------------- | --------- | ------------------------- |
+| `backdrop`                 | ViewStyle | Modal background overlay  |
+| `container`                | ViewStyle | Modal main container      |
+| `content`                  | ViewStyle | Modal content area        |
+| `dragHandleContainer`      | ViewStyle | Drag Handle area          |
+| `dragHandleIndicator`      | ViewStyle | Drag Handle Indicator     |
+| `searchContainer`          | ViewStyle | Search input wrapper      |
+| `searchInput`              | TextStyle | Search input field        |
+| `list`                     | ViewStyle | Countries list container  |
+| `countryItem`              | ViewStyle | Individual country row    |
+| `flag`                     | TextStyle | Country flag in list      |
+| `countryInfo`              | ViewStyle | Country details container |
+| `callingCode`              | TextStyle | Calling code in list      |
+| `countryName`              | TextStyle | Country name in list      |
+| `sectionTitle`             | TextStyle | Section headers           |
+| `closeButton`              | ViewStyle | Close button container    |
+| `closeButtonText`          | TextStyle | Close button text         |
+| `countryNotFoundContainer` | ViewStyle | No results container      |
+| `countryNotFoundMessage`   | TextStyle | No results message        |
+
+<br>
+
+## CountrySelect Props ([countrySelectProps](https://github.com/AstrOOnauta/react-native-country-select/blob/main/lib/interface/countrySelectProps.ts))
 
 | Prop                         | Type                                                                    | Required | Default              | Description                                                      |
 | ---------------------------- | ----------------------------------------------------------------------- | -------- | -------------------- | ---------------------------------------------------------------- |
@@ -330,7 +355,8 @@ The `language` prop supports the following values:
 When utilizing this package, you may need to target the CountrySelect component in your automated tests. To facilitate this, we provide a testID props for the CountrySelect component. The testID can be integrated with popular testing libraries such as @testing-library/react-native or Maestro. This enables you to efficiently locate and interact with CountrySelect elements within your tests, ensuring a robust and reliable testing experience.
 
 ```js
-const countrySelect = getByTestId('countrySelectSearchInput');
+const countrySelectModalContainer = getByTestId('countrySelectContainer');
+const countrySelectModalContent = getByTestId('countrySelectContent');
 const countrySelectBackdrop = getByTestId('countrySelectBackdrop');
 const countrySelectList = getByTestId('countrySelectList');
 const countrySelectSearchInput = getByTestId('countrySelectSearchInput');
@@ -342,7 +368,20 @@ const countrySelectCloseButton = getByTestId('countrySelectCloseButton');
 
 ## Accessibility
 
-Ensure your app is inclusive and usable by everyone by leveraging built-in React Native accessibility features. The accessibility props are covered by this package.
+Ensure your app is inclusive and usable by everyone by leveraging built-in React Native accessibility features. The accessibility props are covered and customizable by this package.
+
+### Custom Accessibility Props Available
+
+- `accessibilityLabelBackdrop`: Accessibility label for the backdrop;
+- `accessibilityHintBackdrop`: Accessibility hint for the backdrop;
+- `accessibilityLabelCloseButton`: Accessibility label for the close button;
+- `accessibilityHintCloseButton`: Accessibility hint for the close button;
+- `accessibilityLabelSearchInput`: Accessibility label for the search input;
+- `accessibilityHintSearchInput`: Accessibility hint for the search input;
+- `accessibilityLabelCountriesList`: Accessibility label for the countries list;
+- `accessibilityHintCountriesList`: Accessibility hint for the countries list;
+- `accessibilityLabelCountryItem`: Accessibility label for individual country items;
+- `accessibilityHintCountryItem`: Accessibility hint for individual country.
 
 <br>
 

package/lib/components/CountryItem/index.tsx

@@ -2,6 +2,7 @@ import React, {memo} from 'react';
 import {View, Text, TouchableOpacity} from 'react-native';
 
 import {createStyles} from '../styles';
+import {translations} from '../../utils/getTranslation';
 import {ICountryItemProps, ICountrySelectLanguages} from '../../interface';
 
 const DEFAULT_LANGUAGE: ICountrySelectLanguages = 'eng';
@@ -14,6 +15,8 @@ export const CountryItem = memo<ICountryItemProps>(
     theme = 'light',
     language,
     countrySelectStyle,
+    accessibilityLabel,
+    accessibilityHint,
   }) => {
     const styles = createStyles(theme);
 
@@ -21,8 +24,14 @@ export const CountryItem = memo<ICountryItemProps>(
       <TouchableOpacity
         testID="countrySelectItem"
         accessibilityRole="button"
-        accessibilityLabel="Country Select Item"
-        accessibilityHint="Click to select a country"
+        accessibilityLabel={
+          accessibilityLabel ||
+          translations.accessibilityLabelCountryItem[language]
+        }
+        accessibilityHint={
+          accessibilityHint ||
+          translations.accessibilityHintCountryItem[language]
+        }
         style={[styles.countryItem, countrySelectStyle?.countryItem]}
         onPress={() => {
           onSelect(item);

package/lib/components/CountrySelect/index.tsx

@@ -69,6 +69,16 @@ export const CountrySelect: React.FC<ICountrySelectProps> = ({
   allCountriesTitle,
   showsVerticalScrollIndicator = false,
   countryNotFoundMessage,
+  accessibilityLabelBackdrop,
+  accessibilityHintBackdrop,
+  accessibilityLabelCloseButton,
+  accessibilityHintCloseButton,
+  accessibilityLabelSearchInput,
+  accessibilityHintSearchInput,
+  accessibilityLabelCountriesList,
+  accessibilityHintCountriesList,
+  accessibilityLabelCountryItem,
+  accessibilityHintCountryItem,
   ...props
 }) => {
   const [modalHeight, setModalHeight] = useState(useWindowDimensions().height);
@@ -381,8 +391,14 @@ export const CountrySelect: React.FC<ICountrySelectProps> = ({
       <TouchableOpacity
         testID="countrySelectCloseButton"
         accessibilityRole="button"
-        accessibilityLabel="Country Select Modal Close Button"
-        accessibilityHint="Click to close the Country Select modal"
+        accessibilityLabel={
+          accessibilityLabelCloseButton ||
+          translations.accessibilityLabelCloseButton[language]
+        }
+        accessibilityHint={
+          accessibilityHintCloseButton ||
+          translations.accessibilityHintCloseButton[language]
+        }
         style={[styles.closeButton, countrySelectStyle?.closeButton]}
         activeOpacity={0.6}
         onPress={onClose}>
@@ -399,8 +415,14 @@ export const CountrySelect: React.FC<ICountrySelectProps> = ({
       <TextInput
         testID="countrySelectSearchInput"
         accessibilityRole="text"
-        accessibilityLabel="Country Select Search Input"
-        accessibilityHint="Type to search for a country"
+        accessibilityLabel={
+          accessibilityLabelSearchInput ||
+          translations.accessibilityLabelSearchInput[language]
+        }
+        accessibilityHint={
+          accessibilityHintSearchInput ||
+          translations.accessibilityHintSearchInput[language]
+        }
         style={[styles.searchInput, countrySelectStyle?.searchInput]}
         placeholder={
           searchPlaceholder ||
@@ -442,8 +464,14 @@ export const CountrySelect: React.FC<ICountrySelectProps> = ({
       <FlatList
         testID="countrySelectList"
         accessibilityRole="list"
-        accessibilityLabel="Country Select List"
-        accessibilityHint="List of countries"
+        accessibilityLabel={
+          accessibilityLabelCountriesList ||
+          translations.accessibilityLabelCountriesList[language]
+        }
+        accessibilityHint={
+          accessibilityHintCountriesList ||
+          translations.accessibilityHintCountriesList[language]
+        }
         data={getCountries}
         keyExtractor={keyExtractor}
         renderItem={renderItem}
@@ -486,6 +514,14 @@ export const CountrySelect: React.FC<ICountrySelectProps> = ({
           theme={theme}
           language={language}
           countrySelectStyle={countrySelectStyle}
+          accessibilityLabel={
+            accessibilityLabelCountryItem ||
+            translations.accessibilityLabelCountryItem[language]
+          }
+          accessibilityHint={
+            accessibilityHintCountryItem ||
+            translations.accessibilityHintCountryItem[language]
+          }
         />
       );
     },
@@ -508,52 +544,62 @@ export const CountrySelect: React.FC<ICountrySelectProps> = ({
         onRequestClose={onClose}
         statusBarTranslucent
         {...props}>
-        <Pressable
-          testID="countrySelectBackdrop"
-          accessibilityRole="button"
-          accessibilityLabel="Country Select Modal Backdrop"
-          accessibilityHint="Click to close the Country Select modal"
-          disabled={disabledBackdropPress || removedBackdrop}
+        <View
+          testID="countrySelectContainer"
           style={[
-            styles.backdrop,
-            {alignItems: 'center', justifyContent: 'center'},
-            countrySelectStyle?.backdrop,
-            removedBackdrop && {backgroundColor: 'transparent'},
-          ]}
-          onPress={onBackdropPress || onClose}>
+            styles.container,
+            countrySelectStyle?.container,
+            isFullScreen && {
+              flex: 1,
+              width: '100%',
+              height: '100%',
+            },
+          ]}>
           <Pressable
+            testID="countrySelectBackdrop"
+            accessibilityRole="button"
+            accessibilityLabel={
+              accessibilityLabelBackdrop ||
+              translations.accessibilityLabelBackdrop[language]
+            }
+            accessibilityHint={
+              accessibilityHintBackdrop ||
+              translations.accessibilityHintBackdrop[language]
+            }
+            disabled={disabledBackdropPress || removedBackdrop}
+            style={[
+              styles.backdrop,
+              {alignItems: 'center', justifyContent: 'center'},
+              countrySelectStyle?.backdrop,
+              removedBackdrop && {backgroundColor: 'transparent'},
+            ]}
+            onPress={onBackdropPress || onClose}
+          />
+          <View
+            testID="countrySelectContent"
             style={[
-              styles.container,
-              countrySelectStyle?.container,
+              styles.content,
+              countrySelectStyle?.content,
               isFullScreen && {
-                flex: 1,
+                borderRadius: 0,
                 width: '100%',
                 height: '100%',
               },
             ]}>
-            <View
-              style={[
-                styles.content,
-                countrySelectStyle?.content,
-                isFullScreen && {
-                  borderRadius: 0,
-                },
-              ]}>
-              {(isFullScreen || showSearchInput || showCloseButton) && (
-                <View
-                  style={[
-                    styles.searchContainer,
-                    countrySelectStyle?.searchContainer,
-                  ]}>
-                  {(isFullScreen || showCloseButton) && renderCloseButton()}
-                  {showSearchInput && renderSearchInput()}
-                </View>
-              )}
-
-              {renderFlatList()}
-            </View>
-          </Pressable>
-        </Pressable>
+            {(isFullScreen || showSearchInput || showCloseButton) && (
+              <View
+                style={[
+                  styles.searchContainer,
+                  countrySelectStyle?.searchContainer,
+                ]}>
+                {(isFullScreen || showCloseButton) && renderCloseButton()}
+                {showSearchInput && renderSearchInput()}
+              </View>
+            )}
+
+            {renderFlatList()}
+          </View>
+        </View>
       </Modal>
     );
   }
@@ -567,11 +613,8 @@ export const CountrySelect: React.FC<ICountrySelectProps> = ({
       statusBarTranslucent
       {...props}>
       <View
-        style={[
-          styles.backdrop,
-          countrySelectStyle?.backdrop,
-          removedBackdrop && {backgroundColor: 'transparent'},
-        ]}
+        testID="countrySelectContainer"
+        style={[styles.container, countrySelectStyle?.container]}
         onLayout={event => {
           const {height} = event.nativeEvent.layout;
           setModalHeight(height);
@@ -579,15 +622,33 @@ export const CountrySelect: React.FC<ICountrySelectProps> = ({
         <Pressable
           testID="countrySelectBackdrop"
           accessibilityRole="button"
-          accessibilityLabel="Country Select Modal Backdrop"
-          accessibilityHint="Click to close the Country Select modal"
+          accessibilityLabel={
+            accessibilityLabelBackdrop ||
+            translations.accessibilityLabelBackdrop[language]
+          }
+          accessibilityHint={
+            accessibilityHintBackdrop ||
+            translations.accessibilityHintBackdrop[language]
+          }
           disabled={disabledBackdropPress || removedBackdrop}
-          style={{flex: 1}}
+          style={[
+            styles.backdrop,
+            countrySelectStyle?.backdrop,
+            removedBackdrop && {backgroundColor: 'transparent'},
+          ]}
           onPress={onBackdropPress || onClose}
         />
-        <View
-          style={[styles.container, countrySelectStyle?.container]}
-          pointerEvents="auto">
+        <Animated.View
+          testID="countrySelectContent"
+          style={[
+            styles.content,
+            countrySelectStyle?.content,
+            {
+              height: sheetHeight,
+              minHeight: bottomSheetSize.minHeight,
+              maxHeight: bottomSheetSize.maxHeight,
+            },
+          ]}>
           <View
             {...handlePanResponder.panHandlers}
             style={[
@@ -605,30 +666,19 @@ export const CountrySelect: React.FC<ICountrySelectProps> = ({
               />
             )}
           </View>
-          <Animated.View
-            style={[
-              styles.content,
-              countrySelectStyle?.content,
-              {
-                height: sheetHeight,
-                minHeight: bottomSheetSize.minHeight,
-                maxHeight: bottomSheetSize.maxHeight,
-              },
-            ]}>
-            {(showSearchInput || showCloseButton) && (
-              <View
-                style={[
-                  styles.searchContainer,
-                  countrySelectStyle?.searchContainer,
-                ]}>
-                {showCloseButton && renderCloseButton()}
-                {showSearchInput && renderSearchInput()}
-              </View>
-            )}
+          {(showSearchInput || showCloseButton) && (
+            <View
+              style={[
+                styles.searchContainer,
+                countrySelectStyle?.searchContainer,
+              ]}>
+              {showCloseButton && renderCloseButton()}
+              {showSearchInput && renderSearchInput()}
+            </View>
+          )}
 
-            <Animated.View style={{flex: 1}}>{renderFlatList()}</Animated.View>
-          </Animated.View>
-        </View>
+          <Animated.View style={{flex: 1}}>{renderFlatList()}</Animated.View>
+        </Animated.View>
       </View>
     </Modal>
   );

package/lib/components/styles.js

@@ -2,41 +2,37 @@ import {Platform, StatusBar, StyleSheet} from 'react-native';
 
 export const createStyles = (theme, modalType, isFullScreen) =>
   StyleSheet.create({
-    backdrop: {
+    container: {
       flex: 1,
+      width: '100%',
+      height: '100%',
+      backgroundColor: 'transparent',
+      alignItems: 'center',
+      justifyContent:
+        modalType === 'popup' || isFullScreen ? 'center' : 'flex-end',
+    },
+    backdrop: {
+      width: '100%',
+      height: '100%',
       backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      position: 'absolute',
+      bottom: 0,
+      left: 0,
+      alignItems: 'center',
     },
-    container:
+    content:
       modalType === 'popup' || isFullScreen
         ? {
             marginTop: StatusBar.currentHeight,
             width: '90%',
             maxWidth: 600,
             height: '60%',
-            alignItems: 'center',
-            justifyContent: 'center',
-            alignSelf: 'center',
-          }
-        : {
-            marginTop: StatusBar.currentHeight,
-            position: 'absolute',
-            bottom: 0,
-            left: 0,
-            right: 0,
-            width: '100%',
-            alignItems: 'center',
-          },
-    content:
-      modalType === 'popup' || isFullScreen
-        ? {
-            flex: 1,
-            width: '100%',
             backgroundColor: theme === 'dark' ? '#202020' : '#FFFFFF',
             borderRadius: 20,
-            alignSelf: 'center',
             padding: 16,
           }
         : {
+            marginTop: StatusBar.currentHeight,
             width: '100%',
             backgroundColor: theme === 'dark' ? '#202020' : '#FFFFFF',
             padding: 16,

package/lib/interface/countryItemProps.ts

@@ -9,4 +9,6 @@ export interface ICountryItemProps {
   language: ICountrySelectLanguages;
   theme?: 'light' | 'dark';
   countrySelectStyle?: ICountrySelectStyle;
+  accessibilityLabel?: string;
+  accessibilityHint?: string;
 }

package/lib/interface/countrySelectProps.ts

@@ -37,4 +37,14 @@ export interface ICountrySelectProps extends ModalProps {
   allCountriesTitle?: string;
   showsVerticalScrollIndicator?: boolean;
   countryNotFoundMessage?: string;
+  accessibilityLabelBackdrop?: string;
+  accessibilityHintBackdrop?: string;
+  accessibilityLabelCloseButton?: string;
+  accessibilityHintCloseButton?: string;
+  accessibilityLabelSearchInput?: string;
+  accessibilityHintSearchInput?: string;
+  accessibilityLabelCountriesList?: string;
+  accessibilityHintCountriesList?: string;
+  accessibilityLabelCountryItem?: string;
+  accessibilityHintCountryItem?: string;
 }

package/lib/utils/getTranslation.ts

@@ -4,7 +4,17 @@ type TranslationKey =
   | 'searchPlaceholder'
   | 'popularCountriesTitle'
   | 'allCountriesTitle'
-  | 'searchNotFoundMessage';
+  | 'searchNotFoundMessage'
+  | 'accessibilityLabelBackdrop'
+  | 'accessibilityHintBackdrop'
+  | 'accessibilityLabelCloseButton'
+  | 'accessibilityHintCloseButton'
+  | 'accessibilityLabelSearchInput'
+  | 'accessibilityHintSearchInput'
+  | 'accessibilityLabelCountriesList'
+  | 'accessibilityHintCountriesList'
+  | 'accessibilityLabelCountryItem'
+  | 'accessibilityHintCountryItem';
 type TranslationMap = Record<
   TranslationKey,
   Record<ICountrySelectLanguages, string>
@@ -151,4 +161,354 @@ export const translations: TranslationMap = {
     'zho-Hans': '没有找到国家',
     'zho-Hant': '找不到國家',
   },
+  accessibilityLabelBackdrop: {
+    ara: 'خلفية نافذة اختيار البلد',
+    bel: 'Фон мадальнага акна выбару краіны',
+    bre: 'Dreklec modalen dibab ar vro',
+    bul: 'Фон на модалното прозорче за избор на държава',
+    ces: 'Pozadí modálního okna pro výběr země',
+    deu: 'Hintergrund des Länderauswahl-Modals',
+    ell: 'Φόντο του παραθύρου επιλογής χώρας',
+    eng: 'Country Select Modal Backdrop',
+    est: 'Riigi valimise modaali taust',
+    fin: 'Maan valinta -modaalin tausta',
+    fra: 'Arrière-plan de la fenêtre de sélection de pays',
+    heb: 'רקע חלון בחירת מדינה',
+    hrv: 'Pozadina modala za odabir države',
+    hun: 'Ország kiválasztó modális háttér',
+    ita: 'Sfondo della finestra di selezione paese',
+    jpn: '国選択モーダルの背景',
+    kor: '국가 선택 모달 배경',
+    nld: 'Achtergrond van landselectie modal',
+    per: 'پس‌زمینه پنجره انتخاب کشور',
+    pol: 'Tło modala wyboru kraju',
+    por: 'Fundo do modal de seleção de país',
+    ron: 'Fundalul ferestrei modale de selecție țară',
+    rus: 'Фон модального окна выбора страны',
+    slk: 'Pozadie modálneho okna výberu krajiny',
+    spa: 'Fondo del modal de selección de país',
+    srp: 'Позадина модалног прозора за избор државе',
+    swe: 'Bakgrund för landvalsmodal',
+    tur: 'Ülke seçimi modal arka planı',
+    ukr: 'Фон модального вікна вибору країни',
+    urd: 'ملک منتخب کرنے والے موڈل کا پس منظر',
+    zho: '国家选择模态框背景',
+    'zho-Hans': '国家选择模态框背景',
+    'zho-Hant': '國家選擇模態框背景',
+  },
+  accessibilityHintBackdrop: {
+    ara: 'انقر لإغلاق نافذة اختيار البلد',
+    bel: 'Націсніце, каб закрыць акно выбару краіны',
+    bre: 'Klikit evit serriñ modalen dibab ar vro',
+    bul: 'Щракнете, за да затворите модалното прозорче за избор на държава',
+    ces: 'Klikněte pro zavření modálního okna výběru země',
+    deu: 'Klicken Sie, um das Länderauswahl-Modal zu schließen',
+    ell: 'Κάντε κλικ για να κλείσετε το παράθυρο επιλογής χώρας',
+    eng: 'Click to close the Country Select modal',
+    est: 'Klõpsake, et sulgeda riigi valimise modaal',
+    fin: 'Klikkaa sulkeaksesi maan valinta -modaali',
+    fra: 'Cliquez pour fermer la fenêtre de sélection de pays',
+    heb: 'לחץ כדי לסגור את חלון בחירת המדינה',
+    hrv: 'Kliknite za zatvaranje modala za odabir države',
+    hun: 'Kattintson az ország kiválasztó modális bezárásához',
+    ita: 'Clicca per chiudere la finestra di selezione paese',
+    jpn: '国選択モーダルを閉じるにはクリック',
+    kor: '국가 선택 모달을 닫으려면 클릭',
+    nld: 'Klik om het landselectie modal te sluiten',
+    per: 'برای بستن پنجره انتخاب کشور کلیک کنید',
+    pol: 'Kliknij, aby zamknąć modal wyboru kraju',
+    por: 'Clique para fechar o modal de seleção de país',
+    ron: 'Faceți clic pentru a închide fereastra modală de selecție țară',
+    rus: 'Нажмите, чтобы закрыть модальное окно выбора страны',
+    slk: 'Kliknite pre zatvorenie modálneho okna výberu krajiny',
+    spa: 'Haga clic para cerrar el modal de selección de país',
+    srp: 'Кликните да затворите модални прозор за избор државе',
+    swe: 'Klicka för att stänga landvalsmodalen',
+    tur: 'Ülke seçimi modalını kapatmak için tıklayın',
+    ukr: 'Натисніть, щоб закрити модальне вікно вибору країни',
+    urd: 'ملک منتخب کرنے والے موڈل کو بند کرنے کے لیے کلک کریں',
+    zho: '点击关闭国家选择模态框',
+    'zho-Hans': '点击关闭国家选择模态框',
+    'zho-Hant': '點擊關閉國家選擇模態框',
+  },
+  accessibilityLabelCloseButton: {
+    ara: 'زر إغلاق نافذة اختيار البلد',
+    bel: 'Кнопка закрыцця акна выбару краіны',
+    bre: 'Bouton serriñ modalen dibab ar vro',
+    bul: 'Бутон за затваряне на модалното прозорче за избор на държава',
+    ces: 'Tlačítko pro zavření modálního okna výběru země',
+    deu: 'Schließen-Button des Länderauswahl-Modals',
+    ell: 'Κουμπί κλεισίματος παραθύρου επιλογής χώρας',
+    eng: 'Country Select Modal Close Button',
+    est: 'Riigi valimise modaali sulgemise nupp',
+    fin: 'Maan valinta -modaalin sulku-painike',
+    fra: 'Bouton de fermeture de la fenêtre de sélection de pays',
+    heb: 'כפתור סגירה של חלון בחירת מדינה',
+    hrv: 'Gumb za zatvaranje modala za odabir države',
+    hun: 'Ország kiválasztó modális bezáró gomb',
+    ita: 'Pulsante di chiusura della finestra di selezione paese',
+    jpn: '国選択モーダル閉じるボタン',
+    kor: '국가 선택 모달 닫기 버튼',
+    nld: 'Sluitknop van landselectie modal',
+    per: 'دکمه بستن پنجره انتخاب کشور',
+    pol: 'Przycisk zamknięcia modala wyboru kraju',
+    por: 'Botão de fechar do modal de seleção de país',
+    ron: 'Butonul de închidere al ferestrei modale de selecție țară',
+    rus: 'Кнопка закрытия модального окна выбора страны',
+    slk: 'Tlačidlo na zatvorenie modálneho okna výberu krajiny',
+    spa: 'Botón de cerrar del modal de selección de país',
+    srp: 'Дугме за затварање модалног прозора за избор државе',
+    swe: 'Stängknapp för landvalsmodal',
+    tur: 'Ülke seçimi modal kapatma düğmesi',
+    ukr: 'Кнопка закриття модального вікна вибору країни',
+    urd: 'ملک منتخب کرنے والے موڈل کا بند کرنے کا بٹن',
+    zho: '国家选择模态框关闭按钮',
+    'zho-Hans': '国家选择模态框关闭按钮',
+    'zho-Hant': '國家選擇模態框關閉按鈕',
+  },
+  accessibilityHintCloseButton: {
+    ara: 'انقر لإغلاق نافذة اختيار البلد',
+    bel: 'Націсніце, каб закрыць акно выбару краіны',
+    bre: 'Klikit evit serriñ modalen dibab ar vro',
+    bul: 'Щракнете, за да затворите модалното прозорче за избор на държава',
+    ces: 'Klikněte pro zavření modálního okna výběru země',
+    deu: 'Klicken Sie, um das Länderauswahl-Modal zu schließen',
+    ell: 'Κάντε κλικ για να κλείσετε το παράθυρο επιλογής χώρας',
+    eng: 'Click to close the Country Select modal',
+    est: 'Klõpsake, et sulgeda riigi valimise modaal',
+    fin: 'Klikkaa sulkeaksesi maan valinta -modaali',
+    fra: 'Cliquez pour fermer la fenêtre de sélection de pays',
+    heb: 'לחץ כדי לסגור את חלון בחירת המדינה',
+    hrv: 'Kliknite za zatvaranje modala za odabir države',
+    hun: 'Kattintson az ország kiválasztó modális bezárásához',
+    ita: 'Clicca per chiudere la finestra di selezione paese',
+    jpn: '国選択モーダルを閉じるにはクリック',
+    kor: '국가 선택 모달을 닫으려면 클릭',
+    nld: 'Klik om het landselectie modal te sluiten',
+    per: 'برای بستن پنجره انتخاب کشور کلیک کنید',
+    pol: 'Kliknij, aby zamknąć modal wyboru kraju',
+    por: 'Clique para fechar o modal de seleção de país',
+    ron: 'Faceți clic pentru a închide fereastra modală de selecție țară',
+    rus: 'Нажмите, чтобы закрыть модальное окно выбора страны',
+    slk: 'Kliknite pre zatvorenie modálneho okna výberu krajiny',
+    spa: 'Haga clic para cerrar el modal de selección de país',
+    srp: 'Кликните да затворите модални прозор за избор државе',
+    swe: 'Klicka för att stänga landvalsmodalen',
+    tur: 'Ülke seçimi modalını kapatmak için tıklayın',
+    ukr: 'Натисніть, щоб закрити модальне вікно вибору країни',
+    urd: 'ملک منتخب کرنے والے موڈل کو بند کرنے کے لیے کلک کریں',
+    zho: '点击关闭国家选择模态框',
+    'zho-Hans': '点击关闭国家选择模态框',
+    'zho-Hant': '點擊關閉國家選擇模態框',
+  },
+  accessibilityLabelSearchInput: {
+    ara: 'حقل البحث في اختيار البلد',
+    bel: 'Поле пошуку выбару краіны',
+    bre: 'Maez klask dibab ar vro',
+    bul: 'Поле за търсене в избор на държава',
+    ces: 'Vyhledávací pole pro výběr země',
+    deu: 'Suchfeld für Länderauswahl',
+    ell: 'Πεδίο αναζήτησης επιλογής χώρας',
+    eng: 'Country Select Search Input',
+    est: 'Riigi valimise otsingu sisend',
+    fin: 'Maan valinta -haku-kenttä',
+    fra: 'Champ de recherche de sélection de pays',
+    heb: 'שדה חיפוש בחירת מדינה',
+    hrv: 'Polje za pretraživanje odabira države',
+    hun: 'Ország kiválasztó keresési mező',
+    ita: 'Campo di ricerca per selezione paese',
+    jpn: '国選択検索入力',
+    kor: '국가 선택 검색 입력',
+    nld: 'Zoekveld voor landselectie',
+    per: 'فیلد جستجوی انتخاب کشور',
+    pol: 'Pole wyszukiwania wyboru kraju',
+    por: 'Campo de pesquisa de seleção de país',
+    ron: 'Câmpul de căutare pentru selecția țării',
+    rus: 'Поле поиска выбора страны',
+    slk: 'Vyhľadávacie pole pre výber krajiny',
+    spa: 'Campo de búsqueda de selección de país',
+    srp: 'Поље претраге за избор државе',
+    swe: 'Sökfält för landvalsmodal',
+    tur: 'Ülke seçimi arama girişi',
+    ukr: 'Поле пошуку вибору країни',
+    urd: 'ملک منتخب کرنے کا تلاش ان پٹ',
+    zho: '国家选择搜索输入',
+    'zho-Hans': '国家选择搜索输入',
+    'zho-Hant': '國家選擇搜尋輸入',
+  },
+  accessibilityHintSearchInput: {
+    ara: 'اكتب للبحث عن بلد',
+    bel: 'Увядзіце для пошуку краіны',
+    bre: 'Skrivit evit klask ur vro',
+    bul: 'Въведете за търсене на държава',
+    ces: 'Zadejte pro vyhledání země',
+    deu: 'Geben Sie ein, um nach einem Land zu suchen',
+    ell: 'Πληκτρολογήστε για αναζήτηση χώρας',
+    eng: 'Type to search for a country',
+    est: 'Sisestage riigi otsimiseks',
+    fin: 'Kirjoita etsiäksesi maata',
+    fra: 'Tapez pour rechercher un pays',
+    heb: 'הקלד כדי לחפש מדינה',
+    hrv: 'Upišite za pretraživanje države',
+    hun: 'Gépeljen ország kereséséhez',
+    ita: 'Digita per cercare un paese',
+    jpn: '国を検索するために入力',
+    kor: '국가를 검색하려면 입력',
+    nld: 'Typ om naar een land te zoeken',
+    per: 'برای جستجوی کشور تایپ کنید',
+    pol: 'Wpisz, aby wyszukać kraj',
+    por: 'Digite para pesquisar um país',
+    ron: 'Tastați pentru a căuta o țară',
+    rus: 'Введите для поиска страны',
+    slk: 'Zadajte pre vyhľadanie krajiny',
+    spa: 'Escriba para buscar un país',
+    srp: 'Унесите за претрагу државе',
+    swe: 'Skriv för att söka efter ett land',
+    tur: 'Ülke aramak için yazın',
+    ukr: 'Введіть для пошуку країни',
+    urd: 'ملک تلاش کرنے کے لیے ٹائپ کریں',
+    zho: '输入以搜索国家',
+    'zho-Hans': '输入以搜索国家',
+    'zho-Hant': '輸入以搜尋國家',
+  },
+  accessibilityLabelCountriesList: {
+    ara: 'قائمة اختيار البلد',
+    bel: 'Спіс выбару краіны',
+    bre: 'Roll dibab ar vro',
+    bul: 'Списък за избор на държава',
+    ces: 'Seznam pro výběr země',
+    deu: 'Länderauswahl-Liste',
+    ell: 'Λίστα επιλογής χώρας',
+    eng: 'Country Select List',
+    est: 'Riigi valimise nimekiri',
+    fin: 'Maan valinta -lista',
+    fra: 'Liste de sélection de pays',
+    heb: 'רשימת בחירת מדינה',
+    hrv: 'Lista za odabir države',
+    hun: 'Ország kiválasztó lista',
+    ita: 'Elenco di selezione paese',
+    jpn: '国選択リスト',
+    kor: '국가 선택 목록',
+    nld: 'Landselectie lijst',
+    per: 'فهرست انتخاب کشور',
+    pol: 'Lista wyboru kraju',
+    por: 'Lista de seleção de país',
+    ron: 'Lista de selecție țară',
+    rus: 'Список выбора страны',
+    slk: 'Zoznam výberu krajiny',
+    spa: 'Lista de selección de país',
+    srp: 'Списак за избор државе',
+    swe: 'Landvalslista',
+    tur: 'Ülke seçim listesi',
+    ukr: 'Список вибору країни',
+    urd: 'ملک منتخب کرنے کی فہرست',
+    zho: '国家选择列表',
+    'zho-Hans': '国家选择列表',
+    'zho-Hant': '國家選擇清單',
+  },
+  accessibilityHintCountriesList: {
+    ara: 'قائمة البلدان',
+    bel: 'Спіс краін',
+    bre: 'Roll ar broioù',
+    bul: 'Списък с държави',
+    ces: 'Seznam zemí',
+    deu: 'Liste der Länder',
+    ell: 'Λίστα χωρών',
+    eng: 'List of countries',
+    est: 'Riikide nimekiri',
+    fin: 'Maatlista',
+    fra: 'Liste des pays',
+    heb: 'רשימת מדינות',
+    hrv: 'Popis država',
+    hun: 'Országok listája',
+    ita: 'Elenco dei paesi',
+    jpn: '国のリスト',
+    kor: '국가 목록',
+    nld: 'Lijst van landen',
+    per: 'فهرست کشورها',
+    pol: 'Lista krajów',
+    por: 'Lista de países',
+    ron: 'Lista țărilor',
+    rus: 'Список стран',
+    slk: 'Zoznam krajín',
+    spa: 'Lista de países',
+    srp: 'Списак држава',
+    swe: 'Lista över länder',
+    tur: 'Ülkeler listesi',
+    ukr: 'Список країн',
+    urd: 'ممالک کی فہرست',
+    zho: '国家列表',
+    'zho-Hans': '国家列表',
+    'zho-Hant': '國家清單',
+  },
+  accessibilityLabelCountryItem: {
+    ara: 'عنصر اختيار البلد',
+    bel: 'Элемент выбару краіны',
+    bre: 'Elfenn dibab ar vro',
+    bul: 'Елемент за избор на държава',
+    ces: 'Položka pro výběr země',
+    deu: 'Länderauswahl-Element',
+    ell: 'Στοιχείο επιλογής χώρας',
+    eng: 'Country Select Item',
+    est: 'Riigi valimise element',
+    fin: 'Maan valinta -kohde',
+    fra: 'Élément de sélection de pays',
+    heb: 'פריט בחירת מדינה',
+    hrv: 'Element za odabir države',
+    hun: 'Ország kiválasztó elem',
+    ita: 'Elemento di selezione paese',
+    jpn: '国選択アイテム',
+    kor: '국가 선택 항목',
+    nld: 'Landselectie item',
+    per: 'عنصر انتخاب کشور',
+    pol: 'Element wyboru kraju',
+    por: 'Item de seleção de país',
+    ron: 'Element de selecție țară',
+    rus: 'Элемент выбора страны',
+    slk: 'Položka výberu krajiny',
+    spa: 'Elemento de selección de país',
+    srp: 'Елемент за избор државе',
+    swe: 'Landvalsobjekt',
+    tur: 'Ülke seçim öğesi',
+    ukr: 'Елемент вибору країни',
+    urd: 'ملک منتخب کرنے کا آئٹم',
+    zho: '国家选择项',
+    'zho-Hans': '国家选择项',
+    'zho-Hant': '國家選擇項目',
+  },
+  accessibilityHintCountryItem: {
+    ara: 'انقر لاختيار بلد',
+    bel: 'Націсніце, каб выбраць краіну',
+    bre: 'Klikit evit dibab ur vro',
+    bul: 'Щракнете, за да изберете държава',
+    ces: 'Klikněte pro výběr země',
+    deu: 'Klicken Sie, um ein Land auszuwählen',
+    ell: 'Κάντε κλικ για να επιλέξετε χώρα',
+    eng: 'Click to select a country',
+    est: 'Klõpsake riigi valimiseks',
+    fin: 'Klikkaa valitaksesi maan',
+    fra: 'Cliquez pour sélectionner un pays',
+    heb: 'לחץ כדי לבחור מדינה',
+    hrv: 'Kliknite za odabir države',
+    hun: 'Kattintson ország kiválasztásához',
+    ita: 'Clicca per selezionare un paese',
+    jpn: '国を選択するにはクリック',
+    kor: '국가를 선택하려면 클릭',
+    nld: 'Klik om een land te selecteren',
+    per: 'برای انتخاب کشور کلیک کنید',
+    pol: 'Kliknij, aby wybrać kraj',
+    por: 'Clique para selecionar um país',
+    ron: 'Faceți clic pentru a selecta o țară',
+    rus: 'Нажмите, чтобы выбрать страну',
+    slk: 'Kliknite pre výber krajiny',
+    spa: 'Haga clic para seleccionar un país',
+    srp: 'Кликните да изаберете државу',
+    swe: 'Klicka för att välja ett land',
+    tur: 'Ülke seçmek için tıklayın',
+    ukr: 'Натисніть, щоб вибрати країну',
+    urd: 'ملک منتخب کرنے کے لیے کلک کریں',
+    zho: '点击选择国家',
+    'zho-Hans': '点击选择国家',
+    'zho-Hant': '點擊選擇國家',
+  },
 } as const;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-country-select",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "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",