Implement support for leading plus (GH-97)

Author: ArtyomVancyan

development/src/phone-hooks/index.ts

@@ -38,6 +38,7 @@ export const cleanInput = (input: any, pattern: string) => {
 
 export const getFormattedNumber = (rawValue: any, pattern?: string) => {
     /** Returns the reformatted input value based on the given pattern */
+    if (/^\+\D*?$/.test(rawValue)) return "+";
     pattern = pattern || getMetadata(rawValue)?.[3] || "";
     return displayFormat(cleanInput(rawValue, pattern.replaceAll(/\d/g, ".")).join(""));
 }

src/index.ts

@@ -38,6 +38,7 @@ export const cleanInput = (input: any, pattern: string) => {
 
 export const getFormattedNumber = (rawValue: any, pattern?: string) => {
     /** Returns the reformatted input value based on the given pattern */
+    if (/^\+\D*?$/.test(rawValue)) return "+";
     pattern = pattern || getMetadata(rawValue)?.[3] || "";
     return displayFormat(cleanInput(rawValue, pattern.replaceAll(/\d/g, ".")).join(""));
 }

tests/utils.test.tsx

@@ -23,6 +23,9 @@ describe("Verifying the basic functionality", () => {
         assert(parsedPhoneNumberWithoutParentheses.areaCode === "702" && parsedPhoneNumberWithoutParentheses.phoneNumber === "1234567");
         assert(rawPhoneNumber1 === rawValue);
         assert(rawPhoneNumber2 === rawValue);
+        assert(getFormattedNumber("+") === "+");
+        assert(getFormattedNumber("++") === "+");
+        assert(getFormattedNumber("+a") === "+");
     })
 
     it("Check the phone number validity", () => {