react-native-international-phone-number 0.6.2 → 0.6.4

package/README.md

@@ -657,7 +657,7 @@ export default function App() {
 - `modalDisabled?:` boolean;
 - `modalHeight?:` number | string;
 - `theme?:` [ITheme](lib/interfaces/theme.ts);
-- `phoneInputStyle?:` [IPhoneInputStyles](lib/interfaces/phoneInputStyles.ts);
+- `phoneInputStyles?:` [IPhoneInputStyles](lib/interfaces/phoneInputStyles.ts);
 - `modalStyles?:` [IModalStyles](lib/interfaces/modalStyles.ts);
 - `modalSearchInputPlaceholder?:` string;
 - `modalNotFoundCountryMessage?:` string;

package/lib/index.js

@@ -40,8 +40,8 @@ const PhoneInput = forwardRef(
       placeholder,
       placeholderTextColor,
       selectionColor,
-      phoneInputStyle,
-      modalStyle,
+      phoneInputStyles,
+      modalStyles,
       disabled,
       modalDisabled,
       modalHeight,
@@ -83,8 +83,8 @@ const PhoneInput = forwardRef(
         placeholder,
         placeholderTextColor,
         selectionColor,
-        phoneInputStyle,
-        modalStyle,
+        phoneInputStyles,
+        modalStyles,
         disabled,
         modalDisabled,
         modalHeight,
@@ -289,7 +289,7 @@ const PhoneInput = forwardRef(
           <View
             style={getContainerStyle(
               theme,
-              phoneInputStyle?.container,
+              phoneInputStyles?.container,
               disabled
             )}
           >
@@ -300,36 +300,36 @@ const PhoneInput = forwardRef(
               }
               style={getFlagContainerStyle(
                 theme,
-                phoneInputStyle?.flagContainer
+                phoneInputStyles?.flagContainer
               )}
             >
-              <Text style={getFlagStyle(phoneInputStyle?.flag)}>
+              <Text style={getFlagStyle(phoneInputStyles?.flag)}>
                 {countryValue?.flag}
               </Text>
               <Text
                 style={getFlagTextStyle(
                   theme,
-                  phoneInputStyle?.callingCode
+                  phoneInputStyles?.callingCode
                 )}
               >
                 {countryValue?.callingCode}
               </Text>
             </TouchableOpacity>
             <TextInput
-              style={getInputStyle(theme, phoneInputStyle?.input)}
+              style={getInputStyle(theme, phoneInputStyles?.input)}
               placeholder={
                 placeholder ||
                 getPhoneNumberInputPlaceholder(language || 'en')
               }
               placeholderTextColor={
-                placeholderTextColor || theme === 'dark'
-                  ? '#CCCCCC'
-                  : '#AAAAAA'
+                placeholderTextColor ||
+                (theme === 'dark' ? '#CCCCCC' : '#AAAAAA')
               }
               selectionColor={
-                selectionColor || theme === 'dark'
+                selectionColor ||
+                (theme === 'dark'
                   ? 'rgba(255,255,255, .4)'
-                  : 'rgba(0 ,0 ,0 , .4)'
+                  : 'rgba(0 ,0 ,0 , .4)')
               }
               editable={!disabled}
               value={inputValue}
@@ -355,7 +355,7 @@ const PhoneInput = forwardRef(
               style={getCountryPickerStyle(
                 theme,
                 modalHeight,
-                modalStyle
+                modalStyles
               )}
               pickerButtonOnPress={onSelect}
               onBackdropPress={() => setShow(false)}

package/lib/interfaces/phoneInputProps.ts

@@ -14,8 +14,8 @@ interface BasePhoneInput extends TextInputProps {
   placeholder?: string;
   placeholderTextColor?: string;
   selectionColor?: string;
-  phoneInputStyle?: IPhoneInputStyles;
-  modalStyle?: IModalStyles;
+  phoneInputStyles?: IPhoneInputStyles;
+  modalStyles?: IModalStyles;
   theme?: ITheme;
   disabled?: boolean;
   modalDisabled?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-international-phone-number",
   "author": "AstrOOnauta (https://github.com/AstrOOnauta)",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "description": "International mobile phone input component with mask for React Native",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",