Package Health Score

51 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
2.9.4	\|	09/2019	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (0)

GitHub Stars: 953
Forks: 539
Contributors: 70

Direct Usage Popularity

The npm package react-phone-input-number receives a total of 0 downloads a week. As such, we scored react-phone-input-number popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package react-phone-input-number, we found that it has been starred 953 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 70
Funding: No

With more than 10 contributors for the react-phone-input-number repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like react-phone-input-number is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 216
Open PR: 46
Last Release: 5 years ago
Last Commit: 2 years ago

Further analysis of the maintenance status of react-phone-input-number based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for react-phone-input-number is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 5 years
Dependencies: 5 Direct
Versions: 3
Install Size: 172 kB
Dist-tags: 1
# of Files: 6
Maintainers: 1
TS Typings: No

react-phone-input-number has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

React-Phone-Input-2

Highly customizable phone input component with auto formatting.

alt tag

Installation

npm install react-phone-input-2 --save

Usage

import ReactPhoneInput from 'react-phone-input-2'
import 'react-phone-input-2/dist/style.css'

Your handler for the onChange event should expect a string as parameter, where the value is that of the entered phone number. For example:

function handleOnChange(value) {
  this.setState({ phone: value })
}

Options

Name	Type	Description	Example
excludeCountries	array	array of country codes to be excluded	['cu','cw','kz']
onlyCountries	array	country codes to be included	['cu','cw','kz']
preferredCountries	array	country codes to be at the top	['cu','cw','kz']
defaultCountry	string	initial country	'us'
value	string	input state value
placeholder	string	custom placeholder
searchPlaceholder	string	custom search placeholder
containerClass	string	class for container
inputClass	string	class for input
buttonClass	string	class for dropdown button
dropdownClass	string	class for dropdown container
searchClass	string	class for search field
containerStyle	object	styles for container
inputStyle	object	styles for input
buttonStyle	object	styles for dropdown button
dropdownStyle	object	styles for dropdown container
searchStyle	object	styles for search field
inputExtraProps	object	props to pass into the input
autoFormat	bool	on/off phone formatting, true by default
disableAreaCodes	bool	disable local codes for all countries
disabled	bool	disable input and dropdown
disableDropdown	bool	disable dropdown only, false by default
disableCountryCode	bool	false by default
enableLongNumbers	bool	false by default
countryCodeEditable	bool	true by default
enableSearchField	bool	enables search field in the dropdown
disableSearchIcon	bool	hide icon for the search field

Regions

Name	Type	Description
regions	array/string	to only show codes from selected regions

Regions
['america', 'europe', 'asia', 'oceania', 'africa']
Subregions
['north-america', 'south-america', 'central-america', 'carribean', 'european-union', 'ex-ussr', 'middle-east', 'north-africa']

Regions selected: {'europe'}

Regions selected: {['north-america', 'carribean']}

Localization

Name	Type
localization	object

Custom masks

Name	Type
masks	object

Supported events

onChange

onFocus

onBlur

onClick

onKeyDown

Country data object not returns from onKeyDown event

Data	Type	Description
value/event	string/object	the event or the phone number
country data	object	the country object { name, dialCode, countryCode (iso2 format) }

Phone without dialCode

function handleOnChange(value, data) {
  this.setState({ rawPhone: value.replace(/[^0-9]+/g,'').slice(data.dialCode.length) })
}

Contributing

Code style changes not allowed

License

Based on react-phone-input

react-phone-input-number dependencies

classnames lodash.debounce lodash.memoize lodash.reduce prop-types

react-phone-input-number development dependencies

@babel/core babel-loader babel-preset-react-app css-loader jest less less-loader mini-css-extract-plugin react-hot-loader react-testing-library style-loader url-loader webpack webpack-bundle-analyzer webpack-cli webpack-dev-server webpack-merge

FAQs

What is react-phone-input-number?

A react component to format phone numbers. Visit Snyk Advisor to see a full health score report for react-phone-input-number, including popularity, security, maintenance & community analysis.

Is react-phone-input-number popular?

We’re still processing downloads data for the npm package react-phone-input-number. Visit the popularity section on Snyk Advisor to see the full popularity analysis.

Is react-phone-input-number well maintained?

We found indications that react-phone-input-number is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is react-phone-input-number safe to use?

The npm package react-phone-input-number was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 19 November-2024, at 19:10 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (0)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

React-Phone-Input-2

Installation

Usage

Options

Regions

Localization

Custom masks

Supported events

Phone without dialCode

Contributing

License

react-phone-input-number dependencies

react-phone-input-number development dependencies

FAQs

What is react-phone-input-number?

Is react-phone-input-number popular?

Is react-phone-input-number well maintained?

Is react-phone-input-number safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues