fix lint issues

src/index.d.ts

@@ -5,7 +5,7 @@ import {
   TextStyle,
   ViewStyle,
 } from 'react-native';
-import {CountryCode, EachCountry} from './lib/constants/types';
+import { CountryCode, EachCountry } from './lib/constants/types';
 
 /**
  * Props for the RNPhoneInput component.
@@ -52,7 +52,7 @@ interface RNPhoneInputProps {
    * @param value - The selected country's details excluding `countryCode` and `callingCode`.
    */
   onSelectCountryCode?: (
-    value: Omit<EachCountry, 'countryCode' | 'callingCode'>,
+    value: Omit<EachCountry, 'countryCode' | 'callingCode'>
   ) => void;
 
   /**
@@ -105,4 +105,4 @@ interface RNPhoneInputRef {
    */
   defaultValue?: (text: string) => void;
 }
-export type {RNPhoneInputProps,RNPhoneInputRef};
+export type { RNPhoneInputProps, RNPhoneInputRef };

src/index.tsx

@@ -6,18 +6,15 @@ import {
   Image,
   useColorScheme,
 } from 'react-native';
-import  {forwardRef, useImperativeHandle, useState} from 'react';
+import { forwardRef, useImperativeHandle, useState } from 'react';
 import constants from './lib/constants/constants';
 import Picker from './lib/country-picker/Picker';
 import assets from './lib/assets/assets';
 import styles from './styles';
 import type { RNPhoneInputProps, RNPhoneInputRef } from './index.d';
-import type {CountryCode, EachCountry} from './lib/constants/types';
+import type { CountryCode, EachCountry } from './lib/constants/types';
 
-const RNPhoneInput = forwardRef<
-  RNPhoneInputRef,
-  RNPhoneInputProps
->(
+const RNPhoneInput = forwardRef<RNPhoneInputRef, RNPhoneInputProps>(
   (
     {
       downArrowIcon,
@@ -33,17 +30,17 @@ const RNPhoneInput = forwardRef<
       codeTextStyle,
       iconContainerStyle,
     },
-    ref,
+    ref
   ) => {
     const [country, setCountry] = useState<EachCountry>(
-      constants[defaultCountry || 'BD'],
+      constants[defaultCountry || 'BD']
     );
     const [value, setValue] = useState<string>(defaultValue || '');
     const scheme = useColorScheme();
     const openBottomSheet = () => {
       global.openCountryModal({
         component: Picker as any,
-        componentProps: {onSelect: onSelect},
+        componentProps: { onSelect: onSelect },
       });
     };
     useImperativeHandle(ref, () => ({
@@ -77,7 +74,8 @@ const RNPhoneInput = forwardRef<
         <TouchableOpacity
           activeOpacity={0.7}
           onPress={openBottomSheet}
-          style={[styles.flexRow, iconContainerStyle]}>
+          style={[styles.flexRow, iconContainerStyle]}
+        >
           <Text style={styles.ft28}>{country.icon}</Text>
           {downArrowIcon && (
             <Image
@@ -110,7 +108,7 @@ const RNPhoneInput = forwardRef<
         </View>
       </View>
     );
-  },
+  }
 );
-export type {RNPhoneInputProps, RNPhoneInputRef, CountryCode};
+export type { RNPhoneInputProps, RNPhoneInputRef, CountryCode };
 export default RNPhoneInput;

src/styles.d.ts

@@ -1,4 +1,4 @@
-import {DimensionValue} from 'react-native';
+import { DimensionValue } from 'react-native';
 
 type ContainerStyle = {
   flexDirection: 'row';

src/styles.ts

@@ -1,4 +1,4 @@
-import {StyleSheet} from 'react-native';
+import { StyleSheet } from 'react-native';
 import Styles from './styles.d';
 const styles: Styles = StyleSheet.create({
   container: {
@@ -12,11 +12,11 @@ const styles: Styles = StyleSheet.create({
     paddingHorizontal: 22,
     flexShrink: 1,
   },
-  flexRow: {flexDirection: 'row', alignItems: 'center', gap: 8},
-  gap10: {gap: 10},
-  ft28: {fontSize: 28},
-  ft16: {fontSize: 16, color: 'black'},
-  width75: {width: '75%'},
+  flexRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },
+  gap10: { gap: 10 },
+  ft28: { fontSize: 28 },
+  ft16: { fontSize: 16, color: 'black' },
+  width75: { width: '75%' },
 });
 
 export default styles;