feat: adding mask methods

docs/vanilla.md

@@ -289,3 +289,43 @@ import { getNavigatorCurrentLocation } from "utils-react";
 
 getNavigatorCurrentLocation().then((location) => console.log(location));
 ```
+
+## phoneMask
+
+Mask a phone number.
+
+```js
+import { phoneMask } from "utils-react";
+
+phoneMask("1234567890"); // (12) 3456-7890
+```
+
+## cpfMask
+
+Mask a CPF number.
+
+```js
+import { cpfMask } from "utils-react";
+
+cpfMask("12345678900"); // 123.456.789-00
+```
+
+## cnpjMask
+
+Mask a CNPJ number.
+
+```js
+import { cnpjMask } from "utils-react";
+
+cnpjMask("12345678900000"); // 12.345.678/9000-00
+```
+
+## cepMask
+
+Mask a CEP number.
+
+```js 
+import { cepMask } from "utils-react";
+
+cepMask("12345678"); // 12345-678
+```

src/__test__/index.test.ts

@@ -24,6 +24,10 @@ import {
   generateRandomString,
   generateRandomColor,
   getNavigatorCurrentLocation,
+  phoneMask,
+  cpfMask,
+  cnpjMask,
+  cepMask,
 } from "../index";
 
 describe("all methods in the package", () => {
@@ -169,4 +173,20 @@ describe("all methods in the package", () => {
       timestamp: 123,
     });
   });
+
+  it("phone mask", () => {
+    expect(phoneMask("11999999999")).toBe("(11) 99999-9999");
+  });
+
+  it("cpf mask", () => {
+    expect(cpfMask("99999999999")).toBe("999.999.999-99");
+  });
+
+  it("cnpj mask", () => {
+    expect(cnpjMask("99999999999999")).toBe("99.999.999/9999-99");
+  });
+
+  it("cep mask", () => {
+    expect(cepMask("99999999")).toBe("99999-999");
+  });
 });

src/modules/index.ts

@@ -33,7 +33,7 @@
   return str.split("").reverse().join("");
 };
 
 export const arrayEquals = (a: any[], b: any[]) => {
   if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) {
     return false;
   }
@@ -47,14 +47,14 @@
   return true;
 };
 
 export const arrayToObject = (array: any[], key: string) => {
   return array.reduce((obj, item) => {
     obj[item[key]] = item;
     return obj;
   }, {});
 };
 
 export const removeArrayItemByValue = (array: any[], value: any) => {
   const index = array.indexOf(value);
   if (index > -1) {
     array.splice(index, 1);
@@ -63,7 +63,7 @@
   return array;
 };
 
 export const removeArrayItemByIndex = (array: any[], index: number) => {
   if (index > -1) {
     array.splice(index, 1);
   }
@@ -71,7 +71,7 @@
   return array;
 };
 
 export const objectToArray = (obj: any) => {
   return Object.keys(obj).map(key => obj[key]);
 };
 
@@ -100,7 +100,7 @@
 };
 
 export const smartLog = (
   value: any,
   currentFunction: Function,
   label?: string,
 ) => {
@@ -112,11 +112,11 @@
   );
 };
 
 export function isEmptyObject(obj: any) {
   return JSON.stringify(obj) === "{}";
 }
 
 export const shuffleArray = (array: any) => {
   for (let i = array.length - 1; i > 0; i--) {
     const j = Math.floor(Math.random() * (i + 1));
     const temp = array[i];
@@ -195,3 +195,38 @@
 
   return { coords, timestamp };
 };
+
+export const phoneMask = (value: string) => {
+  return value
+    .replace(/\D/g, "")
+    .replace(/(\d{2})(\d)/, "($1) $2")
+    .replace(/(\d{5})(\d)/, "$1-$2")
+    .replace(/(-\d{4})\d+?$/, "$1");
+};
+
+export const cpfMask = (value: string) => {
+  return value
+    .replace(/\D/g, "")
+    .replace(/(\d{3})(\d)/, "$1.$2")
+    .replace(/(\d{3})(\d)/, "$1.$2")
+    .replace(/(\d{3})(\d)/, "$1-$2")
+    .replace(/(-\d{2})\d+?$/, "$1");
+};
+
+export const cnpjMask = (value: string) => {
+  return value
+    .replace(/\D/g, "")
+    .replace(/(\d{2})(\d)/, "$1.$2")
+    .replace(/(\d{3})(\d)/, "$1.$2")
+    .replace(/(\d{3})(\d)/, "$1/$2")
+    .replace(/(\d{4})(\d)/, "$1-$2")
+    .replace(/(-\d{2})\d+?$/, "$1");
+};
+
+export const cepMask = (value: string) => {
+  if (value.length > 9) {
+    return value.slice(0, 9);
+  }
+
+  return value.replace(/\D/g, "").replace(/(\d{5})(\d)/, "$1-$2");
+};