React-Intl-Tel-Input-wrapper

fork of React Intl Tel Input by patw0929

Adds support for react >=15.4

Demo & Examples

To build the examples locally, run:

yarn
yarn website:start

Then open localhost:3000 in a browser.

Installation

yarn add react-intl-tel-input-wrapper

TypeScript

react-intl-tel-input ships with official type declarations out of the box.

Usage

import IntlTelInput from 'react-intl-tel-input-wrapper'
import 'react-intl-tel-input-wrapper/dist/main.css'
;<IntlTelInput
  containerClassName="intl-tel-input"
  inputClassName="form-control"
/>

Development (src and the build process)

To build, watch and serve the examples (which will also watch the component source), run yarn website:start.

You can prepare a distribution build using yarn build.

Inspired by

International Telephone Input - @jackocnr

License

MIT

Changelog

[v1.0.0]

Bug fixes

• Adds React >=15.4 support

-----------------------Base project by patw0929 changelog-----------------------

v7.1.0

New features

• #308: Add optional onPhoneNumberFocus function (by @johannessjoberg)

v7.0.3

Bug fixes

• #285: Update flag when defaultCountry value is changed (by @dhanesh-kapadiya)

v7.0.2

Bug fixes:

• #302: Remove package-lock.json (by @patw0929)
• #283: Fix: invoke onPhoneNumberChange callback with formatted value on init instead of unformatted value from previous state (by @coox)
• #300: fixed bug with pasting number over another number (by @flagoon)
• #299: Use cross-env to solve cross platforms issue (scripts with node env variables) (by @patw0929)

Docs:

• #298: Update LICENSE (by @Parikshit-Hooda)
• #297: Update README.md Update LICENSE (by @Parikshit-Hooda)
• #294: Removed bash highlighting for npm/yarn commands in README (by @bhumijgupta)

v7.0.1

Bug fixes

• #277: Fix(#272): Updating Allowdropdown after mount (by @nutboltu)

Docs

• #273: Feature: Introducing storybook for documentation and playground (by @nutboltu)
• #274: fix(storybook-deploy): Fixed the storybook deployment script in travis (by @nutboltu)
• #275: Fix: storybook's public path (by @patw0929)
• #276: Refactor: Removing all unused files and codes for example (by @nutboltu)

v7.0.0

Bug fixes

• #270: Fixed the issue of pasting number to text input cannot update flag in international mode (by @patw0929)
• #271: Fixed the CSS prop name issue of styled-component (by @patw0929)

v6.1.1

Bug fixes

• #269: Fixed issue #268 - disabled state doesn't update an input field (by @patw0929)
• #265: update cursor position after focused (by @Loongwoo)

Chores

• #267 - Use createPortal API to implement RootModal (by @patw0929)
• Added ISSUE_TEMPLATE.md & PULL_REQUEST_TEMPLATE.md

v6.1.0

New features

• #249: Add support for onFlagClick (by @tomegz)
• #254: Updated libphonenumber to 8.10.2 (by @superhit0)
• #256: Added event object to onPhoneNumberBlur callback's parameter (by @superhit0)

Bug fixes

• #254: Fixed issue #253 - Can not import from Node.js since module build upgrade to webpack 4 (by @superhit0)
• #256: Defined .npmrc to avoid overriding the default npm registry server (by @superhit0)
• #259: Fixed not update value issue when value is empty string (by @patw0929)

v6.0.0

Breaking changes

• #235: Remove utilsScript prop (by @patw0929)
• #247: Removed libphonenumber.js (by @patw0929)

New features

• #248: Analyze bundle size & decrease the size of main.js (by @patw0929)
• #227: Bumping React version to 16.4.1 & removing deprecated lifecycle events (by @superhit0)
• #214: Provide fullNumber and isValid when onSelectFlag (by @adrienharnay)
• #232: npmignore updated with file list (fixed #231) (by @nutboltu)
• #242: Upgrade webpack, eslint, babel and refine coding style (by @patw0929)
• #243: Improvement: Utilize @babel/plugin-proposal-class-properties by using class properties in class components (by @tomegz)

Bug fixes

• #246: Refactor FlagDropDown: Avoid creating functions every time render() is invoked, use class properties instead (by @tomegz)
• #221: Fix cursor Issue (#205) (by @superhit0)
• #223: Removed second argument of parseFloat (by @patw0929)
• #234: Hide country list when click on flag button (by @ilagnev)
• #241: Fixes #235: Show countrylist when allowDropdown flag is set to true (by @tomegz)

v5.1.0-rc.0

New features

• #227: Bumping React version to 16.4.1 & removing deprecated lifecycle events (by @superhit0)
• #214: Provide fullNumber and isValid when onSelectFlag (by @adrienharnay)
• #232: npmignore updated with file list (fixed #231) (by @nutboltu)
• #242: Upgrade webpack, eslint, babel and refine coding style (by @patw0929)
• #243: Improvement: Utilize @babel/plugin-proposal-class-properties by using class properties in class components (by @tomegz)

Bug fixes

• #221: Fix cursor Issue (#205) (by @superhit0)
• #223: Removed second argument of parseFloat (by @patw0929)
• #234: Hide country list when click on flag button (by @ilagnev)
• #241: Fixes #235: Show countrylist when allowDropdown flag is set to true (by @tomegz)

v5.0.7

Bug fixes

• #220: Upgrade Libphonenumber to v8.9.9 (by @superhit0)

v5.0.6

Bug fixes

• #217: Add findIndex implementation for IE 11 (by @ostap0207)
• #219: Fixed #218: Fix expanded class not being removed from wrapper (by @MilosMosovsky)

v5.0.5

Bug fixes

• Fixed #208: issue of dial code shows twice in input (#209 & #210)

v5.0.4

Bug fixes

• #207: Move Prop-types out of peer dependency. remove proptypes in dist (57a6956 by @dphrag)

v5.0.3

Bug fixes

• #204: Handle placeholder and customPlaceholder change (by @adrienharnay)

v5.0.2

Bug fixes

• #202: Fix runtime error when this.tel is null (e021526 by@adrienharnay)
• #201: Update placeholder when receiving new placeholder prop (4e9bcaf by @patw0929)

v5.0.1

Bug fixes

• #199: reconfigure packages to bring back compatibility to both react 15 & 16 (ea2d593 by @ignatiusreza)

v5.0.0

Breaking change

• #196 Upgrade to React 16 (by @puffo & @ignatiusreza)

v4.3.4

Bug fixes

• #198 Allow country code to be deleted (Fixed #197) (c731a6b by @MatthewAnstey)

v4.3.3

Bug fixes

• #195: Add flag update when phones changes through props (9d58356 by @MatthewAnstey)

v4.3.2

Bug fixes

• #192: highlight country from preferred list (b37cc3d, 7f2b90e, 5bdbb79 by @denis-k)

v4.3.1

Bug fixes

• Changed line that sets countryCode. Now, when CC is invalid, it is set to null and therefor not changed (34b5517 by @darkenvy)

v4.0.1

Bug fixes

• Make isMobile isomorphic-friendly (690f25b by @mariusandra)

v3.7.0

New features

• #162: Pass arbitrary props to the tel input element (Also fixed #158) (5e2d4f9 by @Arkq)

v3.2.0

New features

• #140: Pass down status to onSelectFlag by using isValidNumberForRegion (fd39e98, ed781ed by @viqh)
• #141: Added on blur callback handler (5aaef6e by @matteoantoci)

Bug fixes

• #142: implement state.value change in componentWillReceiveProps (09eae7e by @pwlmaciejewski)