Add autoFormat option to PhoneInput

[jling90]

Adds an 'autoFormat' option to PhoneInput which allows phone numbers to be formatted as they are entered.

#	Before	After

[kelvinoshea]

this is awesome

[brodgaggi]

i never thought i would see the day.

[sdcoffey]

This is awesome! Would love to see this merged!

[MacKentoch]

Seems nice, please ship it 🙏

[brunitob]

Any news?

[mperumalswamy]

Any news when would it be merged so as to use it??

[jling90]

[MacKentoch]

Tired of waiting I forked this PR and adapted to my needs: automatic national phone number format:

• react-native-smooth-phone-input

This is a 1 hour derived library so don't expect it to cover all needs:

• I got rid of google libphone version and used libphone-js one

• fixed auto-format for national formats only (indentation and pattern validation)

• full example

[brunitob]

[michaelVictoriaDev]

PLEASE we need this feature :)

[michaelVictoriaDev]

@thegamenicorus please Accept the PR :)

[gucolin]

I ended up just pasting the fix into my component, make sure you do clear() at the end though.

  onCountrySelected = (country) => {
    this.phoneInput.selectCountry(country.cca2.toLowerCase());
    this.phoneNumberFormatter = new asYouTypeFormatter(country.cca2);
    this.setState({
      cca2: country.cca2
    });
  }

  onPhoneNumberChanged = (phoneNumber) => {
    let formattedNumber;

    phoneNumber.replace(/-/g, '')
      .replace(/ /g, '')
      .split('')
      .forEach(n => formatted = this.phoneNumberFormatter.inputDigit(n));

    this.setState({
      phoneNumber: formattedNumber
    });

    this.phoneNumberFormatter.clear();
  }

[rafaismyname]

@thegamenicorus are you alive?

[michaelVictoriaDev]

@thegamenicorus THANK YOU!!!!!!

[Zakyyy]

is it merged? @thegamenicorus