{"_id":"@opuscapita/react-maskedinput","_rev":"49-a6ee7953a2fa5556d252c88708d52dd0","name":"@opuscapita/react-maskedinput","dist-tags":{"latest":"4.0.4"},"versions":{"4.0.1":{"name":"@opuscapita/react-maskedinput","version":"4.0.1","keywords":["react","masked","input","react-component"],"author":{"name":"Jonny Buchanan","email":"jonathan.buchanan@gmail.com"},"license":"MIT","_id":"@opuscapita/react-maskedinput@4.0.1","maintainers":[{"name":"abaliunov-sc","email":"baliunov@scand.com"}],"homepage":"https://github.com/insin/react-maskedinput","bugs":{"url":"https://github.com/OpusCapita/react-maskedinput/issues"},"dist":{"shasum":"644c9576e42f6e72aa978125c46b5c9c49af018a","tarball":"https://registry.npmjs.org/@opuscapita/react-maskedinput/-/react-maskedinput-4.0.1.tgz","integrity":"sha512-RxibnQ/EKUzaoStzWFWMJZqCZ55qgc3Z5GV8RyX4mGCKjGNkqn+9lCZ+8SztFYvO9zvLe5h8lPm0nweA0hspPw==","signatures":[{"sig":"MEUCIQDn6gtPz+8jCwbmt2Bp0579w6nq2VYA5okqyfagOVpzxQIgSWxj6Z1irR6UwmkGsevw5ylySeH1hETD0wtD9NZx4cQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","files":["es","lib","umd"],"module":"es/index.js","gitHead":"69541eb0a2717c8d049557bb27d7bb49f1bf62b8","scripts":{"lint":"eslint src tests","test":"mocha tests/*.js --compilers js:babel-register --require config/mocha-setup.js --require ignore-styles","build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","start":"nwb serve-react-demo","posttest":"npm run lint","publish-release":"update-changelog -- --all && npm run build && npm-publish --release"},"_npmUser":{"name":"abaliunov-sc","email":"baliunov@scand.com"},"repository":{"url":"git+https://github.com/OpusCapita/react-maskedinput.git","type":"git"},"_npmVersion":"5.4.1","description":"Masked React component","directories":{},"_nodeVersion":"6.10.3","dependencies":{"lodash":"4.17.4","moment":"2.18.1","prop-types":"^15.5.7","@opuscapita/npm-scripts":"2.0.0","@opuscapita/inputmask-date":"2.2.3"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"devDependencies":{"nwb":"0.17.x","chai":"3.5.0","jsdom":"11.0.0","mocha":"3.3.0","react":"15.x","sinon":"2.3.2","enzyme":"^2.9.1","babel-cli":"7.0.0-alpha.12","react-dom":"15.x","babel-core":"7.0.0-alpha.12","sinon-chai":"2.10.0","chai-enzyme":"0.7.1","babel-eslint":"7.1.1","babel-loader":"7.0.0","jsdom-global":"3.0.2","ignore-styles":"5.0.1","babel-register":"7.0.0-alpha.12","babel-preset-react":"7.0.0-alpha.12","babel-preset-es2015":"7.0.0-alpha.12","babel-preset-stage-0":"7.0.0-alpha.12","react-addons-test-utils":"15.4.2","eslint-config-jonnybuchanan":"5.0.x"},"peerDependencies":{"react":"^0.14.9 || ^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/react-maskedinput-4.0.1.tgz_1504796763274_0.8488375025335699","host":"s3://npm-registry-packages"}},"4.0.2":{"name":"@opuscapita/react-maskedinput","version":"4.0.2","keywords":["react","masked","input","react-component"],"author":{"name":"Jonny Buchanan","email":"jonathan.buchanan@gmail.com"},"license":"MIT","_id":"@opuscapita/react-maskedinput@4.0.2","maintainers":[{"name":"abaliunov-sc","email":"baliunov@scand.com"},{"name":"dmitrydivin","email":"divin.dmitry@gmail.com"},{"name":"dsanko","email":"dsanko@scand.com"},{"name":"samikarj","email":"samikarj@gmail.com"},{"name":"elefantino","email":"net.tyumen@mail.ru"},{"name":"kwierchris","email":"christian.drengenberg@opuscapita.com"},{"name":"tamkov-sc","email":"tamkov@scand.com"},{"name":"eriihine","email":"esa.riihinen@gmail.com"},{"name":"havantkim","email":"kimmo.havantola@opuscapita.com"},{"name":"ilkkalehtinen","email":"ilkka.lehtinen@opuscapita.com"},{"name":"gr4per","email":"arne.graeper@opuscapita.com"},{"name":"kirillvolkovich","email":"kirill.volkovich@jcatalog.com"},{"name":"alexeysergeev","email":"sab@scand.com"}],"homepage":"https://github.com/insin/react-maskedinput","bugs":{"url":"https://github.com/OpusCapita/react-maskedinput/issues"},"dist":{"shasum":"4f0838260999def9e523bd1f7affbfa44d30b761","tarball":"https://registry.npmjs.org/@opuscapita/react-maskedinput/-/react-maskedinput-4.0.2.tgz","integrity":"sha512-4RzOmxt/eRtq0MLlJvldnyI1ro78TgA1BpbFhkMsXDcYhx/JyZfiHhro/WEXRuqkb+XmoxHWlE3tJ0B8dOlO1Q==","signatures":[{"sig":"MEUCIQD/zrIMCbHPNtVmgSu0ZJyipM1uJZJhcCEWVaI/IUeKwwIgNusaTFihQu2gAGmz5k2PtWaKPjU2arRvUgK76lqKReU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","babel":{"presets":["es2015","stage-0","react"]},"files":["src","tests"],"module":"src/index.js","gitHead":"69541eb0a2717c8d049557bb27d7bb49f1bf62b8","scripts":{"lint":"eslint src tests","test":"mocha tests/*.js --compilers js:babel-register --require config/mocha-setup.js --require ignore-styles","build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","start":"nwb serve-react-demo","posttest":"npm run lint","publish-release":"update-changelog -- --all && npm run build && npm-publish --release"},"_npmUser":{"name":"abaliunov-sc","email":"baliunov@scand.com"},"repository":{"url":"git+https://github.com/OpusCapita/react-maskedinput.git","type":"git"},"_npmVersion":"5.4.1","description":"Masked React component","directories":{},"_nodeVersion":"6.10.3","dependencies":{"lodash":"4.17.4","moment":"2.18.1","prop-types":"^15.5.7","@opuscapita/npm-scripts":"2.0.0","@opuscapita/inputmask-date":"2.2.3"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"devDependencies":{"nwb":"0.17.x","chai":"3.5.0","jsdom":"11.0.0","mocha":"3.3.0","react":"15.x","sinon":"2.3.2","enzyme":"^2.9.1","babel-cli":"7.0.0-alpha.12","react-dom":"15.x","babel-core":"7.0.0-alpha.12","sinon-chai":"2.10.0","chai-enzyme":"0.7.1","babel-eslint":"7.1.1","babel-loader":"7.0.0","jsdom-global":"3.0.2","ignore-styles":"5.0.1","babel-register":"7.0.0-alpha.12","babel-preset-react":"7.0.0-alpha.12","babel-preset-es2015":"7.0.0-alpha.12","babel-preset-stage-0":"7.0.0-alpha.12","react-addons-test-utils":"15.4.2","eslint-config-jonnybuchanan":"5.0.x"},"peerDependencies":{"react":"^0.14.9 || ^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/react-maskedinput-4.0.2.tgz_1504797514836_0.6068381175864488","host":"s3://npm-registry-packages"}},"4.0.3":{"name":"@opuscapita/react-maskedinput","version":"4.0.3","keywords":["react","masked","input","react-component"],"author":{"name":"Jonny Buchanan","email":"jonathan.buchanan@gmail.com"},"license":"MIT","_id":"@opuscapita/react-maskedinput@4.0.3","maintainers":[{"name":"abaliunov-sc","email":"baliunov@scand.com"},{"name":"dmitrydivin","email":"divin.dmitry@gmail.com"},{"name":"dsanko","email":"dsanko@scand.com"},{"name":"samikarj","email":"samikarj@gmail.com"},{"name":"elefantino","email":"net.tyumen@mail.ru"},{"name":"kwierchris","email":"christian.drengenberg@opuscapita.com"},{"name":"tamkov-sc","email":"tamkov@scand.com"},{"name":"eriihine","email":"esa.riihinen@gmail.com"},{"name":"havantkim","email":"kimmo.havantola@opuscapita.com"},{"name":"ilkkalehtinen","email":"ilkka.lehtinen@opuscapita.com"},{"name":"gr4per","email":"arne.graeper@opuscapita.com"},{"name":"kirillvolkovich","email":"kirill.volkovich@jcatalog.com"},{"name":"alexeysergeev","email":"sab@scand.com"}],"homepage":"https://github.com/insin/react-maskedinput","bugs":{"url":"https://github.com/OpusCapita/react-maskedinput/issues"},"dist":{"shasum":"f58d8ebbc4bb563c3a08e2e4e1b5bf7cc54a52ed","tarball":"https://registry.npmjs.org/@opuscapita/react-maskedinput/-/react-maskedinput-4.0.3.tgz","integrity":"sha512-cDCDlf64hqJbWaeA3FRY2qckhCYlxBnkq3t39E8bmJnlMoCQkrME7Zp2rmgpSQKA0vFdRzD45yrS2Zo4+ktQxw==","signatures":[{"sig":"MEUCIDYX0iYt3kkDq/usHsC7LG1gXzyU/2mzh4Fzs0FUl9zXAiEA82bZClpJvIzkJRhNBRAyljjicSTngcOk0j94T+p60nc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"src/index.js","babel":{"presets":["es2015","stage-0","react"]},"files":["src","tests"],"module":"src/index.js","gitHead":"69541eb0a2717c8d049557bb27d7bb49f1bf62b8","scripts":{"lint":"eslint src tests","test":"mocha tests/*.js --compilers js:babel-register --require config/mocha-setup.js --require ignore-styles","build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","start":"nwb serve-react-demo","posttest":"npm run lint","publish-release":"update-changelog -- --all && npm run build && npm-publish --release"},"_npmUser":{"name":"abaliunov-sc","email":"baliunov@scand.com"},"repository":{"url":"git+https://github.com/OpusCapita/react-maskedinput.git","type":"git"},"_npmVersion":"5.4.1","description":"Masked React component","directories":{},"_nodeVersion":"6.10.3","dependencies":{"lodash":"4.17.4","moment":"2.18.1","prop-types":"^15.5.7","@opuscapita/npm-scripts":"2.0.0","@opuscapita/inputmask-date":"2.2.3"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"devDependencies":{"nwb":"0.17.x","chai":"3.5.0","jsdom":"11.0.0","mocha":"3.3.0","react":"15.x","sinon":"2.3.2","enzyme":"^2.9.1","babel-cli":"7.0.0-alpha.12","react-dom":"15.x","babel-core":"7.0.0-alpha.12","sinon-chai":"2.10.0","chai-enzyme":"0.7.1","babel-eslint":"7.1.1","babel-loader":"7.0.0","jsdom-global":"3.0.2","ignore-styles":"5.0.1","babel-register":"7.0.0-alpha.12","babel-preset-react":"7.0.0-alpha.12","babel-preset-es2015":"7.0.0-alpha.12","babel-preset-stage-0":"7.0.0-alpha.12","react-addons-test-utils":"15.4.2","eslint-config-jonnybuchanan":"5.0.x"},"peerDependencies":{"react":"^0.14.9 || ^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/react-maskedinput-4.0.3.tgz_1504797792688_0.7028104497585446","host":"s3://npm-registry-packages"}},"4.0.4":{"name":"@opuscapita/react-maskedinput","version":"4.0.4","keywords":["react","masked","input","react-component"],"author":{"name":"Jonny Buchanan","email":"jonathan.buchanan@gmail.com"},"license":"MIT","_id":"@opuscapita/react-maskedinput@4.0.4","maintainers":[{"name":"abaliunov-sc","email":"baliunov@scand.com"},{"name":"dmitrydivin","email":"divin.dmitry@gmail.com"},{"name":"dsanko","email":"dsanko@scand.com"},{"name":"samikarj","email":"samikarj@gmail.com"},{"name":"elefantino","email":"net.tyumen@mail.ru"},{"name":"kwierchris","email":"christian.drengenberg@opuscapita.com"},{"name":"tamkov-sc","email":"tamkov@scand.com"},{"name":"eriihine","email":"esa.riihinen@gmail.com"},{"name":"havantkim","email":"kimmo.havantola@opuscapita.com"},{"name":"ilkkalehtinen","email":"ilkka.lehtinen@opuscapita.com"},{"name":"gr4per","email":"arne.graeper@opuscapita.com"},{"name":"kirillvolkovich","email":"kirill.volkovich@jcatalog.com"},{"name":"alexeysergeev","email":"sab@scand.com"}],"homepage":"https://github.com/insin/react-maskedinput","bugs":{"url":"https://github.com/OpusCapita/react-maskedinput/issues"},"dist":{"shasum":"922f99436dbeed6305261c419361f88af709a794","tarball":"https://registry.npmjs.org/@opuscapita/react-maskedinput/-/react-maskedinput-4.0.4.tgz","integrity":"sha512-fPFEpOQOo9qlIJiLVwY5nqjF/uH6EZfsa516mF95X4VPn+ixXJMlaIOakkX3ba1rYMY8plf3m9R19iQ3B8lg+w==","signatures":[{"sig":"MEQCIDrRpD2LOUfx5kwn6nZCAWkWRskoSTOPIi/L2II2YSKZAiBN5n9pHVMpsGfpILpMPTdQyz6IVVRo4sH1YkzZMOHDcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","files":["es","lib","umd"],"module":"src/index.js","gitHead":"69541eb0a2717c8d049557bb27d7bb49f1bf62b8","scripts":{"lint":"eslint src tests","test":"mocha tests/*.js --compilers js:babel-register --require config/mocha-setup.js --require ignore-styles","build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","start":"nwb serve-react-demo","posttest":"npm run lint","npm-build":"rimraf lib && webpack --config webpack.production.config.js","npm-publish":"update-changelog -- --all && npm run npm-build && npm-publish","publish-release":"npm run npm-publish -- --release"},"_npmUser":{"name":"abaliunov-sc","email":"baliunov@scand.com"},"repository":{"url":"git+https://github.com/OpusCapita/react-maskedinput.git","type":"git"},"_npmVersion":"5.4.1","description":"Masked React component","directories":{},"_nodeVersion":"6.10.3","dependencies":{"lodash":"4.17.4","moment":"2.18.1","prop-types":"^15.5.7","@opuscapita/npm-scripts":"2.0.0","@opuscapita/inputmask-date":"2.2.3"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"devDependencies":{"nwb":"0.17.x","chai":"3.5.0","jsdom":"11.0.0","mocha":"3.3.0","react":"15.x","sinon":"2.3.2","enzyme":"^2.9.1","webpack":"2.6.1","babel-cli":"7.0.0-alpha.12","react-dom":"15.x","babel-core":"7.0.0-alpha.12","sinon-chai":"2.10.0","chai-enzyme":"0.7.1","babel-eslint":"7.1.1","babel-loader":"7.0.0","jsdom-global":"3.0.2","ignore-styles":"5.0.1","babel-register":"7.0.0-alpha.12","babel-preset-react":"7.0.0-alpha.12","babel-preset-es2015":"7.0.0-alpha.12","babel-preset-stage-0":"7.0.0-alpha.12","webpack-dev-middleware":"1.10.2","react-addons-test-utils":"15.4.2","webpack-bundle-analyzer":"2.8.2","write-file-webpack-plugin":"4.1.0","eslint-config-jonnybuchanan":"5.0.x"},"peerDependencies":{"react":"^0.14.9 || ^15.3.0"},"_npmOperationalInternal":{"tmp":"tmp/react-maskedinput-4.0.4.tgz_1504798976705_0.0997105126734823","host":"s3://npm-registry-packages"}}},"time":{"created":"2017-09-07T15:06:04.247Z","modified":"2026-04-15T16:05:37.573Z","4.0.1":"2017-09-07T15:06:04.247Z","4.0.2":"2017-09-07T15:18:35.825Z","4.0.3":"2017-09-07T15:23:13.655Z","4.0.4":"2017-09-07T15:42:58.144Z"},"bugs":{"url":"https://github.com/OpusCapita/react-maskedinput/issues"},"author":{"name":"Jonny Buchanan","email":"jonathan.buchanan@gmail.com"},"license":"MIT","homepage":"https://github.com/insin/react-maskedinput","keywords":["react","masked","input","react-component"],"repository":{"url":"git+https://github.com/OpusCapita/react-maskedinput.git","type":"git"},"description":"Masked React component","maintainers":[{"email":"kacpermklosowski@gmail.com","name":"kuos"},{"email":"pim.machineuser@opuscapita.com","name":"ocmachineuser"},{"email":"elzbieta.rymarkiewicz-czapiewska@opuscapita.com","name":"elaczapiewska"},{"email":"ocbuildautomation@opuscapita.com","name":"ocautomation"},{"email":"piotr.krzysztof.murdzia@gmail.com","name":"piotr.krzysztof.murdzia"},{"email":"domin25001@gmail.com","name":"dsbbl"},{"email":"stefan.machnow@opuscapita.com","name":"smachnow"},{"email":"ilham.kaddouri@opuscapita.com","name":"ilhamkadduri"},{"email":"michal.blachu14@gmail.com","name":"mblachu"}],"readme":"# `MaskedInput`\r\n\r\nA [React](http://facebook.github.io/react/) component for `` masking, built on top of [inputmask-core](https://github.com/insin/inputmask-core).\r\n\r\n![This project has never been used by its author, other than while making it.](https://img.shields.io/badge/author--usage-never-red.png \"This project has never been used by its author, other than while making it\")\r\n\r\n## [Live Demo](http://insin.github.io/react-maskedinput/)\r\n\r\n## Install\r\n\r\n### npm\r\n\r\n`MaskedInput` can be used on the server, or bundled for the client using an npm-compatible packaging system such as [Browserify](http://browserify.org/) or [webpack](http://webpack.github.io/).\r\n\r\n```\r\nnpm install react-maskedinput --save\r\n```\r\n\r\n### Browser bundle\r\n\r\nThe browser bundle exposes a global `MaskedInput` variable and expects to find a global `React` (>= 0.14.0) variable to work with.\r\n\r\n* [react-maskedinput.js](https://unpkg.com/react-maskedinput/umd/react-maskedinput.js) (development version)\r\n* [react-maskedinput.min.js](https://unpkg.com/react-maskedinput/umd/react-maskedinput.min.js) (compressed production version)\r\n\r\n## Usage\r\n\r\nGive `MaskedInput` a [`mask`](#mask-string) and an `onChange` callback:\r\n\r\n```javascript\r\nvar React = require('react')\r\nvar MaskedInput = require('react-maskedinput')\r\n\r\nvar CreditCardDetails = React.createClass({\r\n state: {\r\n card: '',\r\n expiry: '',\r\n ccv: ''\r\n },\r\n\r\n _onChange(e) {\r\n var stateChange = {}\r\n stateChange[e.target.name] = e.target.value\r\n this.setState(stateChange)\r\n },\r\n\r\n render() {\r\n return
\r\n \r\n \r\n \r\n
\r\n }\r\n})\r\n```\r\n\r\nCreate some wrapper components if you have a masking configuration which will be reused:\r\n\r\n```javascript\r\nvar CustomInput = React.createClass({\r\n render() {\r\n return \r\n }\r\n})\r\n```\r\n\r\n## Props\r\n\r\n### `mask` : `string`\r\n\r\nThe masking pattern to be applied to the ``.\r\n\r\nSee the [inputmask-core docs](https://github.com/insin/inputmask-core#pattern) for supported formatting characters.\r\n\r\n### `onChange` : `(event: SyntheticEvent) => any`\r\n\r\nA callback which will be called any time the mask's value changes.\r\n\r\nThis will be passed a `SyntheticEvent` with the input accessible via `event.target` as usual.\r\n\r\n**Note:** this component currently calls `onChange` directly, it does not generate an `onChange` event which will bubble up like a regular `` component, so you *must* pass an `onChange` if you want to get a value back out.\r\n\r\n### `formatCharacters`: `Object`\r\n\r\nCustomised format character definitions for use in the pattern.\r\n\r\nSee the [inputmask-core docs](https://github.com/insin/inputmask-core#formatcharacters) for details of the structure of this object.\r\n\r\n### `placeholderChar`: `string`\r\n\r\nCustomised placeholder character used to fill in editable parts of the pattern.\r\n\r\nSee the [inputmask-core docs](https://github.com/insin/inputmask-core#placeholderchar--string) for details.\r\n\r\n### `value` : `string`\r\n\r\nA default value for the mask.\r\n\r\n### `placeholder` : `string`\r\n\r\nA default `placeholder` will be generated from the mask's pattern, but you can pass a `placeholder` prop to provide your own.\r\n\r\n### `size` : `number | string`\r\n\r\nBy default, the rendered ``'s `size` will be the length of the pattern, but you can pass a `size` prop to override this.\r\n\r\n### Other props\r\n\r\nAny other props passed in will be passed as props to the rendered ``, except for the following, which are managed by the component:\r\n\r\n* `maxLength` - will always be equal to the pattern's `.length`\r\n* `onKeyDown`, `onKeyPress` & `onPaste` - will each trigger a call to `onChange` when necessary\r\n\r\n## MIT Licensed\r\n","readmeFilename":"README.md"}