@warmachine/braziliannumber/index.js

Componente para utilizar no reactjs para numeros de telefone brasileiros (fixos, celular)

import React, { useState } from "react";
import InputMask from "react-input-mask";

const PhoneInput = ({ className, ...props }) => {
    const [mask, setMask] = useState("(99) 99999-9999");

    return (
        <InputMask
            {...props}
            mask={mask}
            onBlur={e => {
                if (e.target.value.replace("_", "").length === 14) {
                    setMask("(99) 9999-9999");
                }
            }}
            onFocus={e => {
                if (e.target.value.replace("_", "").length === 14) {
                    setMask("(99) 99999-9999");
                }
            }}
        >
            {inputProps => <input {...inputProps} type="tel" />}
        </InputMask>
    );
};

exports.PhoneInput = PhoneInput