Add distinct property

Author: ArtyomVancyan

README.md

@@ -99,6 +99,7 @@ Apart from the phone-specific properties described below, all [Input](https://mu
 |--------------------|-------------------------------------------------------------------------------------------------------------------------------|---------------------------|
 | value              | An object containing a parsed phone number or the raw number.                                                                 | [object](#value) / string |
 | country            | Country code to be selected by default. By default, it will show the flag of the user's country.                              | string                    |
+| distinct           | Show the distinct list of country codes not listing all area codes.                                                           | boolean                   |
 | enableArrow        | Shows an arrow next to the country flag. Default value is `false`.                                                            | boolean                   |
 | enableSearch       | Enables search in the country selection dropdown menu. Default value is `false`.                                              | boolean                   |
 | searchVariant      | Accepts an Input variant, and values depend on the chosen Material distribution.                                              | TextFieldVariants         |

package.json

@@ -48,7 +48,7 @@
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "react-phone-hooks": "^0.1.12"
+    "react-phone-hooks": "^0.1.14"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",

src/core/index.tsx

@@ -28,6 +28,7 @@ const PhoneInput = forwardRef(({
                                    variant = undefined,
                                    searchVariant = undefined,
                                    country = getDefaultISO2Code(),
+                                   distinct = false,
                                    disabled = false,
                                    enableArrow = false,
                                    enableSearch = false,
@@ -70,6 +71,7 @@ const PhoneInput = forwardRef(({
         query,
         locale,
         country,
+        distinct,
         countryCode,
         initialValue,
         onlyCountries,

src/core/types.ts

@@ -13,6 +13,8 @@ export interface PhoneInputProps extends Omit<TextFieldProps, "onChange"> {
 
     country?: string;
 
+    distinct?: boolean;
+
     enableArrow?: boolean;
 
     enableSearch?: boolean;

src/index.tsx

@@ -27,6 +27,7 @@ const PhoneInput = forwardRef(({
                                    variant = undefined,
                                    searchVariant = undefined,
                                    country = getDefaultISO2Code(),
+                                   distinct = false,
                                    disabled = false,
                                    enableArrow = false,
                                    enableSearch = false,
@@ -69,6 +70,7 @@ const PhoneInput = forwardRef(({
         query,
         locale,
         country,
+        distinct,
         countryCode,
         initialValue,
         onlyCountries,

src/joy/index.tsx

@@ -27,6 +27,7 @@ const PhoneInput = forwardRef(({
                                    variant = undefined,
                                    searchVariant = undefined,
                                    country = getDefaultISO2Code(),
+                                   distinct = false,
                                    disabled = false,
                                    enableArrow = false,
                                    enableSearch = false,
@@ -69,6 +70,7 @@ const PhoneInput = forwardRef(({
         query,
         locale,
         country,
+        distinct,
         countryCode,
         initialValue,
         onlyCountries,

src/joy/types.ts

@@ -13,6 +13,8 @@ export interface PhoneInputProps extends Omit<InputProps, "value" | "onChange">
 
     country?: string;
 
+    distinct?: boolean;
+
     enableArrow?: boolean;
 
     enableSearch?: boolean;

src/types.ts

@@ -13,6 +13,8 @@ export interface PhoneInputProps extends Omit<TextFieldProps, "onChange"> {
 
     country?: string;
 
+    distinct?: boolean;
+
     enableArrow?: boolean;
 
     enableSearch?: boolean;