{"_id":"react-hook-form-input","_rev":"35-d766732d8e5ee67ce1e6b2ddb5cb440d","name":"react-hook-form-input","dist-tags":{"latest":"1.1.10","beta":"1.1.10-beta.2"},"versions":{"1.0.0":{"name":"react-hook-form-input","version":"1.0.0","description":"Wrapper component for controlled inputs","main":"dist/index.tsx","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","cypress":"^3.6.1","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.24.0","ts-jest":"^24.0.2","typescript":"^3.7.2"},"gitHead":"0506b49846a3a2fb0b6f5d6f25199a1617f5dcdf","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.0","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6PzT7TEWBxNxmP1h38e5yNdAFp75rTLlr9tAweM52RVm8s9NwvpigKs4eJfO0mR+/LfFUTxYrnzCT8Gxo0nwZQ==","shasum":"d9c22b6fb7f7eaad835a1e948b663797379a95e8","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.0.tgz","fileCount":6,"unpackedSize":12794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd1muWCRA9TVsSAnZWagAACq4P/RBrVyHQjO8m0GWg+c3y\n9BhNMlxmCdAIlC3MF2vl2VhHE29/M9P2m7JndPBMzaZ1nKUNOIEBs39upDQq\nPJda0Bd1OraGx4MqpSNTI6wTZ9O81bhdDqMeYLVHIhgB6QqIu9wfp3PwR8mB\nDdIpxN0ikzmzi4bIGO4RULYUrrXvMdruOY4IedNY5MxOiWohwQ2F15gnbXYp\n6wniK3JIHu0G1srCn/j5v/yKv+4zDcI64Y9xBZMp/TA37VsFGvN8P/hJWaWw\nxxm1/QnTceMvnQIJUpg4FGp4wQ5NZ/+Zmr8asrFMr7pZRWh/bUHmjOd72CvP\n9yeZvZQ99OqSO1YUuew0XCh+c8LCnJ8l6ePH9z+a1ureYwpoVP76y/aee4D5\nyf372mkarHASCI3N7MUziFo+NXIHhyWP7kaAagxdrc5LrX1cKQCwQtJ2gZMI\n0VBbq5gEbe3NW3pybDkdw+C4cp8wAFdvCVoBqbsvRSkfdmpQeAI0i1p4BNIz\nZnxlSoUOcvafRHDB/AXlH+tTOU1SDL2d+JZ7TMWC96ssjHlpKfu72yTY5Dzo\nTzD8NCxPfpa4J+gOOcWOijV9MEm5OSpnu4/s3EQyTnQS/cjozR3Dl0PbYUKb\nk5bX1Mv1SyZz0FM6oJMuGvDyxOz4m4ZJZZpWSylTMEEeH5FLZ6SNQGyPUZ8L\nnO7n\r\n=PIBm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAsV+kOY1dxYvxqna9PnlHp3kBvfV41Uk2+JS39Ly3XMAiEApD1Hw3UR3L8hbKx1zGIjrSdvLRRzcOZe9kQ6AdvLWv8="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.0_1574333333825_0.8190037801187544"},"_hasShrinkwrap":false},"1.0.1":{"name":"react-hook-form-input","version":"1.0.1","description":"Wrapper component for controlled inputs","main":"dist/index.tsx","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","cypress":"^3.6.1","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.24.0","ts-jest":"^24.0.2","typescript":"^3.7.2"},"gitHead":"8eee594206a849ec80aed25e9e6cc4507a789be8","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.1","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6JZUsxOr9R7UYGpeF84huK7HxgCq0JtCS78P7TUY0jQbfgAwPuBavPpBpREBuXD1iPnrX4xA/KK3Y4cmvzNNfA==","shasum":"7d3d304b54ff09f744e9604b9f0df20cddabb23a","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.1.tgz","fileCount":6,"unpackedSize":12962,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd1nClCRA9TVsSAnZWagAAXOkP/AotDcguHzhFSfiNKqzs\nxAURh8eofwfQoFQ+vpEkafoAz1pETp03Idvxsn8Rqx2KKHWGut0ibq9ssUvr\nvNQG8KREZYubpdIKsdsAbqFILvh95J6gPGln8YgAszFz6kFrYZRBsnyP9lIu\nDornYbGjik7xqUd7c4k/FGJftUutiCyUL4ar+/tra30agWVJnMwhlMrcAEAF\nsBHRWec9GBrJL6DSg5X3aMkToaF3oxyuSUFUFpbjmm/V0f0/CqvWwET1TeQ2\nXSAF9TSH/rEspfzBif1VVSVBHZf6mAP+BdyMjR+cwMK4qiOzXXi0eaAfGN7A\nFJX7OxzEtGzN1OqrG4SyFVSGAA6M6X7YXJDbVcIbKt14Gzj52rxcjlb0fec0\nkKVUW79eezd0tD/UiRW89rZNMXe2Qy9Spk7iRhLz5da8rIOhT+P35hpHMclv\njJHi2JMQVQrbkRqxX+5i9ASbhSBoJVY/WSdc9J+0TY/Dbl8VgE2j/PO8U8QD\nRlBJlQx616zDk2klVbxb8C5pWOKhJg2KQez9CpxCO4RWxydMJfQBFQYmv2zs\nCJVMGx909ZqRgiCtIiD9V4ruSmEPfjPpjRRCaNJheBx8bwCvAs+WeZyIvx87\nfhP3mrxX6VFVxoNBvL2LjllFqwsJIuQMRmBeAHeKDXBUgqTIuneNpH6oaK/E\nkawt\r\n=W52S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNw4IetvMI6Ggxd96IM9yU527TR2GqKQtY7idFgnwsVgIhAIO/cI0/RlnX7K+ljWFaFTJaTgNGDdmTbxZ60AjSm1TP"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.1_1574334629163_0.0894243267784518"},"_hasShrinkwrap":false},"1.0.2":{"name":"react-hook-form-input","version":"1.0.2","description":"Wrapper component for controlled inputs","main":"dist/index.tsx","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"gitHead":"6becd00a4bd4749880158a2c5b2cacd3583368f4","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.2","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-9RF1yHveGm+31hsVByd63vlFIDgzmrTUIZICxWZD6c7VJxmlSQgofSdfEIqQYnW9M5q7vQp6hTWRtA7kmXFslQ==","shasum":"96e0b99c83f5bc71ba1710f5d2fa1a1c5cff599b","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.2.tgz","fileCount":5,"unpackedSize":12950,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd11vgCRA9TVsSAnZWagAA73EP/39Zl50S7K31YMq/DuCK\nkF/xlSXP7jUqNu+dQrSeG8/WLOI7Yt2vj6/MA/RIpxpLCeW9XGxiIh8w2Esi\n5hZOfxUemLLK9qx0LfkPBVUh5JIn1hoo2bChyLHe4PGD3aU9TN6hzwOrP4xR\nnhJ7UFqMaD303IS8q2RXOtRfLJX77qTnGdlpYRJXSk/YrivEcGRLi2sg9zUI\noTEGY62f9FzgpXtmD69L7T3TsTMNSA8klt1/gz6UsoLh0EaGDn/TalovCabK\nY55etVnq28xvG0GS6msyGqSchGKIXWko+crj/108ea2tInofME49/fo9wzOC\nA6m6TS+i6542GGlrwrWu1lX35o4VxT5iTqQeewkEvfdyVb1QHwbA+4WELey7\nDIEOtjQWckegT7537HirYQsDEhh+lPu2f3srn75NZWWuPzXOQskPqhC3FN06\ndDOiB/e6J5jkQrAPjRz332COrUbYP0WACVSRXzRIKfiDMmVOL41WoCEoJtn7\nlV0YmObr5HmtpNggnOYHVfDwtUYtzABoWfL8PF1Mf+fPd49pEexqTVNm5XhI\nFVn6C6j0PkFUIlSHH1InxhOHwaftdJp16I1PZT8tJs72yD6s35qawEiHmr3h\nRUq+nD32sOGlAw4jrEIQ3b9QAG+PjQBxcdVLYbRVaUXJD0AtvePBnIRcoRRV\n+1Yk\r\n=BAtV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1vsLDdVRzNRk7ipVVcYKTDxj9QI576ZOClzEwc/EURwIhALgV5mewFzolmpznMVdHaoNL0ZkjAvzk0RL4HA98jEJU"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.2_1574394847764_0.568297515993005"},"_hasShrinkwrap":false},"1.0.3":{"name":"react-hook-form-input","version":"1.0.3","description":"Wrapper component for controlled inputs","main":"dist/index.tsx","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"gitHead":"a8bdf7d648ede36548557da32c8538d051eeb48d","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.3","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-Jgtl1mBP/3TgpKlu6WA0zH+0H9tJodFbWQDjHkcQtk7jXQu7eZH/5cUvsL2/PxVtNgCIOmRP/mOxxcLXZV4BoA==","shasum":"c4052298458f62e5803a707a1c190e9e8a4e8f57","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.3.tgz","fileCount":5,"unpackedSize":12920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd11woCRA9TVsSAnZWagAAG+YP/iGArNGm15VTphcQTDNg\nIPJ9lu77HnVXRUGmxZvVm/dWQ2YYF+SBs6vCvTzOrIz1eemDRgqAmuYgZTRy\nLEPtotPGKDSOZOjop+MIthESbfGjs5horR52JALI4PAp4s6zhphxwFo/0RYb\nJlOiUrf7cZYmyjIwI0bMjQN/Fkm3nw08UpbWO7b0w5ujelFq75zjFUsrK4Jj\nThE4ppC8XhFvw152SC5MwyOTp0MxNShQsTQzzFNROoBREU6/lBsvw/Yg/4+Q\nx1VwqODEyXWwBDNAmA0WCcb6GKn2q8cmGkpXEaChxp9rrk2kEwp80Nx/Ug3K\nxQy+rCmoCftU0Az/yMKBq79gY62shb1ivYA2fA2/+mf2VirBoLBcVDM4qXl5\nTRcji5l/pWhWmfs0qpm+IPQnZEyoD1nk8dT4eXBHZ2GaHw2yWd783K/HvPds\nMQE1wKXFWCmikpGHvuTyqrW6Z3mIzMkJteMA1BHnqOnF6CIPpM7cQ0Hb3PwA\n5DfQn2wP2Llgx84HpdNmY4yTcMu0Yts3G0LaIcJneK69GMx5AR6w6pQ0pRK+\nDMpK0KlpdMtxN/MYbmcX+YdJAGKZdJmqnMFDjVIQ+mn35Ou+NAgMTqvewWml\nKh7VA8MOAoWjYcBSS0+I3k83AyCaNaunAA5nDQiP+IMOBF9cZU3ud15TpTlJ\nwB5D\r\n=ygKa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAdG/FkkkIq/TF/NlMQzjWey49bDowLrML5HSHAN/FtAIhAJ5njA6WX9wcR1CK3Y5wdG6zN6hawD6gyxiAP1nTwakN"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.3_1574394920054_0.6778698661718625"},"_hasShrinkwrap":false},"1.0.4":{"name":"react-hook-form-input","version":"1.0.4","description":"Wrapper component for controlled inputs","main":"dist/index.tsx","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"gitHead":"33157289fb6600f48ff1cbb0410b30058e5e5866","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.4","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-iudxeb5C2h0fxgePt46fzyNLdQiBkxAAVV8GbGDpsmX11ybVtNvt62KbyTsdb1Jy+G8f37MEcQbBGnplvsmSnQ==","shasum":"d47dccf286142dfabac683d177949d120b2df7d7","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.4.tgz","fileCount":7,"unpackedSize":20774,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd17kkCRA9TVsSAnZWagAAVXMP/RCv/n6dupZOQRB/6q0s\nMHBPUhRWObAufh4QDcOcBrumMLFmAlKGX/gBP2bJQZL/81yMuBJyI8cHW5s2\n7tE9naQKNQy39ECRYeGin+O5V+n9jZRS6r1hzrMoo2E37A5ltL/qgURqmBe5\nW16ZfmSFt5BvEcEqlO16hlPtFIyh5SoykBpZKJPyq4KLOuJDS/e/4hX4PQuL\nt2l0R/pd8caYeMPNGCqP/BvcvdoB/26uIkRTOqLjBAHYw9BvhdkSwDoqwiqj\nKi/DIisp3GtfZYMJfLKXGqp9Lr/5P7daFdcwD1NehvQiy8J4uCVw3uUX+wha\ncbc8vqOCBAvgpkrm3cCLlg0SkhxZGAP/rgutYvwKEwK435n9OabeaXKbwgpT\nbs9Uv/fkcACwlGKPalWjwde16/O+IGLn5yTH7O7V9O0oFK/BK1AC1xAIXrEx\nNun7QQ21aXnzMX0Djfhmsq57j5dz21TuwZSyZxF0+IqnKN+BVESvt/1Q8VDR\n0gBo9eu/QdWCp8xnm1xnPGB5EzFCG+gBb7JylmWBA66uV57gYAcJnzlx85xr\nvRCaiEvPU2RLXkF+Klkto9p0exeGBDRAmpOUUrvIFsSvARxt268MDTWNv3xn\nwFY7xFsfhZ9/8UzSk4nUrPhykDlJg2CNQPeoflEh9LwvqwWNeHqfFDYK8FNV\ngr7t\r\n=ByE+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBwn1cL0H7+X5pjM7YPTeSw7PfhEyqp/H9/+MrziOmlTAiEAmeBejKfLhGFqEaqXkYfOtw+8Ty6RnZZbSy+2k+QXj5I="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.4_1574418724323_0.5966530685095635"},"_hasShrinkwrap":false},"1.0.5":{"name":"react-hook-form-input","version":"1.0.5","description":"Wrapper component for controlled inputs","main":"dist/index.tsx","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"gitHead":"23f978263a695995c8cc6d309cfd5c3666bc0f24","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.5","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-WTEt9B18Ti2XFHWzOdket6jvQERdyJWAbYkm8CzNZAhzh5nd38LjAMymfK3TKeyJGQabkDypMulpKQfo/KUCmg==","shasum":"464f7f2b2fb19ba63e249f362e0e2825c2e6ed65","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.5.tgz","fileCount":6,"unpackedSize":14626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd172dCRA9TVsSAnZWagAAMQcP/3b0xw+g1AETVxz6KYZ6\ndGhQjRH+MjsDPRtzBrcmSqMjePi3UEATZ+4AG/1hCwTfn2YRUwZ8nvuCKNVN\n4Qx5cOLzZHaaOHa4c6I3l9Q7IoNjNBwCJM0w/WQkeC2EZeZNVg/zD6s9g51+\ngRNGApCyiHJVT7XLdqpe5Y58WP4n/TFqvcw8FKHvuIdtJxWcYUuAGK/BGfdY\nuJ0mr2Og07Rlhe7nq80+tmOY5yF7TSaeKk0Ikvq+rAixiD33eSAdxBVV7xBZ\nt3UwsUr/wuW98ftT+48Pjt75DnjDyMibvsjsv58u5v0xNfbI/1da76RFeJs7\n5Vcg/jOxRP6xxf4P+Z4rIbnv1rHZQkcQz5OuB+gZXPFQt98EpCwh/ieIXrAq\n7eeq6ORfB7oE7AW6z/ELcwSSmhL9sV3Xtr07LmBnBDbY2TpsFz+3acGvTg9u\nvqtxzzljbllCQABZHhvZ9TOmLEv4G/y3MIm4xBE5lnKWQqcFgddhjyw2TrnK\nubaUUSELou3CaCLdj1oj5gmsZoucMlk3tDgxqrYO3poLqyu3ADC+yo+bUhCs\ntOlIPqC1hy9IS7aWylwsJTP2OaXV+/xeSR1K4LhXqFUjQGM22z1suN11Pek1\nJ6EaR2M6MAe4axomqmJtKAnhsHZoHvpBmvuIgpx6w1+CYZOhl37agORHurio\nwMdP\r\n=oTZR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEIgBeccBb0EuZ76yiokxr/A687rabzAzQ9HRPgzNPN4AiEAmxWB80GqwVtHC77Zx2qJm+82hgZuI3CATf7qyt7oJeU="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.5_1574419868639_0.06109656222533255"},"_hasShrinkwrap":false},"1.0.7":{"name":"react-hook-form-input","version":"1.0.7","description":"Wrapper component for controlled inputs","main":"dist/index.tsx","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"gitHead":"a8f5712a108e3e946659f9288465ce353b159e32","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.7","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-M7V6SjeLZ5zLpRMuxB0R1fJ7wuYOWPMzeHzcZST7lfEHHjnCGhhC2aVeyELbaK8zmHQbPRq9voGYF80hXliMJg==","shasum":"f896772047ce9c1fe3bd7acf800f434c5ea8a712","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.7.tgz","fileCount":6,"unpackedSize":14639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd178QCRA9TVsSAnZWagAADhkQAKE5EgAl4qjq/GFCcD9H\nXR5q/bHsmmGGdSt6Jh2qTrTGz4E7FeeKRAAkRYgdxCBJaxM7QUbfjKGCKOLc\n7klKbzNnhDko1UmvC68mHIS6b0gbhSdZxOkdSF6Npod8hutpqoiTtX3KMpqK\niGhIWc7tKibaVTA1oBhyQL0WkaBGLb+D3CKm4K1JgEXBchB4k1W4za8GtSrv\n0SoDWA4ZHDXoEhHImrXS8FUpNAWrgvrcC28CFYRR3qjoDPiWly0TMaM5LTI6\nt8xVLMvaw+qQ5H0ZlutPESISIqscXi1kVJcQY87/Z5lXRtsCUk3LJwZvMpCu\nrHQclqUP1dfQtN5MaQOcQ/d+Xhy4L79+onZDFIYh3XgfCRu+CX7eqYyc5t0l\nQ0D0dGH6XqR/NIPcudrmCbvcQx4xfRQtqu83FsD9/SLR/Misu70wbN/wR7Pf\nMhKNq/6pLniaPBSV2lOjLgkuImZoF8q1elfnmu9NbAZfr8a1Q6kTb+SftqES\nBJPtOEkhU5IGkFPn/8+8EWdBgYla5MSdPgGTZO2AWdxO95aO2eZhag6qgjsh\npk/zj5XbRHU8d6s4vDGHuP+Ja/V4L4tPoqs0ckbBPbIgPUF8AwdWS/q8RJQL\nKMlEjcKPwS1YKGERh3qbVlVD73e6v6HdgoEf7OPuSeG/8iCnZQ48EG/JmRdf\niDYj\r\n=dr3C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjlOlAZidm5z47F3KNwuBtD8N+CK+LfmIxoTYhc7VwxwIhAPemM6pwsWLqstx4yfqme5CpRzQMqLblYzC8XZBxFgGk"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.7_1574420240582_0.7174723495222379"},"_hasShrinkwrap":false},"1.0.8":{"name":"react-hook-form-input","version":"1.0.8","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"gitHead":"c8866b476fef85207c27c2b1065b6d9416d8727c","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.8","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-mxN5crRu1L4F1dkVbL6uW3MjSOuUAZOuU75jQWHyC++nkFzsPXx4l4AZcWHRSkAV+wQ+6uMQ8K+luZDdQGqfpA==","shasum":"2e3423f8b09283be2b6f88c283d8ab89799e624d","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.8.tgz","fileCount":6,"unpackedSize":14670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd18AsCRA9TVsSAnZWagAAQQYP/j2aBkuv64gOs8Rgwi74\nOPXr52ZkaFJXauTbjWAdK8fMP4wC6cyYM9GRP1otdlNCmi6+lCHmOdivI/hE\n03FkZhtw5o1H6uzbX2XTwN8DPlvp/YmXAMed2EIFgVpCAmtg0vZRVPNkkdSx\ny9r7rPMX8yx2NGYw7CE6vLtD2awnY06BKFkUrd+8/RlsKzNcEfA33DnBmucX\nf7MIOxPAGCiUP2smxLOYvu2KtCRZ1iUifOb7pE8jY2M/2sMGseB98uj6Ar9d\nhe87k31UmuqL+JLwvv9PIHrjU0C8Uby4HDLbNgaWOojeMz0ffWqnwjL9VqNx\nQ1eT6y7FIH8P9FqQ/wU6cxR6I2S+WzZbJAO3IpUQphj0oCvo+psfxYTxsEE7\nwLkfb6p1FX9ZwXEzWiutB0tAttEUd/3X2RzNCJ936dsL2/RmMv9Cqog8wuUI\nSGKXmlxm9QOKZTVPCQTaabhzZmIM7Tq8m7Kz5PQVVPuqmots9B6IfaRysery\nmsMF+JbkFNGUzQnl1YMht3yY10D7zx/t37G1UVSa0GdNyTsE7OYGoa49d0os\nr7NrP5Dwo7B7ooSf7nH/L1yY0HpnWal/00HkVP7SPIOrTMFrQWm0ehdNv8KE\n8od4v+DSjCk3EVfuMnXaU/lSVe3XGQE3hEh4ZTFO95Cbkw0wopUmTa+qBBAK\n23Gt\r\n=iaVD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5tQW89IBgAD2inCgjaxpAUjV3/J+85SWQ7flHeGzNjAIgDz1cchSmCj+Y2Lt6mjb32/6cr+0uPHzD8WFxEIgwNM8="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.8_1574420524086_0.09303038205802516"},"_hasShrinkwrap":false},"1.0.9":{"name":"react-hook-form-input","version":"1.0.9","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"gitHead":"66478091796e90fa5aae8b4b03a0ed48617fb51a","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.9","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-O0GYLypghRTwR1lNptXgpkTdSqL+4v/iSPn4hqBYZZlbpoRqOEnDXQm/wpq8VOsoI70LbIXQA2CXd3f6yC2/AQ==","shasum":"14cb6cadeaa847c0618989a0eedd71f5783022ea","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.9.tgz","fileCount":6,"unpackedSize":15477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2GVdCRA9TVsSAnZWagAAWfgQAIxy+vMBJ6r94wV7+l2k\nTmhWB8/Nz/LNeSk2iBKeG21X+MU5U6qcJkKUy0muVCwNisIPT/A53au1joZT\nRr482N/T7JYdQPQaFBPQNOUaZa+zXL/+A+W+/U0WDvtMEC34TvCCzv02F1xB\nStmLTNFaQky1BmCwbYjQT8WtDsDyLEoai9rb50uapuXHvfBzLkeT+wIz1sQT\nndde1aUXPt9Bq+7p9landY6rJZBr2EpRyt6mIxdOfbCI3XD8cD6ycvRLRPfN\nOQn3IfMptWnr7mj6jFtf8TuVvse4KzuXpmSqDKVWAp4QfL8Y1EdqMjsJ7Q6e\nDq79QadXkDdEt9shfoUd4AJZR3Vo2sSCzCbWYYWNhcxYMOrbMiynnP2dWGta\nbOpUqbJWrGhQf92y0PGGoUrIMk8VnlAq67eLEC7ZwJ8pCeZZ5+BH51F/1u80\nQR5qEFlB+9fk53mlKyX2c0Qw0WN8SwXyynEjh2xw5wdOuVfCjmlyiSsfosVP\ngeJuP8YXYpyVnwF8unT/D+ZDMVg2Ua1PFwml/Nuy/zrZrm35/hp63q34PZeD\nCPdmJvP7nQ5tOvoR5BN19lV3Qk8Few8plrZLl5zzCxZTKz/gmmQNx8Qwme4X\nV0SJr93tbMjpu3gV5i7RcPDLgHSW9tB1Zatqy7XixA6PyazMQeiRWMTsDeR+\nmETX\r\n=QR1A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCU55H2Yt49cGbfzCJWFQRWZkYGkgOZwD+1YKeHoRV0AgIhAKzbJn0vsRCGbkMTKSmD64XmCfgRvHW1PqTR7M0bokOs"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.9_1574462812941_0.5967533227632451"},"_hasShrinkwrap":false},"1.0.10":{"name":"react-hook-form-input","version":"1.0.10","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"peerDependencies":{"react-hook-form":"^3.28.0"},"gitHead":"a15bbba2037b41d69a9fc45db7196163a1303ccc","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.10","_npmVersion":"6.4.1","_nodeVersion":"10.0.0","_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"dist":{"integrity":"sha512-ExBLLhfdBvK+z9ZqAXHtsftSH08cB9OOBU1CrHKlDlk2BGJf0sth/HbEWdcNPFnI10WPz/jnvyFUj4YYos6tyA==","shasum":"24580d5415d64118e503571255fbb59808cee632","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.10.tgz","fileCount":6,"unpackedSize":14994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2aslCRA9TVsSAnZWagAA8xIP/0SHY1ved5D/N9ojIxJ/\nXfVmf8UAxZCCbJN5GhX0EbE98nXCc8/CIRBInYbUwYH2h9FfjFw8sYLrKlGB\nsueNBEj6DKfsP5C91ngbVL/Op7OXQphlOcSdKpgQr4RuHx6f9QIWADALSGQD\nLQMnbCg52VlDSs2i2imrg93VY/buws1jsXeZmN+zfwy+YH3Tr91rIwii5fcL\nvDl7zhvXm4fQgpUripp47uH7rUZbRjJysMj2Uknx4UiYnGAe9sa/KtomXVTw\nTj1ERJVROBu/Ide8T951aRBgILOrQ9Jj7I13e1me6VvZro7vzsyMoPQ78Gjd\n0pj4syg5d0RHgGfFSjXUznHSa5/2NMiL+wsPHmn2Y4w54yAtTtGdeetNxjQN\niFYZ+16IhUx7pKtupBmmBySI0DGiPCfpadsKVc+u+JIn7sVT+wicdwCEZbhD\nxa1ihjRhYXP1s0TGH5HMh40y4mKo+9ATudOQj+59mZ/TNG3jb7w5sGuQQ7KB\nQ5S7Hp1g0MSNwTA7WdwDsmGlj+wCWRWyf2Hkz1J3lLb4Hvb5kGUIuO5MHxCa\n92MA7njcQWRJZt69CDOMgL5OPB1mLauM+QPeFaxnRVWm42MyW7vm6UxQmI2g\nYCvcvnXObE51qZ3nVQMyb3vsGPeWwrJxYnzStLd/3arJJ4MmvbfhSQfSBLlO\ndCkX\r\n=yUBj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGj6Z990AJhap6NWn3e9EJc0dAnGa492y//4F2h3zn2IAiA2FTe2f502Lu8Lm4qw2NRkZJPG+iczCUQy9WQhowPA9A=="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.10_1574546212608_0.8044204581477501"},"_hasShrinkwrap":false},"1.0.11-beta.1":{"name":"react-hook-form-input","version":"1.0.11-beta.1","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">demo</a>.\n\n## Quickstart\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n  { value: 'vanilla', label: 'Vanilla' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button\n        type=\"button\"\n        onClick={() => {\n          reset({\n            reactSelect: '',\n          });\n        }}\n      >\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n## API\n\n| Prop       | Type      | Required |   Default   | Description                                                                                                      |\n| :--------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------- |\n| `as`       | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                             |\n| `setValue` | Function  |    ✓     |             | React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function                         |\n| `register` | Function  |    ✓     |             | React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function                         |\n| `name`     | string    |    ✓     |             | Unique name to register the custom input                                                                         |\n| `mode`     | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                      |\n| `rules`    | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form |\n| `type`     | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                |\n| `...rest`  | Object    |          |             | Any props assigned will be pass through to your Input component                                                  |\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Credit\n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">@JeromeDeLeon</a>\n","readmeFilename":"README.md","gitHead":"7d07f017b1667dbe21f5a990846b233a7147029e","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.11-beta.1","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-s644mz1hNL54Z9IlUOpFKC/3zVJvQcy5ByB4Om/SClWmjA7fNKyrMWhxG07KAbozwj5SdHI5Qv57zos6jo0wyQ==","shasum":"d0582d546002e04690fa683263a66b9e3730d332","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.11-beta.1.tgz","fileCount":6,"unpackedSize":17090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2w31CRA9TVsSAnZWagAAvLEQAJHhvKJgxhp3YlEtWnQ6\nZq9nmDXg+lC46+ByPDZ8zMQ4MAqLQaOTI+AV+t4w1f95cdgaVMK1/0Oy3mS0\n+Gd75ZzuA+8P6EDw2dvcVj76Qbori9anxtubT3Vprry+NkmNQZlFhdW0kqkt\nI8WKR/ET7zCiJcpyGYTnE65cOcSbvbaHgb6jqVEJIgwVvx3hbTt9kHQ0d8CK\nOkikyC1acOqKRr5ht2xv7HQ+Ta2NTsRlfBDmJ5nWjIfXvIM3OSk/Z4tmE6wT\naRExJ+bBjkEE6MLpeNoyR0oct4lAh5P8eeaDhJYvKXZfnhZYj0WTQO7CAz31\nfKtLjgd4TZci6x+1UEIX0Pf3h5RRiNGx11Ym5MD2IGJoQmuuaIUTN6lGO1kB\nQpYWRIiJTFisXP60X62WsRrRS8Z+JB0vN5bYGz+sEuvsMkqS5q1Ze7RT3Djy\n6/hJfFuYaILXONQpjSDOOhgIgne5RtQMK76TE0tVZyhCPMn5mMWK6kfXkbhV\nUkLrw1d/dQ9cmwA+2YUcnUi4CqdPQXRFasseameS446I8kbOHVjsa4ZzVXEx\nDoHtMfgbhaByOqrOHMGvwEfq2EVZYeWQ5eia2lbo9ul2nOUN7hiGHhSTeGgI\ns/nK4iF9FNgOu6kOS7SgR8UuUXSqxHU6beqHFXSTkVEXek27ybsdc4+FNrwd\nT4Qa\r\n=da+w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE3NFRI3vjz9XIL3BQFB1EgA8eU5TsRnQv8XIY5eCAfiAiBT/VNASTCTY3NG7aWQZnojIwUvKw/sgrHJahiXsSZZUQ=="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.11-beta.1_1574637044562_0.809140513103576"},"_hasShrinkwrap":false},"1.0.11-beta.2":{"name":"react-hook-form-input","version":"1.0.11-beta.2","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">demo</a>.\n\n## Quickstart\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n  { value: 'vanilla', label: 'Vanilla' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button\n        type=\"button\"\n        onClick={() => {\n          reset({\n            reactSelect: '',\n          });\n        }}\n      >\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n## API\n\n| Prop       | Type      | Required |   Default   | Description                                                                                                      |\n| :--------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------- |\n| `as`       | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                             |\n| `setValue` | Function  |    ✓     |             | React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function                         |\n| `register` | Function  |    ✓     |             | React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function                         |\n| `name`     | string    |    ✓     |             | Unique name to register the custom input                                                                         |\n| `mode`     | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                      |\n| `rules`    | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form |\n| `type`     | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                |\n| `...rest`  | Object    |          |             | Any props assigned will be pass through to your Input component                                                  |\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Credit\n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">@JeromeDeLeon</a>\n","readmeFilename":"README.md","gitHead":"7d07f017b1667dbe21f5a990846b233a7147029e","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.11-beta.2","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-R5m2Yz2Vso2aWArBsxvzEX+cCq7iBBzWg8zTm7QM6T54lSvPdcOUsnn7tgfvIGaltx3SQhD42T/xk8qdI9R2VQ==","shasum":"b20f7eab92f8344aac135ac041f831c9af4c8757","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.11-beta.2.tgz","fileCount":6,"unpackedSize":17346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2ynLCRA9TVsSAnZWagAArAQP/A2yFjNLYJnb8mtIovV8\nPpzItYvTMsy4HML4qJBmh87SDmdFyN3LdhuqkSYhSeAkUfuctmGN3GQrmOva\nFTN6a3XhTaYBKHTwbKlvO9PAY0H18K4lrbYy/SYAhazkelIeGA3fXJ2U+xXF\njDNnaPgIkzpapjzP115FCLtXfovcTrztdj3vXIFE7yx+iVRfWpSnaO3F/qZW\nnkm/XSLVwXfEZaEsMXafxAYBX0FFaX4bi3IgX+etfNc2RP2YDrV5DnLxaXr0\nBr9ArnoXlSA1SI/FhH+oNJiXgX+sKSSdhL0wArhbcfOjlQ4fvUKtAC7g9NGn\n6mumk+EZhN7ce2BSbp4EFv5PKr8dcsV2Ehj8CP0A1kTozl2m4H6KaxBguL/F\nT2JofjR/4rIlEht2BfjZXS69/Mcxej72S5gLQhqSJPs03gBFJ7IGhXvknrJu\nzb2JfwZqvLg2b0VD3rYr6q1s6jtRSAJ/iwDMNdb+MdL6u7bS6MkVMW7NcV9z\ns4hZC8eG6C0vH8w9SNFSsYANm6aTHbh+2fnSRRx7z9WhgST9PiGodfR9GFNL\nUWvh2uzt9HzXexXhqLAlZLNmhZ3iWKlObyMpCgibMz+Bf/cTWTNPhlADAGtM\nd47ZagpHaanqUaWtdvvvYhSvj9+pCAg/ihfd85x1JxRTT8wzhCv1V9VjhVaC\n4Py4\r\n=dIWm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF4yqGLnLfJjQCpUCHufqLpAMrwoxmNuheP7qv6b9MTlAiEA5pelLLrwMxgbRgnfOJTwBhDW6t5LEPt5W+TCcTyRuIk="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.11-beta.2_1574644171099_0.12248914188800542"},"_hasShrinkwrap":false},"1.0.11":{"name":"react-hook-form-input","version":"1.0.11","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"f038926002a543c3930faeb0845e6f89df30d5e6","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.11","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-KYLws5spqbX6c6emzx4uWDeZFkESnMkNttbPmnU+AJ0c7C9MQ7H4Wi6vhZuNOjmSKREGEWuEQJWLjgXaFFygCA==","shasum":"2faf7e9b9839611096a486febb48b38da4af27fe","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.11.tgz","fileCount":6,"unpackedSize":17339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd2zOpCRA9TVsSAnZWagAAZD8P/A8u5j1J/5OpTIKH+tMC\nP12i388t6mIdyo7eRFeEwQ1u/aI3e9HRgiAPaxDYmFgKwo84t49xAPUYCSNr\nK8BM4PC/x9+l5p9jRWEM6H3TINyua5Pan1ZbPZuJhPrWpPtXeLKJsivcpcOr\nsuqqS8FZQDdLJVRtORSBJeVsgpaWkSM/PWWWnkZokJOSWfWjQNPtCGvYz+E9\nRUQWrjV315RiIX4+o4zY76LXmrFy5yubT0EUes9Mm81IfiGj9yTw/rU/aHsA\nNOHTyFt5zdiJFLtYfFevT93ebeqRHUSS1vJV02AoV+A9VBUMxmgwj0jaBKyh\nfCkkZ2WYzLBHCj46tfUqiYXLEBk8xs4oQN8oycKzXirsyFETXwbTtw8jy+pk\nkAm+u17SGg6WgtWiY4TGVcQT6FwdmVkukYrBb4G+/anNQW8suR6rzqUD6zPk\nadk7/VVj2iE734EAAo2ryxiN+JWZGlWx4khUJRMSfkYyDjO/ygnJPHj44RA0\nHrl3s3VSvM+bpS1FTpumLM/zFju6n4BYciWkoVxRFGibJkUq7It5GiNG5WOf\nFTjWcMVftQ0OSsEqipoDSqdqHTwl8+YvKy2iWTuxoyrHKg+fPI9hcjLoghcF\nl/YLQyJmWJcUfwe4rQtSvesdTzyLu51h193QrctTtzrHPn45vrvphpDOk/sZ\nVkGB\r\n=3DKM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQ2gXTrDiZuPBLkc9CCV2aAMSCj4e2FJoTK+bY9Ec4+QIge90oUK+6pKvg2ugspB5StjBm9M63wmHVdA8lFiKvhoE="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.11_1574646696633_0.4207738099126632"},"_hasShrinkwrap":false},"1.0.12-beta.1":{"name":"react-hook-form-input","version":"1.0.12-beta.1","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">demo</a>.\n\n## Quickstart\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n  { value: 'vanilla', label: 'Vanilla' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button\n        type=\"button\"\n        onClick={() => {\n          reset({\n            reactSelect: '',\n          });\n        }}\n      >\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n## API\n\n| Prop       | Type      | Required |   Default   | Description                                                                                                                                                                          |\n| :--------- | :-------- | :------: | :---------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`       | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                 |\n| `name`     | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                             |\n| `setValue` | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function |\n| `register` | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function |\n| `mode`     | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                          |\n| `rules`    | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                     |\n| `type`     | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                    |\n| `...rest`  | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                      |\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Credit\n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">@JeromeDeLeon</a>\n","readmeFilename":"README.md","gitHead":"e2a0d7552a0cc43458bfde41efb1fb2f53fd80c7","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.12-beta.1","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-FsRp0WXg1kMOm4K/z2AC9NoBJS2Jf1yiVYulhcah4pQDB5/JOGzR1eD78sfyJDCyR5XKuLESqrMiUScCNxd0lw==","shasum":"8c735f2e19eb8a39597636135bcacb9e0dd1ed83","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.12-beta.1.tgz","fileCount":6,"unpackedSize":18120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3QqqCRA9TVsSAnZWagAAK7wQAIIG9Ar56dUkHcBN2G64\nRVmVEuYDPtJvLbpgPozMzjErSnjHRFcuNg4sZgPRdB33cc3Ra0aQUf1SkNxm\nlB4IKR54/JMIQOhs/joxGiMa18sKkkOx7wf5TVdnlt/e77Sy98Jejx4dDo9i\nuqdoVzTNmGvpE1J4Eo5oylBUXY1HIfaz00LfqBOJJOZCjsUvzAApVkSp0Ri3\nz3Kj9T38C9bfou8bagp0aIaU9e+5SqgXU+f1F7zN/L2BH0rQvXV6U11h/cKg\nuZ8BxcIQHi/NcZ08F4DgAH8OwssfRQaLpub/VkVd+FFbLocAkKSuPe2hA0N2\nwafExPLA3pz8wxzWL32pXn2q5Ps3Afucl+K6YB3PfiXrUoc+Tsdhi0IsBNpN\nPUTSG+0AC0VtCdtGAQQ883BhTqCbQl6KZZCqbbKjr0tFOp0a9ONnKdQgPv5s\nE3QJhDkXrasxSnoOenqGS3ykIINQlgSFhEX1/EnB5fSfxWlhfqEilkAhAeun\nLyiEsiuz7x3KzZs5tKgWgsuP2kt2SWZwFcoCuKdhcdiGFUufi+RpKuGhW0bh\nl2WAAxEMSuObIf+tbK7WT02FvZCL5L7lTlowXsGGP7kIPcy6BbqewiMjv6C7\niePmBeW/nvVhhwLipdV4jIwQTbosqtptRspA/iISf+Ncgbccq3BVRc2Vig6/\nw0qc\r\n=CwF7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD01cfc04C5qH7LHchcGRw1V6UJ+PgkaFI6o6p55uXiYwIhAPpN0YYxd4B00oYnQD7EiB0lkNtyP2w8neCasIrf26Uh"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.12-beta.1_1574767273829_0.6706375071778328"},"_hasShrinkwrap":false},"1.0.12":{"name":"react-hook-form-input","version":"1.0.12","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"c6cb2a865915c07fd3f914ffc64557c506ff2da6","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.12","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-UPWfw3vcGoE0hHM8HOAeUtka+8kpX9ZoFY03DPpl9Dkz2nzciY/t2BKyntLZ83Uo4koQi3NExZpRUjtyXbSKcA==","shasum":"6bfaf5acf1e54df6997725ac49fc86efdc3aae7e","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.12.tgz","fileCount":6,"unpackedSize":18113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3Qr6CRA9TVsSAnZWagAA4QgQAI9vefHd20LOpJzp3pjG\nxKnQLzfJQRsxrPaYfL9XeIwl5rTYeVakdqdNPt8jp1ffOwt3eMcxgnQ6y7vZ\netK0KPbKFV6d1wZuiUvReJb4W4prUR7HHeVVmk5WiFqATtaSnzn7eonw/nNk\nlDRbSQyKo211HzQpwW3SAt8nbfvcS+1gPw/BfBeBeb0dfwcrc+briNBRmkVI\n2yUftTpMPw2NIKEz64T+ZKleVu7I4jhn7y6rWLrnBHyyS7x3NRdJWPljx05b\nTEOexd8ZC3YF8vZ9SzVOrykYdN98Jw8k6b5jcnsQ8gXvHbffFqq3ISU2hBor\n3IDvZVS1oyvXr84WvlFjOv+0M+G5ahT5ZH321MFjq53QLbMGypvhDW73Fx5q\n//JhxDPAQ2c9SLur7O4baiU8oH7+FXsS+WpRK9Wx0LLsnsWwiFf5Z8qCEfBA\n2RZO+rQixMMHPjvHkDkuLWZIy350gmaz483qeQ/1hgq7gmxc2Empxn3qtWFf\nNl4mHUWWKFuZQnyqGcpPjA6wiatKOrMrYektUj/BTi44xceyllRgVgXqH09y\nzBgMSWUBXmWgT8KuY4Qhd4iY4iYGQa3qZPVlzTNJzZwXe84jmSVpl/ykFBuz\nYS0VE1yk9VCjG4deXLjf4dDn5HcCT8Tau9ju+GmyqWvFY7cug+nqvseGoLVP\nIUYJ\r\n=YQsj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEnxPTpdK9Ph1qof/4qd02Z5sn8o7NZHPAFlORmF5ZaaAiAA3T/x4BT1oOkPEdqqtwr8AiEsDL514Jeucop5/oTo/A=="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.12_1574767354538_0.9459203777265148"},"_hasShrinkwrap":false},"1.0.13-beta.1":{"name":"react-hook-form-input","version":"1.0.13-beta.1","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">demo</a>.\n\n## Quickstart\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n  { value: 'vanilla', label: 'Vanilla' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button\n        type=\"button\"\n        onClick={() => {\n          reset({\n            reactSelect: '',\n          });\n        }}\n      >\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n## API\n\n| Prop         | Type      | Required |   Default   | Description                                                                                                                                                                              |\n| :----------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`         | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                     |\n| `name`       | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                                 |\n| `setValue`   | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function     |\n| `register`   | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function     |\n| `unregister` | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#unregister\">unregister</a> function |\n| `mode`       | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                              |\n| `rules`      | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                         |\n| `type`       | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                        |\n| `...rest`    | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                          |\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Credit\n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">@JeromeDeLeon</a>\n","readmeFilename":"README.md","gitHead":"2ce0854aa4885ed13a52b97fc09e46a9ce6bca17","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.13-beta.1","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-D7exyjhjTkSiQkY5aCCfLzpUhqxOvKxiL/EnE/U8y1QnV9Ff0l3ct/xq6hdFTBqbAerlq2ss1fUAP9wxup6PTA==","shasum":"b8cb58f7af9bba68a0bc9ec559dfb2a7db9b1884","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.13-beta.1.tgz","fileCount":6,"unpackedSize":18699,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3b7dCRA9TVsSAnZWagAAFOYQAJVxAs7l+dQTJvaKNyEM\nYdz0UaHPDYtpXiBXL5+k9JtM298nTGEmmNmh1hKg5jZ/srglxGy0SR1ik6Ts\nvcb1n+umRXsrKNpg6ryMgg0FFFvkX73oWh9WKTyxPpxgrBowq/HmdhNpwc9I\nWJlNDfqPQrl+ampFcE1OYmD04Kr8ZVTVhWj4reqrUV6CcCAiGnfykUFv9VDG\n5VTtTtyz31henLBRu/GvG4d3jMvPetEA9mzfDnDXG6SOuODGq/VU0fzQUIpU\noz+YAHCZQWo+G4AyL2RfFvDHDP83LR2DXhC0kCmevIWuDhNUaUEMklgp1YtW\nYhHrP/2D+Ce/2aUir2+UFrpon+TH5sl4q15mvxaGbu7HLlAoPZzvoTGroTOt\n9gH0o5QZ3PeYSeSKP87PnyZRFKTiNLG59tKQjo3OLL4RlPnQTMp2kMt4c2z4\nUchiY9AJU/0x7rhuHNwhvJQPQbBH8u0i1pcRaM3viaT18dqHALvgJPCNMAgd\nUej+Cb3GQwPSMtdwWw+V8jxvq1wjBng+oyua0MMt8Hrcdgx9xPZ7OssRSWwy\naRCZnbQAgkmiGoIDzuOIaoB+ik3uGpPUMD7vxkMAY/jz0oitDESyFFFTrCJw\na64NnKncs56bt1hNI5CSw0PCP7TSnE16/diGi1RUlb0HMbtlmlKK/7CLcuP7\nVu7B\r\n=yE52\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGFaQ/iV3p2SRCd1WyaUzxPVhAkSzc/4tQ3BRGwxfsLTAiAvRrN/o9n3aTXEeY/KR9TpsDsyFtNib2gclRT+FkDDpg=="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.13-beta.1_1574813405138_0.09495254791824403"},"_hasShrinkwrap":false},"1.0.13":{"name":"react-hook-form-input","version":"1.0.13","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"a32366c4a198afa84bf48acf557124c4ff791d3f","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.13","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-oSNa/nTnnukv72z0eZdiz5QK3ny7UdCwtn4A7lB7bhnZUCF6Qex2GdfH4+kvWUiGUcfV0O8Pm8HuC48HNE67KQ==","shasum":"47137af33b38e12088dc21ebbc99726dfddc03ed","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.13.tgz","fileCount":6,"unpackedSize":18692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3cIsCRA9TVsSAnZWagAAkuUP/1MoEDljCWBGWx8ARZF0\n+I24PWrTPCYLvNL2tVGYcGMTnpGtyL7VBUW1ATEXjIfSe67i6faCfO9WaSvw\n/EKc9fQAPabOEf1bICHX4Vt4A/8lV4jSRefXEpo0CJXt1P1P4wcbDLok+FAF\nsJNdYgA3fhOgmDSi/fDxiLHJlaJ6CCurUAbX5BwsyM5cLhcK9STqAJ9mNAfX\n/L8yV5TXa06JWlz5qiW6nRFTAIzw5yNJe6f2ziknOH8/qZ26sad8b/zpCFxW\nbLpGhMJWGuKvTPkYI581DCl5UtaFQYHm4rvzHNJ4vj8ywa+xX67UCXkcWAwc\nO3WWQlbjsnk2EqhfgfVcxVzppsBSxys7UYfT05oUyGxTVZHfZDV1KpOQjlvk\nNytOhMb2KjIyRDcZuJAK1WJx8U059lI7WDyUGpIG0UHu6gczIPTPwqH6zZmc\neu4ZN7kp1BSVoUrl9FMQzSZwUokhH/wVDTJaTF/oXLChioenCcZFZMieDJ3X\nIkQaJEKMjtFm+eWBWKo3/RC9iMxFSsBA2oSIbKBHgfvX3BexALGa45SCEAjE\neIk+y1kwiEpDA2vMzissGvm3YYfn9yHjRnqO846uVFTAWWHEEgJgzo4o/gVU\nE/PAUVOCT2plzkoyEwqkDtQ78zem+5hkXwrDG9yQqAmn78qGjh/gw41HY5HO\nEFR7\r\n=6T33\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCz6Dz+VgmnkCmnMaWdnjNYXc3vCddmLlg8HjU2ci/KgIgfLz6NJEMKKU/KD4SyVzKT22peJbKzuIDXJJybDujCZA="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.13_1574814251653_0.6104675279705274"},"_hasShrinkwrap":false},"1.0.14-beta.1":{"name":"react-hook-form-input","version":"1.0.14-beta.1","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">demo</a>.\n\n## Quickstart\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n  { value: 'vanilla', label: 'Vanilla' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button\n        type=\"button\"\n        onClick={() => {\n          reset({\n            reactSelect: '',\n          });\n        }}\n      >\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n## API\n\n| Prop         | Type      | Required |   Default   | Description                                                                                                                                                                              |\n| :----------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`         | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                     |\n| `name`       | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                                 |\n| `setValue`   | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function     |\n| `register`   | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function     |\n| `unregister` | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#unregister\">unregister</a> function |\n| `mode`       | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                              |\n| `rules`      | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                         |\n| `type`       | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                        |\n| `...rest`    | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                          |\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Credit\n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">@JeromeDeLeon</a>\n","readmeFilename":"README.md","gitHead":"0c93d402a72718a2016164fcb5f404d169005bf8","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.14-beta.1","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-pBS34SAyBoJo3knqX0rmAyoUMHU76ieUXvmhfqYZ0qhxFfPTy/PapvJbvboNIpDvDERmogV2gAljp488o/CWkw==","shasum":"442886408d102cb52bd9a848474bce2d806277ac","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.14-beta.1.tgz","fileCount":6,"unpackedSize":18641,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3lJzCRA9TVsSAnZWagAAHegP/R/ysL8xxB8/VHl5QHBX\n4KOHauVbt8Mio/Hv5UR/iNnmt9GvRn2vqXNFn2Pruxi6Ayw3cLiZjwbEFD7P\n6bVflKxpQHUx71D+lfj/9jutM3GimR4kuUpADPJlOur3ihb8aj25pQlOJmpl\nj/MH/7umxHTdmnARhb+XjxpyXRgJmQbjsmr0f3O2+N5LfsVaXSJov9KpgJCr\n6DEKEobXKlk0YdfN6Y0XZIuPJUFMTAoGc2PbnrMrDw4fU3UfRC8WL6DeJc1n\nRP+JqcsXsj7MOz3HII4dd7a6tzSvm6YaDhRcVhYwRgTYtlCB79PU1YLVlnb6\n/52qhj/orwZaWbA+aR9R9tqlsFsyuTMHu9tkEBllG2TU4t6wqqtugr/NNNPI\nFoZ4fTTeA/BIIR37pgr83fiVbYyxvvXMJFMfjOKFBQo7mZp9WFyWHbK4LZqa\nxseTxyKxpT5sC9vVNZDUAMYIM88O6SVAyR6pObhXvE8PkGHLlbnotpQFkdSp\nEKYEnGqaNAFCAOYlUPJzLwIF6dGm46qk64hIeD3a4RMn3GHSm8eBMl85/xqF\nRlGdP53fv6TuGbj0gZ1Y7yovylOVEISNBZC+HEu6n1ZUVgVX7I/Wlm+T5J5q\ntAeSDPDs93JTt9sYoMOqZ9rHOnAwycZajt0CTF23vis5i6incMj/jezNxRJP\nkcEo\r\n=LkGJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE5jqlyo1E5C6VoiFvL92HfeaSYDSUQFkOPGIXT6wQYVAiA2KAk8ebrVsH0jFIQk3ppcVIq7I/MKAxGpWfeBkRbffQ=="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.14-beta.1_1574851186649_0.30801942261941906"},"_hasShrinkwrap":false},"1.0.14-beta.2":{"name":"react-hook-form-input","version":"1.0.14-beta.2","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">demo</a>.\n\n## Quickstart\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n  { value: 'vanilla', label: 'Vanilla' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button\n        type=\"button\"\n        onClick={() => {\n          reset({\n            reactSelect: '',\n          });\n        }}\n      >\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n## API\n\n| Prop         | Type      | Required |   Default   | Description                                                                                                                                                                              |\n| :----------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`         | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                     |\n| `name`       | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                                 |\n| `setValue`   | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function     |\n| `register`   | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function     |\n| `unregister` | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#unregister\">unregister</a> function |\n| `mode`       | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                              |\n| `rules`      | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                         |\n| `type`       | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                        |\n| `...rest`    | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                          |\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Credit\n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">@JeromeDeLeon</a>\n","readmeFilename":"README.md","gitHead":"f7e443e1e95120eed41094a649daa7a1f055a5c0","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.14-beta.2","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-EkL14J0AGAs5jh7VEkdiHlRPs6Sl+Cf+I3OR9EBHp6XtjCI1C4t0nEZMotNiaK84UYpFgh79WtN4twNbsn/Iig==","shasum":"de3e3b76ae3d17ff661b81ebd26f23bb9816bcc3","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.14-beta.2.tgz","fileCount":6,"unpackedSize":18677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3lObCRA9TVsSAnZWagAAVDkQAKMa46ts4Wd9gg41bwWz\nSlUKWVTUsa/fpA1g+7lHKK/mKQnURc9Lv6Av3g0f3ilfjQGvmdo7tRo6LCI/\nA03UOdgnL2FAz+sIdhaOYcgJHPg53aQYLXtuXQLqON1V3Kjfb7nuunvpM0MC\nGGfO99+eYpTT/cDe6WexJI2i7FzQqHMjYb9EU3R5qSAXlkFcAHi4IOlRfhjh\nZPY5X5M4knbsiDs0eE8PuZ84vdjDQkjC7aYRlHcdhksBfYEFTJUKKVIG7cpN\nanFYKPSgmbvxn8EmbdTMEM9UIS5Iu332NUx8JpcpQQ9VFCoemb1HLwFlL+Pi\n3nEdno4IezrRtCR1wNTQ+r6B3qbrLRhKrPN6rQYLWfkFLLpagC8wBCN47nFe\niy9hfKAWYW5WrgVbI2ffgfyPOZU0R4EkgjygYF7dCcX5U01jqLM27RuB6ubM\ne3FbnxscfC52g3Yq2RS54mOegq/cskXNy6EXdIwBvkPIEVbrBasFoWYkCzO/\ncaJId5FWW4VaBvDYUGFDhnrU6zcxjkEhMps+OYaTidybYR8Hk3ZabJ2tZj4N\nAh4v0+X9XJlBATV3OAi1bITGPllMR1/4ldAH/JvUob38OPIRK7gYQCBqGkAK\ngAwlVXIQwym1mswjUXqg7nBlaibZoN2MymFGBW0365hS0+H999Q0WhdNbz7y\nrTay\r\n=HKnA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGarR678kciG/tI7+LPjG1Abg0/3ghJKufYqxGsvA3vOAiEA8i/bIVK/1kmucEEx5YSWuatB8uLQPoGV07pEQIIEYpg="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.14-beta.2_1574851483318_0.18132952939223768"},"_hasShrinkwrap":false},"1.0.14":{"name":"react-hook-form-input","version":"1.0.14","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"dee2b1fcdba3cff891273f8abd8afb8a90a769c6","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.0.14","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-NnoVc5GzMC+byJNq5JHFX5X/N9VozOZrNAa2WXZoROX3F12DbR5JHGi1TmoenhmR3Dzdz0zXuZMFj8JEFmgECQ==","shasum":"36e474f8352ea2240bbfb33a99833c46817ca0f0","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.0.14.tgz","fileCount":6,"unpackedSize":18670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3lUUCRA9TVsSAnZWagAAoWsP/j8smikr8jqBadhwFuBc\nJhOStH9IkIdqsNO0wbgeYJs+DxH8ramQD4rjLrv9wsFcpWdcF8YxpfYkHKyq\nra4hy0znPikLl05upAzhW45eQyac9AUGLgvsamqwHg6eGN3ZB+8bm5oIfJ7m\nJJWYDxyI7F3+1GurPbb2WTWSZGcrC+PahNurx3FMfIKMmmnKABXeDp1UVqcA\nQHtjPtuihmnq3R4DBHGEissnuAWxvdyFBHKl6nz6UpOau2cDZtdBCz8wXHt3\n8avHUruFolxq7olWy/AVTBh4TQmCsUxxp1xFBHJfC6GOmkj9EVislGHjiuzX\n30s1bzVLVCtQDemPl7XrYBAOP/GeKhE24o+1OPo4hmgHVly6sqoA3AmXxp1G\nkYiJzewQbABbrykbVWt+KOh7DWyenM3TLrbwAoW0wKhMq6aQt2EGz6UqMnOG\noRKNI/6MfLA4HY7RJOdvj7jryVeOkUOwkcul/wVOQBcWoU64CAINo4AaS6o0\n4KB7O5Q8D4/O0X/ODRMU7NrpJlhvuanCamUalCB4cq6D9TP9q+lNAlapdcze\n8WnXWzxGfLI1/0CttYLZalOEQCFz9OnxvO/vYsg+E3BH8enTPukAVnzYlyq7\nYqkcxXqNzNNXSgdi+DpeQtykyMgIoiiE2vZ/DrC8DYx4DTP/dBK4YLb5xlsv\nyjpL\r\n=xLan\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBCByY68oSNEdHmhpBNgdMKOCLz0VEKkHbPbVyhcMPAQIhAP40jqhGbs5TYIfKz1gwv6b3iZAgJPhPs1Ir5i28+nLL"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.0.14_1574851860257_0.3597593056063606"},"_hasShrinkwrap":false},"1.1.0":{"name":"react-hook-form-input","version":"1.1.0","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"b9e535b8bf15c77b0cf46ebf3e60dfdbca27541d","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.0","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-TdDz0g9XdZwZkPklwpkIYyrMWxywflx8vd1Vs1cPU5l0NLVDY86BxxVuO7PJhv3brgBB51mA9DY+fv4olemJyw==","shasum":"dcb4276e95e415295d7197d8869361f9c8c21445","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.0.tgz","fileCount":7,"unpackedSize":21810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd33QTCRA9TVsSAnZWagAA0fcQAIXhbPLyd83TXg/rHTr9\nji4QdYcW4qWwW/iM9x0ia7pbTNW534Ts2tTX2FUwrSdbKNgqz76Y3D1rtKjA\nk7nNIb3ot4gwWKwU4tv+U+aJY//kwiOG0Yoa+LVw7BhnqR/qDJBZYyktdW1K\nvBICewwMLHdC/sU3VC97QFpNMJjBPfL+CBrvgy3E6hJv3qym57aVSvuqJGD3\n3aOfDas+FQCLBMQhdFHH8WUx/MKmUhUEnhmy3m6rI5BwRAdNjC8Kc3TTClRC\nllWsouYS3bOcWZXr5m6h76YftAUKvXYPqAVtaHJNJmqa6eBTN3nvc67tP/iR\nRK7Tn7HIKxL5KL9NVMTVIokyrNbW2HSjZ7cEUHk+80EyPvyBTjJGMQwQrdYa\nIeXfl5kMuOyoeY+g8ZvFzniGrYlq9RKsEmSTFPYHG0i7r8vEe+JAMzBgoX0R\nZ4f4kdttcNE5QWZCcnshK7mIbF1YxSJ1F9RUaHwbkYPtcSl4UWksI6Measmr\nqwcqh3rADgG30Y6QqXBt63H0rZrObuSsOPUI1qICyRgMd3kRTmSwWhS1ka5w\nWAAxKij86XVjsriI7cIc0FH83v5jL0YO95UhCsbeypDXCFlOkbQcKLHJjnTV\ny+NQzT/OxEsc8kHC8WnwdDpipHE0nAC4CGG0U+WilNtiVxKjphWfCHaJi+3V\nNRvH\r\n=7vvy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFPN4b48LrisSOIfmHZjGnlo84rXNMWTg+G/tPc/yoL0AiBENqRjxuDTLpmRApe5f1646xugzwOER1KT4y4bBtondw=="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.0_1574925330958_0.5334968504402169"},"_hasShrinkwrap":false},"1.1.1":{"name":"react-hook-form-input","version":"1.1.1","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"45eecf019fc3b26df03ce415f1c06e8a2d645478","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.1","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-HOwyts04qzTFFaA0RK0dR0Em8VLUhiVDA+IFMxMLhc7Lxio1Lizg7QNTxiWGWCDnDxbNCwyTRPrgMg6EfP9A9g==","shasum":"ad1a61490a231d955b527875cc0de1f6935c30be","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.1.tgz","fileCount":7,"unpackedSize":21810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5ZlaCRA9TVsSAnZWagAAwr4P/1reYGDm6F+Xsy0f530W\n3gDG2CfaMiBZP9Ri+joMO+F0vE9ArmqSuvqWg+INzJFGA+JJNv2qWSCYkd4x\nRKShP/oxpORqe2AAOVTCnY2vDu439JN2dMGMzvDENauJ6QNaYzcC2TwrvGyU\nlvXULNFq+dt/3fAGm9+scCGUNi2DxnmGXHWAWlLMXZj+aVDTMiVsHxB0srf4\ntjQlz/h1QXoJVvnEIjYQyz6cu8Yd2HATe2/xktz+3jValiwUbR4tRVVKuf1P\n/udsdQudIB1ChE1jICPXZLyIl9/qfh6L24BfwTmU8BCrGGCBLOFKJqaife3T\nmyegw98fnZ5BR3m9TZp/d3ccvZd54W+Yw2Cctsj+Spne9XcuqFKeVWgCmxE1\n6xuFhAoTS+7zQL4/jrvehuB2Ob6TpG6TQ3Dx82zMFAMY980DiwO5hDwpXFQF\nJn5qJm0k0unf1vVlx7KXvWqWQOpKlxM9KyVeMznSxQqkttI9bXzPQzKQN4SK\nDxTmYBbvFLk6llD1JEU4EX/gFLds0diJQ61CCVqvFsQxisWqxHZcjuyPcD+X\ntKCystWQeEHtxML8GOIHjLiaogsVV36/SRIrnUcXbV8A9FuJmYvdUulISwgH\nikO3DLo4iF2VbnE5mjRb4QhmaNNd7NCV9oW/s4Euv8PA0PO+TN5lSTBh+R1N\n2oXp\r\n=hxAr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAJ8c6J8Ot9W2zaL491QytyAr1Epoz40fYJ7bueP4u4tAiEAzhVmuCWEtFWRJveZ/1Z1BZrJutWfIQTuGqJztJu/HEQ="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.1_1575328089991_0.9639342373259507"},"_hasShrinkwrap":false},"1.1.2":{"name":"react-hook-form-input","version":"1.1.2","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">React Web demo</a> or <a href=\"https://snack.expo.io/@bluebill1049/test-react-hook-form-input\">React Native demo</a>.\n\n## Quickstart\n\n#### React Web\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button type=\"button\">\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n#### React Native\n\n```jsx\nimport * as React from 'react';\nimport { View, TextInput, Button } from 'react-native';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from './index';\n\nexport default () => {\n  const { register, setValue, handleSubmit } = useForm();\n  const onSubmit = data => console.log(data);\n\n  const onChange = args => ({\n    value: args[0].nativeEvent.text,\n  });\n\n  return (\n    <View style={styles.container}>\n      <RHFInput\n        register={register}\n        setValue={setValue}\n        as={<TextInput />}\n        onChangeEvent={onChange}\n        name=\"firstName\"\n      />\n\n      <Button\n        title=\"Button\"\n        onPress={handleSubmit(onSubmit)}\n      />\n    </View>\n  );\n};\n```\n\n## API\n\n| Prop            | Type      | Required |   Default   | Description                                                                                                                                                                              |\n| :-------------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`            | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                     |\n| `name`          | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                                 |\n| `setValue`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function     |\n| `register`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function     |\n| `unregister`    | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#unregister\">unregister</a> function |\n| `mode`          | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                              |\n| `rules`         | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                         |\n| `type`          | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                        |\n| `onChangeName`  | string    |          |             | This prop allow you to target that specific event name, eg: when `onChange` event is named `onTextChange`                                                                           |\n| `onChangeEvent` | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `onBlurName`    | string    |          |             | This prop allow you to target that specific event name, eg: when `onBlur` event is named `onTextBlur`                                                                               |\n| `onBlurEvent`   | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `...rest`       | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                          |\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Credit\n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">@JeromeDeLeon</a>\n","readmeFilename":"README.md","gitHead":"45eecf019fc3b26df03ce415f1c06e8a2d645478","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.2","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-/+B4auAnk0JnzxZmQck4hWINMI/5KIlRo8YJO0UECtfRjf19NA9s9HaSnQ9hp9KiU5lisT5LHfqSHG6TdEjZrw==","shasum":"90a5d6292ffb9d353850351935add3c55e23a235","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.2.tgz","fileCount":7,"unpackedSize":22216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5eLyCRA9TVsSAnZWagAA5uMP/3RlD8miVM4++kjJvpAd\nDACENuJQYLty6MmqsYh35Kg7scDsrCAtsWLVIzCc5Vja8zvKu9UmKsXXfV/j\npXA7narFmvP9Xh5rF2Zu2FeMCNfKWsH3L8ZNoMO2BfhG+1+YsDiluUyXgwEI\nc8XPT2VR+DRKtFKMmiX/VmaMW0nxFatL59mE6BPz7E2gXpvVztV0ZV+sVIfd\nypWHkyy+HMvy4yCAKMbljreWypYd4zOcdMG6qbSWcmd4JHPlGwBh4HC+Twn3\nZzm/v/OpjukR1IUST8W+f+MNqpNfMjDi9/RryzMHmMGxe3U4NGnXL4Wi5KNi\njcQdgWmJ3Bm1ljfYRSxa76f5V/wHTeJpw/2zf89Gi6HWbzOtfpm87wAAYX5m\n5xG+Uk3cb72mD6JJyVaPvIgGmxUUx5ZRea17RnaA1UXbNYMydDWd2J6aJyOV\nRufClqxj2P+etVMoRLbxvUzXYNSspGQeT8IUj7QpWb/of3KkXrYjA07Dk52W\n4R9D1u2wWaN9L6vskg2kWwMaI2hECnfsXfNMAA0YEXcEioCew9nCAb0iyGwo\nN7vQmBUFl1WJmC0Ky61nIGf0gTROK/jfkfTHdr7hZ0d+aoXvPQFo+xuqq7L+\nSheulHK1m2XAgCbH3RJmKC8tlI0KTSXgwaNGkwAuEkUJSrOct35RseKo7L1p\nvsBi\r\n=zubP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgFa+T1LEK2cHoC2+AdaVB9dmusm7IJ1LEi+R+O80r4gIgVN0tI2EyFpWOQL4mWgY7QlUmSz5ryDNEFtrTenZh0oY="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.2_1575346930373_0.22494369040647544"},"_hasShrinkwrap":false},"1.1.2-beta.1":{"name":"react-hook-form-input","version":"1.1.2-beta.1","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">React Web demo</a> or <a href=\"https://snack.expo.io/@bluebill1049/test-react-hook-form-input\">React Native demo</a>.\n\n## Quickstart\n\n#### React Web\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button type=\"button\">\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n#### React Native\n\n```jsx\nimport * as React from 'react';\nimport { View, TextInput, Button } from 'react-native';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from './index';\n\nexport default () => {\n  const { register, setValue, handleSubmit } = useForm();\n  const onSubmit = data => console.log(data);\n\n  const onChange = args => ({\n    value: args[0].nativeEvent.text,\n  });\n\n  return (\n    <View style={styles.container}>\n      <RHFInput\n        register={register}\n        setValue={setValue}\n        as={<TextInput />}\n        onChangeEvent={onChange}\n        name=\"firstName\"\n      />\n\n      <Button\n        title=\"Button\"\n        onPress={handleSubmit(onSubmit)}\n      />\n    </View>\n  );\n};\n```\n\n## API\n\n| Prop            | Type      | Required |   Default   | Description                                                                                                                                                                              |\n| :-------------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`            | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                     |\n| `name`          | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                                 |\n| `setValue`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function     |\n| `register`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function     |\n| `unregister`    | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#unregister\">unregister</a> function |\n| `mode`          | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                              |\n| `rules`         | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                         |\n| `type`          | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                        |\n| `onChangeName`  | string    |          |             | This prop allow you to target that specific event name, eg: when `onChange` event is named `onTextChange`                                                                           |\n| `onChangeEvent` | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `onBlurName`    | string    |          |             | This prop allow you to target that specific event name, eg: when `onBlur` event is named `onTextBlur`                                                                               |\n| `onBlurEvent`   | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `...rest`       | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                          |\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Credit\n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">@JeromeDeLeon</a>\n","readmeFilename":"README.md","gitHead":"45eecf019fc3b26df03ce415f1c06e8a2d645478","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.2-beta.1","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-hBfawqIEjzRN5gTg+mQFe6uRyFsS1rW1CdMloTIxvy7SbnH9S0YwjcjtzlQXmv+ZcwKqFL9ahCFQGxFzMMHl5Q==","shasum":"ca00117ce534a7f9a8edbf0b70a51a9e21d71206","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.2-beta.1.tgz","fileCount":7,"unpackedSize":22223,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5eMLCRA9TVsSAnZWagAAFkcP/A1I5uxmVyx9wed74THk\n/eelg6O+WIhXRgbpp/9pAPRkcJhaMKD8galK+CCWfQNVqCT7BYZ9YY1ZFpLr\nfiVi55Ar2DN0MVv4w0XzUkgcBa0dCykuHdLnMIM4WkR/F72xWalOJLgz7Q93\nMN8kQ47IEfIJNquu+K7pDZI2PozGCoEUPwy3fBUnsJ5ziMSvIhZKJj136ib+\nLey+YLcvQB8Cg7kEyK7K+i8w6RtkFvb8L7WR4mWa0iItP4b8cXFS7T2m1pJV\nvtpKWiOXzVNzbAgEAQjwZ/mtJWtwwAQU3FE4qVK3SswlpDYVIdYMkFhx2mm+\ntR2vQQq+cQki8+EjVdy9ByjmCn2LCkvYXWuUvOdDK2q9TeClofg4eXsJhJuO\nvbl8Tw2zi9gx7P2xBphsUAhgbMyfpoeDS1Y0Q4/P3vi8wiS+ZNT56ej/URMg\nBunk29BnbJIgx9G5tOMVLjkj61NHicJAr5DtsTnQvI26NZkCpAwKMHctkrDk\n5okZ+3EexKX7wkZjV4tbI+KMeGoVEUHacetEoMBoicFQHMinFi6M2B4sYCBs\nqhBruHEX/7CV9C5eVt09MYRKsFBPb/nwpuwAIH/6weuYeL1ueN33yptovxKZ\nbJGrI9vkQgFLEVLDCDuV/PVin7kf6TTX0Zr5Qm4xqPizyPu1wETMAG2UML0V\nKaXC\r\n=mykB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeyKdXinZP18eQTFfPRqIoIT3xzmFdYCBak+V6sa7K9QIgeamwcxW34X4Oyfp/Rn88NevqMpFXCrImXcJHb1PsXVc="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.2-beta.1_1575346954452_0.27506845985890993"},"_hasShrinkwrap":false},"1.1.3":{"name":"react-hook-form-input","version":"1.1.3","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"d0b7090d5b9b6df81e4730ac18bdf306b8ff032a","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.3","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-XHfJcOZ6gALDsnQy6eFPCzrzGboVN9YccDdmTp6jeugr8BuiBR+fRjrnU42aLm2z+Vq1qWpFVuSsarTZYSvGuw==","shasum":"08aedad25253f2bd5c8996802968d8a06d51bd46","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.3.tgz","fileCount":7,"unpackedSize":22392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd51ydCRA9TVsSAnZWagAA/6oP/RbD+gMGpQk4QiVK+l6Y\nklnnuXb3TYQxTZ+J++vwIn79gPVfYFmQtC0kW4vC8Ke/4lmXn9nQDMCj9QxZ\nQr/5qLe7ViFWIZrvUXBwoA8oHvD8/BWr7lNZ7mZhS940LdiHwiHkqu6ooTYz\ntOSOz1Rgn03CYDOwgOsEpiMq4kCWnjMcI0SYhqoXASohXl6YYznGDVE4+KzV\nZW9MkJh/ACPEK2O1FlLYS7ob/a9S3W4VZeOEUNCJo/o221SUL0pf1GBCL2Hj\nFqJ1rG3M8wjMpAPayUvmApt2wNGlbcDQrRJ6TKw/DGaNSuYmCZibfR5LZ7Qd\ndJAtmC+SqtolxVguQ37nDVSSB8IluCy/Wcr9FEQ4Mvob8dMzoZaxsZebU7kZ\n8MmRzXU7n7M5xOnQjy98En0YrN9jDAAZ7XJerLR89qxUKjxB2MXFVFSvy7Gu\n5qH//Ldbsthk7+oMuuD40OQmNnp8Trf8zatquTbVqbqGXje5B7cA1WXPspqC\nxHKEqhhn2Od8qp2RN36IuaGMuQ+kRQIz009Cq8SezF5aO1e6ao13Bw0aMnhJ\n5vQvJWtKEfzhkXk7WrhlgIIPiSklILSUPTJvr35J7HNhImUHdGLGWp58fngo\n9JwTcphHmDLHN4wI0N/7w5qsii/Q3njZufxaL1nmFLdiUwsiPow6l25AzQKa\nuCmI\r\n=yWWq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAeRI8d9vV9gr2MKPZdu5FlyiI2Ny2I49v41I/c+u9QYAiAh5fYsgS0hboYPlJDC2gCQslQMBDo4rkiJP6sUWTwWbQ=="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.3_1575443612922_0.8576099870664711"},"_hasShrinkwrap":false},"1.1.4":{"name":"react-hook-form-input","version":"1.1.4","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"2e327167d0f3b99172013656cb649da454d5e63e","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.4","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zpy9jqwiChMyrumZeF07V78Iyiccfd0nt9CNNL8z4JbTmgp32TG8CO8S186hqoUa591v43DP68btE/uRbYR4rA==","shasum":"f03e64b8e5cb258030053351fadd03418471fd31","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.4.tgz","fileCount":7,"unpackedSize":22354,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6vORCRA9TVsSAnZWagAAxrwP/RWsUj2TOMnWfWbKckMS\ntsMtsPF7Yoa7EVVVZTE19Yk00a00M+O+6IqsI8sFKOAbF9+eJEcEtzgsibjM\nFYu3BI1q6k0Cjl9ikDiDRAk1/0n6CyctBCKDoaWb14TIXKTNrTSPq3U2Sx+s\nj21P1X1O6O4szO25liSfQxnzi+ZGtfRldQgz/LxgMrz2rb8wemeC7G0t5y/o\nFaGMiGu/tt08bupxy76ao3ZmzNb2EsdHSJ/Bk5VqYNTZgcKb4UP/KDUIljQR\n4bXVGBZL0WVxI8wQgjl8Z7dDAA8RCGWHFPWJ1dGxCZNWsUL2GGZ33GnTtJvC\nsB8emvHqT2uylNWtnQA5t9OLBJWxSa9LFZ1P/mjh1zOW173ux9/k8BWnIZ22\ngdxYgX8g0YbTewt7v9RM5zLoXVLcOR8K3l09zF5cAgUWXwWqLdMVRkn4r65z\nqq56rD1sUc5tenpNy1TRFY3l2PIabSru56TXqKpHMBmrUcIZ+msuJTBMuSQx\njfG4RkP3fwGlzTsnED5eEwAB3Ei1Pw6W3hr/eZlcz9fIAePfO4lU2EeU9LIc\nNOdcV+i2ka5bJYMCIArZrAq1tOJG1gLQe5wS5WLYV68XuaqmnRkw8T8IZ7n3\nvRiPAeQvYn/1QT+5isl4QFvPbIaeAJh6/Hz7UPyF1X7fwbocd3OmbjsfmNQv\nALLV\r\n=I/G0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkC8pilhUpD6RVrWJ2zdeEvin+Feud1pweP7mZf3pFdgIhAO7vqMbjCo/CNL42w4TMv5E7CR5a2Bq96WThf/kxFZQ2"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.4_1575678864646_0.15975207152027204"},"_hasShrinkwrap":false},"1.1.5":{"name":"react-hook-form-input","version":"1.1.5","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2","react-hook-form":"^3.28.0"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"ea94f5a6eaa769ca6a034ab449497d1a75d58287","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.5","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-sdOkGnKtyedMQyJsrWqla+Y2GMvwsshWsTdBWoLkOI9+OLRgntIJRth1mnnAGRLG97PemKglNpc8R/30aCWlzA==","shasum":"2af714e724e06d3e484c9539a3aee42b7f37c2a1","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.5.tgz","fileCount":7,"unpackedSize":22536,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6vRxCRA9TVsSAnZWagAArq8P/iSy1K8dBhHLx1qN0Zt/\nrl7cdRVgoOzfpgWexL21ZufPrZrlRzFHN0PM/JCeVIxP73j8lC7Fc/FCNWwI\n2rAQjqULHRzIbEXiPnQXPtiiOXw+cLcfEn11FyHSiMA3gTwT2zKFh7aAHs8R\n5LagmBQA7oyz0UzxTtqTT6BGDpx7oipv/nLGdWtFC+JcMi/OuICeQjDCBR3p\nn8W9AeNijHL1jzWmVxsxmLp+KO6Jlr9EjQEMhtp8LWyfegpKEwCxs+c/43pD\nOm0nL0gvrtJ983pPgss4REY2aN8DayaQf0SLiU2hAQyFN2wjzQajeJfiSxCc\nRTSIhTj1EBdo5NkYR5KtjVoIAlJplMhdtrg7dXaMlZYmhQw6KSO9jomPXGhS\nui3I3uajzqtegj4ZdWWR3p3yWteeZWU1JsP3rTVnakdzY5eJCNTbfdYI66Ar\nZpu81iNmxwEV/78/FYuv72QH4rdVeOBKMHaCD7IJbeD91/6X77f2IqKX5MCz\nuu5ws81hqTTTUJP19QEYTfunChMcGK8o9qGgJW4K70KUxY+6qdJHSqZ2JApk\n4aGz9lRHPlfUTCvqR9N7JQpKV9kjuEoavDWtBI24i0ZR1/XvvWCZo9o3dbfT\ntN3hEVzYnBFe95mAGkmd59bWoho+1DYgAzeCv9kaXTaCCi+mhCjete/6ngDs\nC94x\r\n=svcq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0JJXKxyBCN1rpMWTVOGXksmWPYBpQcNkd0msSziG0uQIhAJ1j1roK/cxDLpNBCIu2z1fqnfOkqu49ZfcQ00lZipfb"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.5_1575679088622_0.975282570882259"},"_hasShrinkwrap":false},"1.1.6-beta.1":{"name":"react-hook-form-input","version":"1.1.6-beta.1","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@material-ui/core":"^4.7.1","@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-select":"^3.0.8","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-hook-form":"^3.28.0","react-select":"^3.0.8","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">React Web demo</a> or <a href=\"https://snack.expo.io/@bluebill1049/test-react-hook-form-input\">React Native demo</a>.\n\n## Quickstart\n\n#### React Web\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button type=\"button\">\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n#### React Native\n\n```jsx\nimport * as React from 'react';\nimport { View, TextInput, Button } from 'react-native';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from './index';\n\nexport default () => {\n  const { register, setValue, handleSubmit } = useForm();\n  const onSubmit = data => console.log(data);\n\n  const onChange = args => ({\n    value: args[0].nativeEvent.text,\n  });\n\n  return (\n    <View style={styles.container}>\n      <RHFInput\n        register={register}\n        setValue={setValue}\n        as={<TextInput />}\n        onChangeEvent={onChange}\n        name=\"firstName\"\n      />\n\n      <Button\n        title=\"Button\"\n        onPress={handleSubmit(onSubmit)}\n      />\n    </View>\n  );\n};\n```\n\n## API\n\n| Prop            | Type      | Required |   Default   | Description                                                                                                                                                                              |\n| :-------------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`            | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                     |\n| `name`          | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                                 |\n| `setValue`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function     |\n| `register`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function     |\n| `unregister`    | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#unregister\">unregister</a> function |\n| `mode`          | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                              |\n| `rules`         | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                         |\n| `type`          | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                        |\n| `onChangeName`  | string    |          |             | This prop allow you to target that specific event name, eg: when `onChange` event is named `onTextChange`                                                                           |\n| `onChangeEvent` | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `onBlurName`    | string    |          |             | This prop allow you to target that specific event name, eg: when `onBlur` event is named `onTextBlur`                                                                               |\n| `onBlurEvent`   | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `...rest`       | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                          |\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n#### Thanks to \n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">Jerome De Leon</a>\n","readmeFilename":"README.md","gitHead":"bb282ef75c2833d142cccf354153df1c2ff5e87b","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.6-beta.1","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-K7cHe7NjDhS3AH2d2ewedf68SC80pLMuiGDaERdDtGZh/P4HxEvaop+SkoEj9yzcrdZSx5bcedvEh+hOujwoeA==","shasum":"571092a185b9ed7caa44b13b76674181fe1fbc44","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.6-beta.1.tgz","fileCount":7,"unpackedSize":22902,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd7skKCRA9TVsSAnZWagAAdtQP/12GC7HbRuegSh0HZPom\nE6KRxGTfaB5VBzyXcUr/c7GDOwVGMdhQmGNUpXynfqp7ngoinHDUdLjnJc2k\n0i8VzZ491sEnXtFskFxFANeaxz/HJ9TGG5SBGOmr8IUCKI/Clcq/bJzj8ARa\nRY2aGkQTWqs9GrOYeZt3/vd2k6lfQcSz4U/8+AyW6gDlcte4+Ap9ThKVs8pY\nxzR5g/S1LBJItaJ1sb1NAWYAHhEzvY48y6sQ456EVLFaSae8wMpmnQqzRfLT\ngdVgq9ZNZ0qO759ijEfNfIb76s8JolMuLy1VNRTp9GiabpAJFzz4S0VRRHqw\nXjGR1z2eudU91Rh428u61qP4x0as1Hr/s2+O/S0Tv57GdduNZ4lvlVbpQQuA\nAXQYy99DBRJ6vp3famfs4RFH7epXvOlIVw17FmoI/1PmulxYKgN7U5Kx/eCR\nETBsqiC/o+MRNsN2nABlWwufRmLZ0KtfWGXCG/rVZxF+dVJbukGhCjDQZkGZ\nw6o7gipuWV0HYDQOe4Poa/VquOa9hNkbLauQVRdxJFqegz5T1zU1f9MvQ3Ar\ncL22+l4YpIELFum+fPwZnReRGnhh7fas6fYJO7dKUoZXg6czyVOv8ybXvIzC\nSdp6iPqbBdDjeSjy5kpA65E09ynZm4KvSA1tnpawZsvUee6PyzyOFtlAtVvR\nJnX5\r\n=GNc4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGcIbRxekN7rw+e9XCjCC8k9jNdHShdVNe1XAf6GyrxKAiAlB7pf6xZLZeGDfTqHVstKeI6cn06plF3wt6jsdmLHeQ=="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.6-beta.1_1575930121571_0.5663513164276761"},"_hasShrinkwrap":false},"1.1.6":{"name":"react-hook-form-input","version":"1.1.6","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@material-ui/core":"^4.7.1","@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-select":"^3.0.8","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-hook-form":"^3.28.0","react-select":"^3.0.8","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"40580f067a00c7ffcbc2608c2699678cc6bd228e","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.6","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-xHTSSXMZkiGm3PC6iwWFX7HNzTbNWPmrdRugJgrmdwDvhoIeKGd+Yx70JkFi4Il/vgfszpYwv1mC9W79jubmjA==","shasum":"d68d6b34614fc75a32daed1be3064c72ca351eea","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.6.tgz","fileCount":7,"unpackedSize":22895,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd7sl7CRA9TVsSAnZWagAAbAQP/0FbSMez/y2JsI52ovoA\nYF+QKabgqGiiUDqjnOmCN9O2Q/Ar7B+QQ0axrN4a1p0PsVH1An3LmmnGHjOw\nXs9h4Gh8vDLB3vToOecoO59BVATdA/l25fTzSu8n4SI9qlsdYlLHrt0bVSfU\n3XWYNgNr9ASPAoOhjbWeu/1ARJUgUmWmvdD5w5NnZzKpnJIsIVgQuhUiVKjV\n+o+bJ3VY4ncl7nIQFvd5Eau7lVPObCMES1gno3eFJXPoiIE0F9NYHzgOvDDq\nU6dozJFe0f9gKS7vjbca/xfARGiK2zItiy+6o6SqaV03SzZEL2A+UgynwqM5\n8L0nvsp+REfUIClS7JwghYoAy02q4BBF25AcFSTdDuNjRQIBmvQrKUILyX8B\ny18iA0MOzYSg9J5n9g3rnOxaFjrAGLWG3ipKRpaDTbOaUydSGtiXFyER6fIq\nPsSKjcRa9CPYdA4b0ztE/X+RL+rCqN130GJd3naMFqTUPIbsUUrvLzeInRe0\na8cwi+zF6KZWCwP8mgVToNdSPpGeJw54A9Yv9ZnQ+rWp3xGaJKeXxxwzhWlW\nQ4jRwXLKFCa2Yvxq3DqSS9DG938cQLheg9McCQjVTxl5GXDnNCFVAPSh7nw8\nRZtVretP/0i4ILeDvH0HXl/LurvAiBl9BZA11EjmJd8eUs1/jNqaaLomIP8B\nldZ7\r\n=xFK0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCojiB3F2SYvvoM9f5BST5BYP4/BeGklDE6NrWcmrhykgIgcZ6c3KIVbywIxmWpYhQQK6shNCDrgU9DdzChsYMTL5o="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.6_1575930234609_0.3562159425317242"},"_hasShrinkwrap":false},"1.1.7":{"name":"react-hook-form-input","version":"1.1.7","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@material-ui/core":"^4.7.1","@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-select":"^3.0.8","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-hook-form":"^3.28.0","react-select":"^3.0.8","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"efa570f33d96f6634751efbbfa5fa128bf8903dd","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.7","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-Zzs/RGNBVe7pUZ9zFmbyCxuQwVsld7gSrj8VRGs5BBeMB3jLe7gMhvIyJkYpjNxSO9ho/5JamPa8wCLD8hVjiQ==","shasum":"1f5636e07767cbe989f76654522ea8c0a5cf4de2","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.7.tgz","fileCount":7,"unpackedSize":22941,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd72/UCRA9TVsSAnZWagAAeegQAKD3oEMg1yhyPvecZLxn\nRg751oi0DAErVXACkSmYscysc4/v5xJrhwvcys7vo/2X0acZjmwCOlmv3bme\nJLaaf3npfIIsSnL7qnMhrQTm8QwtxObGHWoGttVmYkfsNi0vT9jb3Cy+U4BO\n5hxXXoY2f3jTZZFsStvaNF9pQgVDpOE0Hm/x8f2cdp63TW5yZsaPJof4teK6\n7RkT/VcSCjR74evzhRgVJjdclEeHksHqZ7m18uoQGfyjI7mxMVPaFaawy2iX\n4NnTqayle8LkPQSSYvViNHtGbHtqNY9BNgSiK5avuYWUevgdlfYwXR+Zheon\nyhDmR9ch2YvE9MWiXVNP+8jdI01uEPlNr9EbUOF8e4hJWm36Z4wtGgbG4Kmi\nCuSad9UJZtqapmL4l/Lr7Wqf7quGSs3E7LdKf/2fGXPyGMHaM9Y9iYQXkQ4K\nNpzG6uJU8GYFsgTOiPjc2WWeTGirGTjpUpdaFYaEkxX/few+DxPjfihFOIRI\nIjCx3/STz8EOqDaxb0vZ6i4Pu8KLLhC/zgwUz2fPUADJYPMK0AtedKCT9faK\nmYOsGUp3LPQLjwfPIU+kpbjswyYY86hGLV5gkT68sGoccGTC1albAaYTs767\n8Ruc2o2hgUyO1LL9FMxyhB7GfxtX+WzKkMlymKQIrmX867QUW1P4gMvSMX4V\nIlrn\r\n=7T6D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAdXuNo/515NJdb+30cFquw6ijBi9x51PTLtCF7Vm1jgIgD9VdsyoPTvxiETChPKtZRKOn4OvfTSf3g+2fWPcFufs="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.7_1575972819956_0.4602917785087688"},"_hasShrinkwrap":false},"1.1.8":{"name":"react-hook-form-input","version":"1.1.8","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@material-ui/core":"^4.7.1","@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-select":"^3.0.8","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-hook-form":"^3.28.0","react-select":"^3.0.8","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"b3f2f61d1f0959c03f295d634794cbca8d9a1efc","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.8","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-dbEWWrkvcjW6DoMwNO43T0egiCAfGBfKEHMxMip7VO6/2d/NzL8PTSMCAeVYeKsCzkZh429ZH1YOUrz3gf1+sw==","shasum":"3d7cdb117cd89b38609d04bbc412b59f98adfccc","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.8.tgz","fileCount":7,"unpackedSize":23153,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd80L2CRA9TVsSAnZWagAAVSMP/3A/QLuLNPGORisDZUwT\nuVj+YVOqu8WaUdta0rMsyiXn79dwuif3w4F/7nDEprS3asp8xiQ9APlUXO56\nVvcHglUXWvUKD5VsqQfNafJ6GVmlD31x2LD4/ma23FtCR7xWttPccuEQZXaV\n9BSe9+fijaBnJ9IvK+0rdaRTjurjWxP2ornHybXGEW4HXkFt3ZlpCit6+NN0\nnY3a4QMDMrpOWxOu0cfc5cb9UsDl5sS7Jzmfr3iZFVNb/9MBHgbb2ucbw7bT\nL1QgNND0NVkDyCsN0GkXoCN2CcgbJKNd/lEYg7R3Gf7hBOpDTzyAFFnlf3SH\nJX1tUzECpe9ZvZiXTYpVZnpXV3pmixqcB0UdMOsLSq3hZvHunj8q99rUOM4p\nTNXK32Ud7W0v4eGPlyZgRf7z6UpSjbSePTapmSuPfY0iBVhEF63zOdsdJ0JV\nhN7opBophrnWdjcxubZaNkzc7FMWN9wUIBqTYUugOr/Uv4WPMjzC01Y3Imh4\nhBpvrSkan+bZnuTQCEHqbO7eIV3U+WItHqAJz9/b8c2hbdQlt1e9A4rKXb34\nv3QDmGelxCMFy1AGKcI9fjjwo51jDbHw2HzSZDwDjWRtsD3PLhf19YxFq9bj\nxX3/0xTqOHdGv4k7dUSm5NWUWN44wX6XfpqPG8YblZ4T2d9uFt1oM+2MVu/W\nflw8\r\n=Apjr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZhmwGCXpzbUiE/BBcXjKit6e3JMIhaMs3ZV+9r07fWAIgOcZBe15j3wuf0Wbg4dzKVePkl8bRFOemg+PncVuxliw="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.8_1576223478399_0.8287256243998913"},"_hasShrinkwrap":false},"1.1.9":{"name":"react-hook-form-input","version":"1.1.9","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@material-ui/core":"^4.7.1","@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-select":"^3.0.8","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-hook-form":"^3.28.0","react-select":"^3.0.8","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"1c5c1e3a4ee10a2a1f3551af3d29aeac4b068c62","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.9","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Xii1Cnmd7afVoUDGoFLe0QgLPBIYP3zPvdlxN9E5lfS8JiivNHRdKQ1wG0fPi+Xkg3Sss/k7wrWSe0azeKoUWw==","shasum":"ebb158082f81e0a9e71bfea264610843060af8a1","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.9.tgz","fileCount":7,"unpackedSize":23275,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd83ynCRA9TVsSAnZWagAAkT8QAJFFXliap5Xq6GZJq435\nqgZhecVIMJ5nL3Yd9jOkE4zBiGlIYhlNjgoQ0fd1S+3nWlAthk/7BJuc//Pz\nstRc41gehvfHpWQPjYCtCXyqdceaP38obbsWeYOBr5V+pUwpgs8FH3ZZw+Y7\nnOdN0u8nor/L2D1EAD/U1lqvkefefC1btt8zNlpIceBkC6c2OSwhednEFK55\n6OQ57yAkWmPDNc5k8Lz+yV2XeXQeVHd4JQqayCksc21eVpAvdq69Zj/huCDi\nRZrAaGYEcu9E7Mfufp96IF9nAwiwo1+71Oi1icEiflr6FATF42qYg5JxXr7f\nYZzXJN7NOgK16H+NTUzQzSnrkh9MyeVSlRsz81C0gypqbV3m3NtzybwDFrgQ\nm4oExGGxdL7UyVmCIUBx9Ix4VJN6txaVOrimCyXRC8bv7UCHy5JG1Q5n4UAR\nBI0vASDvjPgN8jFpdoYYzGQwfCQg1Clfi/0PoLsx3E7MGAEvuMzT6z5aABxV\ntYdIK3fxphxpNgwiu08SJ/ZqvVVs34etGNhOLKIRXl5DWGOqzZ12rHv0iLSh\nuIH9t+b1YNE0Fs25Jn9jGOj1ozl6NcxO5cvm01yTPTTVeXNCnP2GvNMk+Uk0\nqF6QFnsOh9AhhaX2ItAtbjIsUeGF5dvs6WQYV8y9tb5Jlhb+p6g3wLzatq/D\n+RV1\r\n=ozGh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDP9dqw0xljzNqxJj4D3vp4Y3j5OccSAjJ/32F2oItt6wIhAKvECuZSf5wbqYWpDI+6okam1aOyCIwZMvzKD+lveLnE"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.9_1576238247359_0.9448400723103054"},"_hasShrinkwrap":false},"1.1.1-0.beta.1":{"name":"react-hook-form-input","version":"1.1.1-0.beta.1","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@material-ui/core":"^4.7.1","@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-select":"^3.0.8","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-hook-form":"^3.28.0","react-select":"^3.0.8","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">React Web demo</a> or <a href=\"https://snack.expo.io/@bluebill1049/test-react-hook-form-input\">React Native demo</a>.\n\n## Quickstart\n\n#### React Web\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button type=\"button\">\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n#### React Native\n\n```jsx\nimport * as React from 'react';\nimport { View, TextInput, Button } from 'react-native';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from './index';\n\nexport default () => {\n  const { register, setValue, handleSubmit } = useForm();\n  const onSubmit = data => console.log(data);\n\n  const onChange = args => ({\n    value: args[0].nativeEvent.text,\n  });\n\n  return (\n    <View style={styles.container}>\n      <RHFInput\n        register={register}\n        setValue={setValue}\n        as={<TextInput />}\n        onChangeEvent={onChange}\n        name=\"firstName\"\n      />\n\n      <Button\n        title=\"Button\"\n        onPress={handleSubmit(onSubmit)}\n      />\n    </View>\n  );\n};\n```\n\n## API\n\n| Prop            | Type      | Required |   Default   | Description                                                                                                                                                                              |\n| :-------------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`            | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                     |\n| `name`          | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                                 |\n| `setValue`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function     |\n| `register`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function     |\n| `unregister`    | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#unregister\">unregister</a> function |\n| `mode`          | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                              |\n| `rules`         | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                         |\n| `type`          | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                        |\n| `onChangeName`  | string    |          |             | This prop allow you to target that specific event name, eg: when `onChange` event is named `onTextChange`                                                                           |\n| `onChangeEvent` | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `onBlurName`    | string    |          |             | This prop allow you to target that specific event name, eg: when `onBlur` event is named `onTextBlur`                                                                               |\n| `onBlurEvent`   | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `...rest`       | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                          |\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n#### Thanks to \n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">Jerome De Leon</a>\n","readmeFilename":"README.md","gitHead":"3f5efd0db1220235359da6673085d49dee9af48a","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.1-0.beta.1","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-CipKYevFIpmXi5Ov3GfWua0GzsymMdQ8tAHxM4bMoM+x05/YF9+SR/nfr47oE5AH6ORPdLRZC841ZFrqT0wOJA==","shasum":"6ac6c03779dd5c5f5950fe153e4e5ec5b17aa5b3","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.1-0.beta.1.tgz","fileCount":7,"unpackedSize":23579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+CBzCRA9TVsSAnZWagAA/+UP/Aynkbjt7pagnNrr3Ghh\nQ2uePSpmiLYM7liqww+ieINApROylkjRvf2ipwrWD/m1Iz6JcqayT0WxW9My\nQJ7+xyOSsWy1OCWgDlhUHJH8Z+3Vo2NpFDygpneUuEwnFTB7ZAovmNmyGNFB\ns/RN00nWK8qTiTcqr8aL3Q9zkhjPeRpsOEptR+bFpFbbQzh0cM4taGNW+AVe\nZ+ovHnLoN8h25/aJQhaAG/uJwmZ85RqqGTCyCoX38Xs+2JF94UXRbg6ixwcr\nILoNGTggYExSsULIXvI5pq8A/nmMLeAmsisNM36LixwuvnZ65YjO96Mmmz9q\ntzy6JDHqMYmf2pvSatfNGQNCEmsPhDwZBcOazW4hSWmaosXcl8e1FzzpomLw\n/qj4Q4ADJSnbUu0jsP27yTFsBOzSv0Ja6OZYU+g7n0dKfv1snWc9lGSMfwnA\nM6vsB6tIOUTxIpC8RsSkDVlluud/EUfFJpWmUkeXjkGzrjME1RQz1Tw5Rw0S\nl87kWY3gu9jozryGMqw+wLF1TxIkuv4Sd6WXeMK37CI1tvCmUbWY4HIkRNtM\nfSzXvPQJt4o0qrU8GDqbnNHFRYEcE84PmPPTWI3IIZBc1GItXDzFG/SyK9gP\noCYJzkNzBQJx+3QHemsm3gWPEkSWEb+IjYyee1vg6Avs+XJ3PVofBAt8ylNX\nB2zA\r\n=GclG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqfcGJO+pyN2E7Nj9/mhk2+PCP02INw9fKzpRHrJko0QIgKOavmMStXQkKetFYyCAMhmzMF7iukKoIKmUi1l56FTU="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.1-0.beta.1_1576542323248_0.7749314302194954"},"_hasShrinkwrap":false},"1.1.10-beta.2":{"name":"react-hook-form-input","version":"1.1.10-beta.2","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@material-ui/core":"^4.7.1","@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-select":"^3.0.8","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-hook-form":"^3.28.0","react-select":"^3.0.8","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">React Web demo</a> or <a href=\"https://snack.expo.io/@bluebill1049/test-react-hook-form-input\">React Native demo</a>.\n\n## Quickstart\n\n#### React Web\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button type=\"button\">\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n#### React Native\n\n```jsx\nimport * as React from 'react';\nimport { View, TextInput, Button } from 'react-native';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from './index';\n\nexport default () => {\n  const { register, setValue, handleSubmit } = useForm();\n  const onSubmit = data => console.log(data);\n\n  const onChange = args => ({\n    value: args[0].nativeEvent.text,\n  });\n\n  return (\n    <View style={styles.container}>\n      <RHFInput\n        register={register}\n        setValue={setValue}\n        as={<TextInput />}\n        onChangeEvent={onChange}\n        name=\"firstName\"\n      />\n\n      <Button\n        title=\"Button\"\n        onPress={handleSubmit(onSubmit)}\n      />\n    </View>\n  );\n};\n```\n\n## API\n\n| Prop            | Type      | Required |   Default   | Description                                                                                                                                                                              |\n| :-------------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`            | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                     |\n| `name`          | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                                 |\n| `setValue`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function     |\n| `register`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function     |\n| `unregister`    | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#unregister\">unregister</a> function |\n| `mode`          | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                              |\n| `rules`         | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                         |\n| `type`          | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                        |\n| `onChangeName`  | string    |          |             | This prop allow you to target that specific event name, eg: when `onChange` event is named `onTextChange`                                                                           |\n| `onChangeEvent` | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `onBlurName`    | string    |          |             | This prop allow you to target that specific event name, eg: when `onBlur` event is named `onTextBlur`                                                                               |\n| `onBlurEvent`   | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `...rest`       | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                          |\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n#### Thanks to \n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">Jerome De Leon</a>\n","readmeFilename":"README.md","gitHead":"71d3b3340279cc21f61480b7e6f326f90f0db4ce","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.10-beta.2","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-7LXSPIFXTVgp4WR+buiPrBJpoRetVD4bcoI8/gYS6PfHRq+EesmwNwr4XbYTj9mIj5BGLpCTcIp0GlGVyUGC1A==","shasum":"97eb615cfeaee23a0f58b3deea186015ce791dd8","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.10-beta.2.tgz","fileCount":7,"unpackedSize":23579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+CW7CRA9TVsSAnZWagAAEGoP+QGuF/vNM6n8NFQqegyO\n+ubn+yr6UpqSjBZyep0BPKituiPeaQhwVRbPwxPnDj6xcpFmLqRARTe5WQDG\nl1lXcDbhWqCK3tztshGh35r0KIzXH9VjnOxWnL0Ax90kDW5cP4vixuhIbHXv\nRvceeAGlSGo5z4oA4WpFuakMmuMAPUpuOPOSmrl/6uEMN9VYY42guOEx4JsD\nI8WhZFdbTyaLdSl9Ex9NL6ZqdH7YbVbqmvmPPkIDUCpNBNLyjf9UM55xMUmB\nhJAzn02khtwttmKLA3aD3jU2FEg5FPpskDFWKwVLOdYFa8Ka41VXzf0c6T3y\nImmw9bG0FoalOQrTKG6lLAIyLKhf1B7BqrBbx1x/zEl050NVtQF0UDL2PW2P\nNn30Dxcftpa2opA/nWYw4vPfiyo1PhqJVYoQ0ymMJgLjKBF/OBqZO0NYg+lQ\nz2BAfkTgZ2QYrfuNWdSE6A0pHT0PNfi61L6aw/q1+G/2xRZNiq+5Ext54zFf\na3D61XGttPv6GGi46WqPeRZA3b1mc4vZsQsGJ3/NlS7BYELtTVmXvZWCNjao\ngNpyNIR7vMS0OQNPxmMTwvFy7R5H8oT8AEQEUIMMz+hGRJAt2U9r+oAfMKJr\neQXdtYlawPAE32ktlpFSUtjV915YsADVKCt2p40oYyEZUQ2YIvtc3dgTw32P\nh308\r\n=qWFp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE6Ay8lYZnYoX5hTz1QnN8xcSCexvAklAw2UyBfPR+YiAiBOgc71QXjYFcdMbzZRZEcs52VcQ/PeSTwHg/0aUcIO2Q=="}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.10-beta.2_1576543674636_0.19727867862424397"},"_hasShrinkwrap":false},"1.1.10":{"name":"react-hook-form-input","version":"1.1.10","description":"Wrapper component for controlled inputs","main":"dist/index.js","module":"dist/index.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"license":"MIT","types":"dist/index.d.ts","scripts":{"test":"jest --runInBand","test:watch":"yarn test -- --watchAll","clean":"rm -rf dist","build":"rollup -c","prettier":"prettier --write './src/**/*.ts' './src/**/*.tsx' --config ./.prettierrc","lint":"yarn lint:check --fix && yarn prettier","lint:check":"eslint ./src --ext .tsx,.ts --ignore-pattern *.test.ts --report-unused-disable-directives","postrelease":"yarn publish && git push --follow-tags","prepublishOnly":"yarn lint && yarn test && yarn run clean && yarn build"},"devDependencies":{"@material-ui/core":"^4.7.1","@testing-library/react":"^9.3.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^24.0.23","@types/react":"^16.9.0","@types/react-dom":"^16.9.4","@types/react-select":"^3.0.8","@types/react-test-renderer":"^16.9.0","@typescript-eslint/eslint-plugin":"^2.7.0","@typescript-eslint/parser":"^2.7.0","bundlesize":"^0.18.0","coveralls":"^3.0.3","eslint":"^6.6.0","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^2.2.0","husky":">=1","jest":"^24.7.1","lint-staged":">=8","mutationobserver-shim":"^0.3.3","prettier":"^1.19.1","react":"^16.9.0","react-dom":"^16.9.0","react-hook-form":"^3.28.0","react-select":"^3.0.8","react-test-renderer":"^16.9.0","rollup":"^1.20.3","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.25.2","ts-jest":"^24.0.2","typescript":"^3.7.2"},"peerDependencies":{"react":"^16.8.0","react-hook-form":"^3.28.0"},"gitHead":"90325a3c8274d191d3aaa929d2f7d154790a82f0","bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","_id":"react-hook-form-input@1.1.10","_nodeVersion":"10.0.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-RkkJeQmfUDT+Wq6iVGdvNY3rLTAD7KW1utgbCIyKRpDh41lf2Z8dC57GSapAh8TMLL1s6F57CUqXBZuGHZQgxA==","shasum":"71a87d9c814176e7f127382e257bcb8de4498e22","tarball":"https://registry.npmjs.org/react-hook-form-input/-/react-hook-form-input-1.1.10.tgz","fileCount":7,"unpackedSize":23572,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+EaJCRA9TVsSAnZWagAALjsP/j5O6fJaaJ5oHwViizkg\nm7QKK5LGfMmfB8mxWRtPGDk3/0CVbxKNWVNxUNwMcAD20rzutcYbUQKaQL7Z\nciXDEqNcY/wheAegZ7szFZkYyrYKLyuJbbtdcK6PJPMkHNKRgQHYxCb42Kfp\n1IR2A6INkwreeRnDxGKHYbdNzUwOgGZquGJLCPHtDqnkTZV/JEctRRijpgZp\n4CdcxkCAW7Fs9rQ9ayiWAjjbHqz1JXhd8MbAdtJ1IKx03bIrItQ3p+5Ztnn1\nsAkUm6afT+XBvJkAI3a3gFjCsKb3GMdWdmEDNOIu/nT5UaVNuFNxYCV3L3MW\nYOOwUdLnWY0HrdX3rs41drZ/y7xCYMfJaCw8MyVkSAaKPEuCDZFDM5yAaxxE\n0sOFt7Zp8opBeaT5SDMEMlZdaF2C76svyiVFVeB+lX3QKvt3N/kpvepjAhP4\nc6zMTSqUdsrlDOlmMYnevBaPEeTB0u4pNfu/W8dK3x9yRcdZLIfPhoZs+7JY\n8hEaOlMxRw/NOBVWNJtqWKz1zZ/2URA1kLGM2YEUtpRY2JI2E6LcP83HeoeG\nH4ayyVWMBybVZ2jGkq7OFgD43Ycv7uihts/lGncgj2dblDMq0OexM70cMykX\nPzjFtS0dt9QlZDLkaciP4BYOv3ybB6Q5AaayejnJdyViNayuYjaMD0VT8CTn\naNqC\r\n=hrNU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDSLrWZD4rUIOON5REEdDwCNnHgAMbW6RFrWMWQUHjyQIhAKERZSkI/n4gzmw4WrO4U9kXd9czDdETKWwsr8YZTzlQ"}]},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"_npmUser":{"name":"bluebill1049","email":"bluebill1049@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hook-form-input_1.1.10_1576552072657_0.43869413253590395"},"_hasShrinkwrap":false}},"time":{"created":"2019-11-21T10:48:53.823Z","1.0.0":"2019-11-21T10:48:53.949Z","modified":"2022-05-14T12:08:49.721Z","1.0.1":"2019-11-21T11:10:29.306Z","1.0.2":"2019-11-22T03:54:07.915Z","1.0.3":"2019-11-22T03:55:20.261Z","1.0.4":"2019-11-22T10:32:04.469Z","1.0.5":"2019-11-22T10:51:08.839Z","1.0.7":"2019-11-22T10:57:20.707Z","1.0.8":"2019-11-22T11:02:04.218Z","1.0.9":"2019-11-22T22:46:53.066Z","1.0.10":"2019-11-23T21:56:52.825Z","1.0.11-beta.1":"2019-11-24T23:10:44.671Z","1.0.11-beta.2":"2019-11-25T01:09:31.249Z","1.0.11":"2019-11-25T01:51:36.779Z","1.0.12-beta.1":"2019-11-26T11:21:13.938Z","1.0.12":"2019-11-26T11:22:34.709Z","1.0.13-beta.1":"2019-11-27T00:10:05.334Z","1.0.13":"2019-11-27T00:24:11.791Z","1.0.14-beta.1":"2019-11-27T10:39:46.840Z","1.0.14-beta.2":"2019-11-27T10:44:43.461Z","1.0.14":"2019-11-27T10:51:00.396Z","1.1.0":"2019-11-28T07:15:31.076Z","1.1.1":"2019-12-02T23:08:10.142Z","1.1.2":"2019-12-03T04:22:10.504Z","1.1.2-beta.1":"2019-12-03T04:22:34.719Z","1.1.3":"2019-12-04T07:13:33.060Z","1.1.4":"2019-12-07T00:34:24.833Z","1.1.5":"2019-12-07T00:38:08.748Z","1.1.6-beta.1":"2019-12-09T22:22:01.707Z","1.1.6":"2019-12-09T22:23:54.764Z","1.1.7":"2019-12-10T10:13:40.145Z","1.1.8":"2019-12-13T07:51:18.537Z","1.1.9":"2019-12-13T11:57:27.591Z","1.1.1-0.beta.1":"2019-12-17T00:25:23.358Z","1.1.10-beta.2":"2019-12-17T00:47:54.785Z","1.1.10":"2019-12-17T03:07:52.757Z"},"maintainers":[{"name":"bluebill1049","email":"bluebill1049@gmail.com"}],"description":"Wrapper component for controlled inputs","homepage":"https://github.com/react-hook-form/react-hook-form-input#readme","repository":{"type":"git","url":"git+ssh://git@github.com/react-hook-form/react-hook-form-input.git"},"author":{"name":"Beier Luo","email":"bluebill1049@hotmail.com"},"bugs":{"url":"https://github.com/react-hook-form/react-hook-form-input/issues"},"license":"MIT","readme":"<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/website/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" width=\"300px\" />\n        </a>\n    </p>\n</div>\n\n<p align=\"center\">Performant, flexible and extensible forms with easy to use validation.</p>\n\n<div align=\"center\">\n\n[![npm downloads](https://img.shields.io/npm/dm/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://img.shields.io/npm/dt/react-hook-form-input.svg?style=flat-square)](https://www.npmjs.com/package/react-hook-form)\n[![npm](https://badgen.net/bundlephobia/minzip/react-hook-form-input)](https://badgen.net/bundlephobia/minzip/react-hook-form)\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=React+hooks+for+form+validation+without+the+hassle&url=https://github.com/bluebill1049/react-hook-form)&nbsp;[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-hook-form)\n\n</div>\n\n<div align=\"center\">\n    <p align=\"center\">\n        <a href=\"https://react-hook-form.com\" title=\"React Hook Form Input - Simple React forms validation\">\n            <img src=\"https://raw.githubusercontent.com/react-hook-form/react-hook-form-input/master/src/example.gif\" alt=\"React Hook Form video - React custom hook for form validation\" width=\"750px\" />\n        </a>\n    </p>\n</div>\n\n## Why?\n\n<a href=\"https://github.com/react-hook-form/react-hook-form\">React Hook Form</a> embrace uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as <a href=\"https://github.com/JedWatson/react-select\">React-Select</a>, <a href=\"https://github.com/ant-design/ant-design\">AntD</a> and <a href=\"https://material-ui.com/\">Material-UI</a>. This wrapper component will make your life easier to work with them.\n\n## Features\n\n- Isolate re-rendering at component level\n- Integrate easily with React Hook Form (skip custom register at `useEffect`)\n- Enable <a href=\"https://react-hook-form.com/api#reset\">reset</a> API with Controlled Components without external state\n\n## Install\n\n    $ npm install react-hook-form-input\n\n## Demo\n\nCheck out this <a href=\"https://codesandbox.io/s/react-hook-form-hookforminput-rzu9s\">React Web demo</a> or <a href=\"https://snack.expo.io/@bluebill1049/test-react-hook-form-input\">React Native demo</a>.\n\n## Quickstart\n\n#### React Web\n\n```jsx\nimport React from 'react';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from 'react-hook-form-input';\nimport Select from 'react-select';\n\nconst options = [\n  { value: 'chocolate', label: 'Chocolate' },\n  { value: 'strawberry', label: 'Strawberry' },\n];\n\nfunction App() {\n  const { handleSubmit, register, setValue, reset } = useForm();\n\n  return (\n    <form onSubmit={handleSubmit(data => console.log(data))}>\n      <RHFInput\n        as={<Select options={options} />}\n        rules={{ required: true }}\n        name=\"reactSelect\"\n        register={register}\n        setValue={setValue}\n      />\n      <button type=\"button\">\n        Reset Form\n      </button>\n      <button>submit</button>\n    </form>\n  );\n}\n```\n\n#### React Native\n\n```jsx\nimport * as React from 'react';\nimport { View, TextInput, Button } from 'react-native';\nimport useForm from 'react-hook-form';\nimport { RHFInput } from './index';\n\nexport default () => {\n  const { register, setValue, handleSubmit } = useForm();\n  const onSubmit = data => console.log(data);\n\n  const onChange = args => ({\n    value: args[0].nativeEvent.text,\n  });\n\n  return (\n    <View style={styles.container}>\n      <RHFInput\n        register={register}\n        setValue={setValue}\n        as={<TextInput />}\n        onChangeEvent={onChange}\n        name=\"firstName\"\n      />\n\n      <Button\n        title=\"Button\"\n        onPress={handleSubmit(onSubmit)}\n      />\n    </View>\n  );\n};\n```\n\n## API\n\n| Prop            | Type      | Required |   Default   | Description                                                                                                                                                                              |\n| :-------------- | :-------- | :------: | :---------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `as`            | Component |    ✓     |             | Component reference eg: `Select` from `react-select`                                                                                                                                     |\n| `name`          | string    |    ✓     |             | Unique name to register the custom input                                                                                                                                                 |\n| `setValue`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#setValue\">setValue</a> function     |\n| `register`      | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#register\">register</a> function     |\n| `unregister`    | Function  |          |             | (optional when using <a href=\"https://react-hook-form.com/api#FormContext\">FormContext</a>) React Hook Form <a href=\"https://react-hook-form.com/api#unregister\">unregister</a> function |\n| `mode`          | string    |          | `onSubmit`  | <a href=\"https://react-hook-form.com/api#useForm\">Mode</a> option for triggering validation                                                                                              |\n| `rules`         | Object    |          | `undefined` | Validation rules according to <a href=\"https://react-hook-form.com/api#register\">register</a> at React Hook Form                                                                         |\n| `type`          | string    |          |   `input`   | Currently support `checkbox` or `input` input type includes: `radio` and `select`                                                                                                        |\n| `onChangeName`  | string    |          |             | This prop allow you to target that specific event name, eg: when `onChange` event is named `onTextChange`                                                                           |\n| `onChangeEvent` | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `onBlurName`    | string    |          |             | This prop allow you to target that specific event name, eg: when `onBlur` event is named `onTextBlur`                                                                               |\n| `onBlurEvent`   | Function  |          |             | Callback function to return `value` or `checked`. event callback argument may have different signature and this props allow you to customise the value return.                                           |\n| `...rest`       | Object    |          |             | Any props assigned will be pass through to your Input component                                                                                                                          |\n\n## Backers\n\nThank goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n<a href=\"https://opencollective.com/react-hook-form#backers\">\n    <img src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" />\n</a>\n\n## Contributors\n\nThanks goes to these wonderful people. [[Become a contributor](CONTRIBUTING.md)].\n\n<a href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\">\n    <img src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" />\n</a>\n\n#### Thanks to \n\n- Inspiration goes to <a href=\"https://github.com/JedWatson\">Jed Watson</a> @github <a href=\"https://github.com/JedWatson/react-select/issues/3855\">issue #3855</a>.\n- Shaping better API <a href=\"https://github.com/JeromeDeLeon\">Jerome De Leon</a>\n","readmeFilename":"README.md"}