Implement CPF mask

Related to issue #4 Signed-off-by: antoniocoj <[email protected]> Signed-off-by: Lucas Amoêdo <[email protected]>
TechVet-2017 · Apr 29, 2017 · 3801639 · 3801639
1 parent f858791
commit 3801639
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/src/Categories/Owners/OwnerCreate.js b/src/Categories/Owners/OwnerCreate.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import $ from 'jquery';
 import { change } from 'redux-form';
+import { formatCPF } from '../Util';
 import {
   Create, SelectInput, SimpleForm, TextInput,
 } from 'admin-on-rest/lib/mui';
@@ -108,6 +109,7 @@ export class OwnerCreate extends Component {
             source="cpf"
             label="CPF"
             validate={required}
+            normalize={formatCPF}
           />
           <TextInput
             source="ownerName"

diff --git a/src/Categories/Util/formatCPF.js b/src/Categories/Util/formatCPF.js
@@ -0,0 +1,23 @@
+export const formatCPF = (cpf, prevCpf) => {
+    if (!cpf) {
+        return cpf;
+    }
+
+    const CPFNumbersOnly = cpf.replace(/[^\d]/g, '');
+    if (!prevCpf || cpf.length > prevCpf.length) {
+        if (CPFNumbersOnly.length === 3)
+            return `${CPFNumbersOnly}.`;
+        if (CPFNumbersOnly.length === 6)
+            return `${CPFNumbersOnly.slice(0,3)}.${CPFNumbersOnly.slice(3,6)}.`;
+        if (CPFNumbersOnly.length === 9)
+            return `${CPFNumbersOnly.slice(0,3)}.${CPFNumbersOnly.slice(3,6)}.${CPFNumbersOnly.slice(6,9)}-`;
+    }
+     if (CPFNumbersOnly.length <= 3)
+            return `${CPFNumbersOnly}`;
+        if (CPFNumbersOnly.length <= 6)
+            return `${CPFNumbersOnly.slice(0,3)}.${CPFNumbersOnly.slice(3)}`;
+        if (CPFNumbersOnly.length <= 9)
+            return `${CPFNumbersOnly.slice(0,3)}.${CPFNumbersOnly.slice(3,6)}.${CPFNumbersOnly.slice(6)}`;
+
+    return `${CPFNumbersOnly.slice(0,3)}.${CPFNumbersOnly.slice(3,6)}.${CPFNumbersOnly.slice(6,9)}-${CPFNumbersOnly.slice(9,11)}`;
+}
diff --git a/src/Categories/Util/index.js b/src/Categories/Util/index.js
@@ -0,0 +1 @@
+export { formatCPF } from './formatCPF';