{"_id":"react-viewport-hooks","_rev":"27-db8d58b79954722f3d8f60394dfbc6ee","name":"react-viewport-hooks","dist-tags":{"latest":"1.5.0","beta":"1.5.0-beta.3","alpha":"2.0.0-alpha.2"},"versions":{"1.0.0":{"name":"react-viewport-hooks","version":"1.0.0","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.js","types":"lib/index.d.ts","scripts":{"release":"npm run prettier && npm run lint && npm run build:dev && npm run build","build":"webpack --env build","build:dev":"webpack --env dev","watch":"npm run build -- --watch","watch:dev":"npm run build:dev -- --watch","lint":"eslint 'src/**/*.tsx' --fix","prettier":"prettier --write 'src/**/*.tsx'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@types/react":"^16.8.24","@typescript-eslint/parser":"^1.13.0","eslint":"^6.1.0","eslint-config-prettier":"^6.0.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.14.3","eslint-plugin-react-hooks":"^1.6.1","husky":"^3.0.2","lint-staged":"^9.2.1","prettier":"^1.18.2","react":"^16.8.6","ts-loader":"^6.0.4","typescript":"^3.5.3","webpack":"^4.39.1","webpack-cli":"^3.3.6"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx}":["npm run prettier","npm run lint","git add"]},"gitHead":"85a4fab973b6c5cbf099c8472b9063666415474a","_id":"react-viewport-hooks@1.0.0","_nodeVersion":"12.6.0","_npmVersion":"6.10.2","dist":{"integrity":"sha512-pLQGuUsuGSwjlj9q74GbdnM1ImHfA+WNQCs41DOWexev7e16HMZIQhrUk2tGW90wN37BJpH0lyJ7DheAmTeDKw==","shasum":"b90989fce923187ced3b870f1f57effe05e44a43","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.0.0.tgz","fileCount":8,"unpackedSize":15560,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSBuaCRA9TVsSAnZWagAAIsMP/3pQ2Z8E5jXoemaL8uPX\ndleER2wrAvOOmjO3M6iVnZC1R/xyFkWpMxcdQaGMrGVRbwe5TirfFiWe7EQg\nOuBW053m6TBx+ekZGtf0hZUecf5tVJlTjD3Oxm3k0gsXUnMuWFpaWtwpWEJT\nF6Wu2JN2z2/CA427jVVp6nozFMiYXd4c4Sb6quytDSGoFYeIzYmCmUl0C0fq\n5NpW1HKs3cdf/Xu/yy+G2BADDgMZPcIfSlzal1LSk0iIqJKgthVjTsKFY5jP\njiHJUAPhmw/zpoXuksnedlsodaglz0vpqontcxzZErF2qr7jAGalCswn/H+9\nPODvkyKwuIBTGrAQ9X/JcYrgWUxv2lGDfokSQMMH2/cnK6lKsOTECR1Tjo9o\nlfMV2D6RMSxoE6ONmlnZDSBKX8Akvp/8cw09vco1jXViVh86oMlfYdqQLklv\n8As1DOyT4bcOTYU5INxoL2amj/sX01kJJGM7VCtuCCjwFAHxiQQ6SNd1PBlQ\nPycfh+coeOz4lRrLb4FNiacvHZpztb55Gea1XPnKHgoJnqZr7NwnybZq0nIC\nIFIsVcEaZP+ua1rO9ou2e5WObNxctf8IrFTWZMUwdFSq1TGtNaWzGwj+6cw2\n7p6QTn/2zbN5W/E00QaZdcneAXjF9XpVesWFsdbA4LMu/LlQ/ehmmmVAQjFH\ntvxk\r\n=DHYU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBf9j5X4AKJ+aRydTFAo07jJiZI0+dShQ+Yd5bJp2VGbAiEAzHvWwsoDGm4AbFNmyGWM437RInZG8Xx3KRYCK9zuLbc="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.0.0_1565006745350_0.22039431756194272"},"_hasShrinkwrap":false},"1.0.1":{"name":"react-viewport-hooks","version":"1.0.1","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.min.js","types":"lib/index.d.ts","scripts":{"release":"npm run prettier && npm run lint && npm run build:dev && npm run build","build":"webpack --env build","build:dev":"webpack --env dev","watch":"npm run build -- --watch","watch:dev":"npm run build:dev -- --watch","lint":"eslint 'src/**/*.tsx' --fix","prettier":"prettier --write 'src/**/*.tsx'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@types/react":"^16.8.24","@typescript-eslint/parser":"^1.13.0","eslint":"^6.1.0","eslint-config-prettier":"^6.0.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.14.3","eslint-plugin-react-hooks":"^1.6.1","husky":"^3.0.2","lint-staged":"^9.2.1","prettier":"^1.18.2","react":"^16.8.6","ts-loader":"^6.0.4","typescript":"^3.5.3","webpack":"^4.39.1","webpack-cli":"^3.3.6"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx}":["npm run prettier","npm run lint","git add"]},"gitHead":"85a4fab973b6c5cbf099c8472b9063666415474a","_id":"react-viewport-hooks@1.0.1","_nodeVersion":"12.6.0","_npmVersion":"6.10.2","dist":{"integrity":"sha512-eYfpDIX62MBSucq+gM04bpOec8z6GUJHPJvbunvFmT2irCw9t0IiLqHwJ6UctsG62s/5jq0akJ3Cz959/v+z3w==","shasum":"071383be35fb634d159282f32d4aef7d08f16758","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.0.1.tgz","fileCount":8,"unpackedSize":15564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSBvXCRA9TVsSAnZWagAAxl4P/3SfYF3EuFBEg0q2LI59\niE6WDknaUZknk4prJBajoO7wuRmg3ZMQTFoDpcT6lqBWb68/DDSAYtM6UQWD\nU2cbFwt6wWX7Dbbbcz3txM5h8jZYGsSF89VSN1Q6+Qxqv7SXwWSaOCTOQG50\nXUedp/Z/zWDGhqeZzqif11CIOhKQx2eWGqyevgQQFQffg2K32gvzk7P36YST\nopHO/IzET3RP4VSHYYwVB7KxRHEccHyDy6qyT8UqJ7Ur7IIf1Eap8W4nwsXg\nTsZxVh2y5dDimOlzz2KeyAojNmoMKx6RJw2nXoN+nQZ/3ERIRGNw7b5m/K7y\nvKj14E1Q54SKkHMuXMJn0QZOwE6kst5+vNcD3qnyT1lPZqQSa+qPdKWlH9i0\nMolUMeyhy09gNAhVk0NlJEcslwo87Rabi9qupv66agoE0OljLYMwtogsQ3FC\nxyH7NVGPvaE1e11mB9rBBGiTYCggpfOsXuMaSfnCUbcGDcW7fL3rrZxFfqGG\nETSWOjCUCSMU8VeXgCLB75QHeBNNE0f2/4nwc1tRj86lNKIT0VD3NmZTIXm3\n9gjfA4b9fXFWLqJlK8tWkUU652ooD2kiRCG8qrxu4cpgwK+2Ky/9Msvofc/7\nRgr7dCUvdW/VCq+kTuGErW1iaZjY2thwzmGtZSPP63B5Vi1BYXkly2nCvP+Z\nXLTG\r\n=VOq/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCucGb7ewGuAV8ZfJ8HtOzDLlyIb61VNQVVi04PMVI4hQIgafpNBPPQXzSrl935cpzU7dFErKOItMIRHFvSo6m8f6M="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.0.1_1565006806903_0.45797938479394595"},"_hasShrinkwrap":false},"1.0.2":{"name":"react-viewport-hooks","version":"1.0.2","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.min.js","types":"lib/index.d.ts","scripts":{"release":"npm run prettier && npm run lint && npm run build:dev && npm run build","build":"webpack --env build","build:dev":"webpack --env dev","watch":"npm run build -- --watch","watch:dev":"npm run build:dev -- --watch","lint":"eslint 'src/**/*.tsx' --fix","prettier":"prettier --write 'src/**/*.tsx'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@types/react":"^16.8.24","@typescript-eslint/parser":"^1.13.0","eslint":"^6.1.0","eslint-config-prettier":"^6.0.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.14.3","eslint-plugin-react-hooks":"^1.6.1","husky":"^3.0.2","lint-staged":"^9.2.1","prettier":"^1.18.2","react":"^16.8.6","ts-loader":"^6.0.4","typescript":"^3.5.3","webpack":"^4.39.1","webpack-cli":"^3.3.6"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx}":["npm run prettier","npm run lint","git add"]},"gitHead":"768fb97996bfee7c7cb0b507e24f0403e7469b14","_id":"react-viewport-hooks@1.0.2","_nodeVersion":"12.6.0","_npmVersion":"6.10.2","dist":{"integrity":"sha512-nyAYkcR8YJ6cxLkwPyLHJaiyuKdb7PgW0yMRI8iCI8kJWqLvMdfxq9JtfRtEmoIiyrgis2ocagO2XuhzJH/eFw==","shasum":"191a06145f189806afe1d2ff9ea9a35bf1066dbd","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.0.2.tgz","fileCount":8,"unpackedSize":15570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSC1CCRA9TVsSAnZWagAAd/cP/ichF7G3Zg9K1VhcI4SU\n+ubc8aVy2k3mkTJfjf5K0BSgzMCQNUkUIpdYkcha8pPIHVFI+HAVosLX546+\nxZEFhP06FEvvnePAQB1mgtxuTkK5pKalKFQEmLqzcOtipHgmQJ4MDDtIfK8V\nyOlzL0vc2fqm/kEPaRg/8AIXdF2E7f0fbnElMvvoPsJkQbUuhyh9SMolMdIN\nlXgrJGjqcpTUGqGczkLZW7IvrcEpmJKIOEpK64KPxCQK2cqDMr1rgeE80hH5\ndxIqLZgCQMU9EpYq442gcf3vSc6NTPeh6/4irN1AsKzuiD+XnS4Bs2BuMWZg\nGlc3UVYim6HB0tff1uYA4khLwmPOF4mbEhI8K/vEhaqDpjPopzsuIJwL25zB\nZAhfPvczVhpnWDADP5ss6TqYp4LB/9/rYAGqBLZhYDasTG6FsVOsfvXrRjF1\nROkCh9pXtmVQ14t6pwb2K/cnmgOTXJ65YBCVHPEhH9etnVVKbXppGCw5a30A\nq8k3H5r7hRreAnlaC3mm1SQYWy5hmgo10yo8aD7qO9FIoXow6iUw06VLbjss\nvwX9EW0P3paIb4Yg9/NJN7IOl3kNqfroQuRhVZvffGYY6Kew1A65l2mO2Sjr\n0vrIJuGjgsK2M0y0XD9OPYtQQO8j75bGBuJN4xTjJbpvLSrLU6cvtf75cF4z\nKBQ+\r\n=a3gI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiJVEqJBh+l//suhytfOApPBE6yZVpE6dxpvPESbFL5QIhANYsEKoezwHyA+TIHkfNV6Sc+Ft0ywSRa/EierH/X7KK"}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.0.2_1565011265491_0.4297900326996946"},"_hasShrinkwrap":false},"1.1.0-beta.1":{"name":"react-viewport-hooks","version":"1.1.0-beta.1","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"npm run prettier && npm run lint && npm run build","build":"rollup -c","watch":"npm run build -- --watch","lint":"eslint 'src/**/*.tsx' --fix","prettier":"prettier --write 'src/**/*.tsx'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@types/react":"^16.8.25","@typescript-eslint/parser":"^1.13.0","eslint":"^6.1.0","eslint-config-prettier":"^6.0.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.14.3","eslint-plugin-react-hooks":"^1.7.0","husky":"^3.0.3","lint-staged":"^9.2.1","prettier":"^1.18.2","react":"^16.8.6","rollup-plugin-commonjs":"^10.0.2","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.22.1","typescript":"^3.5.3"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx}":["npm run prettier","npm run lint","git add"]},"readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\nGet real viewport width & height\n\n## How to Install\nFirst, install the library in your project by npm:\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n**• Import hook in React application file:**\n```js\nimport { useViewport } from 'react-viewport-hooks';\n```\n\n#### Options\nName | Type | Default | Description\n-|-|-|-\n**updateOnResize** | boolean | `true` | Update sizes on window resize\n\n#### Returned Values\nName | Type | Description\n-|-|-\n**vw** | number | Window viewport width\n**vh** | number | Window viewport height\n\n## Example\n```js\nimport React, { useEffect } from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport();\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n}\n\nexport default App;\n```\n\n## License\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"d7d41d8af53825cd79d217d0681bb8e37eb85c80","_id":"react-viewport-hooks@1.1.0-beta.1","_nodeVersion":"12.8.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-fi6eo8XaJnv7R08Kq4WyEhZkLJnxbK1oSLuFU6iCSzqZhElFGOPpv9Ey5G+HK2dmxvpICoHyv0u0zXQv2L+9Ig==","shasum":"da79f13167cf5370ae6fee9ccee2962dd1886808","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.1.0-beta.1.tgz","fileCount":35,"unpackedSize":7701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdTLzhCRA9TVsSAnZWagAArbkP/iDnzM0hydpmiq0ITljT\nZqwxg/J6sc+Bj6rv1JCR4I/n7yj8kSELxigr5mAQxojGasr1t5p1MbZaTx67\nUFNeDibDqDlkVCLPaQvH7cg3TDkoMGnQTv+hL9T1u0AclPILlw9D54SqEoC2\nU7kWL4rWsai7Km20vsiaZLg/QV6ykaKEC5DGEY8G6jgTBKYIbAzsYY54BOHx\nfpRUdN+cKVhnb7F4hZKVlP4UgGeHNecIsfbFzkjOuOkYv/cTfXObIAaqRGyd\nCDHEmQQA8nvcfedeIc0qg4J9Y1iboOqbn8gEws/h/9fOTjoWttlxa1Ftwl85\nsEyk5S9NtMpwZuwVzk9erBDjwWZeqPx1Pe5KJc+eFcuWVYsGYev9+VX3mhTZ\nAx+89F4faHGmDnCiw5FSFBBRhsY9FTlJhfQxpDV85cyhOqBmRaBWb1d8N+5p\nCcwub6LhTnn5Tp3cppq4obasUgk7jo0V+JUvI9I+92ClW4dTyvsfAb1jW/sq\nfcs7o9ukJYV09uI2GzcpnqO4yaAq98Hnsw4k8nqNKPaV3wNdPKwb+FkHxGiD\nBDRybRi2HbJVnmO7PlCXTD3kYpSKMQn909NVHxuc/kl4MzMBot4bSfbggGEl\nKl0rhLvx4AvqXNu47Nv3E/R934wUjkXnH+/IPEGW9c57f/tR0oJZg2vDKj/8\nzEr7\r\n=mYez\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFaGNKYYqkF6Wf6i+yqaYDSXQWpYwFIvjTr2dvUrM/WcAiEAmmj3/bMuDnoQsfByV9Fr+yK3+ZxRHkXlj2RNullKfT0="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.1.0-beta.1_1565310177192_0.536159542349735"},"_hasShrinkwrap":false},"1.1.0":{"name":"react-viewport-hooks","version":"1.1.0","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","watch":"npm run build -- --watch","lint":"eslint 'src/**/*.tsx' --fix","prettier":"prettier --write 'src/**/*.tsx'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@types/react":"^16.9.1","@typescript-eslint/parser":"^1.13.0","eslint":"^6.1.0","eslint-config-prettier":"^6.0.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.14.3","eslint-plugin-react-hooks":"^1.7.0","husky":"^3.0.3","lint-staged":"^9.2.1","prettier":"^1.18.2","react":"^16.9.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.22.1","typescript":"^3.5.3"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx}":["npm run prettier","npm run lint","git add"]},"gitHead":"3cb1e64fa31868e44ba6bdf405cc2317bf56605a","_id":"react-viewport-hooks@1.1.0","_nodeVersion":"12.8.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-77UrgPVgjRpddUDAVAjb5jDQJYXP4vSaZbmwT6tdSvHQB3rY0VDPpli0nWN3W96klAZWxtPBHjbJRczgmgYqwQ==","shasum":"d7a4f8bc3a6216ea4846f2b9d17dc40c7007943b","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.1.0.tgz","fileCount":228,"unpackedSize":25460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUgA0CRA9TVsSAnZWagAAgf0QAIhjOud371VWw9VrxxW7\nSdHAltVD0f2DzGRCZeXqtP8dRG0tsWYEj71hekNhnXoCwSDH/aoaFcl9Wmvj\nNBqGdcwnf61dMQr3vhZhjl2de7swzErOhCDiUJGQw2RKaSP/8BhN9TD4a82K\ni9GzfuaOeU4HqgA9D0lTh78kJr6JAwI71H93By3YWzAyjUr9jsUExLCqAd3x\nH8b6wfGa1AA+8Abaw4pC36kTKUD6cb35NAKSPotqMm5HPaxcFnWDdlTwBNWk\noa41WLukfcrClegCW1wIWDsVgOkQ+HrJC96BXYriN/MqSm7jtfeDwa33qSH0\niokGn85NkOToW8qtiXygvxav4sllSXguHoOiz7ydncR9vXBsodDnDA33oJpW\nBmfAvh3ybM4/IP4eezHRcK9nzBICF14XS1uVP3eo2NJzOU7wB9uv1TVizSbw\nnM580UvSvPR2HCUwSypiBbt29y1SbKU1SZADZND4dYyUqJxuQApw8A0HH0PY\na2AJUl/oVhFjujl143afzeiZCpcNvRf+kXi84Ve/VSGIAM0d7KrNoquMw7kj\nRUq+BL1Iff46/kLHLqddas51LxXfCcT7Y/apRP8nfwoV3wDMMyIJkcMCA2C5\nzl2Q5xz8b2sLeRdYw0xOLgE97H+1pjB9ISnxtuvRxqu8bzcQXBk+kgEStu50\nndtz\r\n=HEuL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFxiERd0kJLp4em5EQvxC+U9GxMvc+/gJX0u1OvSiK2bAiBm64MJXeZBFoYu4huv9sDQ6OwTCJIBiznsCZ8/0h3l6A=="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.1.0_1565655091268_0.6932759800049364"},"_hasShrinkwrap":false},"1.1.1":{"name":"react-viewport-hooks","version":"1.1.1","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","watch":"npm run build -- --watch","lint":"eslint 'src/**/*.tsx' --fix","prettier":"prettier --write 'src/**/*.tsx'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@types/react":"^16.9.1","@typescript-eslint/parser":"^1.13.0","eslint":"^6.1.0","eslint-config-prettier":"^6.0.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.14.3","eslint-plugin-react-hooks":"^1.7.0","husky":"^3.0.3","lint-staged":"^9.2.1","prettier":"^1.18.2","react":"^16.9.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.1","rollup-plugin-typescript2":"^0.22.1","typescript":"^3.5.3"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx}":["npm run prettier","npm run lint","git add"]},"gitHead":"3cb1e64fa31868e44ba6bdf405cc2317bf56605a","_id":"react-viewport-hooks@1.1.1","_nodeVersion":"12.8.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-jjWXw1Isng5COKhLRtLrf9FZNKrdWd9mRgXg7fa9nBlQaH/t7R7Ypa++vO9mjfnzgMWPMeSCbtY8LYOBbOe6TQ==","shasum":"a9c5dc554483237a1f3b96e098e44ece08014730","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.1.1.tgz","fileCount":9,"unpackedSize":5753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUgDyCRA9TVsSAnZWagAAGgEP/A9dZmkKb/IY+liA9UDN\nknbF3vlr9h2pLvMJAwFr/1vOrYu9q8/msx4y+Y656xseIn3eWOyrWqw7fvnb\nP5KSl0+35q3O8kQbpXk7HP66bHPfjBLktMlvDr1Vf78jEasgzw6e2jmTJ5ES\n7uLNaCUKlWWYlKKZ+wZfFLSa67zoCtfUXKGNgarclWdDQrkl95JkeiBZlEBN\nxPb6mT/Fa+eUh3CqYDruml6Tm6nz3k7WCFS0DAEJRDXert2uzMV9Q/M6XOsu\n4affE6EPRXL4clJde19k+y2r71SDkQbUhRVnUFCmoEQaZgO9LHTPLGgWx3kj\nYtNWoYBpjSHGoQ08K92IPP+BkNRqXF2MjRUvGB5QtQ3PHQsHAT30xLZJhqYY\nOPfIvcIFVup4ZoryKiJwzN3h7LsnENyGHZdUyItHXyTKh6ERvVPSHCIMPCoq\ns4KOx9ceSngnaQDy1j29uXY5oVwk87se/f1SlKc4N+6EMQces2NFhfgErUxA\nhzhlVZAcZpeT8NNQ2C5LxOyDV4ezORhrU1/B9F04BoteSThN9+FQPFxa2GR6\n2eLLZXIyyD6O3WsLNjQeqdewm1kBlwejD4ao3nI1UoSC8xFc4iy2Rgj7CpCM\nZ82KC4zaMxWB52z5G1JYxFwTWaMSIpus3o1/Z6xLjFf4jwbw3beWB/nS9Rhc\nI1hj\r\n=S/Oh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmwK4qrCO/9f+ZU6caeRhq5Yh9G94Z2dAxKRNcQHGCKwIhALf2i82rSuRWKDfsScvrbppXecWiw/7gXdNoYx7ExMHO"}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.1.1_1565655281758_0.3612620991908657"},"_hasShrinkwrap":false},"1.1.2-beta.1":{"name":"react-viewport-hooks","version":"1.1.2-beta.1","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","watch":"npm run build -- --watch","lint":"eslint 'src/**/*.ts' --fix","prettier":"prettier --write 'src/**/*.ts'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@babel/preset-typescript":"^7.8.3","@rollup/plugin-node-resolve":"^7.0.0","@types/react":"^16.9.19","@typescript-eslint/parser":"^2.18.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.0","eslint-plugin-react-hooks":"^2.3.0","husky":"^4.2.1","lint-staged":"^10.0.3","prettier":"^1.19.1","react":"^16.12.0","rollup-plugin-terser":"^5.2.0","rollup-plugin-typescript2":"^0.25.3","typescript":"^3.7.5"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{ts}":["npm run prettier","npm run lint"]},"readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\nGet real viewport width & height\n\n## How to Install\nFirst, install the library in your project by npm:\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n**• Import hook in React application file:**\n```js\nimport { useViewport } from 'react-viewport-hooks';\n```\n\n#### Options\nName | Type | Default | Description\n-|-|-|-\n**updateOnResize** | boolean | `true` | Update sizes on window resize\n\n#### Returned Values\nName | Type | Description\n-|-|-\n**vw** | number | Window viewport width\n**vh** | number | Window viewport height\n\n## Example\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport();\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n}\n\nexport default App;\n```\n\n## License\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"4102bc1778ad46389c08efb7f44a4319a6cbd3ae","_id":"react-viewport-hooks@1.1.2-beta.1","_nodeVersion":"12.12.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-UfB5g+UmxdcJ+wiptTSvcUrLj7JXOkPnRs671ZQD4xP9I7oX60do4ra2YC21PQm+mP0MCcVpLCfT7w+RLCzWtA==","shasum":"01b1e0ece9e8ac045a5dc5c9269889f7fab89cf7","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.1.2-beta.1.tgz","fileCount":9,"unpackedSize":5950,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNYJNCRA9TVsSAnZWagAAef0P/2fVZkTGfar5+AU2nQIZ\n+GOV4/GABTzoYNyvF7adUw4WOQ5e2uYgRAFXbBU+qdvdNv2TPfuCilH5HdgW\n8OdY0m0s7Ir2plwDkUc3LAlVa6iZZg8eNtJ0/jLXcXf8hVoKXw9285GQRCoA\nGf5EH2mY9q3gb/flpsF6K7VVbMPR1yPGnTknDUy8O+IjkBZcQYDpMiwkIkbl\nr1AfGQ0fWfzG9mS3GMLPXJngE53gagOk3fO2v5AiotYiURxM3kvRweoYqwie\nNYaZt0U27RkVKgN7xyEgq4Fs8t3Q83E9KCj5tTg+6desLDW7J052AinBcrSe\nws+qZXw2Je04GM4/29rZPtaRtZcq5ZJEzJOh3hlFUHyQCnk5wNNxjmJueNWu\nQ8HgKNj6YHqbJ3evmkS5e+RYI5PHije+VJK4aKk9cwUUu7O5whah+HVv6Sb0\nBN/Fo8h/SUOBPwBy6Ba7blRUfMVigemb7Ov2ljtsRGdDQ8ebYM593ffrT4mY\nwNhbORHOVZkw1fw7u933FUGoiyHWBUD2c2Dq7R/sjjg5KD4Pn5SHxI9YWiU1\nYbaYiab5itQWyxx9Hz916I3oog691g05AvKvwr6Andj3XfNCmIjp50gBrS69\nTRaB+RXOE462bopSC23rVEv8b+VXAyubOZEpAeG/o5QFDDVs/RBqzu1wMgXl\nCbsr\r\n=BRmt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAGLgRG/nKHcKnzu086y15+iLIK/Whl7a1OC9Mvkj171AiEAk3MKp6r58lSp3otRjCwmy1dyl7MvKcMHk/+konvj6wM="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.1.2-beta.1_1580565069127_0.6022562061984504"},"_hasShrinkwrap":false},"1.1.2":{"name":"react-viewport-hooks","version":"1.1.2","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","watch":"npm run build -- --watch","lint":"eslint 'src/**/*.ts' --fix","prettier":"prettier --write 'src/**/*.ts'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@babel/preset-typescript":"^7.8.3","@rollup/plugin-node-resolve":"^7.1.1","@types/react":"^16.9.19","@typescript-eslint/parser":"^2.19.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.3","eslint-plugin-react-hooks":"^2.3.0","husky":"^4.2.1","lint-staged":"^10.0.7","prettier":"^1.19.1","react":"^16.12.0","rollup-plugin-terser":"^5.2.0","rollup-plugin-typescript2":"^0.25.3","typescript":"^3.7.5"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{ts}":["npm run prettier","npm run lint"]},"gitHead":"5038d5614fa430693a784aaacbcd5076d63f67c3","_id":"react-viewport-hooks@1.1.2","_nodeVersion":"12.12.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-SjL7Rt2i630Ou5uoKEIjZWxCnNiDX5AFmeVvm62ZpkQWG6P++1ycCaKdODyC/Ds2ZIWz8JMKqVAPGLkdAQ08Mg==","shasum":"4241c8298752925bcaed303153fe307a9a15efdb","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.1.2.tgz","fileCount":9,"unpackedSize":5951,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePvnRCRA9TVsSAnZWagAAkc0P/0HVwrLWoDT0JbJ5tD7r\nhevdtFv/R7RXyeersA2q9u0Tv0cynEUbC1wkzjepwPnSsJXzen0ruydiLSRi\nAnJehjyGywis0hSadIL0hcjhUFLNBUl8pqzVUG8cJrEgupjuf0VdIK08fEWz\nc/AunTmQNS1Dy9aWx8AVkRBj2iXNqcjZwZndrwEc4MKu4yU11QjLsB9lP9+7\n3SD1j2y61VzUhsJMtrGL+zgTw8zaYAZT0cXDHQoqU+DuNbApXQcvlRdpxXTG\nqE9X+PDq0rATGkIE8XsK+npdPHsRG11XXNCOfC0vb/BnNH9d1DUzmfj3OgJM\nFNOVrFyWftC7zVS/LfrEz+lHYin5XFrvBpC1la4Y3BnhYwB1uufIopzVfWXE\nWqTvds5JMp+6f/6kqT0Vlxq+Y0i6VrUXYhAAM1AKZOs8gzKkVD3Hwj/H7Tzo\nPNMVKnTNCP8j1OL/vnwVF3KphyZP29uZT0Fs5TC3H4Vo+in4VIiYypCHGWYz\nQIGXo1eNGMXPyn5wEf1zRSrMb0mmq8+Zmtu8QiwlU08E2f/a+WN6skW3C7FS\nZoxxwxZRlzNC9qqhLEle7vMOp7ER6sjGmRjppFimStI7e0JL0lDGBf3G5b6g\nC+aEwUXVAQLz6Cs/EYWHNr56qtSTGWw7CDPbRMP1YHtXwbEXFtTS2SFRJmN0\ni6w5\r\n=g9YK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDa5O4ugiMeORqkT3Wzc5ozOVWJ9k3mXBgGxhZYwC6bCwIgH+hVMtwW6Szt4WvIWpIraiRCzhJGW6U90t5RYLKhMi4="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.1.2_1581185488538_0.08179252311259089"},"_hasShrinkwrap":false},"1.2.0-beta.1":{"name":"react-viewport-hooks","version":"1.2.0-beta.1","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","watch":"npm run build -- --watch","lint":"eslint 'src/**/*.ts' --fix","prettier":"prettier --write 'src/**/*.ts'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@babel/preset-typescript":"^7.8.3","@rollup/plugin-node-resolve":"^7.1.1","@types/react":"^16.9.19","@typescript-eslint/parser":"^2.19.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.3","eslint-plugin-react-hooks":"^2.3.0","husky":"^4.2.1","lint-staged":"^10.0.7","prettier":"^1.19.1","react":"^16.12.0","rollup-plugin-terser":"^5.2.0","rollup-plugin-typescript2":"^0.25.3","typescript":"^3.7.5"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{ts}":["npm run prettier","npm run lint"]},"readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\nGet real viewport width & height\n\n## How to Install\nFirst, install the library in your project by npm:\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n**• Import hook in React application file:**\n```js\nimport { useViewport } from 'react-viewport-hooks';\n```\n\n#### Options\nName | Type | Default | Description\n-|-|-|-\n**updateOnResize** | boolean | `true` | Update sizes on window resize\n\n#### Returned Values\nName | Type | Description\n-|-|-\n**vw** | number | Window viewport width\n**vh** | number | Window viewport height\n\n## Example\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport();\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n}\n\nexport default App;\n```\n\n## License\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"2372bad377b303e47300c98b9e3dd19218182899","_id":"react-viewport-hooks@1.2.0-beta.1","_nodeVersion":"12.12.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-55UrU8EvD+7IdQZUQdFFL3WWeBM2KHTpOX+fBzQa3gA7Msh+ryANUhxTT4lWjgmKELwc4JPzgIi6TFqTbssSzA==","shasum":"4bbc94adc6d032c100a831610291ae05c122ca80","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.2.0-beta.1.tgz","fileCount":11,"unpackedSize":27506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQrsXCRA9TVsSAnZWagAAycQP/jXy9s9QIhb4wkGCQQGB\nz0hhHOhEQt8JEjqcLS5JTcJcudS/56Jv44Ix+KDG3HHw9Gz8ptvcyv4jcdzc\nqEbeG8KWQkHaT/l0ds8U/BfBGqDlSdxp9JTWX6ej0xllzB1WifuzCzBSGu0a\n6fKSE61DavkdqharIl2VZ16EDTgodLrXsfnE0kKSo/Gmsf1kD7v+XzpHvlzN\nRmNF+B843//77549zCzQtpjwgvF3oYv0f40UfQl+bUAHv0Hs5yir+apoJYF5\nWhOMqXKIOrslRAIA66th3rNztPz7RcsoTAv0DTvhlJ8bHB6wuL8ep2axeNCq\nfEr+bRRyuaHMeEZqlu6yBYlGthcwU5a8D4Co2ju4YScRWeHSqQ2To0hbLbSB\njRJdIIlJ4tC5F8XidGhZuNuJexJzaVgZOHDTnKI4UVHhU0IKr0UhiKZ++lmI\nzZgMomchTKqVpYDbbZnm78PwimzSwlpb79/lKBcwWsXrqu7q72UTUPDvVyGL\nPaNq324vFiOii6NgH1qS91W4Lt/O/lu59MST2GARY0QPrM4m4ZB2mEZGOKgh\ngt8axEpmMmkUXYmm6dYJzihWEpKqyY04C4DuHAVh5qgo5YXUl59jyJE71/cL\nXZqLAv+OAGFxehCErKggTldKOQQqmkvl825ARLQTjSTCkApjFBJuZE6PdmPi\nzkIb\r\n=D1DY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGX7SLpz5D7h/3Fq3fqM9D36B3mnd+8cXswhrMNBb1iYAiAkOkU31ElMb91kqu0m9q6eA8z+ihSJKs6m7HWeX4ptFQ=="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.2.0-beta.1_1581431574628_0.24824298377221576"},"_hasShrinkwrap":false},"1.2.0-beta.3":{"name":"react-viewport-hooks","version":"1.2.0-beta.3","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","watch":"npm run build -- --watch","lint":"eslint 'src/**/*.ts' --fix","prettier":"prettier --write 'src/**/*.ts'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@babel/preset-typescript":"^7.8.3","@rollup/plugin-node-resolve":"^7.1.1","@types/react":"^16.9.19","@typescript-eslint/parser":"^2.19.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.3","eslint-plugin-react-hooks":"^2.3.0","husky":"^4.2.1","lint-staged":"^10.0.7","prettier":"^1.19.1","react":"^16.12.0","rollup-plugin-terser":"^5.2.0","rollup-plugin-typescript2":"^0.25.3","typescript":"^3.7.5"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{ts}":["npm run prettier","npm run lint"]},"readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\nGet real viewport width & height\n\n## How to Install\nFirst, install the library in your project by npm:\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n**• Import hook in React application file:**\n```js\nimport { useViewport } from 'react-viewport-hooks';\n```\n\n#### Options\nName | Type | Default | Description\n-|-|-|-\n**updateOnResize** | boolean | `true` | Update sizes on window resize\n\n#### Returned Values\nName | Type | Description\n-|-|-\n**vw** | number | Window viewport width\n**vh** | number | Window viewport height\n\n## Example\n**`useViewport` hook:**\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport();\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n}\n\nexport default App;\n```\n\n**`withViewport` HOC:**\n```js\n// App.js\n\nimport React from 'react';\nimport { withViewport } from 'react-viewport-hooks';\n\nconst App = ({ vw, vh }) => {\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n};\n\nexport default withViewport(App);\n```\n\n## License\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"d5f4a52d903b20b86c9037d487b6b9e029defccd","_id":"react-viewport-hooks@1.2.0-beta.3","_nodeVersion":"12.12.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-56ZoxrtOT6zu1y1Jlnj3QFmZlyh1YZXwUhWbvnfXyp2DyfoIdEzZ23ic0G32+owiXKik0i/c4A8VEHG6Zh6QQw==","shasum":"84c431019274417b2f649b9e6e0d01f87fec5b3d","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.2.0-beta.3.tgz","fileCount":13,"unpackedSize":28153,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQsUvCRA9TVsSAnZWagAABEYQAI84Y3jDxId5uOgsS1Pk\nEH48XuU8XDC0XIG5XYffneqXhbzqgjfdkxVQDq/qQhWP8dalgUsrBcc0D1fU\nRDIHY5uvADycCSI+x/QicEQS2bosCrVSqDJ4kzpOJyJCoVg+Yiuz+OOUSZnR\nfRAYJx9XHp50/PMX4i9wuDs9VJDeJCEtH6m7KtWTzc+I5nENaJXV7HN554/R\nN+WvhAkJCD62mvPtxRNnIEiH/nTzfTVL1VTbSB3PjGJapf9d14wipgiRB0M7\ndBlp/Dl+YInoTTYygTjaR93fpinicP0PBuRH9+9oTYd1qbf28CfmduNX8CH9\nZ6dcDvp4riaimdZDzcb0WlV84gLfdIMkyrPA8bOTieGiMK1wYdmguOb2Z1Jg\n7dk09R7eJL1v9R3AWBz1aVcv431mboP9GEgwspuE4y8FLcpr9d3qKwieE0NZ\nCEaincz0CdStwC85kGzNGbNavrWeMRUF3ON9lFK4A2ceODvQ6pJ5NeSBUCQw\np32fi8cips6W9u/TYHhSOaKDMaBgZ+CAR6lwQd0Gi9aC6sOxdb15eilvoyLl\nurjWnHyFOEVynEgDN/ON0L57KEENgwaWbu8p92HsUfwkizGAw5F4mMt8viIj\nDd4a2R9KHPC6U0J0lqAMjVQzvrGyMit5CkvPy9+dD/6dFe0J6UqWwuxyZuL5\n8OR6\r\n=uJ0b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIENmFC6a4m4xG2/nGiIRXYCfJUJZVLFD9BmSlaTC76p1AiEAwJoUtyJe1a8XSlhwl9vo5FNspmNANp6/1qRs6uOZKf0="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.2.0-beta.3_1581434159128_0.4443307095480804"},"_hasShrinkwrap":false},"1.2.0":{"name":"react-viewport-hooks","version":"1.2.0","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","watch":"npm run build -- --watch","lint":"eslint 'src/**/*.ts' --fix","prettier":"prettier --write 'src/**/*.ts'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@babel/preset-typescript":"^7.8.3","@rollup/plugin-node-resolve":"^7.1.1","@types/react":"^16.9.19","@typescript-eslint/parser":"^2.19.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.3","eslint-plugin-react-hooks":"^2.3.0","husky":"^4.2.1","lint-staged":"^10.0.7","prettier":"^1.19.1","react":"^16.12.0","rollup-plugin-terser":"^5.2.0","rollup-plugin-typescript2":"^0.25.3","typescript":"^3.7.5"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{ts}":["npm run prettier","npm run lint"]},"gitHead":"e4ccae0f534c6e5850ee89372c90e79e81adb747","_id":"react-viewport-hooks@1.2.0","_nodeVersion":"12.12.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-cUp65+FgSTg/jEM+mJfdjX1wZ7P/lOkHwrASx+qwLVeHoM0XnjfEPwlMhBZGn81ct4gbp4Pqfas9jDvWnY0okQ==","shasum":"0b8da13158e734581daf3e3c957d6ce0dfaf6475","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.2.0.tgz","fileCount":13,"unpackedSize":28194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQsjNCRA9TVsSAnZWagAAHZQQAImNKzZ8OoPDISIa1WVI\npvzrBsuHr6OCelaOQxM1mnk0Mdyi14zNZ88y1AYVQ/bM8oQr3aW3SDrRB54O\nbpCQQNiAzjQ/DEiIYJlhpWG9OJmVtkhtmpK5SOVh9tv03tIBJ29B+s5mf8K9\nsrAXEXwgnZschnxMTmZdJTqX2NH7NRSNTlOnaYqnNQ5d4aW03NUIqktb8FLs\ng1s21hZeOs1E2pXipCj4ioP+lc8ig52EM97qWIj9Lpi0yeVe9P86f+WxWpw/\noOVCR1+Y5zB4mz8WG3h1cJ4cPokOyHzOoewlQwmmQ73MSKd63ECSck0F/n4A\nQdrr8R+OhI3FOrDphp65udHUZcwpW6odatZLeFhPXYO6lNNNAt+YC4JHNhhF\natDQ88AFp2ZIvw7h8cIZVvj0WJ+Wx+9BZheatYUGeF1EYhmEjWl7/PvpKR3p\nVx/ORHshIDpttQBmeYWHkX3niB55C3V+VvuCw8Mf7mLDYQJJGagUjMyq8w9+\nO0V0MWpwC8bpSG3WwVAVt02EcCeMYb0n6bg/ZHkwArbC051RWuLsiPQ6p9br\n4rXj/PXN8tMiRUhWUd9yhDoeJW1s6ZkYCyivVyS9+Qxd8k0YZp1pxStdkUR2\nIAEoBMEsFESZrtih/UQGDrKejwiWeV/lIGZfxcBpvHfepsMrMHUXFwEQxaro\nzVAo\r\n=j96V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHUj4lkEOFm8OfUVdgpSUDj4DG1re8eAHtbsLzOa3fr9AiAYm7bm2xN4MOhxJyJ7Gacc63K7R8EVANPRkGRTLQGRFw=="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.2.0_1581435084954_0.056332577450005195"},"_hasShrinkwrap":false},"1.2.1":{"name":"react-viewport-hooks","version":"1.2.1","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","watch":"npm run build -- --watch","lint":"eslint 'src/**/*.ts' --fix","prettier":"prettier --write 'src/**/*.ts'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@babel/preset-typescript":"^7.8.3","@rollup/plugin-node-resolve":"^7.1.1","@types/react":"^16.9.19","@typescript-eslint/parser":"^2.19.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.3","eslint-plugin-react-hooks":"^2.3.0","husky":"^4.2.1","lint-staged":"^10.0.7","prettier":"^1.19.1","react":"^16.12.0","rollup-plugin-terser":"^5.2.0","rollup-plugin-typescript2":"^0.25.3","typescript":"^3.7.5"},"peerDependencies":{"react":">=16.8.0"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{ts}":["npm run prettier","npm run lint"]},"gitHead":"3314121c0828000783730f12b8d82776f371319a","_id":"react-viewport-hooks@1.2.1","_nodeVersion":"12.12.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-1RTujnxy7oydkKL7HA7/l9YG2w1459+c/vbczZO1/yl6bb+UPriFJCJof1hK/qLc0YERcFZLbRAQDfXWhJ2yww==","shasum":"0a0c19929bddb167da63d6ddcebf9d41fbffb39c","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.2.1.tgz","fileCount":13,"unpackedSize":28215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQsmACRA9TVsSAnZWagAA1rgP/R4cW8RMq7Pj3VhW9XCL\ngiDv+AflyRiN0qckTRIjqOzOOfXO7NedFm6CT2w1FuM1j4kyjdQECU66yk3O\nT1x6QA9YbMTBBzMyc8Q1m48/PiLKIv+yP4zdm64cPnMe45lqE5yO5nI/IS/B\nVAOi52dvmIbJwFc0T93zvywtvDTBkwOy+gufvogxU0n6GmrvOn7QUNJI7p+e\nj5BC6NejdpWzoz6fgrm8cgC6l0ozI88CegyylNiM8ekTHZF0dWfPx706oq1E\nDduw5MmLAAPuwFnDZ3pukq9lSngM/1sEa+xQ9cZdoKS79NQYfTkCsRDwZHPP\nwo1X7BKEtJCMZh9TocioD/33BW32o77HmcJE/GUcyy7z/F5TuxuTQJlXGA4Q\n54QSjpY0AwkCA0UfY2j9xjro7hu7BJv8NMHvl5wJy9SR1FvnkJgDXftr5a+t\n3CrU6v3joCSj8FlQr4mM0KKTp76ekY1URh7ZvbpzmH6aWaCpBAR/slJ9LlCc\nzb4U+KK2mAv/vSkv9Tl4JqqwgRYnKhdXQVo3iErFUVvov6m0tabG9OPy2b8m\nDM+G1XykFIqxMW1VBbjkZrGxzkF93c8xKVM3c/gPklptNoY/ntuitHMr2org\nsCT6YPJSY3o4/kJ4+yggAbMrFhgb9W/vEMnijQl7brOzWA08OMVIgaktSwTP\nwxoN\r\n=JWOI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH0EmzietbosW29koQADZWy/KchHqPMYH5yIH6togVN3AiEAi0GrP51bgQfJjAJ12+RJZdgQY7WYyrLPjeWnB0o+nMM="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.2.1_1581435264299_0.8664101890891229"},"_hasShrinkwrap":false},"1.2.2":{"name":"react-viewport-hooks","version":"1.2.2","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","test":"jest --coverage","watch":"npm run build -- --watch","watch:test":"npm run test -- --watch","lint":"eslint 'src/**/*.{tsx,ts}' --fix","prettier":"prettier --write 'src/**/*.{tsx,ts}'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@rollup/plugin-node-resolve":"^7.1.1","@testing-library/react":"^9.4.0","@testing-library/react-hooks":"^3.2.1","@types/jest":"^25.1.3","@types/react":"^16.9.22","@typescript-eslint/parser":"^2.20.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.0","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.18.3","eslint-plugin-react-hooks":"^2.4.0","husky":"^4.2.3","jest":"^25.1.0","lint-staged":"^10.0.7","prettier":"^1.19.1","react":"^16.12.0","react-dom":"^16.12.0","react-test-renderer":"^16.12.0","rollup-plugin-terser":"^5.2.0","rollup-plugin-typescript2":"^0.26.0","ts-jest":"^25.2.1","typescript":"^3.8.2"},"peerDependencies":{"react":">=16.8.0"},"jest":{"transform":{"^.+\\.tsx?$":"ts-jest"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx,ts}":["npm run prettier","npm run lint"]},"gitHead":"b3c421449b1119d107b7eaa3be8913747b1e0862","_id":"react-viewport-hooks@1.2.2","_nodeVersion":"12.10.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-ywPSWKtCEqP4vCDDuxc/gPxuflLlh6reuB0jhEfqjH3aogoMvmZKNNqTdbJ8e/GAo7Xzg+eJZ9KaMs/55N5Z1Q==","shasum":"5f4b8660cca73b9ff03e7526f73ac9b7a35af0da","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.2.2.tgz","fileCount":13,"unpackedSize":28685,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUX45CRA9TVsSAnZWagAA4qsP/1FlhjfYib6ouhuWbmiS\ndxHqUX+kEkmhKkEXjujdJL/TBB4Q3WRMkBZgBCXi9b7UXFPkiIe1iGdv262E\nl0/Vo0RlyuNcPCPGV5fmvKu0mv6F2iveaRpk8v0wD+H7KpsYxP8gapX9MSGE\nQbGZJT+Dgra4fpW6RNzUoELo9k6dREENNRN5pVgRUh7gbI/RNVWE7uy4/pX1\n5usfdwqNrRDQkykQFyfA91LU9MHACfmr6xSb5tbNoBRGkVghp93/xsgd9DgA\nE9tiRenDNj06hRuLBQYqEq/uYq/PZf7CuHmWjNBtmKaWFXhKB89qYSV+8oz+\nK1ExT8LeNFZbdOvWGmE9uDoUwW61WEOk0FnTf008Ir0Q6fFhfbAVbGx2s1nQ\nF/bZNr2DATyYrET6ks1jktSp3aglcZ2bwWA6oDES+N0+0GTCOpXd8//rXTSr\nFPivtQAXqpbxltKkHvxhr3CWNYYY6ixxUuxFautzCKtC1eM2czq3z+kypdAL\n9aWKl5RTzwUpqoKaMgeuEZPt1Xf3eBJBIlVcuI9eX2t99vh5Ruid0KMo3h0+\nckAR+ZT/7qNZTSgAC9Xj+JIvmltXZeba/hxhcRh5DFOvAbibMhUZZu+GhsaT\nIF+PAhyWDAq2IoY30tCyP1jWIOMC5Q2iduHj8RDBeNuTPxVxNtAN1Gm2tTqF\n9S1N\r\n=eaQg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEzBCtwetvu2TYEKIj9KamV3SBeMmv5u4okr6u6BWXxkAiBCUdQA7mUu4Pbt4x9orNMj4R5N/iEXCjr+5sEplioOfg=="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.2.2_1582399032621_0.204706729310711"},"_hasShrinkwrap":false},"1.3.0-beta.1":{"name":"react-viewport-hooks","version":"1.3.0-beta.1","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","test":"jest --coverage","watch":"npm run build -- --watch","watch:test":"npm run test -- --watch","lint":"eslint 'src/**/*.{tsx,ts}' --fix","prettier":"prettier --write 'src/**/*.{tsx,ts}'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@rollup/plugin-node-resolve":"^7.1.3","@testing-library/react":"^10.0.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^25.2.1","@types/react":"^16.9.34","@typescript-eslint/parser":"^2.28.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.1","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","husky":"^4.2.5","jest":"^25.3.0","lint-staged":"^10.1.3","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-test-renderer":"^16.13.1","rollup-plugin-terser":"^5.3.0","rollup-plugin-typescript2":"^0.27.0","ts-jest":"^25.3.1","typescript":"^3.8.3"},"peerDependencies":{"react":">=16.8.0"},"jest":{"transform":{"^.+\\.tsx?$":"ts-jest"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx,ts}":["npm run prettier","npm run lint"]},"readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\nGet real viewport width & height\n\n## How to Install\nFirst, install the library in your project by npm:\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n#### Options\nName | Type | Default | Description\n-|-|-|-\n**updateOnResize** | boolean | `true` | Update sizes on window resize\n**defaultVW** | number | `undefined` | Fallback for default `vw` value\n**defaultVH** | number | `undefined` | Fallback for default `vh` value\n\n#### Returned Values\nName | Type | Description\n-|-|-\n**vw** | number | Window viewport width\n**vh** | number | Window viewport height\n\n#### Example\n**`useViewport` hook:**\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport(/* object with options (if needed) */);\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n}\n\nexport default App;\n```\n\n**`withViewport` HOC:**\n```js\nimport React from 'react';\nimport { withViewport } from 'react-viewport-hooks';\n\nconst App = ({ vw, vh }) => {\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n};\n\nexport default withViewport(App, /* object with options (if needed) */);\n```\n\n## License\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"deecdaa9aa187f43f3f82117cef690e71ae03566","_id":"react-viewport-hooks@1.3.0-beta.1","_nodeVersion":"12.10.0","_npmVersion":"6.14.3","dist":{"integrity":"sha512-maGpJoEFaVVN1FPKGE2gFwm8FTNpQW8+9bze3vVcvar68UxB6YQntd5kvNyQP917D89CfxlYVtGV6oFR0JtoHA==","shasum":"8d26636930b0412bb99c4670e65eb4f4ab79e44d","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.3.0-beta.1.tgz","fileCount":13,"unpackedSize":30623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelNnVCRA9TVsSAnZWagAAfC8P/24DXh7y/hdsmFgftllV\nCOqCDQPSy0VDzKKLN89k/HH2Ka2KjyQIGL0FZSq/aFcWAUEe8o53SpZnxWf4\n6C9uFCO57Sz9qyBwk+xz/655VFiGoSKGksxTFmRrg/pNmMH1xFPbPkzODBfF\nsk6wWEtYeXz4dnPnkQjR3r5F2BMWHXS72udE+FCeum9tMsCeHTXrNv6rKsEf\naKz5CLId4r2NzNiaYjrPouhTSm0F0HignE91nqnKl0zoWpOaEJwafUn3zTvN\nYhuIul9WkooTKC2TZgTMqt1TlKlS+xoQTvyLZLZho4uO4dUlpWkWw/fdH7v4\nIQec1LS4sB7YPkhLuk6BCPk+U0/yO/6mSDPeFswKZ7p5Pm6E5kLxl85ywF00\nlunLSohDKQb6VWhPmJO0pW2eG6aIMlcSp/jUv9bUz19FlptsAKxUugBHapMe\nN2cwzjT2OzD8N2WQsWJbstr3aei8bAxHoyyCVhRGvethDzsrNlRbGQytg+Jr\nMxIF7BAgQqqtUkSvb1Krj6Y/drkrgZFqHdP9I9c0aZwztIf/uK5BOPkdsem7\nn6TXGvFE5RqK5Jn8l2K0eJAPCO3w4e+pq4DL06e4tc+vwCoe0t38HcgFge0Q\n64Yl+d6wqr4gu5kAI1Sz8DYVmZs8BoxmS/SOxvhWPbF7WD15TrDlsR4I4cMQ\n5skU\r\n=1v4d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmEF9a7CDRL5K4ThZHOJVQUPUcUSZZ0YlCgVcuddMnKgIhAK2kSJrWMTTpHOAMFmJqXrN5YZS0vD+v7hEhTgSKj9dj"}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.3.0-beta.1_1586813396932_0.5150430039970457"},"_hasShrinkwrap":false},"2.0.0-alpha.1":{"name":"react-viewport-hooks","version":"2.0.0-alpha.1","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","test":"jest --coverage","watch":"npm run build -- --watch","watch:test":"npm run test -- --watch","lint":"eslint 'src/**/*.{tsx,ts}' --fix","prettier":"prettier --write 'src/**/*.{tsx,ts}'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@rollup/plugin-node-resolve":"^7.1.3","@testing-library/react":"^10.0.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^25.2.1","@types/react":"^16.9.34","@typescript-eslint/parser":"^2.28.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.1","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","husky":"^4.2.5","jest":"^25.3.0","lint-staged":"^10.1.3","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-test-renderer":"^16.13.1","rollup-plugin-terser":"^5.3.0","rollup-plugin-typescript2":"^0.27.0","ts-jest":"^25.3.1","typescript":"^3.8.3"},"peerDependencies":{"react":">=16.8.0"},"jest":{"transform":{"^.+\\.tsx?$":"ts-jest"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx,ts}":["npm run prettier","npm run lint"]},"readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\nGet real viewport width & height\n\n## How to Install\nFirst, install the library in your project by npm:\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n#### Options\nName | Type | Default | Description\n-|-|-|-\n**updateOnResize** | boolean | `true` | Update sizes on window resize\n**defaultVW** | number | `undefined` | Fallback for default `vw` value\n**defaultVH** | number | `undefined` | Fallback for default `vh` value\n\n#### Returned Values\nName | Type | Description\n-|-|-\n**vw** | number | Window viewport width\n**vh** | number | Window viewport height\n\n#### Example\n**`useViewport` hook:**\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport(/* object with options (if needed) */);\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n}\n\nexport default App;\n```\n\n**`withViewport` HOC:**\n```js\nimport React from 'react';\nimport { withViewport } from 'react-viewport-hooks';\n\nconst App = ({ vw, vh }) => {\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n};\n\nexport default withViewport(App, /* object with options (if needed) */);\n```\n\n## License\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"8fe49c13d8d30b20bb2e51518c63d29eb2d4e880","_id":"react-viewport-hooks@2.0.0-alpha.1","_nodeVersion":"12.10.0","_npmVersion":"6.14.3","dist":{"integrity":"sha512-n4DXWmh6oljy0ywZe7H1meIPxU2gOTofuZIilQ7B1lWUxSA3V0V5SOfapB0UHYwxdsh62SgO+UmS0J/S5tAs9g==","shasum":"17f752fe5185ee392981d4aaab566f6c37423ebe","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-2.0.0-alpha.1.tgz","fileCount":24,"unpackedSize":11003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemFGbCRA9TVsSAnZWagAAIPQQAJDNZelANDiSbLWwKs3m\nP8hOVzMy603wrGuZTQFQNuzH1tAcemMUnSIR7cvg2OEpu0Hbl7VUKwdRAkBP\n/iZgUH5wiHN4EMl34bAmsEQy8pDFyQ4hGXFoZPBeP5gp8/dyQxdTikJAczUZ\nbrb+HgzrCt2wty+hVZQgmXtE4+57kLRlHvHau3IXRQLp072YB9N6LYpOYVb8\nN2Og8w2vK+RYxmmkL57rP0BDg5xI0lOXjvETtVIF0SjRTtoIugdDRVZ8wNRT\nSpdbq4eV8ceC/rz4dLtryCiFpNiP3NMEGcBncnApyYbrYeVvKIiaW6hiu2Uz\nruAIJinmi6rcZv7aK2tbC/WopIIpKGxK9loZ5qWFMUWbMl8PFRRe0FIb6zIq\naywuUq9NIMN4B9Rej6dTMkll94yQF2XTsnZj8JjefgJzQZOLaHp6TX8FLWVg\nsl4L6Uj4vsepF/GqAxfO8hzeqja9Tjqg9rNoXV2h743xqvzq2TuPDL3w1Q9A\nzEjc229uENioYpKIZKL0puo96U3Qe9OfSNcQm6sGzT/RNrYLEP3pTyrEpugW\n1sofw9MZxq0fXZzx4HAwGjzsSa74GC4bOmW6RfgNdgE1xbt8cUF6S1KUZ5Cs\nq9Aa1KTh4cH1b2xp7k+1RKjbTMO9DKZFsmC+EOkOk40u5KpKnuQPNJvtr+Eu\nhLs/\r\n=tUYe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJN3DpeOA1pGV7ZivxdaXi+NoEsly3UaMHJwUms/eR5AIhANLLpFtzESjNZFHnWSMetU3IXcTshc+Z5tAMeRfBbSWX"}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_2.0.0-alpha.1_1587040667223_0.09874490604531361"},"_hasShrinkwrap":false},"2.0.0-alpha.2":{"name":"react-viewport-hooks","version":"2.0.0-alpha.2","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","test":"jest --coverage","watch":"npm run build -- --watch","watch:test":"npm run test -- --watch","lint":"eslint 'src/**/*.{tsx,ts}' --fix","prettier":"prettier --write 'src/**/*.{tsx,ts}'"},"repository":{"type":"git","url":"git+https://github.com/cool-hooks/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/cool-hooks/react-viewport-hooks/issues"},"homepage":"https://github.com/cool-hooks/react-viewport-hooks#readme","devDependencies":{"@rollup/plugin-node-resolve":"^7.1.3","@testing-library/react":"^10.0.2","@testing-library/react-hooks":"^3.2.1","@types/jest":"^25.2.1","@types/react":"^16.9.34","@typescript-eslint/parser":"^2.28.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.1","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.19.0","eslint-plugin-react-hooks":"^3.0.0","husky":"^4.2.5","jest":"^25.3.0","lint-staged":"^10.1.3","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-test-renderer":"^16.13.1","rollup-plugin-terser":"^5.3.0","rollup-plugin-typescript2":"^0.27.0","ts-jest":"^25.3.1","typescript":"^3.8.3"},"peerDependencies":{"react":">=16.8.0"},"jest":{"transform":{"^.+\\.tsx?$":"ts-jest"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx,ts}":["npm run prettier","npm run lint"]},"readme":"# [react-viewport-hooks](https://github.com/cool-hooks/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\nGet real viewport width & height\n\n## How to Install\nFirst, install the library in your project by npm:\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n#### Options\nName | Type | Default | Description\n-|-|-|-\n**updateOnResize** | boolean | `true` | Update sizes on window resize\n**defaultVW** | number | `undefined` | Fallback for default `vw` value\n**defaultVH** | number | `undefined` | Fallback for default `vh` value\n\n#### Returned Values\nName | Type | Description\n-|-|-\n**vw** | number | Window viewport width\n**vh** | number | Window viewport height\n\n#### Example\n**`useViewport` hook:**\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport(/* object with options (if needed) */);\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n}\n\nexport default App;\n```\n\n**`withViewport` HOC:**\n```js\nimport React from 'react';\nimport { withViewport } from 'react-viewport-hooks';\n\nconst App = ({ vw, vh }) => {\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return (\n Hello Viewport!
\n );\n};\n\nexport default withViewport(App, /* object with options (if needed) */);\n```\n\n## License\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"f616c34e22e3c70f10e808dd33d09d4709f2836d","_id":"react-viewport-hooks@2.0.0-alpha.2","_nodeVersion":"12.10.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-y7gKhClsze23nqIkjRwOV3MLP2uei19JuQq/5G7xfTYfGMoY+Gnv1/zixOMRRd1v/bRyshDJoWwXngYmrSUToA==","shasum":"6328654d41ed487793845b201564614c9e3500c3","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-2.0.0-alpha.2.tgz","fileCount":24,"unpackedSize":11510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqXgvCRA9TVsSAnZWagAAU8wP/i3zdbk9puLNpkLTk0JP\nKBpaCKW5x7ke5NoMNEokaV+VXqFjUvdN5th0EMb5wAAvKkn/boSqmuaCd6Ad\n42VHHZi/3/c65iAGb5OazfH3Qb/3gO/VpgnCI/En2ENH7lKqBhfScxckURK4\nCwOLuPjKTPnJdnjyP9/DgRtQOjnt6Y6s+m54dKJ8V8FDR8BRiYT100ScitVM\nXbVMP/zGO5yMDsmKDdAp7k6A22oWW19G0RvaxwFJZU497NhRPrHSdEEgW27W\nkDc6gEZgDDRsaM7XfkNCL15503rNALrMnh9BtIyUCtJOHmnvDhLAWsa0ycA9\nwOXmeievv0QQPMiHWM/ZCzPvMmUogPEblRPHdzZzI253pAXJL9R+23j5IXGJ\ndA+W7BbHFnOk1p5UjCRsGq6LzCUcFIHYssYnhw7Gh8WS3oufT2ooV5iVPkKW\nLtpNwEXv5hzEakqBmlUDQ2cwSXwAChTM/WUBdcYAHc+WFvDe+8x+/L2kFlPd\n224Wn76OY/npxvUznskJz9nloWbdLFyy4jCBZObk0/++TkMDnkwk5CcTRM9c\nWYbOOm8R5YBEYwulrNX6YWsGyt2Pi6/b5lUDe1ZipCMM6+HTxzeBxgGeIOE0\nmVEqXWUu+rGnLZ+7PjWBuRh7I2Htke7AwcRdM2UylAtBvr9bp+vNfAmel3xz\nxK9Q\r\n=8FuR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0TD9j1q/xF7u/y8GoZRWfqRhkoM8PPYdFXjZO/E2uZgIhAOe99OhEykKuLjPIhTdiUVuoASTmXnymCVqh5kZ0sydS"}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_2.0.0-alpha.2_1588164654841_0.9868633027734148"},"_hasShrinkwrap":false},"1.4.0":{"name":"react-viewport-hooks","version":"1.4.0","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","test":"jest --coverage","watch":"npm run build -- --watch","watch:test":"npm run test -- --watch","lint":"eslint 'src/**/*.{tsx,ts}' --fix","prettier":"prettier --write 'src/**/*.{tsx,ts}'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@rollup/plugin-node-resolve":"^8.0.0","@testing-library/react":"^10.0.4","@testing-library/react-hooks":"^3.2.1","@types/jest":"^25.2.3","@types/react":"^16.9.35","@typescript-eslint/parser":"^3.0.0","eslint":"^7.1.0","eslint-config-prettier":"^6.11.0","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","husky":"^4.2.5","jest":"^26.0.1","lint-staged":"^10.2.6","prettier":"^2.0.5","react":"^16.13.1","react-dom":"^16.13.1","react-test-renderer":"^16.13.1","rollup-plugin-terser":"^6.1.0","rollup-plugin-typescript2":"^0.27.1","ts-jest":"^26.0.0","typescript":"^3.9.3"},"peerDependencies":{"react":">=16.8.0"},"jest":{"transform":{"^.+\\.tsx?$":"ts-jest"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx,ts}":["npm run prettier","npm run lint"]},"gitHead":"5a5dfa7a650dd70d785453909f89a296a77316b2","_id":"react-viewport-hooks@1.4.0","_nodeVersion":"12.10.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-O5egvqyx3dcoUll/7Z9U3fI4gDdabCOIWPg70Z9KNQxb8qBnKkJpEBVkVpPp0/3isDw1hk0c92SfyNo38uERsA==","shasum":"0cb6c9532be5ee018afc826ec8c909aeee0e8df3","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.4.0.tgz","fileCount":13,"unpackedSize":31145,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJey8yfCRA9TVsSAnZWagAAKZQP/3MjHx3QV3A4QyF2QwKG\nav57MdPtdoRhjNTcb70I1q+NzRlwW9sJd1nJTU5/+rOLT1mVlg81XANeyrnE\nywlJVXdXg7eg3Xn+8ItRn8J6EowJ85Mi8t+Uu/gMPTKthWb6hrIGHscj+102\nt5NC/rch4i/Sy8g+iEy3Mn2OUc80kBXbGcj0v6P3qJmK6pgpJzg9EsdWeLJ/\nGBh3DckbHpA6BdjLizTMxL+zZ6p4uNn4BY0ypAJyVWK6tOGr5yFPpeO1M0ZH\nkvlP8CSJNJsUQlkkuC6f6VoH9YAE1CaH+T306n6JxDQ/ycNvWh9qnxryCqWC\nWv228pH+rpOSJq58PmoRrR6KiIXL0go6NtmVFfSbYyPnLAKSkyWUf+/UuBLD\nSHsN24o5kkXODKEGLNbW0n/nA3UOEfUQe5DVeCsLDcg0gEiCpswjQeVygvZD\npMjFcZoV4RmzG+VERrrIIsLrtGkoAmcZoCmPuBmNpAxANmKI206t66asSpaX\nsHkyM/7aEqwsCYYziOBhiI2J5q11un6zJgJlmaKmsZaIhN7StAUVef0ytpQd\niMsy65VT/rltLUmbV/uYvLlH3SYfPT51NMj0OxiVUn0mnMh5vSMtv2vRD1nc\nzMlqws+t3xq5JvS+hA1Wv7GT5ouqqjbO9n08VczCF/90ww/bYNpBxjDYhV3+\ncWru\r\n=BERf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCtytnT6jTcuhl9jEYYbVJOwl3dVw3xTWia75usyCGiqQIgP8MjpdAKl5MJGYA+h8pP6EgABElw0ZUdP1UBJ+6bSxE="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.4.0_1590414494764_0.4866966176423737"},"_hasShrinkwrap":false},"1.5.0-beta.1":{"name":"react-viewport-hooks","version":"1.5.0-beta.1","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","test":"jest --coverage","watch":"npm run build -- --watch","watch:test":"npm run test -- --watch","lint":"eslint 'src/**/*.{tsx,ts}' --fix","prettier":"prettier --write 'src/**/*.{tsx,ts}'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@rollup/plugin-node-resolve":"^8.0.0","@testing-library/react":"^10.0.4","@testing-library/react-hooks":"^3.2.1","@types/jest":"^25.2.3","@types/react":"^16.9.35","@typescript-eslint/parser":"^3.0.2","eslint":"^7.1.0","eslint-config-prettier":"^6.11.0","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.4","husky":"^4.2.5","jest":"^26.0.1","lint-staged":"^10.2.7","prettier":"^2.0.5","react":"^16.13.1","react-dom":"^16.13.1","react-test-renderer":"^16.13.1","rollup-plugin-terser":"^6.1.0","rollup-plugin-typescript2":"^0.27.1","ts-jest":"^26.1.0","typescript":"^3.9.3"},"peerDependencies":{"react":">=16.8.0"},"jest":{"transform":{"^.+\\.tsx?$":"ts-jest"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx,ts}":["npm run prettier","npm run lint"]},"readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\n\nGet real viewport width & height\n\n## How to Install\n\nFirst, install the library in your project by npm:\n\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n\n#### Options\n\n| Name | Type | Default | Description |\n| ------------------ | ------- | ----------- | ------------------------------- |\n| **updateOnResize** | boolean | `true` | Update sizes on window resize |\n| **defaultVW** | number | `undefined` | Fallback for default `vw` value |\n| **defaultVH** | number | `undefined` | Fallback for default `vh` value |\n\n#### Returned Values\n\n| Name | Type | Description |\n| ------ | ------ | ---------------------- |\n| **vw** | number | Window viewport width |\n| **vh** | number | Window viewport height |\n\n#### Example\n\n**`useViewport` hook:**\n\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport(/* object with options (if needed) */);\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return Hello Viewport!
;\n};\n\nexport default App;\n```\n\n**`withViewport` HOC:**\n\n```js\nimport React from 'react';\nimport { withViewport } from 'react-viewport-hooks';\n\nconst App = ({ vw, vh }) => {\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return Hello Viewport!
;\n};\n\nexport default withViewport(/* object with options (if needed) */)(App);\n```\n\n## License\n\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"2bda80a5784fdc7f9f333634fe0813c4e9c8b2da","_id":"react-viewport-hooks@1.5.0-beta.1","_nodeVersion":"12.10.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-l8s4Ypgn3lXAzq2VBZTp/VT+op4JdWAf65ycuGZORtIRRzxpaHpsWLuBao6LECdvLEdKkPyNGb3r1GG9PAki4Q==","shasum":"5a02b9c8f60a8b55cb6d35d7bf4fc0048f79b4c8","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.5.0-beta.1.tgz","fileCount":13,"unpackedSize":31957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1DLVCRA9TVsSAnZWagAA83YP/1lEioyF01lr5bCbJJ45\n8xdrGcy1HkQi1lztorWI3FpBI9A7JBuPJwy10H1wl/gbHBfxnEKiMsfUdCnM\nBzIP94pLgBjxEn5X14i1dkPl+IsjSj1efjj38q7mRRoR8y3K0F7aGpGPhsVX\ng1Sg2L3y98OwcxSIitlHH0ZGnPAIPsqxpbUV276oLeJaPHBaUBCuEzUglmMM\nEzXE/4GOPEOLZxaBhmxU9s/8cPQ5lSjglwAGoWCoZMAQHce0fr8GylyNvvRM\n5DH+d708Ly2yK07FF2JKZUoXut3q1ZK8cedQOF4/FojwrJVeUrk/ZqDe9s1w\nvhDgRr8SBhlWfUToxlK2nqcHwRJbI3bG8EsapiMvXKFsp4OmxFSNHcLNlgmy\n0JtYXNvqZ6VrrLaQDMiiBgk9u67Ysgkdxwl1AAk/nL9N5Gip8E7mm2dln66g\nw1AMVjnPM7DQpeQKa858IV72d3NQEuIZAHv3YatD0Ns8jH5TSt7439XZmAcy\nKkvx2O9wlKcL4MlTZMw+CIS7tDTx75lvaNluwts+IiXBTEdSMVXeJkThqt18\nQP3SZQtMXCJeX0yV6Zi/3a451wgqVXkxK2lwYJ8etGUAtss0SRHB/lqIsSnV\n3mFMk4N6mQBJiMCToLwvr/6BuwVcy6c6Kk0IKl4d0/YENPBBz++wJexQ3Iho\npVH/\r\n=0JuB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFnno41FurXzU4KGJZF7nK+v9mzaznRebtbTGg62k1ywIhAOwZvol95ri3sdfBLRHVbtfT326mjkuu/kZ48YvDFDPM"}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.5.0-beta.1_1590964949614_0.08994758833933592"},"_hasShrinkwrap":false},"1.5.0-beta.2":{"name":"react-viewport-hooks","version":"1.5.0-beta.2","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","test":"jest --coverage","watch":"npm run build -- --watch","watch:test":"npm run test -- --watch","lint":"eslint 'src/**/*.{tsx,ts}' --fix","prettier":"prettier --write 'src/**/*.{tsx,ts}'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@rollup/plugin-node-resolve":"^8.0.0","@testing-library/react":"^10.0.4","@testing-library/react-hooks":"^3.2.1","@types/jest":"^25.2.3","@types/react":"^16.9.35","@typescript-eslint/parser":"^3.0.2","eslint":"^7.1.0","eslint-config-prettier":"^6.11.0","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.4","husky":"^4.2.5","jest":"^26.0.1","lint-staged":"^10.2.7","prettier":"^2.0.5","react":"^16.13.1","react-dom":"^16.13.1","react-test-renderer":"^16.13.1","rollup-plugin-terser":"^6.1.0","rollup-plugin-typescript2":"^0.27.1","ts-jest":"^26.1.0","typescript":"^3.9.3"},"peerDependencies":{"react":">=16.8.0"},"jest":{"transform":{"^.+\\.tsx?$":"ts-jest"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx,ts}":["npm run prettier","npm run lint"]},"readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\n\nGet real viewport width & height\n\n## How to Install\n\nFirst, install the library in your project by npm:\n\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n\n#### Options\n\n| Name | Type | Default | Description |\n| ------------------ | ------- | ----------- | ------------------------------- |\n| **updateOnResize** | boolean | `true` | Update sizes on window resize |\n| **defaultVW** | number | `undefined` | Fallback for default `vw` value |\n| **defaultVH** | number | `undefined` | Fallback for default `vh` value |\n\n#### Returned Values\n\n| Name | Type | Description |\n| ------ | ------ | ---------------------- |\n| **vw** | number | Window viewport width |\n| **vh** | number | Window viewport height |\n\n#### Example\n\n**`useViewport` hook:**\n\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport(/* object with options (if needed) */);\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return Hello Viewport!
;\n};\n\nexport default App;\n```\n\n**`withViewport` HOC:**\n\n```js\nimport React from 'react';\nimport { withViewport } from 'react-viewport-hooks';\n\nconst App = ({ vw, vh }) => {\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return Hello Viewport!
;\n};\n\nexport default withViewport(/* object with options (if needed) */)(App);\n```\n\n## License\n\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"5fbde26dd797e245fe07e1ac3ec688fade87809a","_id":"react-viewport-hooks@1.5.0-beta.2","_nodeVersion":"12.10.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-R+WwtQvOJ1h9KuyWxhFKW6Sn8GT7c4/wj17Df+QrG3NzjgTwVkFJHdrWxcWxFLioB0VMKmBcENKJ/Ydp1dhqWQ==","shasum":"5172612e622d201fb2a8be2a046e49844586fcbe","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.5.0-beta.2.tgz","fileCount":13,"unpackedSize":32053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1OccCRA9TVsSAnZWagAAJGIQAJtgD/rVoGzH3OZhA21G\nnqHLEBQisZc+z9t/UdGGJl+OmzfrlbXZqDsi1v+vPjAPh8w6Y4uZpcYc348p\nZqsUzQscCfmG/zRU/bHMeuO9ObQ2TbHJ8jzt2Wv5ZtmMhqH58sHd8Ksp80Rs\n0RO61bc9zP0XEZgwCarYD+//MvPrqRBdaiV7/y64MkykenUF134ZAmYB3Qw/\nT8qHGxEYn+GDjTQ1zQHWBulN7dMrAWYGaIXi1aRPye/bOrOeWC+2bZ5e3V+v\nZLsBeMCY6JI3MCDxXDHf0t/g6z6YZi3po6oggzzHUgwLH0YdZIKYYKe2xNxb\nCaA0uB8CaGmU55fjk7JQCZxHOxl/EGRfYOj5XBMCs+PzOGyLvhrh4u7vV7Qj\nlMuBSBZHy5ggMzbbTyovEpFNuTEJet49KMqJjDwYED5Kkdt1gmKABHLUvr8I\nIk65HiOmBkLkTv3WkYb/dtypd4nD/9iQX1FC5bgI5I/TAvNzLPq4jii/hmkQ\nYfDIFGIzgcExWqFOvmu531k96s1yDuR0pIhE/gochOktqJ3GSGxQ6aCinOJE\n389iwd7B5ApAPg0UMSubsqGBoaBQipQsjz1G3HbN9IYj7twu2WTlFCVLnQR/\nY4WS/225HGCu8CNjL+g2DAtIRmYPS5qYqSbuf7w4ck2/jfZXPdG2MsPjlUUd\nSSFv\r\n=OIBN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFlkbDjNd6ScjP3FYxcCIPYXYD0rRhoTSsime1HuBxkeAiEAhfCKKa3ndrNuONfFWbDNd938QD/9RQo6M/1BDP/TrGQ="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.5.0-beta.2_1591011100097_0.008528828187559956"},"_hasShrinkwrap":false},"1.5.0-beta.3":{"name":"react-viewport-hooks","version":"1.5.0-beta.3","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","test":"jest --coverage","watch":"npm run build -- --watch","watch:test":"npm run test -- --watch","lint":"eslint 'src/**/*.{tsx,ts}' --fix","prettier":"prettier --write 'src/**/*.{tsx,ts}'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@rollup/plugin-node-resolve":"^8.0.0","@testing-library/react":"^10.0.4","@testing-library/react-hooks":"^3.2.1","@types/jest":"^25.2.3","@types/react":"^16.9.35","@typescript-eslint/parser":"^3.0.2","eslint":"^7.1.0","eslint-config-prettier":"^6.11.0","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.4","husky":"^4.2.5","jest":"^26.0.1","lint-staged":"^10.2.7","prettier":"^2.0.5","react":"^16.13.1","react-dom":"^16.13.1","react-test-renderer":"^16.13.1","rollup-plugin-terser":"^6.1.0","rollup-plugin-typescript2":"^0.27.1","ts-jest":"^26.1.0","typescript":"^3.9.3"},"peerDependencies":{"react":">=16.8.0"},"jest":{"transform":{"^.+\\.tsx?$":"ts-jest"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx,ts}":["npm run prettier","npm run lint"]},"readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\n\nGet real viewport width & height\n\n## How to Install\n\nFirst, install the library in your project by npm:\n\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n\n#### Options\n\n| Name | Type | Default | Description |\n| ------------------ | ------- | ----------- | ------------------------------- |\n| **updateOnResize** | boolean | `true` | Update sizes on window resize |\n| **defaultVW** | number | `undefined` | Fallback for default `vw` value |\n| **defaultVH** | number | `undefined` | Fallback for default `vh` value |\n\n#### Returned Values\n\n| Name | Type | Description |\n| ------ | ------ | ---------------------- |\n| **vw** | number | Window viewport width |\n| **vh** | number | Window viewport height |\n\n#### Example\n\n**`useViewport` hook:**\n\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport(/* object with options (if needed) */);\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return Hello Viewport!
;\n};\n\nexport default App;\n```\n\n**`withViewport` HOC:**\n\n```js\nimport React from 'react';\nimport { withViewport } from 'react-viewport-hooks';\n\nconst App = ({ vw, vh }) => {\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return Hello Viewport!
;\n};\n\nexport default withViewport(/* object with options (if needed) */)(App);\n```\n\n## License\n\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md","gitHead":"5fbde26dd797e245fe07e1ac3ec688fade87809a","_id":"react-viewport-hooks@1.5.0-beta.3","_nodeVersion":"12.10.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-Uftv2J2ZkUXQHfkffHx9Ew8gyu4rSbiXy7cHEqggTz6TZew+w1qEGXkMGt+eWYmLOIGv2GSj1gYE8M+wMehVxg==","shasum":"23642d6825e6d0a47c2394d59a6734da453cd751","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.5.0-beta.3.tgz","fileCount":13,"unpackedSize":32057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1OfnCRA9TVsSAnZWagAAgXUP/jimNDBHKiA0UgV6nmzv\niU9ejbrtYcjrd3FLsPcI+38v3kYyB5uhZpai5f5lvCO+cBCuLZqQ/YWuFl+5\n6/9Zfcubiyuo+8Br4UzmRsYHspn3SsYZfJZ31zWfLwiNHBqdAM90OTSQhzXf\n0v7nacfKc3WYd3HjBWqV1B2UTHo/L/cV6+sNRPfxWaotk8OjZRCYkoUngHPk\nAKQTSMlnNcJne0z7NYgvQ+ULpc0IBiMRVwI3rmm6aY8zlt0Rq2MpTrMg5wvy\nFzHOnT7DwC9f6PV+tUsoHTe6cvi968y8ktNwjTN2Q7SCBC3JvHbJJ2wxRBlS\nCBH0U46XsTumeBz7xfsM3xmDEXqbhmgOg/OFQo5Jucw+36UAwi14yDPhM60B\nlLP8FYtEjxrt2jLne7aGICccmFeg6WUXkmZja5uF+xJlAdxDLXzBdovJ+6nX\noHiNN6AB6rXc7HqbJZwW+BJMmhd7K7rAEWHGoUQL8tZZHESmzezkxqQd0p3s\nWJ74uCpF6xqoMNDYET6rqUSektLWA+LEiiK2QZklLj3pfOjQ5KqFtUxYjZOk\nKb9wzGfDA3uel6+8JxIZSp1GrGcWCJ+MAOYv9J0Ye7aekB4OrM5Y44EA2gei\nZvfKljk9Nv+pDRBqI5e4A87ijV6bhK0y4WIxx5bfQ6OPZMzeiD88CFJ4/CNt\nLVUN\r\n=SHKF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHzLOyMrghDK9Df+lBnY1/t8CjvB01YM8liV2lRGUnx3AiBr0D+2akdwSH5iZ/yC/V8HwRphp1tB8O9Xv4fTZMBktA=="}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.5.0-beta.3_1591011303503_0.9856248673392733"},"_hasShrinkwrap":false},"1.5.0":{"name":"react-viewport-hooks","version":"1.5.0","description":"Get real viewport width & height","author":{"name":"Jakub Biesiada"},"license":"MIT","main":"lib/react-viewport-hooks.cjs.js","module":"lib/react-viewport-hooks.esm.js","types":"lib/index.d.ts","scripts":{"release":"rimraf lib/* && npm run prettier && npm run lint && npm run build","build":"rollup -c","test":"jest --coverage","watch":"npm run build -- --watch","watch:test":"npm run test -- --watch","lint":"eslint 'src/**/*.{tsx,ts}' --fix","prettier":"prettier --write 'src/**/*.{tsx,ts}'"},"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"keywords":["viewport","hooks","React","library"],"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"homepage":"https://github.com/JB1905/react-viewport-hooks#readme","devDependencies":{"@rollup/plugin-node-resolve":"^8.0.0","@testing-library/react":"^10.0.4","@testing-library/react-hooks":"^3.2.1","@types/jest":"^25.2.3","@types/react":"^16.9.35","@typescript-eslint/parser":"^3.1.0","eslint":"^7.1.0","eslint-config-prettier":"^6.11.0","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.4","husky":"^4.2.5","jest":"^26.0.1","lint-staged":"^10.2.7","prettier":"^2.0.5","react":"^16.13.1","react-dom":"^16.13.1","react-test-renderer":"^16.13.1","rollup-plugin-terser":"^6.1.0","rollup-plugin-typescript2":"^0.27.1","ts-jest":"^26.1.0","typescript":"^3.9.3"},"peerDependencies":{"react":">=16.8.0"},"jest":{"transform":{"^.+\\.tsx?$":"ts-jest"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{tsx,ts}":["npm run prettier","npm run lint"]},"gitHead":"326c5cc067e24420a102e6785c1f2be45181e578","_id":"react-viewport-hooks@1.5.0","_nodeVersion":"12.10.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-6hAtd3TuWJYV5sXruWvEsDyXZTmHI0BjEDPTgwRbGtLRsGdIQUlYvgJYJqPllZb7zRVppUHB6RiKnD7/SBQL4Q==","shasum":"b0daac3a83dd75b9120050d469e899c52f1057c5","tarball":"https://registry.npmjs.org/react-viewport-hooks/-/react-viewport-hooks-1.5.0.tgz","fileCount":13,"unpackedSize":32055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1Wa7CRA9TVsSAnZWagAAe5UQAJn25mHwuuKfUNDR9B3X\nPAUWElo7uWAVR+clPzApPr7R8h77elzFkPjvIycuVhoR2BcUAoKwJgjr45bs\nbY4Jk0bmT5z2F0LpfqcAbL6UoO+CnV+nNfEOq66qcxCNqwXSBydav4P21qjD\nctnG6wiRhaCkcVSZBwdIkOnEP+RS3ZeSVfDum/AfvN48b0aPnK2CSekm2OBU\n8gFZkqDkG+hDbs41PAktFzWZz/DPdPcwpGh53Rkh/aDa9WHjOY50PC3ao2o9\niH3c3PJ5Q6XAfOT5tX4fhnATqMOj2gkm/Ko3DYrI1t4egot+6bVk+DEyoZJc\nqs096jHthw85xsg3Z+7POsFxqxPLZ0/GnGspODo9CtdVy7U1NDMpkz8JjSzA\nkSu/Qjbo3janK6x7N46rJL/LsaBZYwSGwSeJbeXBvY0FpT+YsYssf+4gur0g\nPqdpuV86+D5EMQzNihe+BhXpxtIyshwVTvvcWd08TDNJUXI4xU8ofEDFbqSe\nFHQfeAih8RsJhvSp8c/F99LdYSUp3z4vugONSK56byj8vn9VtAFUvew83Jw5\nHhJSwZWuQkQYg3EiAHJj2gwrEZ0d3FUx5Jv+uIJTLulbXfejuvsSXildbD4T\nKkzXZnF5dY/P8KRAX7uRsu78A4mnC0DrYZ9nWr8qDgpIEpltVzlsjtThUO3u\n0YsK\r\n=9Suf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1d6gC7EMc3MyMKxgOjYS5ciCrXXUFWnCgxx5cKb/hRQIhAMD/C+xA4de5e8w4MYoi3cuWSEUMQEXi6vtV5ioKBemv"}]},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"_npmUser":{"name":"jbiesiada","email":"biesiadajakub@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-viewport-hooks_1.5.0_1591043770985_0.33241860410525303"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-05T12:05:45.349Z","1.0.0":"2019-08-05T12:05:45.489Z","modified":"2022-05-15T07:25:59.769Z","1.0.1":"2019-08-05T12:06:47.008Z","1.0.2":"2019-08-05T13:21:05.587Z","1.1.0-beta.1":"2019-08-09T00:22:57.318Z","1.1.0":"2019-08-13T00:11:31.429Z","1.1.1":"2019-08-13T00:14:41.913Z","1.1.2-beta.1":"2020-02-01T13:51:09.272Z","1.1.2":"2020-02-08T18:11:28.640Z","1.2.0-beta.1":"2020-02-11T14:32:54.737Z","1.2.0-beta.2":"2020-02-11T15:12:44.187Z","1.2.0-beta.3":"2020-02-11T15:15:59.251Z","1.2.0":"2020-02-11T15:31:25.111Z","1.2.1":"2020-02-11T15:34:24.651Z","1.2.2":"2020-02-22T19:17:12.753Z","1.2.3-beta.1":"2020-04-10T12:20:26.276Z","1.3.0":"2020-04-10T12:38:08.365Z","1.3.0-beta.1":"2020-04-13T21:29:57.090Z","2.0.0-alpha.1":"2020-04-16T12:37:47.393Z","2.0.0-alpha.2":"2020-04-29T12:50:55.061Z","1.4.0":"2020-05-25T13:48:14.900Z","1.5.0-beta.1":"2020-05-31T22:42:29.712Z","1.5.0-beta.2":"2020-06-01T11:31:40.208Z","1.5.0-beta.3":"2020-06-01T11:35:03.651Z","1.5.0":"2020-06-01T20:36:11.129Z"},"maintainers":[{"name":"jbiesiada","email":"biesiadajakub@icloud.com"}],"description":"Get real viewport width & height","homepage":"https://github.com/JB1905/react-viewport-hooks#readme","keywords":["viewport","hooks","React","library"],"repository":{"type":"git","url":"git+https://github.com/JB1905/react-viewport-hooks.git"},"author":{"name":"Jakub Biesiada"},"bugs":{"url":"https://github.com/JB1905/react-viewport-hooks/issues"},"license":"MIT","readme":"# [react-viewport-hooks](https://github.com/jb1905/react-viewport-hooks)\n\n[](https://www.npmjs.com/package/react-viewport-hooks)\n[](https://www.npmjs.com/package/react-viewport-hooks)\n\n## About\n\nGet real viewport width & height\n\n## How to Install\n\nFirst, install the library in your project by npm:\n\n```sh\n$ npm install react-viewport-hooks\n```\n\nOr Yarn:\n\n```sh\n$ yarn add react-viewport-hooks\n```\n\n## Getting Started\n\n#### Options\n\n| Name | Type | Default | Description |\n| ------------------ | ------- | ----------- | ------------------------------- |\n| **updateOnResize** | boolean | `true` | Update sizes on window resize |\n| **defaultVW** | number | `undefined` | Fallback for default `vw` value |\n| **defaultVH** | number | `undefined` | Fallback for default `vh` value |\n\n#### Returned Values\n\n| Name | Type | Description |\n| ------ | ------ | ---------------------- |\n| **vw** | number | Window viewport width |\n| **vh** | number | Window viewport height |\n\n#### Example\n\n**`useViewport` hook:**\n\n```js\nimport React from 'react';\nimport { useViewport } from 'react-viewport-hooks';\n\nconst App = () => {\n const { vw, vh } = useViewport(/* object with options (if needed) */);\n\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return Hello Viewport!
;\n};\n\nexport default App;\n```\n\n**`withViewport` HOC:**\n\n```js\nimport React from 'react';\nimport { withViewport } from 'react-viewport-hooks';\n\nconst App = ({ vw, vh }) => {\n document.documentElement.style.setProperty('--vw', `${vw}px`);\n document.documentElement.style.setProperty('--vh', `${vh}px`);\n\n return Hello Viewport!
;\n};\n\nexport default withViewport(/* object with options (if needed) */)(App);\n```\n\n## License\n\nThis project is licensed under the MIT License © 2019-present Jakub Biesiada\n","readmeFilename":"README.md"}