Table of Contents

• Table of Contents
• Installation
• Usage
• Properties setMask
• Type
• Usage single
  • ✍️ Authors
• Thanks

Installation

npm i format-string-js Or yarn add format-string-js

Usage

import {setMask } from "format-string-js";

const cpf = cpfMask('00000000000')
const cnpj = cnpjMask('00000000000000')
const cpfOurCnpj1 = cpfOurCnpjMask('00000000000')
const cpfOurCnpj2 = cpfOurCnpjMask('00000000000000')
const currency = currencyMask('00000000000')
const phone = phoneMask('00000000000')
const postalCode = postalCodeMask('00000000000')
const rg = rgMask('000000000')
const credCard = credCardMask('0000000000000000')
const number = numberMask('0dasdas0000dasdasd0dasdasd0000dasdas0dasd0')
const obscureEmail = obscureEmailMask('[email protected]')

console.log({
  cpf,
  cnpj,
  cpfOurCnpj1,
  cpfOurCnpj2,
  currency,
  phone,
  postalCode,
  rg,
  credCard,
  number,
  obscureEmail,
})


{
  cpf: '000.000.000-00',
  cnpj: '00.000.000.0000-00',
  cpfOurCnpj1: '000.000.000-00',
  cpfOurCnpj2: '00.000.000.0000-00',
  currency: '0,00',
  phone: '(00) 0 0000-0000',
  postalCode: '00000-000',
  rg: '00.000.000-0',
  credCard: '0000-0000-0000-0000',
  number: '000000000000',
  obscureEmail: 'u******@gmail.com'
}

const removeCPF = removeMask(maskCPF);
const removeCNPJ = removeMask(maskCNPJ);
const removeRG = removeMask(maskRG);
const removePostalCode = removeMask(maskPostCode);
const removePhone = removeMask(maskPhone);
const removeCurrency = removeMask(maskCurrency);
const removeCred = removeMask(maskCredCard);
const removeCPFORCNPJ1 = removeMask(maskCPFORCNPJ1);
const removeCPFORCNPJ2 = removeMask(maskCPFORCNPJ2);

console.log({
  removeCPF,
  removeCNPJ,
  removeRG,
  removePostalCode,
  removePhone,
  removeCurrency,
  removeCred,
  removeCPFORCNPJ1,
  removeCPFORCNPJ2,
});

{
  removeCPF: '00000000000',
  removeCNPJ: '00000000000000',
  removeRG: '000000000',
  removePostalCode: '00000000',
  removePhone: '000000000',
  removeCurrency: '100000000',
  removeCred: '0000000000000000',
  removeCPFORCNPJ1: '0.00',
  removeCPFORCNPJ2: '00000000000000'
}

Properties setMask

| Name | Type | Default | Description | | :-----------------------------------------: | :-------------------------: | :-----: | :--------------------------------------------------------------------- | | type | {String} | | Mask format | | value | {String} | | string to be formatted | | Prefix | {String} | | Prefix added after formatted string

Type

| CNPJ | CPFOURCNPJ | RG | PHONE | CURRENCY | POSTALCODE | CREDCARD

Usage single

import {
  cpfMask, cnpjMask, cpfOurCnpjMask, credCardMask, currencyMask, phoneMask, postalCodeMask, rgMask,
} from "react-input-mask-br";

const cpf = cpfMask('00000000000');
const cnpj = cnpjMask('00000000000000');
const cpfOurCnpj1 = cpfOurCnpjMask('00000000000');
const cpfOurCnpj2 = cpfOurCnpjMask('00000000000000');
const currency = currencyMask('00000000000');
const phone = phoneMask('00000000000');
const postalCode = postalCodeMask('00000000000');
const rg = rgMask('000000000');
const credCard = credCardMask('0000000000000000');

console.log({
  cpf, cnpj, cpfOurCnpj1, cpfOurCnpj2, currency, phone, postalCode, rg, credCard,
});

{
  cpf: '000.000.000-00',
  cnpj: '00.000.000.0000-00',
  cpfOurCnpj1: '000.000.000-00',
  cpfOurCnpj2: '00.000.000.0000-00',
  currency: 'R$ 000.000.000,00',
  phone: '(00) 0 0000-0000',
  postalCode: '00000-000',
  rg: '00.000.000-0',
  credCard: '0000-0000-0000-0000'
}

✍️ Authors

• @ReisSouza - Idea & Initial work

See also the list of contributors who participated in this project.

Thanks

Thanks to BrowserStack for the help with testing on real devices