{"_id":"@elsikora/elsikora-react-international-phone","_rev":"8-e4071e9b5d25b32116835302b0119d61","name":"@elsikora/elsikora-react-international-phone","dist-tags":{"latest":"1.0.1"},"versions":{"3.1.2":{"name":"@elsikora/elsikora-react-international-phone","version":"3.1.2","keywords":["react","phone","input","international","format","number","tel","telephone","react-component","phone-input","react-phone","react-international-phone"],"author":{"name":"Yurii Brusentsov","email":"yuriybrusentsov@gmail.com"},"license":"MIT","_id":"@elsikora/elsikora-react-international-phone@3.1.2","maintainers":[{"name":"dmitry-elsikora","email":"dmitry.developer@elsikora.com"},{"name":"admin-elsikora","email":"admin@elsikora.com"}],"homepage":"https://react-international-phone-docs.vercel.app/","bugs":{"url":"https://github.com/goveo/react-international-phone/issues"},"dist":{"shasum":"68451260086a4bfac89374324c6615f5e02c2af1","tarball":"https://registry.npmjs.org/@elsikora/elsikora-react-international-phone/-/elsikora-react-international-phone-3.1.2.tgz","fileCount":3,"integrity":"sha512-SMAEN3HLcR9s6MOgNo0h5KsB27jsKBDECVZQI8p8nS5Qde8lw98BOZhG2caf2mzbApOngrl0YlGOEG07D25Nhg==","signatures":[{"sig":"MEYCIQCX/6mrSuEjbs+sXukVonDNvqFxsCTMiSz0/QTwsJC5LgIhAIdlMj04uRXamIyeJDB5wjEaNtmUdVY4wnEA+eP6wvHQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8674},"main":"./build/index.js","types":"./build/index.d.ts","exports":{".":{"import":{"types":"./build/index.d.ts","default":"./build/index.mjs"},"require":{"types":"./build/index.d.ts","default":"./build/index.js"}},"./style.css":"./build/index.css"},"gitHead":"7db820a6668f6055ef7f385d323a7ee3c83fb375","private":false,"scripts":{"cm":"cz","lint":"pnpm lint:ts && pnpm lint:scss","test":"jest","build":"tsup && tsc --emitDeclarationOnly","format":"prettier --write .","lint:ts":"eslint ./src --ext .ts,.tsx --config .eslintrc","prepare":"husky install","docs:dev":"cd packages/docs && pnpm start","docs:test":"pnpm build && pnpm docs:build && pnpm docs:serve","lint:scss":"stylelint \"**/*{.css,.scss}\" --custom-syntax postcss-scss","storybook":"sb dev -p 6006","docs:build":"cd packages/docs && pnpm build","docs:serve":"cd packages/docs && pnpm serve","format:check":"prettier --check .","test:coverage":"jest --coverage","storybook:build":"sb build","semantic-release":"semantic-release","storybook:preview":"npx http-server ./storybook-static","storybook-test:chrome":"npx playwright test ./.storybook/browser.test --headed --browser=chromium","storybook-test:safari":"npx playwright test ./.storybook/browser.test --headed --browser=webkit","storybook-test:firefox":"npx playwright test ./.storybook/browser.test --headed --browser=firefox"},"_npmUser":{"name":"dmitry-elsikora","email":"dmitry.developer@elsikora.com"},"repository":{"url":"git+https://github.com/goveo/react-international-phone.git","type":"git"},"_npmVersion":"9.8.1","description":"☎️ International phone input component for React","directories":{},"_nodeVersion":"18.12.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"yup":"^0.32.11","antd":"^5.0.2","jest":"^29.1.2","sass":"^1.55.0","tsup":"^7.2.0","husky":"^8.0.3","react":"^17.0.2","eslint":"^7.32.0","formik":"^2.2.9","postcss":"^8.4.21","ts-jest":"^29.0.3","ts-node":"^10.9.1","prettier":"^2.7.1","@swc/core":"^1.3.76","react-dom":"^17.0.2","storybook":"^7.3.0","stylelint":"^14.13.0","ts-loader":"^9.4.2","commitizen":"^4.3.0","typescript":"^4.9.4","@types/jest":"^29.1.1","@types/node":"^18.8.5","lint-staged":"^13.0.3","@types/react":"^17.0.53","postcss-scss":"^4.0.5","@mui/material":"^5.10.16","framer-motion":"^6","@emotion/react":"^11","stylelint-scss":"^4.3.0","@commitlint/cli":"^17.4.1","@emotion/styled":"^11","react-hook-form":"^7.41.1","stylelint-order":"^5.0.0","@chakra-ui/react":"^1.8.9","@playwright/test":"^1.27.1","@storybook/react":"^7.3.0","semantic-release":"^19.0.5","identity-obj-proxy":"^3.0.0","stylelint-prettier":"^2.0.0","esbuild-sass-plugin":"^2.12.0","eslint-plugin-react":"^7.21.3","@semantic-release/git":"^10.0.1","@semantic-release/npm":"^9.0.1","@storybook/react-vite":"^7.3.0","google-libphonenumber":"^3.2.33","@storybook/preset-scss":"^1.0.3","@testing-library/react":"^12.1.5","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.1.2","@semantic-release/github":"^8.0.6","@storybook/addon-controls":"^7.3.0","@testing-library/jest-dom":"^5.16.5","@typescript-eslint/parser":"^5.49.0","cz-conventional-changelog":"^3.3.0","eslint-plugin-react-hooks":"^4.1.2","stylelint-config-prettier":"^9.0.3","stylelint-config-standard":"^29.0.0","@semantic-release/changelog":"^6.0.2","@testing-library/user-event":"^14.4.3","@testing-library/react-hooks":"^8.0.1","@types/google-libphonenumber":"^7.4.24","stylelint-config-standard-scss":"^6.0.0","@commitlint/config-conventional":"^17.4.0","@types/testing-library__jest-dom":"^5.14.5","@typescript-eslint/eslint-plugin":"^5.49.0","eslint-plugin-simple-import-sort":"^8.0.0","stylelint-config-idiomatic-order":"^9.0.0","@semantic-release/commit-analyzer":"^9.0.2","@semantic-release/release-notes-generator":"^10.0.3"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/elsikora-react-international-phone_3.1.2_1695032866559_0.3538552943458002","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@elsikora/elsikora-react-international-phone","version":"1.0.0","keywords":["react","phone","input","international","format","number","tel","telephone","react-component","phone-input","react-phone","react-international-phone"],"author":{"name":"Yurii Brusentsov","email":"yuriybrusentsov@gmail.com"},"license":"MIT","_id":"@elsikora/elsikora-react-international-phone@1.0.0","maintainers":[{"name":"dmitry-elsikora","email":"dmitry.developer@elsikora.com"},{"name":"admin-elsikora","email":"admin@elsikora.com"}],"homepage":"https://react-international-phone-docs.vercel.app/","bugs":{"url":"https://github.com/ElsiKora/react-international-phone/issues"},"dist":{"shasum":"d4ec91489a0118414d91b900d3ec8ac28cecf821","tarball":"https://registry.npmjs.org/@elsikora/elsikora-react-international-phone/-/elsikora-react-international-phone-1.0.0.tgz","fileCount":3,"integrity":"sha512-0ce8RXjqyBJH+RTzyIyiElvtnRTb3qF2I+67PiShy5CxA+uiUjE9/1JTdZAuupo0vY1E/yn8C5B8FPef3W9aVQ==","signatures":[{"sig":"MEUCIG0KwI3M195JTgdJEkjBgo//L8VDeyvHPKgYsr2cZiXLAiEAgecdLjInvGORO715VFfiVXrMz7h4RG2dtoGWXdbIzfo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8677},"main":"./build/index.js","types":"./build/index.d.ts","exports":{".":{"import":{"types":"./build/index.d.ts","default":"./build/index.mjs"},"require":{"types":"./build/index.d.ts","default":"./build/index.js"}},"./style.css":"./build/index.css"},"gitHead":"7db820a6668f6055ef7f385d323a7ee3c83fb375","private":false,"scripts":{"cm":"cz","lint":"pnpm lint:ts && pnpm lint:scss","test":"jest","build":"tsup && tsc --emitDeclarationOnly","format":"prettier --write .","lint:ts":"eslint ./src --ext .ts,.tsx --config .eslintrc","prepare":"husky install","docs:dev":"cd packages/docs && pnpm start","docs:test":"pnpm build && pnpm docs:build && pnpm docs:serve","lint:scss":"stylelint \"**/*{.css,.scss}\" --custom-syntax postcss-scss","storybook":"sb dev -p 6006","docs:build":"cd packages/docs && pnpm build","docs:serve":"cd packages/docs && pnpm serve","format:check":"prettier --check .","test:coverage":"jest --coverage","storybook:build":"sb build","semantic-release":"semantic-release","storybook:preview":"npx http-server ./storybook-static","storybook-test:chrome":"npx playwright test ./.storybook/browser.test --headed --browser=chromium","storybook-test:safari":"npx playwright test ./.storybook/browser.test --headed --browser=webkit","storybook-test:firefox":"npx playwright test ./.storybook/browser.test --headed --browser=firefox"},"_npmUser":{"name":"dmitry-elsikora","email":"dmitry.developer@elsikora.com"},"repository":{"url":"git+https://github.com/ElsiKora/react-international-phone.git","type":"git"},"_npmVersion":"9.8.1","description":"☎️ International phone input component for React","directories":{},"_nodeVersion":"18.12.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"yup":"^0.32.11","antd":"^5.0.2","jest":"^29.1.2","sass":"^1.55.0","tsup":"^7.2.0","husky":"^8.0.1","react":"^17.0.2","eslint":"^7.32.0","formik":"^2.2.9","postcss":"^8.4.21","ts-jest":"^29.0.3","ts-node":"^10.9.1","prettier":"^2.7.1","@swc/core":"^1.3.76","react-dom":"^17.0.2","storybook":"^7.3.0","stylelint":"^14.13.0","ts-loader":"^9.4.2","commitizen":"^4.3.0","typescript":"^4.9.4","@types/jest":"^29.1.1","@types/node":"^18.8.5","lint-staged":"^13.0.3","@types/react":"^17.0.53","postcss-scss":"^4.0.5","@mui/material":"^5.10.16","framer-motion":"^6","@emotion/react":"^11","stylelint-scss":"^4.3.0","@commitlint/cli":"^17.4.1","@emotion/styled":"^11","react-hook-form":"^7.41.1","stylelint-order":"^5.0.0","@chakra-ui/react":"^1.8.9","@playwright/test":"^1.27.1","@storybook/react":"^7.3.0","semantic-release":"^19.0.5","identity-obj-proxy":"^3.0.0","stylelint-prettier":"^2.0.0","esbuild-sass-plugin":"^2.12.0","eslint-plugin-react":"^7.21.3","@semantic-release/git":"^10.0.1","@semantic-release/npm":"^9.0.1","@storybook/react-vite":"^7.3.0","google-libphonenumber":"^3.2.33","@storybook/preset-scss":"^1.0.3","@testing-library/react":"^12.1.5","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.1.2","@semantic-release/github":"^8.0.6","@storybook/addon-controls":"^7.3.0","@testing-library/jest-dom":"^5.16.5","@typescript-eslint/parser":"^5.49.0","cz-conventional-changelog":"^3.3.0","eslint-plugin-react-hooks":"^4.1.2","stylelint-config-prettier":"^9.0.3","stylelint-config-standard":"^29.0.0","@semantic-release/changelog":"^6.0.2","@testing-library/user-event":"^14.4.3","@testing-library/react-hooks":"^8.0.1","@types/google-libphonenumber":"^7.4.24","stylelint-config-standard-scss":"^6.0.0","@commitlint/config-conventional":"^17.4.0","@types/testing-library__jest-dom":"^5.14.5","@typescript-eslint/eslint-plugin":"^5.49.0","eslint-plugin-simple-import-sort":"^8.0.0","stylelint-config-idiomatic-order":"^9.0.0","@semantic-release/commit-analyzer":"^9.0.2","@semantic-release/release-notes-generator":"^10.0.3"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/elsikora-react-international-phone_1.0.0_1695033788710_0.3112171608737213","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@elsikora/elsikora-react-international-phone","version":"1.0.1","keywords":["react","phone","input","international","format","number","tel","telephone","react-component","phone-input","react-phone","react-international-phone"],"author":{"name":"Yurii Brusentsov","email":"yuriybrusentsov@gmail.com"},"license":"MIT","_id":"@elsikora/elsikora-react-international-phone@1.0.1","maintainers":[{"name":"dmitry-elsikora","email":"dmitry.developer@elsikora.com"},{"name":"admin-elsikora","email":"admin@elsikora.com"}],"homepage":"https://react-international-phone-docs.vercel.app/","bugs":{"url":"https://github.com/ElsiKora/react-international-phone/issues"},"dist":{"shasum":"8d43e8774ef684ceba2ba303b9ee5234fe6bde4c","tarball":"https://registry.npmjs.org/@elsikora/elsikora-react-international-phone/-/elsikora-react-international-phone-1.0.1.tgz","fileCount":39,"integrity":"sha512-RPtCF9IY5OHhbiUaXYGpTVXGavLhSGHI8SKFaghb7XFhMTGXixULaf9nDPMFlWm4dg4n6L2mKP2fatM/MVLHcA==","signatures":[{"sig":"MEUCIQD3/rZI2QwAF9QE1lOEq7penAsJkRplUYFCG2TY8W5elgIgNSfkE/oxVRxw6zivADPhnfoIhrqzXGye8Ovi1waWz2o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":88048},"main":"./build/index.js","types":"./build/index.d.ts","exports":{".":{"import":{"types":"./build/index.d.ts","default":"./build/index.mjs"},"require":{"types":"./build/index.d.ts","default":"./build/index.js"}},"./style.css":"./build/index.css"},"gitHead":"7db820a6668f6055ef7f385d323a7ee3c83fb375","private":false,"scripts":{"cm":"cz","lint":"pnpm lint:ts && pnpm lint:scss","test":"jest","build":"tsup && tsc --emitDeclarationOnly","format":"prettier --write .","lint:ts":"eslint ./src --ext .ts,.tsx --config .eslintrc","prepare":"husky install","docs:dev":"cd packages/docs && pnpm start","docs:test":"pnpm build && pnpm docs:build && pnpm docs:serve","lint:scss":"stylelint \"**/*{.css,.scss}\" --custom-syntax postcss-scss","storybook":"sb dev -p 6006","docs:build":"cd packages/docs && pnpm build","docs:serve":"cd packages/docs && pnpm serve","format:check":"prettier --check .","test:coverage":"jest --coverage","storybook:build":"sb build","semantic-release":"semantic-release","storybook:preview":"npx http-server ./storybook-static","storybook-test:chrome":"npx playwright test ./.storybook/browser.test --headed --browser=chromium","storybook-test:safari":"npx playwright test ./.storybook/browser.test --headed --browser=webkit","storybook-test:firefox":"npx playwright test ./.storybook/browser.test --headed --browser=firefox"},"_npmUser":{"name":"dmitry-elsikora","email":"dmitry.developer@elsikora.com"},"repository":{"url":"git+https://github.com/ElsiKora/react-international-phone.git","type":"git"},"_npmVersion":"9.8.1","description":"☎️ International phone input component for React","directories":{},"_nodeVersion":"18.12.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"yup":"^0.32.11","antd":"^5.0.2","jest":"^29.1.2","sass":"^1.55.0","tsup":"^7.2.0","husky":"^8.0.1","react":"^17.0.2","eslint":"^7.32.0","formik":"^2.2.9","postcss":"^8.4.21","ts-jest":"^29.0.3","ts-node":"^10.9.1","prettier":"^2.7.1","@swc/core":"^1.3.76","react-dom":"^17.0.2","storybook":"^7.3.0","stylelint":"^14.13.0","ts-loader":"^9.4.2","commitizen":"^4.3.0","typescript":"^4.9.4","@types/jest":"^29.1.1","@types/node":"^18.8.5","lint-staged":"^13.0.3","@types/react":"^17.0.53","postcss-scss":"^4.0.5","@mui/material":"^5.10.16","framer-motion":"^6","@emotion/react":"^11","stylelint-scss":"^4.3.0","@commitlint/cli":"^17.4.1","@emotion/styled":"^11","react-hook-form":"^7.41.1","stylelint-order":"^5.0.0","@chakra-ui/react":"^1.8.9","@playwright/test":"^1.27.1","@storybook/react":"^7.3.0","semantic-release":"^19.0.5","identity-obj-proxy":"^3.0.0","stylelint-prettier":"^2.0.0","esbuild-sass-plugin":"^2.12.0","eslint-plugin-react":"^7.21.3","@semantic-release/git":"^10.0.1","@semantic-release/npm":"^9.0.1","@storybook/react-vite":"^7.3.0","google-libphonenumber":"^3.2.33","@storybook/preset-scss":"^1.0.3","@testing-library/react":"^12.1.5","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.2.1","jest-environment-jsdom":"^29.1.2","@semantic-release/github":"^8.0.6","@storybook/addon-controls":"^7.3.0","@testing-library/jest-dom":"^5.16.5","@typescript-eslint/parser":"^5.49.0","cz-conventional-changelog":"^3.3.0","eslint-plugin-react-hooks":"^4.1.2","stylelint-config-prettier":"^9.0.3","stylelint-config-standard":"^29.0.0","@semantic-release/changelog":"^6.0.2","@testing-library/user-event":"^14.4.3","@testing-library/react-hooks":"^8.0.1","@types/google-libphonenumber":"^7.4.24","stylelint-config-standard-scss":"^6.0.0","@commitlint/config-conventional":"^17.4.0","@types/testing-library__jest-dom":"^5.14.5","@typescript-eslint/eslint-plugin":"^5.49.0","eslint-plugin-simple-import-sort":"^8.0.0","stylelint-config-idiomatic-order":"^9.0.0","@semantic-release/commit-analyzer":"^9.0.2","@semantic-release/release-notes-generator":"^10.0.3"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/elsikora-react-international-phone_1.0.1_1695034102562_0.7724859400134438","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-09-18T10:27:46.445Z","modified":"2024-12-20T12:12:13.734Z","3.1.2":"2023-09-18T10:27:46.751Z","1.0.0":"2023-09-18T10:43:08.895Z","1.0.1":"2023-09-18T10:48:22.715Z"},"bugs":{"url":"https://github.com/ElsiKora/react-international-phone/issues"},"author":{"name":"Yurii Brusentsov","email":"yuriybrusentsov@gmail.com"},"license":"MIT","homepage":"https://react-international-phone-docs.vercel.app/","keywords":["react","phone","input","international","format","number","tel","telephone","react-component","phone-input","react-phone","react-international-phone"],"repository":{"url":"git+https://github.com/ElsiKora/react-international-phone.git","type":"git"},"description":"☎️ International phone input component for React","maintainers":[{"email":"dmitry@elsikora.com","name":"dmitryv_devops"},{"email":"michail.developer@elsikora.com","name":"michail-elsikora"},{"email":"admin@elsikora.com","name":"admin-elsikora"},{"email":"dmitry.developer@elsikora.com","name":"dmitry-elsikora"},{"email":"alexander.frontend@elsikora.com","name":"aleksandr-elsikora"}],"readme":"# react-international-phone\n\n🤙 International phone input component for React\n\n![npm-version](https://img.shields.io/npm/v/react-international-phone)\n![build-status-badge](https://img.shields.io/github/actions/workflow/status/goveo/react-international-phone/release.yml?branch=master)\n![install-size-badge](https://badgen.net/packagephobia/install/react-international-phone)\n[![codecov](https://codecov.io/gh/goveo/react-international-phone/branch/master/graph/badge.svg?token=SHEF4U216O)](https://codecov.io/gh/goveo/react-international-phone)\n![downloads](https://img.shields.io/npm/dt/react-international-phone)\n![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)\n[![stars](https://img.shields.io/github/stars/goveo/react-international-phone?style=social)](https://github.com/goveo/react-international-phone)\n\n[Live demo: Storybook](https://react-international-phone-storybook.vercel.app)\n\n![demo-gif](https://user-images.githubusercontent.com/25800848/215350455-0d362e64-d621-4856-a384-ab18d4a0d5fa.gif)\n\n## Features\n\n- 😎 **Easy to integrate** - Just import and use, no need for the initial setup. Integrate with any UI library using a headless hook.\n- 🔍 **Country guessing** - Just start typing and the component will guess the country and format the phone. Country flags are rendered using [Twemoji](https://twemoji.twitter.com/).\n- ✨ **Lightweight** - Low bundle size, no third-party dependencies.\n- 🌈 **Easy to customize** - Customize styles and component behavior using props.\n- ⌨ **Caret position handling** - Typing in the middle of the input, selection and deletion feels naturally.\n- ✔️ **Validation** - Easily validate entered phone numbers using provided functions.\n\n## Installation\n\n```sh\n$ npm i react-international-phone\n```\n\n## Basic usage\n\n```tsx\nimport { useState } from 'react';\nimport { PhoneInput } from 'react-international-phone';\nimport 'react-international-phone/style.css';\n\nconst App = () => {\n  const [phone, setPhone] = useState('');\n\n  return (\n    <div>\n      <PhoneInput\n        defaultCountry=\"ua\"\n        value={phone}\n        onChange={(phone) => setPhone(phone)}\n      />\n    </div>\n  );\n};\n```\n\n## Documentation\n\nFind the full API reference on [official documentation](https://react-international-phone-docs.vercel.app/).\n\n## Migration\n\nYou can encounter some breaking changes after update between major versions.\n\nCheckout migration documents that contain a list of breaking changes and ways to migrate:\n<br/>\n[Update from v2 to v3](https://react-international-phone-docs.vercel.app/docs/Migrations/migrate-to-v3)\n<br/>\n[Update from v1 to v2](https://react-international-phone-docs.vercel.app/docs/Migrations/migrate-to-v2)\n","readmeFilename":"README.md"}