Regex

cnpj.js

export function cnpj(value: string) {
    if (!value) return value;

    return value
      .replace(/\D/g, "")
      .replace(/^(\d{2})(\d)/g, "$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");
  }

cpf.js

export function cpf(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})/, "$1-$2")
    .replace(/(-\d{2})\d+?$/, "$1");
}

Formatter.ts

class Formatters {
  static hour(value: string) {
    if (!value) return value

    const formatter = value
      .replace(/\D/g, '')
      .replace(/(\d{2})(\d)/, '$1:$2')
      .replace(/(\d{2}):(\d{2}).+/, '$1:$2')

    return formatter
  }
  
  static cep(value: string) {
    if (!value) return value

    const formatter = value
      .replace(/\D/g, '')
      .replace(/^(\d{5})(\d)/g, '$1-$2')
      .replace(/-(\d{3})(\d{0,})/, '-$1')

    return formatter
  }


  static onlyNumbers(value: string) {
    return value.replace(/\D/g, '')
  }

  static money(value: number) {
    return new Intl.NumberFormat('pt-BR', {
      style: 'currency',
      currency: 'BRL',
    }).format(value)
  }
}

export { Formatters }

phone.js

export function phone(value: string) {
  return value
    .replace(/\D/g, "")
    .replace(/(\d{2})(\d)/, "($1) $2")
    .replace(/(\d{5})(\d{4})(\d)/, "$1-$2");
}