add money mask

Signed-off-by: danieloprado <[email protected]>

Author: danieloprado

lang/pt-br/masks.ts

@@ -0,0 +1,19 @@
+import { IMaskFunction } from '../../../mask';
+
+const cnpj: IMaskFunction = {
+  apply: (value: string) => {
+    if (!value) return '';
+
+    const regexp = /^(\d{0,2})(\d{0,3})(\d{0,3})(\d{0,4})(\d{0,2}).*/;
+    const result = '$1.$2.$3/$4-$5';
+
+    return value
+      .replace(regexp, result)
+      .replace(/[-.\\]$/, '')
+      .replace(/[-.\\]$/, '')
+      .replace(/[-.\\]$/, '');
+  },
+  clean: (value: string) => value.replace(/\D/gi, '').substr(0, 14)
+};
+
+export default cnpj;

lang/pt-br/masks/cnpj.tsx

@@ -0,0 +1,19 @@
+import { IMaskFunction } from '../../../mask';
+
+const cpf: IMaskFunction = {
+  apply: (value: string) => {
+    if (!value) return '';
+
+    const regexp = /^(\d{0,3})(\d{0,3})(\d{0,3})(\d{0,2}).*/;
+    const result = '$1.$2.$3-$4';
+
+    return value
+      .replace(regexp, result)
+      .replace(/[-.\\]$/, '')
+      .replace(/[-.\\]$/, '')
+      .replace(/[-.\\]$/, '');
+  },
+  clean: (value: string) => value.replace(/\D/gi, '').substr(0, 11)
+};
+
+export default cpf;

lang/pt-br/masks/cpf.tsx

@@ -0,0 +1,16 @@
+import { IMaskFunction } from '../../../mask';
+import cnpj from './cnpj';
+import cpf from './cpf';
+
+const document: IMaskFunction = {
+  apply: (value: string) => {
+    if (!value) return '';
+    return value.length > 11 ? cnpj.apply(value) : cpf.apply(value);
+  },
+  clean: (value: string) => {
+    if (!value) return '';
+    return value.length > 11 ? cnpj.clean(value) : cpf.clean(value);
+  }
+};
+
+export default document;

lang/pt-br/masks/document.tsx

@@ -0,0 +1,17 @@
+import { IMask } from '../../../mask';
+import cnpj from './cnpj';
+import cpf from './cpf';
+import document from './document';
+import money from './money';
+import phone from './phone';
+import zipcode from './zipcode';
+
+const masks: IMask[] = [
+  { name: 'zipcode', ...zipcode },
+  { name: 'phone', ...phone },
+  { name: 'document', ...document },
+  { name: 'cpf', ...cpf },
+  { name: 'cnpj', ...cnpj },
+  { name: 'money', ...money }
+];
+export default masks;

lang/pt-br/masks/index.tsx

@@ -0,0 +1,26 @@
+import padStart = require('lodash/padStart');
+
+import { IMaskFunction } from '../../../mask';
+
+const money: IMaskFunction = {
+  apply: (value: number) => {
+    if (value === null || value === undefined) return '';
+    return new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }).format(value);
+  },
+  clean: value => {
+    value = (value || '').replace(/[^\d\,]/gi, '');
+
+    if (!value.includes(',')) {
+      value = '0,' + padStart(value, 2, '0');
+    }
+
+    const [, cents] = value.split(',');
+    if (cents && cents.length != 2) {
+      value = value.replace(',', '').replace(/(\d+)?(\d{2})/gi, '$1,$2').replace(/^\,/gi, '0,');
+    }
+
+    return parseFloat(value.replace(/\./gi, '').replace(',', '.'));
+  }
+};
+
+export default money;

lang/pt-br/masks/money.tsx

@@ -0,0 +1,19 @@
+import { IMaskFunction } from '../../../mask';
+
+const phone: IMaskFunction = {
+  apply: (value: string) => {
+    if (!value) return '';
+
+    const regexp = value.length > 10 ?
+      /^(\d{0,2})(\d{0,5})(\d{0,4}).*/ :
+      /^(\d{0,2})(\d{0,4})(\d{0,4}).*/;
+
+    const result = value.length > 2 ?
+      '($1) $2-$3' : '($1$2$3';
+
+    return value.replace(regexp, result).replace(/-$/, '');
+  },
+  clean: (value: string) => value.replace(/\D/gi, '').substr(0, 11)
+};
+
+export default phone;

lang/pt-br/masks/phone.tsx

@@ -0,0 +1,11 @@
+import { IMaskFunction } from '../../../mask';
+
+const zipcode: IMaskFunction = {
+  apply: (value: string) => {
+    if (!value) return '';
+    return value.replace(/^(\d{0,5})(\d{0,3}).*/, '$1-$2').replace(/-$/, '');
+  },
+  clean: (value: string) => value.replace(/\D/gi, '').substr(0, 8)
+};
+
+export default zipcode;

lang/pt-br/masks/zipcode.tsx

@@ -9,7 +9,7 @@
     "validation",
     "material"
   ],
-  "version": "1.4.7",
+  "version": "1.4.8",
   "main": "./index.js",
   "types": "./index.d.ts",
   "license": "MIT",
@@ -36,6 +36,7 @@
     }
   },
   "dependencies": {
+    "lodash": ">=4.0.0",
     "react": ">=16.3.0",
     "tslib": ">=1.9.3",
     "validatorjs": "^3.15.1"
@@ -44,6 +45,7 @@
     "react": ">=16.3.0"
   },
   "devDependencies": {
+    "@types/lodash": "4.14.120",
     "@types/node": "10.12.18",
     "@types/react": "16.7.20",
     "@types/validatorjs": "3.15.0",

package.json

@@ -2,6 +2,11 @@
 # yarn lockfile v1
 
 
+"@types/[email protected]":
+  version "4.14.120"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.120.tgz#cf265d06f6c7a710db087ed07523ab8c1a24047b"
+  integrity sha512-jQ21kQ120mo+IrDs1nFNVm/AsdFxIx2+vZ347DbogHJPd/JzKNMOqU6HCYin1W6v8l5R9XSO2/e9cxmn7HAnVw==
+
 "@types/[email protected]":
   version "10.12.18"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-10.12.18.tgz#1d3ca764718915584fcd9f6344621b7672665c67"
@@ -472,7 +477,7 @@ locate-path@^3.0.0:
     p-locate "^3.0.0"
     path-exists "^3.0.0"
 
-lodash@^4.17.10:
+lodash@>=4.0.0, lodash@^4.17.10:
   version "4.17.11"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
   integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==