{"_id":"react-socks","_rev":"9-eb9a9f2e57e12631b1962d557fc9a14e","name":"react-socks","dist-tags":{"latest":"2.2.0"},"versions":{"1.0.0-alpha":{"name":"react-socks","version":"1.0.0-alpha","description":"React library to render components only on specific viewports","main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run test && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"dependencies":{"react":"^16.6.0"},"devDependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.4","chai":"^4.1.2","clean-webpack-plugin":"^0.1.16","css-loader":"^1.0.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^5.8.0","eslint-plugin-react":"^7.4.0","jest-cli":"^23.6.0","node-sass":"^4.7.2","prop-types":"^15.6.0","react-addons-test-utils":"^15.5.1","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.0.0","regenerator-runtime":"^0.12.1","sass-loader":"^7.0.1","sinon":"^7.1.1","style-loader":"^0.23.1","webpack":"^4.9.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.4"},"keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"b478fbb0400517ffef240d110ee87994e63a7385","_id":"react-socks@1.0.0-alpha","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"flexdinesh","email":"flexdinesh@gmail.com"},"dist":{"integrity":"sha512-wtffOqfzItRoKaZBV9vfhY37r8B2VkxDt5wmNTumEShGGcWche62yiIxCuB9oQglWFWW6o0dTEhVfNaPJQKfMw==","shasum":"48cdcb1b9a88464bf4c1c63d21355f6697bc025d","tarball":"https://registry.npmjs.org/react-socks/-/react-socks-1.0.0-alpha.tgz","fileCount":11,"unpackedSize":24431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4yUmCRA9TVsSAnZWagAAuD0P/ApAA+XBDL39L3wqv1a6\nwhMdIv7S7ZgzdDHfxkToeA47nFgESjiWTyHqB6xmkcldEmmp03Y3uzkhEUpI\nEwU0AjFMnYL6jbSIJsIyCUW2vdht4IA2GWH10epsfCju+gLkM8Q1ckfVCr8v\nDU4c6/BSVIF1vzO27nVSQbZPDx6vF4vZFVgwne0IePYmLYS0C3AiBBX07kLJ\n/g394/qNVGh864cvjCTiL3ZF2C1SySAGeMXjy26yGQnJxT1moCTJcrMsV2Hp\nZUY9KQQT59rwG/r/gTYusM92Gk3F9JJ/HLos5NQNzMTEYTUMhLh5bjooB3Ft\nRct1YTTq7HgwvgK14LYHRUknn869xsmRAOBJglkI04OPJtX+GvIhDve6bBx2\nuA1zvPHjBxX7er0tgbQULl8OY4Ux2S0/l1Um9G3nsMsoqpx8Z68I58a98SsL\n8TkuphMCXaB/YDIL3zeDINizcRDfMjI5c9y1olekzMSjNHLzNfQd786QmpIl\nxyaVi7F/iYLsJk6Jdyti8BBg/2AgTHEwPSjKDBJjoFBK8tuLkZ0A7iqEYJPt\n0b9JY1sRXlnSz4TVCLRZQUVrNfe4fctpqqM7MY3/cEPv0BCgt39lgHCXWrRw\nZgNziKWSj5GeJb4f0zL8GSmrBqkSYA9eEAEyp0yVOUrf0n0668yxgTXgLjci\n2hzD\r\n=sUjz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE37Sbp2ZQq6vtahn5ddyY4tr3MsycAsBnrhKHmQRQD8AiAkIrqWOs5e9M70W92YGyAnPRZqprouUVE8auca1yeMXQ=="}]},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-socks_1.0.0-alpha_1541612837732_0.17682790893411382"},"_hasShrinkwrap":false},"1.1.0-alpha":{"name":"react-socks","version":"1.1.0-alpha","description":"React library to render components only on specific viewports","main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run test && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"dependencies":{},"devDependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.4","chai":"^4.1.2","clean-webpack-plugin":"^0.1.16","css-loader":"^1.0.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^5.8.0","eslint-plugin-react":"^7.4.0","jest-cli":"^23.6.0","node-sass":"^4.7.2","prop-types":"^15.6.0","react-addons-test-utils":"^15.5.1","react":"^16.6.0","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.0.0","regenerator-runtime":"^0.12.1","sass-loader":"^7.0.1","sinon":"^7.1.1","style-loader":"^0.23.1","webpack":"^4.9.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.4"},"peerDependencies":{"react":">= 16.3.0","react-dom":">= 16.3.0"},"keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"daaf413fa8d56bfa141e02b2f11771c3541eb51a","_id":"react-socks@1.1.0-alpha","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"flexdinesh","email":"flexdinesh@gmail.com"},"dist":{"integrity":"sha512-14tt49R5yT3rkmC6Op/EIUXHMMBGajhbpQZAYyyNUIWJ44yZbzcCYyp/QF0uoatUBjQJOGMPsOyLDKVjRqTXiA==","shasum":"9d7e651fbad1ea007c62c3a0f8154aa73d4b0117","tarball":"https://registry.npmjs.org/react-socks/-/react-socks-1.1.0-alpha.tgz","fileCount":11,"unpackedSize":17660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb89GNCRA9TVsSAnZWagAAfoQP/1FzngPBbnQRFzOWMtYD\nA77/54jqAQIVZXZBLaD2qydRxbduuUdIS2XigiIdhnWNZa4KzUKn5fGWKZrg\nmbuRl+pRu1LHB/7LNEHKYad/ISYK0GLsT6F4rzISF7OaMFC6qtrO+VOahmIH\nDXoptCe8HfsTOI+2/BMo5c/k1c5xmysdXAqYWuB3Uzl8vWOvgVHHBxB/v50m\nUy2BdQBcrfg65si5fEMj45e7w/e1AxOR1saLQVAS7im8TX8CnuGURW1nsz3n\ni5E7wJq7OM5+3/Q/54FzKmFhKwRhbWe0fyp0a2C5U7RnFc6VAlcMBWA5N5yG\n6gCquXwHyv+QWupkEHCkvIn/ZaX8koBUepvyc3U0n3bw6UnJlRiMqVqSOIP+\nxjdS4XGPucChuT4AYPFnLNzJRYS/yPx/zPt2rYZkqclvVMz1Y4jKwW/D5Q/j\nNhSy3JBT9bnkQdoS0ggF1J54cMGcSgbK7uz8jTseI1DQ5vOOmvrW53EVcxZd\nOfdTkGGFydUoNpLfkBENVKxGb0Jrvig3ibsDMwAmqPn3QvjySY1VPDRGKTsj\nDb4947Q8sz5vncNPLukRVhiBbsXffLhk0jwo9gfWl4CGErvgjREIbzIX45NG\nCVIn9M8177bOPvZlw74SJCwSzIBNW6fUupWZNetWdkqE+R5Gjqz7kKeW0ki8\nc7Ah\r\n=F/Sj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXyG2lzmabXMPPr7i1B2wSvtqaZQ2pRSOEiadwG6jRnwIhAJtYF/0YUTOt3sPd6KKc44Vm6U5OuzVYkhtnXK6wnA9f"}]},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-socks_1.1.0-alpha_1542705548888_0.9659860840228747"},"_hasShrinkwrap":false},"1.0.0":{"name":"react-socks","version":"1.0.0","description":"React library to render components only on specific viewports","main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run test && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"dependencies":{},"devDependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.4","browser-or-node":"^1.1.0","chai":"^4.1.2","clean-webpack-plugin":"^0.1.16","css-loader":"^1.0.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^5.8.0","eslint-plugin-react":"^7.4.0","jest-cli":"^23.6.0","node-sass":"^4.7.2","prop-types":"^15.6.0","react":"^16.6.0","react-addons-test-utils":"^15.5.1","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.0.0","regenerator-runtime":"^0.12.1","sass-loader":"^7.0.1","sinon":"^7.1.1","style-loader":"^0.23.1","webpack":"^4.9.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.4"},"peerDependencies":{"react":">= 16.3.0","react-dom":">= 16.3.0"},"keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"resolutions":{"babel-core":"7.0.0-bridge.0"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018 Dineshkumar Pandiyan <flexdinesh@gmail.com>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","license":"MIT","_id":"react-socks@1.0.0","dist":{"shasum":"7225e16fc61524f9c9287f50c3bfc3d23b66f16c","integrity":"sha512-KDZ1dY+V5FejvUJD6KaXKgv9B02nTYzvU/w9bCzCwh8nasituFv/xJ7LfxoWbp5ZHDd4xDiXzja7Ey9rKhSiBg==","tarball":"https://registry.npmjs.org/react-socks/-/react-socks-1.0.0.tgz","fileCount":16,"unpackedSize":23300,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDP9nCRA9TVsSAnZWagAAIZMP/3IU/muOCVGxGPzFzZ4d\n6ir5IXQ9qvwQxoLrRCnCsBi2JQjObaep6g9wHcfSA9/TxlsN3m2Wn+APBSkH\ni5SGamIOWGNu9Cch63sGIjlGAJb0FlCZP+2cm3cDmcLsJmz+HRPAJsxIOtYW\ntvLr+DHYJQy9HqwcAngfmA3qJFLftVkC6zztciu9tlKYfHj7A8cW7P43aQdp\nmR5j70iBld/CTnqzVudvcQnSXrNrbGJHXQ5BH7QqrNkcah0YDC2nrJiEm/tL\ntenp87E2dtXh/4uoIyV+RlJZej0lUdrIWPx80gcwfb6gAuf5kuhIBGAbvRZA\n1LaiRrurKIJLyf5uEK44lTkdJMNz3g3Wqbp37i3v0ZV9jXV2Rey6OS5aNDH+\nLiChyQHOGEcEZae0yYLmCogzeMsJ3feMzFf+UNSpNP9rDB/AHaUlhQa24WX7\nUM7UKY/zkV/bsxCBWKO9BUuDEsfj2rUkL/uOI8wOuv6q4eilGOEzTTjLcymV\nFNrRACI5mYUQNAh8tni4vhZ312wM91ve8p7snTtuoLbTHfFPw5fY+wiItELl\nWcShv/Sxsb5Xl1xUDCSYiVwS5EWMgHytQuv/1XtXRRXCZ1zJmrmnCbJ76RPp\nhmwD0d5+e71SKo8LMmgCjnK1tpOaz+ODUnbYIQIrQwTkP7Fffiswcsvc40Hh\nrAhE\r\n=LVxp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDQFCpjX8+EObQbopKNedayvLU0RejI9rJOlcCAtpScwIhAJYTYOv6W9gNwkMSU1nYR9V9bXlAVK4djaADpL+EYkGu"}]},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"_npmUser":{"name":"flexdinesh","email":"flexdinesh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-socks_1.0.0_1544355686864_0.5238444117680345"},"_hasShrinkwrap":false},"1.0.1":{"name":"react-socks","version":"1.0.1","description":"React library to render components only on specific viewports","main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run test && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"dependencies":{},"devDependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.4","browser-or-node":"^1.1.0","chai":"^4.1.2","clean-webpack-plugin":"^0.1.16","css-loader":"^1.0.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^5.8.0","eslint-plugin-react":"^7.4.0","jest-cli":"^23.6.0","lodash.debounce":"^4.0.8","node-sass":"^4.7.2","prop-types":"^15.6.0","react":"^16.6.0","react-addons-test-utils":"^15.5.1","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.0.0","regenerator-runtime":"^0.12.1","sass-loader":"^7.0.1","sinon":"^7.1.1","style-loader":"^0.23.1","webpack":"^4.9.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.4"},"peerDependencies":{"react":">= 16.3.0","react-dom":">= 16.3.0"},"keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"repository":{"type":"git","url":"git+https://github.com/flexdinesh/react-socks.git"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"fdd4cc19960ac4d16bed8184f79b8c7fa69c1f0d","bugs":{"url":"https://github.com/flexdinesh/react-socks/issues"},"homepage":"https://github.com/flexdinesh/react-socks#readme","_id":"react-socks@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"11.5.0","_npmUser":{"name":"flexdinesh","email":"flexdinesh@gmail.com"},"dist":{"integrity":"sha512-3w88Y504k+vEju/mKoCXKWgXHvpdIcVNgcD3VrmnRD6R5g5x2hQYM1jVwftlJnWeA0YiSG7tHoxqPT5IxYBZXg==","shasum":"692477ebabdf5d07811540927c47581fd40f6e6d","tarball":"https://registry.npmjs.org/react-socks/-/react-socks-1.0.1.tgz","fileCount":12,"unpackedSize":26189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQs7aCRA9TVsSAnZWagAALJ4P/3bF+y6EHhyrKG53xx2G\nLkXtVgmBQNI1sdqtpjxGp+MpKO/sX6QAc4AHuFzW4ZSo+BU9GjMxSGrpphfy\n9aHBOUBUw4tNTFH5129D7H4vUKDZRFBVOmlJXKfTQms4Cu38QP89vxxHYgVy\n/Fya04mfl+lp9sLmUz17rYLIcDxQTe0S2EDaWslCpAwgsItz4XKR5qNa8Fs5\nPyMFXl5yq4luNAFVk/HK/eTSxoz7OU0EM/EAycDDQiF96dadGuoJhupa5HvJ\nsWa1iRayeREKv3+g0UnkBF1Z1R5eaKteEkIrtEpwAigLlHZ1EXecYew5/9u9\n34gQqtjatBUaKG3smXaB0D/Ck+SOFaDuKR0B0rs/0tZiM7VquaMY6aZhJcrV\nsJNol/OnzuYRpXGjGCC9XT4Zcj/5rvIsGdFjz8CyXWW4y2U5jsviO0ZP8QJO\n7AKoEQwS1QE8TBWjB9sESBCPfH52ZKxRYWdKLJjAwQXOpFFcM5JGFr6vIqEc\nEeHo2YqhUBE0FK3NfVGqBj8Wxs4ZnID7hJCEYz5d8Nh63UaINrNmkoNtXXD1\nR0gLjqklyq/iqqaioAAAv4nSIr1x4wb5MewE88wDcz7h2WUrCnqgGZ1esWqO\n/9nlL3Lbt/q7fMdPF76SSAdJfsrPmR9gnRR35bifxkSwkafUoyrduQKRKIXk\nokeL\r\n=yi8a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqBObkubpF/U7QwurbLi01sFPvRU9hjDWGhK5yL81qwAIgMkwzYVyTplFt2HSas0VTU/Sqcb45EXZHJnPqj7jhEI0="}]},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-socks_1.0.1_1547882201524_0.21980070496825488"},"_hasShrinkwrap":false},"2.0.0":{"name":"react-socks","version":"2.0.0","description":"React library to render components only on specific viewports","types":"@types/index.d.ts","main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run test && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"dependencies":{},"devDependencies":{"@babel/core":"^7.5.5","@babel/preset-env":"^7.5.5","@babel/preset-react":"^7.0.0","@babel/register":"^7.5.5","babel-eslint":"^10.0.2","babel-jest":"^24.8.0","babel-loader":"^8.0.6","browser-or-node":"^1.2.1","chai":"^4.2.0","clean-webpack-plugin":"^0.1.16","css-loader":"^2.1.1","enzyme":"^3.10.0","enzyme-adapter-react-16":"^1.14.0","eslint":"^6.1.0","eslint-plugin-react":"^7.14.3","jest-cli":"^24.8.0","lodash.debounce":"^4.0.8","node-sass":"^4.12.0","prop-types":"^15.7.2","react":"^16.6.0","react-addons-test-utils":"^15.6.2","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.8.6","regenerator-runtime":"^0.13.3","sass-loader":"^7.1.0","sinon":"^7.3.2","style-loader":"^0.23.1","webpack":"^4.38.0","webpack-cli":"^3.3.6","webpack-dev-server":"^3.7.2"},"peerDependencies":{"react":">=16.8.6","react-dom":">=16.8.6"},"keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"repository":{"type":"git","url":"git+https://github.com/flexdinesh/react-socks.git"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"fc499ba4832ca4b16dda0240d19ed88e0ef49055","bugs":{"url":"https://github.com/flexdinesh/react-socks/issues"},"homepage":"https://github.com/flexdinesh/react-socks#readme","_id":"react-socks@2.0.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-q4o53s99be6YiuU6dDX7UXiUe0Atqa3J+QlF2bfp5AFxJskPECMRzJmX2EGGFicVpsmcaUUeMF/L4EcG9CvIqw==","shasum":"ec2880e028c324cd1c834b2b9ffbd886b65ce5e3","tarball":"https://registry.npmjs.org/react-socks/-/react-socks-2.0.0.tgz","fileCount":14,"unpackedSize":29392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdP7baCRA9TVsSAnZWagAAnEUP/A7v7uK9suNd9qD4siMW\nx3I8kaC1WEmgiV1kUIOnSdXOAdOUiBOj24gUIhXrkBWkTBlV163UANh9ycRx\nNE/qejfhebHy+DyRCXiLyyUrBaJW5Er8hZHlGuWCAoaoYqcsRfP3wEDZm9Z4\nHOaRJAx/ECeaWX1GTLFK8CPNDZgmlAgmoiBAtbQQlsjgSPyH8Dxb4G/RU7rK\nUzL8aiLznaaSrsvE27rHpKeYGtS8RU7oRs+eHIn0SMY87D+YD83wJc5gKvTD\nfEjQNovFVQZLDwXy7j+5TcTzJ5Y4dByeH8UEAXKt6C5E+KkUdYY+lWFsxpG5\n9tt/ZE1flj2CwMCByp8T3Xg9g8mcoyraGVOLTBNhFwOAJRxtbOtW4brSQaMP\nlrLOq6u9vMdTAWS4CFYS3key4u6YpMf6H77DvIEzDfKk8GGy5KMIIOUEJET2\nP3klfLXpu62sxbz9GQ+4Thi3OVggsnojmi0BhJhdPKud3xPtax2tIJi5EX69\nObQg06d2UwDPDL+plpamzX2AUi3wBRYs+x8s8dPse23ebNcqb23MdgAHBKQU\n+g/42gVIDhLo5bFfbneYodZPHzwhTZx2Hfj655icI9WA5QmPUxtRNg9XRkkd\nDOS0N8jOVSfE32yXkhtOjea0ny8O8tOAzFphOhltgJg6qUOXlG9ZRqtW7c9K\nJJgR\r\n=zoEf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxl8DgEBTcwqIyyGut3JSW/KK8z19z/Z7dM2MjUWD0vAIgAfaWUSKCWMvNvrt7uJWOzKATeDpUDMN8OYczpukdm5E="}]},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"_npmUser":{"name":"flexdinesh","email":"flexdinesh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-socks_2.0.0_1564456666171_0.4259708271228173"},"_hasShrinkwrap":false},"2.0.1":{"name":"react-socks","version":"2.0.1","description":"React library to render components only on specific viewports","types":"@types/index.d.ts","main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run test && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"dependencies":{},"devDependencies":{"@babel/core":"^7.5.5","@babel/preset-env":"^7.5.5","@babel/preset-react":"^7.0.0","@babel/register":"^7.5.5","babel-eslint":"^10.0.2","babel-jest":"^24.8.0","babel-loader":"^8.0.6","browser-or-node":"^1.2.1","chai":"^4.2.0","clean-webpack-plugin":"^0.1.16","css-loader":"^2.1.1","enzyme":"^3.10.0","enzyme-adapter-react-16":"^1.14.0","eslint":"^6.1.0","eslint-plugin-react":"^7.14.3","jest-cli":"^24.8.0","lodash.debounce":"^4.0.8","node-sass":"^4.12.0","prop-types":"^15.7.2","react":"^16.6.0","react-addons-test-utils":"^15.6.2","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.8.6","regenerator-runtime":"^0.13.3","sass-loader":"^7.1.0","sinon":"^7.3.2","style-loader":"^0.23.1","webpack":"^4.38.0","webpack-cli":"^3.3.6","webpack-dev-server":"^3.7.2"},"peerDependencies":{"react":">=16.8.6","react-dom":">=16.8.6"},"keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"author":{"name":"Dinesh Pandiyan","email":"flexdinesh@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/flexdinesh/react-socks/issues"},"homepage":"https://github.com/flexdinesh/react-socks#readme","repository":{"type":"git","url":"git+https://github.com/flexdinesh/react-socks.git"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"27e9a44c97403f32b42d694e5ed7b40fe1a8e85e","_id":"react-socks@2.0.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-tQl9z4kJ+m+KYGhl7rNhW7vg1f69Gw0pN3eIvey60Qa7tvOB9vYgd4jGRs/T7rgDSuZegjxW6eUuQ5hI+AuOZw==","shasum":"c1cfac804ec99acd8d6f037b916bd7b7806ad59a","tarball":"https://registry.npmjs.org/react-socks/-/react-socks-2.0.1.tgz","fileCount":13,"unpackedSize":29943,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdR21zCRA9TVsSAnZWagAAgyMP+gOD+RORzXWf30HFqQHm\nNTYerKNnQ3xo1wfvoZGOQnfCsYdw8wsizHktmQ8m6PtV9p7xBX1EqZLLKaZh\n4d6OrHT6wZORm/n5OfanQ18SrF3BdhTR3TF3RQEP7BTila1tuKCWG4wq3Fk9\nvde43QPmwxuw/jFBtrxzoZWzzl52eqb/3jlSKRbdv98UNON5K8gpiaH7tvPw\nkx0caNXOX2vB2S2RSLEvejM9AATrf7SlLHJA50aVYTc8aNNola49HDqYb32S\ne9156dcAi34GC4HtHpGUGoImVqt0CbDpImP411FfQ0ZYGPZjavq3BXiAw1Aa\nnJhFM2T4jBPyx0Bs1tG4ZeN7LX8As6STpppXia66IRIpTjWk2arj/V27mM1O\nX14xcshEtAHO2rHgdZ6yC9TlgJVJVKkQ8XqTlb6VQbBhQzt+R8uLKFL5BgSJ\nay96WuFfyDpknrjNfQa9RrU2mcdDBu0rp4IH25mugYvlRVVofEBvVL5RNhA3\nwn9GZjjjpS18WewyfTB9dyCFwmf2OtJWst71hE4wH0hWQ63p2ze0+Z1uszLC\nsMViouGEX2ZG6e8WdbFldVoh1fQtMOhxwDZp1pDmpJq4cVjenFWPIn92koWq\naCdqxH2ONOnZbyVaaNpwMbphm++DL5qDYK8hiz/cOlDUqfrz4GWpRS5/LaWn\nYHKe\r\n=85LY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdBkLnJGcr6cRfp4xNQIJjg9lWp0ye5LLQQC5nl7WsewIgIx+2tAyVtIJGcZ8JjtLqER1bqubecyb8nqn8QlACc+g="}]},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"_npmUser":{"name":"flexdinesh","email":"flexdinesh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-socks_2.0.1_1564962162351_0.21996291052587602"},"_hasShrinkwrap":false},"2.0.2":{"name":"react-socks","version":"2.0.2","description":"React library to render components only on specific viewports","types":"@types/index.d.ts","main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run test && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"dependencies":{},"devDependencies":{"@babel/core":"^7.5.5","@babel/preset-env":"^7.5.5","@babel/preset-react":"^7.0.0","@babel/register":"^7.5.5","babel-eslint":"^10.0.2","babel-jest":"^24.8.0","babel-loader":"^8.0.6","browser-or-node":"^1.2.1","chai":"^4.2.0","clean-webpack-plugin":"^0.1.16","css-loader":"^2.1.1","enzyme":"^3.10.0","enzyme-adapter-react-16":"^1.14.0","eslint":"^6.1.0","eslint-plugin-react":"^7.14.3","jest-cli":"^24.8.0","lodash.debounce":"^4.0.8","node-sass":"^4.12.0","prop-types":"^15.7.2","react":"^16.6.0","react-addons-test-utils":"^15.6.2","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.8.6","regenerator-runtime":"^0.13.3","sass-loader":"^7.1.0","sinon":"^7.3.2","style-loader":"^0.23.1","webpack":"^4.38.0","webpack-cli":"^3.3.6","webpack-dev-server":"^3.7.2"},"peerDependencies":{"react":">=16.8.6","react-dom":">=16.8.6"},"keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"author":{"name":"Dinesh Pandiyan","email":"flexdinesh@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/flexdinesh/react-socks/issues"},"homepage":"https://github.com/flexdinesh/react-socks#readme","repository":{"type":"git","url":"git+https://github.com/flexdinesh/react-socks.git"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"443f8f8a30c8ee0e149a5090f658f6067b907a75","_id":"react-socks@2.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zNSnS0hjPd7h0fw7YfU2V83MKL0JMNvO3C/zx+TP7hBBB2QIdmLTHUucguVpFk73IVezsTX6zVDDE0zZ/AsP3w==","shasum":"3a0a5c951f36405eae1ae0dbafe8dce2aa117927","tarball":"https://registry.npmjs.org/react-socks/-/react-socks-2.0.2.tgz","fileCount":14,"unpackedSize":30130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSOh7CRA9TVsSAnZWagAA3qoP/jkviaHsaOo+lbrLSo4M\nY5ibMgsUpezQcTq8T6TIuJeIwzMHVHNCVUmBUwoqV6eBVddfhwqQx5EzgFWP\nGRmLlJMzuQNzoNGwr5mXqBIYPlUZV9QdXapSQ6jr49uyFPj/YSPHG4d1nkW3\nUOkJs+uFOkPy8JXhnCECiauYIs1Qd/v+Uk9aLNhMvnp9xpetjdz+GsmgRh10\nJIfZo5UZ8p/5zyPwKM7Q+ctiOLsf4nHbrB6UZ2IaJokEW0vdQEhfNgZRw11Q\nfvqxajHNe93N5eri8U2A64UPtcfYB9cBb4Q01YOffJIQHEzdoN/yroL0f0Wv\ng4esnLfUHj81S/048eLg7c9aG4uY1ne2KFHOZpEJ/LSvMbjk9KLogo+T20io\niGevXluvvzSEFm6VRUwERQCzmBNGw2p1fmJsAvrPDmcAqTG82Bmb/kscdpGO\nv2LxJ2Iz8Gha9RJGpIylg6Z0q6scR4R2wPvLZQm/uXfbnvA/zQUGAQv/9suG\no4HRjKBBGmAYHsOpGahL/8KdOVS4nQ06+62/DlgwrQ9siTnOObC51/yBxNY1\nbYyqtI0D8/rH4U9eeOXEanQmXayOnRHAgCs15LpslCblwqjxFNf6gjzAPv8w\nGVEc24Ke4lMY4eD0tyoO+u2hLJr2j8BhcbdsAzLC+jpkNYljXs8T/7gZIYHJ\nZwxY\r\n=SJ74\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALeA5CxBTxcls8d1LbEtH+G3BGQV8v86aw2jUy8qGISAiB9mQDbnpDL+qmh2nlwiF59hA5Sq7t1hkhll4PIfD+pkQ=="}]},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"_npmUser":{"name":"flexdinesh","email":"flexdinesh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-socks_2.0.2_1565059193273_0.5220390138779347"},"_hasShrinkwrap":false},"2.1.0":{"name":"react-socks","version":"2.1.0","description":"React library to render components only on specific viewports","types":"@types/index.d.ts","main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run test && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"dependencies":{},"devDependencies":{"@babel/core":"^7.6.0","@babel/preset-env":"^7.6.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.6.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","babel-loader":"^8.0.6","browser-or-node":"^1.2.1","chai":"^4.2.0","clean-webpack-plugin":"^0.1.16","css-loader":"^2.1.1","enzyme":"^3.10.0","enzyme-adapter-react-16":"^1.14.0","eslint":"^6.4.0","eslint-plugin-react":"^7.14.3","jest-cli":"^24.9.0","lodash.debounce":"^4.0.8","node-sass":"^4.12.0","prop-types":"^15.7.2","react":"^16.6.0","react-addons-test-utils":"^15.6.2","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.9.0","regenerator-runtime":"^0.13.3","sass-loader":"^8.0.0","sinon":"^7.4.2","style-loader":"^1.0.0","webpack":"^4.40.2","webpack-cli":"^3.3.9","webpack-dev-server":"^3.8.1"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"author":{"name":"Dinesh Pandiyan","email":"flexdinesh@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/flexdinesh/react-socks/issues"},"homepage":"https://github.com/flexdinesh/react-socks#readme","repository":{"type":"git","url":"git+https://github.com/flexdinesh/react-socks.git"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"405fcddcf8962529bbebeacfc363afad4de0a7fb","_id":"react-socks@2.1.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6XmihWnTDXD3/w4x1k+TKKRbO9Y8WVVFx4jgpxVIU4k5g4GkC2DJc/oHuHQee7MngM+dHTeYBS5tDoujeBrkMQ==","shasum":"fafa55066220834a7b2d6e3de6f415d189723761","tarball":"https://registry.npmjs.org/react-socks/-/react-socks-2.1.0.tgz","fileCount":14,"unpackedSize":32446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgy38CRA9TVsSAnZWagAAktgP/178jS4w8HzZq7Uq2tWT\nvHq8uaNrpuFprReipPBjrRxsplWO5diSNXPudA2Hb5K9gA4q33QHNOijUNwW\nQntcHLmv9EWrnVJGBlto1S7D2FpDpaGojjRxzZfeLzCNNNzmRnowX1qQvIj6\nvs2Ps8pd8z2wW4jqQfbmFf/j7QauOrWJskeglBitwwUo3TU64kli5TGUXxGm\nJDnrj3zw9Z1tBfSa5BhDLAJGb+JlBW6ds18dnjkx7nG2KqpqWeUZqA0N4mQV\nAu5UmJL6SdXPtyRItGzHUnUw8y8KB95W/0Ggsy0XtOWVq8Sp6B3IxwFzmk2Y\nJF6Xn91buOLj9LA/v59w9fdpl+FRU/MCSSKNlj2rOQ6YaDw6soLs6lkpgvUV\njng5zvdyrRgf5fjvcJsbui+GjbToR/eC5wS82RXheq015q/WLgyIxz2W7xCk\nLToLcCyadnntBQ+q+dsPnW1pErXudaMOrVl5+frZsYNmIVrqRP2IxsG+C+DX\nDnhnIU6a7sdB4djk/6ldEG3btCL/X5/Xj6s2qP8PYI0KgX03GexNnqKe87Tu\nzrAD0s9sYztRQ1jZ79r4g/5SueQD9q0mwRjIUu1QsxSE+TsNK/2w0G+9VGoD\nCjCQkC/HoqNmB3zlZPAbZaGMvhkB4BUR545lMkEfD4M9vSozte6Umi8HHQ02\n+/0b\r\n=Ni2+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIECw1ZpVbTAB10ghFBUgGqjZe7jXgLu7hTDxXk5cpGvmAiBQLw2hYv8jo4BpMVj8wMgADIfW9Ix206vAxRPFGgHGVg=="}]},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"_npmUser":{"name":"flexdinesh","email":"flexdinesh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-socks_2.1.0_1568878075788_0.5438443217234656"},"_hasShrinkwrap":false},"2.2.0":{"name":"react-socks","version":"2.2.0","description":"React library to render components only on specific viewports","types":"@types/index.d.ts","main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run test && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"dependencies":{},"devDependencies":{"@babel/core":"^7.6.0","@babel/preset-env":"^7.6.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.6.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","babel-loader":"^8.0.6","browser-or-node":"^1.2.1","chai":"^4.2.0","clean-webpack-plugin":"^0.1.16","css-loader":"^2.1.1","enzyme":"^3.10.0","enzyme-adapter-react-16":"^1.14.0","eslint":"^6.4.0","eslint-plugin-react":"^7.14.3","jest-cli":"^24.9.0","lodash.debounce":"^4.0.8","node-sass":"^4.12.0","prop-types":"^15.7.2","react":"^16.6.0","react-addons-test-utils":"^15.6.2","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.9.0","regenerator-runtime":"^0.13.3","sass-loader":"^8.0.0","sinon":"^7.4.2","style-loader":"^1.0.0","webpack":"^4.40.2","webpack-cli":"^3.3.9","webpack-dev-server":"^3.8.1"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"author":{"name":"Dinesh Pandiyan","email":"flexdinesh@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/flexdinesh/react-socks/issues"},"homepage":"https://github.com/flexdinesh/react-socks#readme","repository":{"type":"git","url":"git+https://github.com/flexdinesh/react-socks.git"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"b66bac9c8616ee4e050b6c09397e59b883c1bd6d","_id":"react-socks@2.2.0","_nodeVersion":"12.18.3","_npmVersion":"6.14.6","dist":{"integrity":"sha512-JHK7WM4nA8M28CJ/PXlJI/yjg61TlhdsM8BAD5tvWDEO0uT9iFpU671SGl43TEcdPmlytB7nc95PzWIFYTI4/w==","shasum":"8b3884a5a735f21119ad44244f7e754afe9d98fe","tarball":"https://registry.npmjs.org/react-socks/-/react-socks-2.2.0.tgz","fileCount":13,"unpackedSize":32638,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb42jCRA9TVsSAnZWagAAzYEQAIZUL28KF5yjjJy6Wnmo\nfpunNXgYTprAps2QpQcnsfwIZdTchMWnn8KHDiKIirPnt0APzrse/DKCkcDL\nl/5zJ/a4DHr3bH1VWaGFphT5Br4JKJcWUazyX3s6wQ7lu820ZEJ4NkAVxrYS\n91k3aTtU7IM7KVxOrwBBvpcwUt60cBNnnvUg6j68t2bH+9e32kuT70I2tdtR\nSt46vSLI0jpGjkWn1Io8eYpqcw7eMVgN2rUpFPZy7bY9/yHfEMP9A9AVCTQh\nWHWkEkTEZ0f/o5me90J1vX679Db6D28ROstVAzQnF8anxaxrNMEYxErnXaRe\n+qvNBoVixTN6GJPBLhrmRXukYCec/K8jA6QFaLwnHd8b6yUh13z75Gvqpwzk\nAWkHZKIyq3aL3ttKWw43g3/Nysq2DzmVkL+v4PUoP2BCj5HtBixuAErJOe8p\najhyMLz7ZO/SMyOD9bhMOGSJ+BNFACTJVuo7ZYETXR9H30UmX546dU4XePxP\n3cmYcxyfVnOA8KaPdUxoiFwjIqrA+dsi2kHH15cplFj2BSGubkjEcKWoMQBH\nwkJsyrfSV0y5plxwoQ2cnwjbVKmZaVnl9PY1KQVGrDWTs1D3ssLwacYGojtP\nYrdHoBeUQjf5kmX2znrh4uoTktgcEPuJglJ9jmR2nmnmbvzhKiT9m4EnaQxS\nLgSc\r\n=fq0a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAo2OjjohdjU5CU/pSYXQaWCxDiuUAj5ak7gguiTc2vRAiEAlhN56/r5NypHk+/m3Po8cGzxicn9cS/XqdOry0l/qtk="}]},"_npmUser":{"name":"flexdinesh","email":"flexdinesh@gmail.com"},"directories":{},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-socks_2.2.0_1617923490988_0.6011318861281907"},"_hasShrinkwrap":false}},"time":{"created":"2018-11-07T17:47:17.731Z","1.0.0-alpha":"2018-11-07T17:47:17.989Z","modified":"2022-05-15T04:40:44.814Z","1.1.0-alpha":"2018-11-20T09:19:09.010Z","1.0.0":"2018-12-09T11:41:27.015Z","1.0.1":"2019-01-19T07:16:41.670Z","2.0.0":"2019-07-30T03:17:46.319Z","2.0.1":"2019-08-04T23:42:42.504Z","2.0.2":"2019-08-06T02:39:53.422Z","2.1.0":"2019-09-19T07:27:55.906Z","2.2.0":"2021-04-08T23:11:31.241Z"},"maintainers":[{"name":"flexdinesh","email":"flexdinesh@gmail.com"}],"description":"React library to render components only on specific viewports","keywords":["react","render","breakpoint","responsive","media","query","media-queries","react package","component","library","socks"],"readme":"# React Socks\r\n\r\n[![Build Status](https://travis-ci.org/flexdinesh/react-socks.svg?branch=master)](https://travis-ci.org/flexdinesh/react-socks)\r\n[![npm version](https://badge.fury.io/js/react-socks.svg)](https://www.npmjs.com/package/react-socks)\r\n[![dependencies Status](https://david-dm.org/flexdinesh/react-socks/status.svg)](https://david-dm.org/flexdinesh/react-socks)\r\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\r\n\r\nWrap your components with **React Socks** to prevent unnecessary render in different viewports.\r\n\r\n```jsx\r\n<Breakpoint small down>\r\n  <MyAwesomeMobileMenu>\r\n    This component will render only in mobile devices\r\n  </MyAwesomeMobileMenu>\r\n</Breakpoint>\r\n```\r\n\r\n## Why? [![start with why](https://img.shields.io/badge/start%20with-why%3F-brightgreen.svg?style=flat)](http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action)\r\n\r\nConventionally we have been writing _css media queries_ for different viewports to hide and show elements that are always present in the DOM. With React taking over the world, everything is about rendering components into the DOM. **React Socks** helps you conditionally render elements based on viewports.\r\n\r\n1. Render viewport specific components without hassle\r\n\r\n2. You can define your own breakpoints (Eg. xs, ipad, bigmonitors) and use them\r\n\r\n3. You can improve your app performance if you lazy load your viewport specific components\r\n\r\n4. Simpler and **sweeter** syntax for ease of use\r\n\r\n## Install\r\n\r\n```sh\r\n$ npm install --save react-socks\r\n```\r\n\r\n## Usage\r\n\r\nJust wrap your top level component with `BreakpointProvider` and use the `Breakpoint` component anywhere you need.\r\n\r\n_Note: `BreakpointProvider` was introduced only in `v1.0.0`. It's not available in previous alpha versions._\r\n\r\n```jsx\r\nimport  { Breakpoint, BreakpointProvider } from 'react-socks';\r\n\r\n// entry file (usually App.js or index.js)\r\nconst App = () => (\r\n  <BreakpointProvider>\r\n    <Example />\r\n  </BreakpointProvider>\r\n);\r\n```\r\n\r\n```jsx\r\n// Example.js\r\nconst Example = () => {\r\n  return (\r\n    <div>\r\n      <Breakpoint small down>\r\n        <div>I will render only in mobile devices</div>\r\n      </Breakpoint>\r\n\r\n      <Breakpoint medium only>\r\n        <div>I will render only in tablets (iPad, etc...)</div>\r\n      </Breakpoint>\r\n\r\n      <Breakpoint medium down>\r\n        <div>I will render in tablets (iPad, etc...) and everything below (mobile devices)</div>\r\n      </Breakpoint>\r\n\r\n      <Breakpoint medium up>\r\n        <div>I will render in tablets (iPad, etc...) and everything above (laptops, desktops)</div>\r\n      </Breakpoint>\r\n\r\n      <Breakpoint large up>\r\n        <div>I will render in laptops, desktops and everything above</div>\r\n      </Breakpoint>\r\n\r\n      {/* Add breakpoints on the fly using custom queries */}\r\n\r\n      <Breakpoint customQuery=\"(min-width: 500px)\">\r\n        <div style={{backgroundColor: 'red' }}>\r\n          Custom breakpoint: (min-width : 500px)\r\n        </div>\r\n      </Breakpoint>\r\n      \r\n      <Breakpoint customQuery=\"(max-width: 1000px)\">\r\n        <div style={{backgroundColor: 'yellow' }}>\r\n          Custom breakpoint: (max-width : 1000px)\r\n        </div>\r\n      </Breakpoint>\r\n      \r\n      <Breakpoint customQuery=\"(min-width: 500px) and (max-width: 700px)\">\r\n        <div style={{backgroundColor: 'lightblue' }}>\r\n          Custom breakpoint: (min-width : 500px) && (max-width : 700px)\r\n        </div>\r\n      </Breakpoint>\r\n    </div>\r\n  );\r\n};\r\n```\r\n\r\n## API\r\n\r\n- [setDefaultBreakpoints](#set-default-breakpoints)\r\n- [Breakpoint](#breakpoint)\r\n- [useCurrentWidth](#use-current-width--breakpoint-name) / [useCurrentBreakpointName](#use-current-width--breakpoint-name)\r\n\r\n### Set Default Breakpoints\r\n\r\nYou can define your own breakpoints.\r\n\r\n- Pass an array of objects with the **breakpoint name** and **width** in _px_ to `setDefaultBreakpoints` **once** in your `App.js` or your React entry file.\r\n\r\n**Note: You only need to set default breakpoints once in your app**\r\n\r\n```jsx\r\nimport { setDefaultBreakpoints } from 'react-socks';\r\n\r\nsetDefaultBreakpoints([\r\n  { xs: 0 },\r\n  { s: 376 },\r\n  { m: 426 },\r\n  { l: 769 },\r\n  { xl: 1025 }\r\n]);\r\n\r\n<Breakpoint m only>\r\n    I will render only in m devices\r\n</Breakpoint>\r\n\r\n```\r\n\r\n- You can use any breakpoint name (Eg. cats, puppies, dinosaurs, etc) and width.\r\n\r\n```jsx\r\nsetDefaultBreakpoints([\r\n  { cats: 0 },\r\n  { dinosaurs: 900 }\r\n]);\r\n\r\n<Breakpoint cats only>\r\n    Only cats can render me\r\n</Breakpoint>\r\n```\r\n\r\n- If you don't set a default breakpoint, the library will fallback to **Bootstrap 4 default breakpoints** as described below.\r\n\r\n```jsx\r\nsetDefaultBreakpoints([\r\n  { xsmall: 0 }, // all mobile devices\r\n  { small: 576 }, // mobile devices (not sure which one's this big)\r\n  { medium: 768 }, // ipad, ipad pro, ipad mini, etc\r\n  { large: 992 }, // smaller laptops\r\n  { xlarge: 1200 } // laptops and desktops\r\n]);\r\n```\r\n\r\n### Breakpoint\r\n\r\nImport the `Breakpoint` component anywhere in the your code and start using it with your **breakpoint** and **modifier** props.\r\n\r\n```jsx\r\n// small is breakpoint\r\n// down is modifier\r\n<Breakpoint small down>\r\n  <MyAwesomeMobileMenu>\r\n    This component will render only in mobile devices\r\n  </MyAwesomeMobileMenu>\r\n</Breakpoint>\r\n```\r\n\r\nYou have **three** modifiers\r\n\r\n- **only** - will render the component **only** in the specified breakpoint.\r\n\r\n- **up** - will render the component **in** the specified breakpoint and all the breakpoints **above** it (greater than the width).\r\n\r\n- **down** - will render the component **in** the specified breakpoint and all the breakpoints **below** it (less than the width).\r\n\r\n\r\n\r\n### Custom Breakpoints 🆕\r\n\r\nNow, you can add a breakpoint of any width by using this prop: `customQuery`.\r\nSimply write your media query as a _string_ and pass it to `customQuery` \r\n\r\n```jsx\r\n  <Breakpoint customQuery=\"(min-width: 500px)\">\r\n    <div style={{backgroundColor: 'red' }}>\r\n      Custom breakpoint: (min-width : 500px)\r\n    </div>\r\n  </Breakpoint>\r\n  \r\n  <Breakpoint customQuery=\"(max-width: 1000px)\">\r\n    <div style={{backgroundColor: 'yellow' }}>\r\n      Custom breakpoint: (max-width : 1000px)\r\n    </div>\r\n  </Breakpoint>\r\n  \r\n  <Breakpoint customQuery=\"(min-width: 500px) and (max-width: 700px)\">\r\n    <div style={{backgroundColor: 'lightblue' }}>\r\n      Custom breakpoint: (min-width : 500px) && (max-width : 700px)\r\n    </div>\r\n  </Breakpoint>\r\n```\r\n\r\n**Note: `customQuery` will be ignored if you have mentioned any modifiers like `up`, `down` & `only`**\r\n\r\nUse `customQuery` only if you want to make use of arbitary breakpoints.\r\n\r\n\r\n\r\n### Use Current Width / Breakpoint Name\r\n\r\nIf you call `useCurrentWidth` in the render function, you can access the current width directly:\r\n\r\n```jsx\r\nimport { useCurrentWidth } from 'react-socks'\r\n\r\nconst CustomComponent = () => {\r\n  const width = useCurrentWidth()\r\n  if (width < 500) {\r\n    return <h1>Hello!</h1>\r\n  } else {\r\n    return <h2>Hello!</h2>\r\n  }\r\n}\r\n```\r\n\r\nYou can also use the current breakpoint name with `useCurrentBreakpointName`:\r\n\r\n```jsx\r\nimport { useCurrentBreakpointName } from 'react-socks'\r\n\r\nconst CustomComponent = () => {\r\n  const breakpoint = useCurrentBreakpointName()\r\n  if (breakpoint == 'small') {\r\n    return <h1>Hello!</h1>\r\n  } else {\r\n    return <h2>Hello!</h2>\r\n  }\r\n}\r\n```\r\n\r\n## Contributors\r\n\r\nThanks goes to these amazing people 🎉\r\n\r\n| [<img src=\"https://avatars3.githubusercontent.com/u/5777880?v=4\" width=\"100px;\"/><br /><sub><b>Dinesh Pandiyan</b></sub>](https://github.com/flexdinesh)<br /> | [<img src=\"https://avatars1.githubusercontent.com/u/3236388?v=4\" width=\"100px;\"/><br /><sub><b>Capelo</b></sub>](https://github.com/antoniocapelo)<br /> | [<img src=\"https://avatars0.githubusercontent.com/u/8450195?v=4\" width=\"100px;\"/><br /><sub><b>Adarsh</b></sub>](https://github.com/sadarshannaiynar)<br /> | [<img src=\"https://avatars1.githubusercontent.com/u/22812131?v=4\" width=\"100px;\"/><br /><sub><b>Patryk</b></sub>](https://github.com/PatrykRudzinski)<br /> | [<img src=\"https://avatars1.githubusercontent.com/u/9076205?v=4\" width=\"100px;\"/><br /><sub><b>WRNGFRNK</b></sub>](https://github.com/wrngfrnk)<br /> | [<img src=\"https://avatars3.githubusercontent.com/u/9896958?&v=4\" width=\"100px;\"/><br /><sub><b>Farhad Yasir</b></sub>](https://github.com/nutboltu)<br />\r\n| :---: | :---: | :---: | :---: | :---: | :---: |\r\n| [<img src=\"https://avatars1.githubusercontent.com/u/13507950?v=4\" width=\"100px;\"/><br /><sub><b>Entkenntnis</b></sub>](https://github.com/Entkenntnis)<br /> | [<img src=\"https://avatars1.githubusercontent.com/u/1263310?v=4\" width=\"100px;\"/><br /><sub><b>Douglas Moore</b></sub>](https://github.com/dbryantm)<br /> | [<img src=\"https://avatars1.githubusercontent.com/u/49582824?v=4\" width=\"100px;\"/><br /><sub><b>Abdul rehman</b></sub>](https://github.com/rehman-00001)<br />| [<img src=\"https://avatars.githubusercontent.com/u/2353850?v=4\" width=\"100px;\"/><br /><sub><b>Nawaz Khan</b></sub>](https://github.com/nawazkhan/)<br />\r\n\r\n## License\r\n\r\nMIT © Dinesh Pandiyan\r\n","readmeFilename":"README.md","homepage":"https://github.com/flexdinesh/react-socks#readme","repository":{"type":"git","url":"git+https://github.com/flexdinesh/react-socks.git"},"bugs":{"url":"https://github.com/flexdinesh/react-socks/issues"},"author":{"name":"Dinesh Pandiyan","email":"flexdinesh@gmail.com"},"license":"MIT"}