{"_id":"react-hide-show-utils","_rev":"33-e08fbc210b5989ff030b42af252c9a6c","name":"react-hide-show-utils","description":"Simple and small React components for showing and hiding children based on media queries","dist-tags":{"latest":"1.3.0","legacy":"0.3.6","beta":"1.1.0-beta.2"},"versions":{"0.0.2":{"name":"react-hide-show-utils","version":"0.0.2","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"build":"babel -d dist/ src/","test":"echo \"Error: no test specified\" && exit 1","precommit":"lint-staged"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"Bernardo Baquero Stand"},"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","husky":"^0.13.3","lint-staged":"^3.4.2","prettier":"^1.3.1","prop-types":"^15.5.10","react":"^15.5.4"},"gitHead":"b1f93b951c58c6daac9652331ecd4057364beb9c","_id":"react-hide-show-utils@0.0.2","_shasum":"6798d7d452204528bd908bac2bdc66be203929d6","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"shasum":"6798d7d452204528bd908bac2bdc66be203929d6","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.0.2.tgz","integrity":"sha512-klZFiLODxu7fNOniW1YvZn0zWbMri82Z91bFUtDdhIQeIVlw1AyuNKHWWjSHk8fJhKEcJgkOk5JNO5x6+/LaJA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCobLH7Rjpwaw8k+PWUaFEjRDVB5nF4vNF19GWu0dTmaAIhAMItPIVU1QKP78pn4yz+1XVYOR3vc0P+jAQePoC9td8H"}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils-0.0.2.tgz_1495298377803_0.984630135120824"},"directories":{}},"0.0.3":{"name":"react-hide-show-utils","version":"0.0.3","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"prepublish":"npm run build","build":"babel -d dist/ src/","test":"echo \"Error: no test specified\" && exit 1","precommit":"lint-staged"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"Bernardo Baquero Stand"},"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","husky":"^0.13.3","lint-staged":"^3.4.2","prettier":"^1.3.1","prop-types":"^15.5.10","react":"^15.5.4"},"gitHead":"1fdfe172d46697b26cc01b9f7c3d68d8afe5360b","_id":"react-hide-show-utils@0.0.3","_shasum":"57981a1ac49d45d10aa9e519b82fcb892080a44d","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"shasum":"57981a1ac49d45d10aa9e519b82fcb892080a44d","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.0.3.tgz","integrity":"sha512-0yiNhkQ2TLLxsTmU29de2I48lED/8IDTteSMdRw50EV0xJXGaF9y5J2wWkyPsRXzBFFST5Z7iGpraxmrs5wEMA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDphDmC0Mdl7DhVXN+vmtN37KxxLl/pzz0WUFKFtonMKAIhAKPnbaZyJfHlgdF5QGhbl/u1MDkOjVevvcxmqOGPj07w"}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils-0.0.3.tgz_1495299772196_0.012612131657078862"},"directories":{}},"0.1.0":{"name":"react-hide-show-utils","version":"0.1.0","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublish":"npm run build","precommit":"lint-staged"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"Bernardo Baquero Stand"},"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","husky":"^0.13.3","lint-staged":"^3.4.2","prettier":"^1.3.1","prop-types":"^15.5.10","react":"^15.5.4"},"gitHead":"85c4bd913a8e60f8ea1f5d57e64f670cfdfd112b","_id":"react-hide-show-utils@0.1.0","_shasum":"2961f15ebd0e75a3e20520b9c88870bb6a12ba77","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"shasum":"2961f15ebd0e75a3e20520b9c88870bb6a12ba77","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.1.0.tgz","integrity":"sha512-mEYc1WKjZSIRdIV5c8Mx6Q9yxogRxaCEIYRfGxc7OBasOJKDEO1m2NlKItAYn9adwboGzbqMQhDuqEwqGg+zrQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHcHFtwz8F20HDtZIRLJYuJeyGMeJw1gMraM/LySvzUAIgOYYe+zW14CR+NVco6sSNzBOGPbhiJCRnrVnlChRDBPM="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils-0.1.0.tgz_1495373369304_0.7651987515855581"},"directories":{}},"0.1.1":{"name":"react-hide-show-utils","version":"0.1.1","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublish":"npm run build","precommit":"lint-staged"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"Bernardo Baquero Stand"},"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","husky":"^0.13.3","lint-staged":"^3.4.2","prettier":"^1.3.1","prop-types":"^15.5.10","react":"^15.5.4"},"gitHead":"e228aa8a1c8211e87a0ca5929ae87a94428dd416","_id":"react-hide-show-utils@0.1.1","_shasum":"43dfa3f5d96eb1a199fa3a8fb4e83fbd5a3ec1d2","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"shasum":"43dfa3f5d96eb1a199fa3a8fb4e83fbd5a3ec1d2","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.1.1.tgz","integrity":"sha512-3WE5IC+et5hK2VOTUS+TITX7M0pQpu076etpZpyPB5AMTEZXXete2Y7QaclYfu1IKSWMNiDSo9AietX1NRTDpw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHoeglRttfYkXIt+jKLHWe13VWgR4QT0QVTCM0YV1pPqAiBgCvlnMAd6ZJpMOw4AvyQRcbGunVH+8MKbS17YwyZbxA=="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils-0.1.1.tgz_1495375065080_0.40897795953787863"},"directories":{}},"0.1.2":{"name":"react-hide-show-utils","version":"0.1.2","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublish":"npm run build","precommit":"lint-staged"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","husky":"^0.13.3","lint-staged":"^3.4.2","prettier":"^1.3.1","react":"^15.5.4","react-dom":"^15.5.4"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0","react-dom":"^0.14.0 || ^15.0.0"},"gitHead":"e83f1978d070575cc79caf5b984b7cf8a86034a2","_id":"react-hide-show-utils@0.1.2","_shasum":"c78c5358a15a53eb831bfcd38c798d1f1971d33d","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"shasum":"c78c5358a15a53eb831bfcd38c798d1f1971d33d","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.1.2.tgz","integrity":"sha512-IxxAqyFB9cTrnGWu3oM5KbIS8Q14GCPnXS6tkoHP6c/WGwkJE6lT/vQjKoRq4I4VEllDFJKem9huKjO3xSEBeA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFfroJLpl0oHUZyrU+aqe3hcbCNmPkyeL2mL8IZGb4ooAiB0wtS19z9+Gz7SvIPYPYpakBl8uIgss78nUiOR9a7f5Q=="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils-0.1.2.tgz_1496171690519_0.40610352833755314"},"directories":{}},"0.1.3":{"name":"react-hide-show-utils","version":"0.1.3","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublish":"npm run build","precommit":"lint-staged"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.5.10"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","husky":"^0.13.3","lint-staged":"^3.4.2","prettier":"^1.3.1","react":"^15.5.4","react-dom":"^15.5.4"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0","react-dom":"^0.14.0 || ^15.0.0"},"gitHead":"54ab94a318ae647c1d097539baab6371de469cce","_id":"react-hide-show-utils@0.1.3","_npmVersion":"5.3.0","_nodeVersion":"8.0.0","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-3ZpjzhGuj/cFc0fi+OPCfxKCoypB0GozAWc/8SYjdat7bNbZK+bcsvWE7eaQkKhuRnjwq3BmGH8tUKpCCfQe1A==","shasum":"d0bba20565e19150fe30d93e4808508fe324705c","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.1.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBD0ZwQVt+NyVmlhdT044DZID+cxs2JJmS7NzlZ3rx6ZAiA3AkazXV7xeoxKcBVDZaJEfFj2jBYudjl7maR1KC9QNg=="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils-0.1.3.tgz_1503261239139_0.8777206055819988"},"directories":{}},"0.2.0":{"name":"react-hide-show-utils","version":"0.2.0","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublish":"npm run build","precommit":"lint-staged"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.6.0"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","husky":"^0.13.3","lint-staged":"^3.4.2","prettier":"^1.3.1","react":"^16.2.0","react-dom":"^16.2.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || ^16.0.0","react-dom":"^0.14.0 || ^15.0.0 || ^16.0.0"},"gitHead":"fe9db909e262b615679e94fb13ed1d090a71715c","_id":"react-hide-show-utils@0.2.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-HJzsTOEqhzwYke4fi1fd9kdUxlD1qrkvbLZHPZ3PaIfJ9BH0XiNvF9M+OfvB/nGcGp1eteJfSZIZ+l42Bm15Qg==","shasum":"28d6a58ae4f188dadea02aa9f3a20121a54ccab9","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiZsuKHbQIpFS6NorrTZOfLtwaqL7N6crkg7YssLruuQIhAMjNf6eZDHgGRMq30woKtYTLxOT7npiCyzgekx03/xej"}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils-0.2.0.tgz_1515088866831_0.7588049068581313"},"directories":{}},"0.3.0":{"name":"react-hide-show-utils","version":"0.3.0","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"test":"jest","prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublish":"npm run build","precommit":"lint-staged","prepush":"npm run test"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.6.0"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","enzyme-to-json":"^3.3.0","husky":"^0.13.3","jest":"^22.0.4","lint-staged":"^3.4.2","prettier":"^1.3.1","react":"^16.2.0","react-dom":"^16.2.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || ^16.0.0","react-dom":"^0.14.0 || ^15.0.0 || ^16.0.0"},"gitHead":"61a521f65e982b860e7cf87eed0f7fb1cf25135c","_id":"react-hide-show-utils@0.3.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-TBcydxdXZfaQEb5YkETpAyxOPUiiFDKVlQ9L/hCgY/dWa+8tsMW+h1uG6ns4KlOlMprtPcb0tAKeqlZO7Gb7gQ==","shasum":"53e66aa855a98e1387a88bd2bb92fb615f719b83","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.3.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDsL2Xmr4w4eW+mnGe/VOxDr94Lu7zN796Bshjeab93kQIhAIRlOHLFgUrKgGDDHwWfopBPXIThtCtD+ZvKhNEiZq9r"}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils-0.3.0.tgz_1515590777556_0.956667214166373"},"directories":{}},"0.3.1":{"name":"react-hide-show-utils","version":"0.3.1","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"test":"jest","prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublishOnly":"npm run build","precommit":"lint-staged","prepush":"npm run test"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.6.0"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","enzyme-to-json":"^3.3.0","husky":"^0.13.3","jest":"^22.0.4","lint-staged":"^3.4.2","prettier":"^1.3.1","react":"^16.2.0","react-dom":"^16.2.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || ^16.0.0","react-dom":"^0.14.0 || ^15.0.0 || ^16.0.0"},"gitHead":"04d0581c50ed271ff0f8dadab7a6b5d9405e9bf5","_id":"react-hide-show-utils@0.3.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-kAc5f/jHn13yqeFa2P62Gb2NNbs4xfZMctYxHcj7Y0nnxl8zWb8r6W9HwitmQ8TtQboJY/Xfz0oo9wguy59uAA==","shasum":"3570eb88ce358b1f1f61582a693d10a8de5ecc82","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.3.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpQNSbnKvUNLGA+8eia5Gcv7fPuEe/EkMo0U4xMGltywIhAMtwDndrLerajgkykeFqGEk0tD7SgTsfKruIRKkAuxS/"}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils-0.3.1.tgz_1515591092718_0.9669145853258669"},"directories":{}},"0.3.2":{"name":"react-hide-show-utils","version":"0.3.2","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"test":"jest","prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublishOnly":"npm run build","precommit":"lint-staged","prepush":"npm run test"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.6.0"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","enzyme-to-json":"^3.3.0","husky":"^0.14.3","jest":"^23.5.0","lint-staged":"^7.2.2","prettier":"^1.3.1","react":"^16.2.0","react-dom":"^16.2.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || ^16.0.0","react-dom":"^0.14.0 || ^15.0.0 || ^16.0.0"},"gitHead":"e76b239a2a1a58b66c5f69720fa4661104a7eea8","_id":"react-hide-show-utils@0.3.2","_npmVersion":"6.4.1","_nodeVersion":"8.10.0","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-khebTlR8ci7J9R6TCK0CCSg322Xv6wgjxbAUja1jocKjkCjnGcxrE+8VVBSl/iRQM2Uf6Vz0BuSwLKSMu0yYmA==","shasum":"5cd86e11deb4807c2668b5c8bcf751de46a53294","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.3.2.tgz","fileCount":16,"unpackedSize":40107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboqOHCRA9TVsSAnZWagAAvYIP/1f04N1CeKJzZ1S28kwg\n1jtTU2e7FObMvbdqisWxgHk9X0ZlIqs+bg2V3vLCaETO3p83ictkvc06W7CM\nYOwtJ7S1DI3fVZUB9uE9l7n/B4RrSocthDhkar9uOhaBTEh6aLvKlHTxG6Mk\n0GozPYQSSDSFNwbYC1yXX4hX4ECT0XgN+WQYU/T7Hyp898F3YDM9ACCO/onI\nlorQu8oo4GAeCEhTt2pkh03+rcbEvz4BE3KPZFKttrig9Y+of+Jq/anJCU58\n9q3CQAEA9Dq5mlRc/q+5PzFzdWkE/zhs44MnYIDD4cgq7y6KEjgFk6cxCDrL\nWI4sl8q/zfqh1moEECr3n1PaYPVE95EZ+Lb9JE4FE+f2Ap9WeVm/GyGt7eLv\nxFe3MjtFTprPIJXGWDz1YFT021AoHMZ6arJuYSVNRLg+NZw10NvL7GLtn4RU\n2mq5WtZETWMHpP8iasr1A0uvuc/4WJQy1O5p0VAJuEt3h2ELC+Mrl6s3C6c+\nj6SNorzqyLkxy9m37U6yS6mp2eDl0gAStirqnTriRP7Q3n8h58quqEpMAVOJ\n2wR2K/wCY2QTthcIaYMgSgkEAFBL96MY0mSawIxrlcI4Cs5SwlivoZQ0VEKH\nILCJ51g2UVQThovXDmcDgYrcFzSyCN/vQqvFVg9QYTQS1aPHRyRBci/CeHEn\n+RaZ\r\n=YVER\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcMg4tDHsZMAbOefszb5Y1TrW1Z2QOl7OxEcsygFyxMAIgAxqF58rOCR+OBgmVEgCR5RoGtArRtkmVPYgc7D8ECQU="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_0.3.2_1537385351108_0.7865476590093432"},"_hasShrinkwrap":false},"0.3.3":{"name":"react-hide-show-utils","version":"0.3.3","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"test":"jest","prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublishOnly":"npm run build","precommit":"lint-staged","prepush":"npm run test"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.6.0"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","enzyme-to-json":"^3.3.0","husky":"^0.14.3","jest":"^23.5.0","lint-staged":"^7.2.2","prettier":"^1.3.1","react":"^16.2.0","react-dom":"^16.2.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || ^16.0.0","react-dom":"^0.14.0 || ^15.0.0 || ^16.0.0"},"gitHead":"cc75a17243990dcccce5d8994e27c12ab38c0fbe","_id":"react-hide-show-utils@0.3.3","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-uPNhE9eCG4076qBtHs0rfXZj5OmpyHdWz7V+L4MmfKCTabX9CddziiHAraZ/JCmYx5Znsim2y+DRLoXgT9uk+Q==","shasum":"c6d4d2b164f683b86dacfd401fe17787c7d99934","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.3.3.tgz","fileCount":8,"unpackedSize":15171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcP2IYCRA9TVsSAnZWagAAclgP+weLDcby4SfNE1gn86Fq\nuIGj1m0+vQMgj6VNwF+DlVOoxUxkdSVQuvwKDa+Ut1n3NjgfAdkwuhbR1rcJ\nLWYjj+0Fzia2RMfsPSZpxju5aZt1Sah8PPATGVzbZYlqgt9digYseW+GPeaw\nAK9QWn3lry8F8f6kZRtn5Hcu6SW8PgMT9sHacT1FP2eZWRTFJ8qrUwDnrb3D\n4rmKElGrzWXBVF9O9DlDVgnxYAD/Wm1Hc0gTGSWrbaH29A5rQZ0dv4B8HyB0\nn2tahBuHUKj808r8kKkqkT7P7S/fjKT3BO8a4u3kWSZl9JEPlGKkwQdX6kpY\nmmQnljGgxBnk4E2kXi3m2zpuC3W2+jt4Pd1kfkxIL/yqAyTRNjO4qCCsHLAW\nEVZ2tnVf2N8uTMZXuEfzfBg1SL/OZ3t9jwNYDizSZWG9XFtrgaRxLZeVGAn3\nXEFOoIAa1slAuLfHB60xsiA5amEoVPBIVyGwRyYR3NkonyUSJVTtx2EszH7F\nt62iufa9tgm4NX/XjTyYJr+Ghuc1Z7T03EzmxOjsA0Ng20tZdwZ0JEbEODLJ\n9tHqyWDoFPQlOe1UoyHbtZTeGipAKYqp9wQD2CM8bZ2jUGAEWiauCH6SKEOc\nWKQ4WCwhujlDOHrE0vPPwlBSmhe0tzC1gP0DkLQjByEzmS9/sJOjxw9PZ1Tp\nnLES\r\n=jD/P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALeNDMOsdYbk2RlvipMYL2dFLrVf0z9ljcVimDYe33WAiAOfVixU374s3T23k4B0+IcqNkuyT923Y+zDf61/FoBdA=="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_0.3.3_1547657751966_0.2335420582087142"},"_hasShrinkwrap":false},"0.3.4":{"name":"react-hide-show-utils","version":"0.3.4","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","scripts":{"test":"jest","prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublishOnly":"npm run build","precommit":"lint-staged","prepush":"npm run test"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.6.0"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","enzyme-to-json":"^3.3.0","husky":"^0.14.3","jest":"^23.5.0","lint-staged":"^7.2.2","prettier":"^1.3.1","react":"^16.2.0","react-dom":"^16.2.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || ^16.0.0","react-dom":"^0.14.0 || ^15.0.0 || ^16.0.0"},"gitHead":"8dd6ff9deab1d5a076b4c380a2deeffd05cdb26e","_id":"react-hide-show-utils@0.3.4","_nodeVersion":"10.15.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-eZYd8qZPMLkRU85bGIoCktVi7zEREG6gA5GdZI9rkjJRnS6I829yyri/BS613Bx4/29M7plMFMtyU4ol6ME7SQ==","shasum":"75cd2ed1ef11d08f668173f77f714276409d3a6a","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.3.4.tgz","fileCount":8,"unpackedSize":15171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfQduCRA9TVsSAnZWagAAZ8cP/2zwKxhNmSgiSxHfDiYe\npcS9KMAQ1RiJ8I6Oi0xrxwzJXjUVJqmRFdG2Xgq5hFGSKx17y6dMnP4IG2/v\nI5udRK0kVHPWwcDDVb/dOUnzfkYsWldRIvn06IMMtSG+tkyiuXLHcEO9IPkO\n3Q1LZZi/IJLaDfnMD3QIltm/9Ui+dAo8KiMwEAVnSguPnwIDX0xkQSUfrtAc\nxdIa95Z//y3jJc9zzeZgfTDPyZaieknfLBmFlzYsRJu9RVWkjFeQJkoEL3e+\nwa1Q+AsBUAMPZ+s9+RvYK75F2kzOGKdTjLrbVaB4Eezi9phpRP0yN/LCrjoW\nyLXYF/2YH+zBdLpiIGMBiHyQYkbyiGM+rJ7tI69aqZB0zQ4VZW0NPDSRQCFA\noQRDDtrOXAYlT26tQSvUeouu+kUI8PBnfdyQKz8T7578PrIJ3KoR6euygyYq\njutRnykzuz7k/HkIv6NPhU+6oog+PlZnP1rBf0r8JXIeyf0WpicO/m1wDZMA\nHK/LjC93E+yFrE3c9VUisDtZZj3WB326723Crr0QjzeN68kRbp+49PE509Gi\n6uZ7S2d1DWSzAKjHzmSncTv7L+pMZbOrJkNLqsQ7wTskmcZJRvhiK3RmwzJN\nrL4kEac5p/5a5Ekbft3QYQLbH8pvjg40EoyslCPf6ZxVcwFGi25+BL7h8bq3\nmsOF\r\n=J2+z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG4DQmuDlFwOHkmhL5H0hIfYO1HuIptqx+tyX+Zo5ZzgAiBgG+/VC0GAEKG8IULhiaPIcW3x6cnyXgXU4GLiizbcyQ=="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_0.3.4_1551697773686_0.30765290013422186"},"_hasShrinkwrap":false},"0.4.0":{"name":"react-hide-show-utils","version":"0.4.0","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","umd:main":"dist/react-hide-show-utils-ts.umd.production.js","module":"dist/react-hide-show-utils-ts.es.production.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test","prebuild":"yarn test"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged","pre-push":"yarn test"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.12","@types/react":"^16.8.16","@types/react-dom":"^16.8.4","husky":"^2.2.0","prettier":"^1.17.0","pretty-quick":"^1.10.0","react":"^16.8.6","react-dom":"^16.8.6","tsdx":"^0.5.7","tslib":"^1.9.3","typescript":"^3.4.5"},"gitHead":"c9f8e41d7318d5cb825c3b1cbf32ed1814826f82","_id":"react-hide-show-utils@0.4.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-CUG3YkH8Mwg75+rTjKtZCGKR6n0/zU0bGd3vify8vOxqtyaw4CgRZgc2q3hUqkmu49lcawfb8HEfOTEiDkPP/Q==","shasum":"75550b92df4c58fe61341aa90bc8dd15a40e6e74","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.4.0.tgz","fileCount":25,"unpackedSize":51497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc0WiQCRA9TVsSAnZWagAAPAEP/i6ojN46yLj+C87iq1d1\nFOuXLITMoGGDeG6CEiPdYEGZKIHuJU7mwpg/7xRqUs41Vj7xb3cq6Hb8o+YO\nsS7UYK3TfSvY1TPoBU/FQG0W54EhNySY6B196j9JaFZRCy+f1JTzWwYilzdY\nuAXcuAc1p8YXSXAPKaWzPIfc7G5ieFtnTohwEuZIriaLRsdB0QtXsCEbzh+j\nCNbEaE8ncSt2Siky6KIFTKPjFCIVWIFK8T5lBF1ZFk+qmYbL3cEMh9K40b5X\nyhySXft1JcZ6NOfXMEY/52HSFfE+MSaIk4axLxsO1je5scD02Bs4AcZgqmQd\nzxunByJ06xOdw8sup/UemidEX7xvmHSgnUabMRaXZA3ypgKiRIkCwiR0D6MD\npN+sQtUed20w0fosUolAUwYDedBaean5k6IIashvOdIySXPv8ebsh3eWYMdD\n/PxK9YqOhNVSQ286duoRCHCZJ3bcinsVgtsykAnGsAB2axG5DT7P55D2FMGT\n6SJtVHseDBCSRuv7S01jnXuEOX29R5doNn/Oz4qFMLb3/1xOP5ULelWWEukt\nJi5uBu9mw7bbqoNW7VFyUlQbZ/6ANbTmckxIP4QfB6pBQjLF6BIAY8QguLRK\ncT/Er4lKcBsPZrNiOAKyyXSml5+BGI9zUKfTa9F/FnNsbcKk3bjV2IDOllYu\nPOMq\r\n=hosY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB7Zzbqzsqz44WPKmFgU3YUKF2RNIlYsTl/TxN5kJ2jIAiEAwM9fZoQlE7QmD4HoSROcd0Dqg+1qAWn3kMStg6oGyUo="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_0.4.0_1557227664217_0.005617167175673066"},"_hasShrinkwrap":false,"deprecated":"Wrongly published version. Should have been v1.0.x. Latest proper version of v0.x.x is v0.3.5."},"0.3.5":{"name":"react-hide-show-utils","version":"0.3.5","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","typings":"dist/index.d.ts","scripts":{"test":"jest","prebuild":"rm -rf dist/ && mkdir dist/","build":"babel -d dist/ src/","prepublishOnly":"npm run build","precommit":"lint-staged","prepush":"npm run test"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.6.0"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","enzyme-to-json":"^3.3.0","husky":"^0.14.3","jest":"^23.5.0","lint-staged":"^7.2.2","prettier":"^1.3.1","react":"^16.2.0","react-dom":"^16.2.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || ^16.0.0","react-dom":"^0.14.0 || ^15.0.0 || ^16.0.0"},"gitHead":"8dd6ff9deab1d5a076b4c380a2deeffd05cdb26e","_id":"react-hide-show-utils@0.3.5","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-x1HBNSneAuVVc2aFWLWTe+mW1H9kH6UFZ//04EW7B41DXL6/7Uo/dKMhR+9tW9YM0kH5TbgZMCKwcRkr2RO+iw==","shasum":"e74df7d8d1a7a5874dc6512c08ee84f5cd737470","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.3.5.tgz","fileCount":8,"unpackedSize":15203,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3qFBCRA9TVsSAnZWagAAZL8P/AoAnbKE9ggS2KHkQ4fG\nQgQEjZf451fHv+YjF0Nc2ve7yLcSEG2Oc5mTdTBi7Yk9eX8GEg6lTKH4FnRt\na/OZ/5v5gguQvTNCoPuI+3EQv5AwKKiocxQ8nf4zW2tdCOxFdPaR1pD7uLvV\neE7ASxh0u3CN8vx0L6xokYdO54BWEgP6mX8nhe5PeA61R27TJtg8GnLK3QSL\nLxqk7ql22mjmvEArPtS5VQf13tQ5smLnTS4vOM99HCklkYFn56P/U7EQSTfT\nO0xkUKuRGDGPZJmOJOkY8sYbRh2KY8cZZ+Vpe7/lHSEVNBfaeDn26+62CWFx\ndcnLgzoR8/iEYOdZwTXeqDYHa1RjgsiZQqhffKNWd+KZ7NOMY1UDc/Aa3LZL\nfjANLulIarTBblOQRvB4qMnl+Xj6w2OtYn3AL5SlZtxU2Er2rIk1zs57fiEl\nrEFSb1q4zIgXDmNMj4/iwxNxpxxnmOso5nZA/qi1TL2adU59aSMHUpK5fKqq\nsO0BEqVIbEsh5nLnK6lDg/b6o/S5L9LajoOUbcM2Ce0fnkxGPt3RibbpqWGL\n0Wa4nWbmtj5+Vifhi1Q7ko920twSIWGgsJ+bSmJwTCPN3Y6/eIxvg2xS5ISz\nEm1thVLmNlxn4KOOgFN+3cwc5L2D4KS00IScX0/gd7cZ5NX/i891V/mxOnjY\nV54t\r\n=CXep\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJINbAmWe2zy8piAogMckrBhW6q2vgc34CY8wKQGrK3AIhAPc+nFDCorOHT7DmQd30gF+TlNvYbE/Y1sF3zv4/HBhf"}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_0.3.5_1558094145310_0.37527753199995995"},"_hasShrinkwrap":false,"deprecated":"Does not include TS typings, actually. Please use v0.3.6 instead"},"1.0.1":{"name":"react-hide-show-utils","version":"1.0.1","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","umd:main":"dist/react-hide-show-utils-ts.umd.production.js","module":"dist/react-hide-show-utils-ts.es.production.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test","prebuild":"yarn test"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged","pre-push":"yarn test"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.12","@types/react":"^16.8.16","@types/react-dom":"^16.8.4","husky":"^2.2.0","prettier":"^1.17.0","pretty-quick":"^1.10.0","react":"^16.8.6","react-dom":"^16.8.6","tsdx":"^0.5.7","tslib":"^1.9.3","typescript":"^3.4.5"},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"Bernardo Baquero Stand","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://berbaquero.com/react-hide-show-utils/","gitHead":"75c390a36d4c558d74d456fec05eb94f9e8f5fc3","_id":"react-hide-show-utils@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-UMilfKd94ybo8qzDwdDWg3mvXV5wV3yRX7CF/8/ZfokU3w8Gh75hnZnVyeAX18DFYYnJTD+Y2xH+y3zBncUeBA==","shasum":"25f3561ec0d78e7a880e3ba0e645a967923e156e","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-1.0.1.tgz","fileCount":15,"unpackedSize":29098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3qYgCRA9TVsSAnZWagAAeRQP/3Pj7MlIFMlZRM1b6sJx\nZ1fYCURqaTRXtBSOpUY/ra73faZDbwVNSGwtQGCx/ifFUd/gSA9wFRm+vaaU\nPfTHzzaxR4wcoCrnIEFh3M75/lYpNhxEGlMHj0URODO5j+aYqA9i6LHyzaeM\nxEIjJ23yKZKNBeAUrK63CS+zcOx4VtuKHohWhEAyPll1MqN9wSped8VLMJd8\nNRHZJifVpFd/0XXAUUl0OGKi8VU1QriU5MuJoZscxnjeb6BZM4OVBojDJe3h\n3LCCTYWmTYhsuILGFUkCPxKos3DYgiOHFxI2nQt8dyOpAwSH3o3jJBeBlPTb\nDjznfHHUS9FV53EuLU4afgiiJr8AZw2KiLUOk1ZnyO41VZ1ZQM8OL6uRWxmq\nnaRHCYarLZfMLS17lb5EiKuy4RhfRHy7x2wxwme4+uSNTq3tIALx3ItFTxUC\no7GV0Aj2PTl635yr3epEb8C3CLsEACEADywnIibdcKMg0EdGRKX/Lm9KpwtG\nWtJwrNozpynaeR3/v2uswCfUCLL/vZtJZ6nZNVhZc9UZ6bJ1Gy5xsLYa6l6T\n/MJiMHiP1Ke1Uz6hFRrpmCg4LUMp0HI8vnRzoAlTYq8v99GluDQLxPNK3Vk9\nCDp+CuVWKcifPG2qbL2dELaysERiidu59tmjk9zliT1/onqm8LehPqmsjP15\nkfCV\r\n=9sc2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICTUUjyi7HcnXhBZ5/BIpFc6DmWrLgSLbbo0tQud6AAQAiAi8Nyxg0YCu/JJSZxdPJs0Ik1cKj4wR+GuAGGmRIgJvg=="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_1.0.1_1558095389313_0.40569271362819537"},"_hasShrinkwrap":false},"0.3.6":{"name":"react-hide-show-utils","version":"0.3.6","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","typings":"dist/index.d.ts","scripts":{"test":"jest","build":"babel -d dist/ src/","precommit":"lint-staged","prepush":"npm run test"},"lint-staged":{"*.js":["prettier --single-quote --trailing-comma es5 --write","git add"]},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"berbaquero","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://github.com/berbaquero/react-hide-show-utils#readme","dependencies":{"prop-types":"^15.6.0"},"devDependencies":{"babel-cli":"^6.24.1","babel-preset-env":"^1.4.0","babel-preset-react":"^6.24.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","enzyme-to-json":"^3.3.0","husky":"^0.14.3","jest":"^23.5.0","lint-staged":"^7.2.2","prettier":"^1.3.1","react":"^16.2.0","react-dom":"^16.2.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || ^16.0.0","react-dom":"^0.14.0 || ^15.0.0 || ^16.0.0"},"gitHead":"fa97160f63eed3a7b803514c0faa0e5c69107325","readme":"# react-hide-show-utils\n> React utility components for showing or hiding children components, based on media queries.\n\n![976 bytes gzipped](https://img.shields.io/badge/gzipped-976_bytes-brightgreen.svg)\n\nBased and inspired on what's suggested by the `<HideAt>` and `<ShowAt>` components shown \nin [this block of code](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2#d5f9) \nfrom [this AirBnb Engineering's blog post](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2).\n\n## How are these useful?\n\nEven though hiding or showing components can easily be done with just CSS as well,\nthey would still be part of the DOM, which can complicate things in some not-so-rare situations.\n\nWith these utility components, the children element **will actually be added/removed from the DOM**.\nThis avoids possible redundant elements at the same time, and results in a leaner DOM.\n\n## How do they work?\n\nThese components use the browser's [`window.matchMedia API`](https://developer.mozilla.org/en-US/docs/Web/API/window/matchMedia) internally to be \n[notified when a media query is active](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries#Receiving_query_notifications)\nand hide or show their children accordingly.\n\nBecause of this:\n\n* These components only work on the browser. On the server, *nothing declared inside these components is rendered*.\n* Since it uses `matchMedia`, you might need a polyfill for [support in legacy browsers (like IE9)](http://caniuse.com/#feat=matchmedia).\n  * I suggest to consider using the [polyfill.io service](https://polyfill.io/).\n  \nUsing `matchMedia` saves us from having to listen to and manage the window's `resize` event,\nand all the complications that come with it.\n\n## Install\n\n```bash\n# via npm\nnpm i --save react-hide-show-utils\n\n# via yarn\nyarn add react-hide-show-utils\n```\n\n## Usage\n\n### `<HideAt>`\n\nUn-mounts the children inside it, when the declared breakpoint becomes active.\nAnd logically, it mounts it again when the breakpoint becomes inactive again.\n\n#### Example\n\n```jsx\nimport { HideAt } from 'react-hide-show-utils';\n\n<HideAt breakpoint=\"(min-width: 32em)\">\n <Button\n   text=\"I'm not rendered on wide viewports!\"\n /> \n</HideAt>\n```\n\n### `<ShowAt>`\n\nMounts the children component inside, when the declared breakpoint becomes active.\nAnd logically, it un-mounts it when the breakpoint becomes inactive again.\n\n```jsx\nimport { ShowAt } from 'react-hide-show-utils';\n\n<ShowAt breakpoint=\"(max-width: 8em)\">\n <h1>I'm only shown on narrow viewports!</h1>\n</ShowAt>\n```\n\n### Notes\n\n* Before the children component is even mounted for the first time,\nthe breakpoint is checked, to determine whether it's active or not.\nTherefore, the children will not even be rendered initially,\nif it's not meant to based on the utility used and breakpoint declared.\n","readmeFilename":"README.md","_id":"react-hide-show-utils@0.3.6","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"dist":{"integrity":"sha512-nNl2u5FT+i56TWk3SmKiQStrkVOlMSeENk52JjTJZ9fcRC+4joTshepKcKm0Qt7Qj3iPUW06ucJZe+3JAaoMpg==","shasum":"42f80003d5c03d06af0865bc4fbf0fdf4283d376","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-0.3.6.tgz","fileCount":5,"unpackedSize":10231,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3rJGCRA9TVsSAnZWagAAonkQAJzTbck9a7zstxT4icg/\nHXKnIz2dTKJHIvBI60GKNimBFxl5Q664leBUi5TbPH/B98+EP3Do8pTilpi4\naL54UankCWLH+LH5llq/Z6DJWrKwkiiDyXKJmIdeu6lIJH/4dBwfvTZDiKrm\nrf3OVus23EYNM0A83ctuw00QBWBBy+qSYnmCX/7ldi9mAEuOAuyp3Ynkmw+W\nRGto8qN4zzIV7o3i75XQLoW1eS2BcbENjH9bM8rUBQFJkZ1mLPAmaHOJCP1r\ncAJQ43FXDb8XDzGbXZdvpSE+Abt+e1dv+K1DIHkQCND3NZC0FJv/ymUwkvsQ\noeTqZD/5rrmvSlP4zZP8W0VxFHHKnTdoxKNWJid/twOBTkj60DKG1VcgXZZo\n3SPaLLVQ0b+TXzODg1v+2GGLDlf1YFgbTr2W+F+ce3K2mHGFBz0vNIZPU9v+\nGMQXLgdIWf+K9vF4iravK06dERLi5bIhwhHfhjzpRKFEw6Q7YRLS3fHeR0ls\nD/s8HmY8jVUoocKf1FCwt/B89N1rezgfW0AtZrtYe1jqcPqc3W3F8LPX2XDO\n66r79zJVEwY0ryVqiUFf1G4kXj6OZmia5uklKq+xfUdJttaQcezVhLlSefAK\nRpWCfjoxgf7nYDMS8ciG8Jn02Fa3+xDrnOYt1wMeOGwIA1rFvFPH5CVzcuqp\n+1PR\r\n=QjK9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC/JH106kbl1h8VvZwbAPYBL3qTf/8WgkX3c9JE97xFGAiBsZUUKF6VnPC144ZC53MO4A2GISOYt/ssOXd93KFOwGg=="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_0.3.6_1558098501443_0.20777970272290824"},"_hasShrinkwrap":false},"1.0.2":{"name":"react-hide-show-utils","version":"1.0.2","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","umd:main":"dist/react-hide-show-utils-ts.umd.production.js","module":"dist/react-hide-show-utils-ts.es.production.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test","prebuild":"yarn test"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged","pre-push":"yarn test"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.12","@types/react":"^16.8.16","@types/react-dom":"^16.8.4","husky":"^2.2.0","prettier":"^1.17.0","pretty-quick":"^1.10.0","react":"^16.8.6","react-dom":"^16.8.6","tsdx":"^0.5.7","tslib":"^1.9.3","typescript":"^3.4.5"},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"Bernardo Baquero Stand","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://berbaquero.com/react-hide-show-utils/","gitHead":"ebfe6d378e3dafbaa02b6a1afdd608b10c8b245c","_id":"react-hide-show-utils@1.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-eGziRNgX2urCv2BqTUyQMY7BV+AyjGM7BbDOqrttjw5T4nsxCRmqO7BYvTmnFdIk6TtKEUctypGSI6i8amfH9A==","shasum":"543c4a1a51e960a494b76aa922aae2e4a7794cc7","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-1.0.2.tgz","fileCount":15,"unpackedSize":29098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdLDYiCRA9TVsSAnZWagAAkf8QAIi8yl/G1FpjFFHkzRcJ\nUgC/boBg1vqzngR9oiNJtcylmWEyLCXclxds5TInY/ktgA/iPn43DGiyCeso\n4PDD1HZm33JIJyXT86cQprOePnoIj/PGvhuh6EJZ2CXC4WPqhC9i0qGs4MZ/\nUO/rBlo6+DsiY7+DtReTAXCEdH42KQUHm8BOswJq7EgUZ/9BHJU+1KyYwjLd\nGJ34uQXL6R2u8pg4ToPrktcHlsDkIYWIHkeg9x/EU+aE4uRR0uYn8YEYZuK8\nJDyREAe8xrq2lkatcyOSOW74wsIEnnWoTl+H42j4nFzOtnQguGC/ahnNEaRw\nrzPRMmm8Bynz/2A0Wq7DeIcM+c/GIJvJGFnfceBPOqk7Y4IY7awUbLjXBO0d\nKLJ5vFNbd2dNzp7v9ub6XIu02l2C3T6x2+xZhAq3Aof/XsjA7HdWwFlJSRhL\nW2aot3paOgYAhClbJSgZ3x1ZyFhrVxiOCqes64lIEqedMDkB1Dzq4VfbLr6f\nt0hvOplZ7GG43enqmUZt/KeCmiNMy5l4y78nlyWNyI3KrZlbrPBculQOQ2xF\ngb/938BZHaR49zQ7frUzJTV1RIxC7tf7nKVTw5hMHnXwtCGbRAofOkEvAMnX\naLSEGdmKbGtuKBdLEgd3cPNCEZGQltgZjoziQQIvWg+GukFa1N3ik7urGAO6\nV0Ze\r\n=cKUJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA8voIELEDfS9PqCCPWZDkwQOFigc+g1khFlUwPJ9O+DAiEAgwpvVBWZTkwwOx/nAMVNuHhRdMLBI4O364ffxbnXbCw="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_1.0.2_1563178529708_0.6593277301009071"},"_hasShrinkwrap":false},"1.1.0-beta.0":{"name":"react-hide-show-utils","version":"1.1.0-beta.0","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","umd:main":"dist/react-hide-show-utils-ts.umd.production.js","module":"dist/react-hide-show-utils-ts.es.production.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test","prebuild":"yarn test"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged","pre-push":"yarn test"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.12","@types/react":"^16.8.16","@types/react-dom":"^16.8.4","husky":"^2.2.0","prettier":"^1.17.0","pretty-quick":"^1.10.0","react":"^16.8.6","react-dom":"^16.8.6","tsdx":"^0.5.7","tslib":"^1.9.3","typescript":"^3.4.5"},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"Bernardo Baquero Stand","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://react-hide-show-utils.berbaquero.com/","readme":"# react-hide-show-utils\n\n> React utility components for showing or hiding children components, based on media queries.\n\n[![](https://badgen.net/bundlephobia/min/react-hide-show-utils)](https://bundlephobia.com/result?p=react-hide-show-utils) [![](https://badgen.net/bundlephobia/minzip/react-hide-show-utils)](https://bundlephobia.com/result?p=react-hide-show-utils)\n\nBased and inspired on what's suggested by the `<HideAt>` and `<ShowAt>` components shown\nin [this block of code](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2#d5f9)\nfrom [this AirBnb Engineering's blog post](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2).\n\n## How are these useful?\n\nEven though hiding or showing components can easily be done with just CSS as well,\nthey would still be part of the DOM, which can complicate things in some not-so-rare situations.\n\nWith these utility components, the children element **will actually be added/removed from the DOM**.\nThis avoids possible redundant elements at the same time, and results in a leaner DOM.\n\n## How do they work?\n\nThese components use the browser's [`window.matchMedia API`](https://developer.mozilla.org/en-US/docs/Web/API/window/matchMedia) internally to be\n[notified when a media query is active](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries#Receiving_query_notifications)\nand hide or show their children accordingly.\n\nBecause of this:\n\n- These components only work on the browser. On the server, _nothing declared inside these components is rendered_.\n- Since it uses `matchMedia`, you might need a polyfill for [support in legacy browsers (like IE9)](http://caniuse.com/#feat=matchmedia).\n\n  - I suggest to consider using the [polyfill.io service](https://polyfill.io/).\n\nUsing `matchMedia` saves us from having to listen to and manage the window's `resize` event,\nand all the complications that come with it.\n\n## Install\n\n```bash\n# via npm\nnpm i --save react-hide-show-utils\n\n# via yarn\nyarn add react-hide-show-utils\n```\n\n## Usage\n\n### `<HideAt>`\n\nUn-mounts the children inside it, when the declared breakpoint becomes active.\nAnd logically, it mounts it again when the breakpoint becomes inactive again.\n\n#### Example\n\n```jsx\nimport { HideAt } from 'react-hide-show-utils';\n\n<HideAt breakpoint=\"(min-width: 32em)\">\n  <Button text=\"I'm not rendered on wide viewports!\" />\n</HideAt>;\n```\n\n### `<ShowAt>`\n\nMounts the children component inside, when the declared breakpoint becomes active.\nAnd logically, it un-mounts it when the breakpoint becomes inactive again.\n\n```jsx\nimport { ShowAt } from 'react-hide-show-utils';\n\n<ShowAt breakpoint=\"(max-width: 8em)\">\n  <h1>I'm only shown on narrow viewports!</h1>\n</ShowAt>;\n```\n\n### Notes\n\n- Before the children component is even mounted for the first time,\n  the breakpoint is checked, to determine whether it's active or not.\n  Therefore, the children will not even be rendered initially,\n  if it's not meant to based on the utility used and breakpoint declared.\n","readmeFilename":"README.md","gitHead":"8617f9e55ca65fca69b4aad0260ac09a92b80e25","_id":"react-hide-show-utils@1.1.0-beta.0","_nodeVersion":"8.9.4","_npmVersion":"6.7.0","dist":{"integrity":"sha512-B/433unUs8CBl2u2cQbmmJ9OrDQzN9o2o3RWpYHAHxfUu8wqdVAlT1zTD1nJfb9lM/GeeBAqlRrkvzhfjLb73g==","shasum":"ccebc3e773af335d7e0b4444a15537bcdbd6281f","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-1.1.0-beta.0.tgz","fileCount":15,"unpackedSize":30131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6ph7CRA9TVsSAnZWagAA3n4P/iiUTWRCom/v+FKUK2qz\nn1eaJtGZNCiM1CSUNUw6WW9wlA93zRl5gb0BLF5qBAB47cWCsqLhhsbz3kwF\nJSRsA6XLInsxO9GONcoOWurEepq8TdwWiMKC1D613Htc/3/foRiVQ96Osrh8\n+4QYEDgLIGD76kE9mlWG5IMWYWtZwZeSZTzAly7tnXe4igMj+CkMFRvrkArQ\npFy5mPFXzpoy/nuBXU8CNcvyqwzRgcp+CshvYoHok94olnkGUfPADqOH9O2O\n8G4GcaReGwj6NwinIhF3qhMH7jEHufxibWrBpUHqU6pjhu8Px+VEsYiv+Qhp\n0jTctIL5iDXYo8GNBGkr97K4zjJzKQz+11iMhyGBz+RB3sdJMiBJGCGoITI8\nlJqYKyAsO52tb9vhYRTK8WJRuMR5ubCao5yxKPxRcUcIag4UyPOt2QpSgd5V\npO+1qLJYvH6jpLmUbE+dOHxx7m+KHTYrFcOXYSGEHo2CZDueTZQrxrbA+2Ss\nQ0ixsxlXmwvB5t+d57zmbyFJGUgJ9r7ImR30FPAtkssREV2JS/hNraDesDUh\nQs9kXiHAzQSqTTOvZ7ThkGD8yy3+Kz4EGhKN6Z62BZ7+S5oVpjjrY10EnyYN\nQHoX+yWJObKQZXLsehkxrGCEOcLkB/AuLOBUfGgjhnVWq5/XLwXo27QMhQzi\nqKLY\r\n=r8V8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC93eyWhMl0ejCFdXjqjNKZrHtGKO8yCly1kuzeZZLwAgIgTC1RUpBa6wdwfsQx0PkPnBpV7iT3bEwooonu1RSvmOs="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_1.1.0-beta.0_1592432763200_0.8557492684928227"},"_hasShrinkwrap":false},"1.1.0-beta.1":{"name":"react-hide-show-utils","version":"1.1.0-beta.1","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","umd:main":"dist/react-hide-show-utils-ts.umd.production.js","module":"dist/react-hide-show-utils-ts.es.production.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test","prebuild":"yarn test"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged","pre-push":"yarn test"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.12","@types/react":"^16.8.16","@types/react-dom":"^16.8.4","husky":"^2.2.0","prettier":"^1.17.0","pretty-quick":"^1.10.0","react":"^16.8.6","react-dom":"^16.8.6","tsdx":"^0.5.7","tslib":"^1.9.3","typescript":"^3.4.5"},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"Bernardo Baquero Stand","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://react-hide-show-utils.berbaquero.com/","readme":"# react-hide-show-utils\n\n> React utility components for showing or hiding children components, based on media queries.\n\n[![](https://badgen.net/bundlephobia/min/react-hide-show-utils)](https://bundlephobia.com/result?p=react-hide-show-utils) [![](https://badgen.net/bundlephobia/minzip/react-hide-show-utils)](https://bundlephobia.com/result?p=react-hide-show-utils)\n\nBased and inspired on what's suggested by the `<HideAt>` and `<ShowAt>` components shown\nin [this block of code](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2#d5f9)\nfrom [this AirBnb Engineering's blog post](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2).\n\n## How are these useful?\n\nEven though hiding or showing components can easily be done with just CSS as well,\nthey would still be part of the DOM, which can complicate things in some not-so-rare situations.\n\nWith these utility components, the children element **will actually be added/removed from the DOM**.\nThis avoids possible redundant elements at the same time, and results in a leaner DOM.\n\n## How do they work?\n\nThese components use the browser's [`window.matchMedia API`](https://developer.mozilla.org/en-US/docs/Web/API/window/matchMedia) internally to be\n[notified when a media query is active](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries#Receiving_query_notifications)\nand hide or show their children accordingly.\n\nBecause of this:\n\n- These components only work on the browser. On the server, _nothing declared inside these components is rendered_.\n- Since it uses `matchMedia`, you might need a polyfill for [support in legacy browsers (like IE9)](http://caniuse.com/#feat=matchmedia).\n\n  - I suggest to consider using the [polyfill.io service](https://polyfill.io/).\n\nUsing `matchMedia` saves us from having to listen to and manage the window's `resize` event,\nand all the complications that come with it.\n\n## Install\n\n```bash\n# via npm\nnpm i --save react-hide-show-utils\n\n# via yarn\nyarn add react-hide-show-utils\n```\n\n## Usage\n\n### `<HideAt>`\n\nUn-mounts the children inside it, when the declared breakpoint becomes active.\nAnd logically, it mounts it again when the breakpoint becomes inactive again.\n\n#### Example\n\n```jsx\nimport { HideAt } from 'react-hide-show-utils';\n\n<HideAt breakpoint=\"(min-width: 32em)\">\n  <Button text=\"I'm not rendered on wide viewports!\" />\n</HideAt>;\n```\n\n### `<ShowAt>`\n\nMounts the children component inside, when the declared breakpoint becomes active.\nAnd logically, it un-mounts it when the breakpoint becomes inactive again.\n\n```jsx\nimport { ShowAt } from 'react-hide-show-utils';\n\n<ShowAt breakpoint=\"(max-width: 8em)\">\n  <h1>I'm only shown on narrow viewports!</h1>\n</ShowAt>;\n```\n\n### Notes\n\n- Before the children component is even mounted for the first time,\n  the breakpoint is checked, to determine whether it's active or not.\n  Therefore, the children will not even be rendered initially,\n  if it's not meant to based on the utility used and breakpoint declared.\n","readmeFilename":"README.md","gitHead":"f033a8f346aae8151b6c6c74feee73a5ffe4fba5","_id":"react-hide-show-utils@1.1.0-beta.1","_nodeVersion":"8.9.4","_npmVersion":"6.7.0","dist":{"integrity":"sha512-XwZ6v2181tHIu00fuF3w7LWhp36Ns9ZZ9JAu16Nhe/XzHox03wxpvCLSBj1oE6uHhUHm9OWvX3AURIFqP2Kstg==","shasum":"4a74d9e3a52adc981a51984aa6460d7c222e7b4f","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-1.1.0-beta.1.tgz","fileCount":15,"unpackedSize":30131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6p7BCRA9TVsSAnZWagAAYKcP/Rv1JWLP2oSr0FbK2TP2\nRIHfJiarZbtudCkwtXE6sE/vGxT1ove5kmkue7pN3gXuUQM4w8bdsRRmala6\nIVO9tXtU0QHu7C1CazDZRM91FQut6okk/D6hzA2Fkd64f3WBEvoDMMZt0tYh\nTvMww3sNzk2kDhEdjocdRygHptYvFKC65nbUWwjuWzb/laZg2AnAO4GWgm1g\n2xK0V3uQe9Pi+xA2wq5Pq7OJw0+o/GKYreREnIHhg96A5i7IDYbvcO0hBgBZ\n4iVPeznkgbWAqBLkRrpCj7Ord35cXoOjdPXtc5CHlSDIZNaD8d/JaBEwFhhC\nsibFleuBM7qYnnGZ5uSVlyLizGHsOFHvnihnOUeAz7c/fAnmZxd20yEm97UM\n1pxvJRFJuMXZqIrvlS3HM4rhKkhHUbPz3dzVYN99HYZH3D1+6qKDnxzq+ZLF\nlx29rMZY+lidVM4/Bl1y0SdyXi1owOcMJuEEv1VE0dEHRYcKHQtudejBg8IQ\n/eXa6F+TwL8AikCnJejZD0tHbqxESY2XpS2uZU/uJ98euRne4EP4XWW986YZ\noCM2yQN5l/UMMtpFlimIZIdCQwm5CzEQG1FGELgHXZm3/P0Jy0X+RPfKvO9r\nYyI5E2XaG6nQazKRDV+vHdZrD6uhfa0GxuL9/DkJphlX7pjtvadFqkNsmlgd\nNBeE\r\n=3Zxp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDM2m8cRm57Mt9VfJltPgT07WepSg/8rPurqeVlNLKqNAIgWfxvs889UhP/24EOWqJ3Hx70g8BwnEfUlRN0qdIbjW8="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_1.1.0-beta.1_1592434368882_0.3287208676573432"},"_hasShrinkwrap":false},"1.1.0-beta.2":{"name":"react-hide-show-utils","version":"1.1.0-beta.2","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","umd:main":"dist/react-hide-show-utils-ts.umd.production.js","module":"dist/react-hide-show-utils-ts.es.production.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test","preversion":"yarn test","prepublishOnly":"yarn build"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged","pre-push":"yarn test"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.12","@types/react":"^16.8.16","@types/react-dom":"^16.8.4","husky":"^2.2.0","prettier":"^1.17.0","pretty-quick":"^1.10.0","react":"^16.8.6","react-dom":"^16.8.6","tsdx":"^0.5.7","tslib":"^1.9.3","typescript":"^3.4.5"},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","stateful","responsive"],"author":{"name":"Bernardo Baquero Stand","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://react-hide-show-utils.berbaquero.com/","gitHead":"555ae77b5404d67cc629c0a10ed928dad1f8e112","readme":"# react-hide-show-utils\n\n> React utility components for showing or hiding children components, based on media queries.\n\n[![](https://badgen.net/bundlephobia/min/react-hide-show-utils)](https://bundlephobia.com/result?p=react-hide-show-utils) [![](https://badgen.net/bundlephobia/minzip/react-hide-show-utils)](https://bundlephobia.com/result?p=react-hide-show-utils)\n\nBased and inspired on what's suggested by the `<HideAt>` and `<ShowAt>` components shown\nin [this block of code](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2#d5f9)\nfrom [this AirBnb Engineering's blog post](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2).\n\n## How are these useful?\n\nEven though hiding or showing components can easily be done with just CSS as well,\nthey would still be part of the DOM, which can complicate things in some not-so-rare situations.\n\nWith these utility components, the children element **will actually be added/removed from the DOM**.\nThis avoids possible redundant elements at the same time, and results in a leaner DOM.\n\n## How do they work?\n\nThese components use the browser's [`window.matchMedia API`](https://developer.mozilla.org/en-US/docs/Web/API/window/matchMedia) internally to be\n[notified when a media query is active](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries#Receiving_query_notifications)\nand hide or show their children accordingly.\n\nBecause of this:\n\n- These components only work on the browser. On the server, _nothing declared inside these components is rendered_.\n- Since it uses `matchMedia`, you might need a polyfill for [support in legacy browsers (like IE9)](http://caniuse.com/#feat=matchmedia).\n\n  - I suggest to consider using the [polyfill.io service](https://polyfill.io/).\n\nUsing `matchMedia` saves us from having to listen to and manage the window's `resize` event,\nand all the complications that come with it.\n\n## Install\n\n```bash\n# via npm\nnpm i --save react-hide-show-utils\n\n# via yarn\nyarn add react-hide-show-utils\n```\n\n## Usage\n\n### `<HideAt>`\n\nUn-mounts the children inside it, when the declared breakpoint becomes active.\nAnd logically, it mounts it again when the breakpoint becomes inactive again.\n\n#### Example\n\n```jsx\nimport { HideAt } from 'react-hide-show-utils';\n\n<HideAt breakpoint=\"(min-width: 32em)\">\n  <Button text=\"I'm not rendered on wide viewports!\" />\n</HideAt>;\n```\n\n### `<ShowAt>`\n\nMounts the children component inside, when the declared breakpoint becomes active.\nAnd logically, it un-mounts it when the breakpoint becomes inactive again.\n\n```jsx\nimport { ShowAt } from 'react-hide-show-utils';\n\n<ShowAt breakpoint=\"(max-width: 8em)\">\n  <h1>I'm only shown on narrow viewports!</h1>\n</ShowAt>;\n```\n\n### Notes\n\n- Before the children component is even mounted for the first time,\n  the breakpoint is checked, to determine whether it's active or not.\n  Therefore, the children will not even be rendered initially,\n  if it's not meant to based on the utility used and breakpoint declared.\n","readmeFilename":"README.md","_id":"react-hide-show-utils@1.1.0-beta.2","_nodeVersion":"8.9.4","_npmVersion":"6.7.0","dist":{"integrity":"sha512-SPAJ5NDs7LQe3ewA8ZK2OCFp54z6FYKQGwLVeSdWiqPovMAiQ739kRHb7DSfsTVM4SgAD5X/sBba9lXqRs1KGA==","shasum":"a5a221bea3968b811646bd0562279ef09ff4b875","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-1.1.0-beta.2.tgz","fileCount":15,"unpackedSize":30500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6p/ECRA9TVsSAnZWagAA5IEP/0BmUA3HcX5ckk3zbsa5\nhoI+8dh2l4pY4FxnGYEmG4yg258xqrPyTtJQrqVRVkaM8xT/jAACrMS1M27D\nrh/VSMJPzjD99ZRi3YjocHkWypZ7kX2z+gdivFn83i0co//sOPBi8DdAvxNx\npM8FtUBWlL18pUw6lBiOGD+crRHTrsYJfQM75mQd+x8xoVdaf0ewf37ypCtw\nkx96RZ+vt0cpG9Ae2aulg0WV9W5LEjkxaM68HkG+pBOhj7NK8Q0jQwqH6y/g\nOOoVt8geybc+l27nqHk5i8t/DS6XBGBlKp0A9c+ZEcPX3JH1O70mGLgVh6Ik\n6T/Goy/GgUXU1mpZGpiWtbDRvs5mzxbxkIiiB6DeLQzDcp9G0EwgQAwmcJN7\n1rK1G/Vv9NN1RragOJgxqLJwvZo2XuECUo0BuH1fnEbKYvns3urlRqba0xkj\n0J/o+4MjGHfBMh6SHu5qeRn9+5Z4Zwoc/S5mHGV69QDGTCA+6MuMDRxzCIBS\nVY6kWM71wesAc2ozH5Tw7hwd8KjE9BNgUhHeHiZZPF25ppp+Zmt5hoMnkvJX\ntCrXCtiMEwW94WDz5wKi3B35GzOB3ybicpSxyMHI/aAOQiUmoX8mPOc+Tz3b\nvbnGry3EnMliOuVfqgEMJjDXaYE92jJL94mx6Ep6qOfI1hZaDmA8n4a2oe2M\n+kOF\r\n=sSiJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBK4nRW8P11bK8/X1oNVJ1DnPzb2F3fiRZj+JkwgjivRAiEA6R1aJGUDS0kQTypwCaZ/G9Ic7TwTR3xoJZvHY5XB+cE="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_1.1.0-beta.2_1592434627626_0.04609069221021955"},"_hasShrinkwrap":false},"1.1.0":{"name":"react-hide-show-utils","version":"1.1.0","description":"Simple and small React components for showing and hiding children based on media queries","main":"dist/index.js","umd:main":"dist/react-hide-show-utils-ts.umd.production.js","module":"dist/react-hide-show-utils-ts.es.production.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test","preversion":"yarn test","prepublishOnly":"yarn build"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged","pre-push":"yarn test"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.12","@types/react":"^16.8.16","@types/react-dom":"^16.8.4","husky":"^2.2.0","prettier":"^1.17.0","pretty-quick":"^1.10.0","react":"^16.8.6","react-dom":"^16.8.6","tsdx":"^0.5.7","tslib":"^1.9.3","typescript":"^3.4.5"},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","responsive","media-query","declarative"],"author":{"name":"Bernardo Baquero Stand","email":"baquerober@gmail.com","url":"http://berbaquero.com"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"license":"MIT","bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://react-hide-show-utils.berbaquero.com/","gitHead":"4c21ca65a8f1473cc82940b548196ded08556273","_id":"react-hide-show-utils@1.1.0","_nodeVersion":"8.9.4","_npmVersion":"6.7.0","dist":{"integrity":"sha512-woovaiIaXdi3QvLeGnPc3fOIs0JsNCchNYzytwAWfxmfVBNhWbr5Go4y6T+KLXLKJ1pkg+rK9sMLlxKvgQHuMg==","shasum":"8a68c96d6ab06ccd4a4347ea0829e46ad249e2d1","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-1.1.0.tgz","fileCount":15,"unpackedSize":30515,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64M4CRA9TVsSAnZWagAAccQQAIoc+LAgpZoILFb4+Lrd\nnKbQ87zOcjt+/nEqag6UtHsIWRCnVBEsSN2YB3aNf0W1guZtPULsdEzvfPjn\ny3TbQZQinrg0yxd6F21LG9ope4VEwzpOUpK4I4afQY5W2CkzcIpjgOK9qoMR\nE7fQUwh7dtkKGHAl1ZtAtNjAblfypJ8jThLCpvkkYEMSx8DJDwrZV4sFo/uA\nnY8sO6YD1XaaRuCxZFOne8AXBOVizWV2zDchdeEw1h4ujwPJpMdREMFJrCdd\nQBSFdbHdhj/dHiuzTT03OtNPa9GsAhyU4nTTH28k/K4PTvdsXegmM2h8Fp1K\nSugaRfH2eGDDgcDp4MWrFTDuTT7G0Pe0tV/+cp3tM51BxsD5GbAh6S6KDpuR\nregjYg2Jp1gI/MyhZMbgCZj3iH1nsgK/r+XHFttSp2sTUhGpEeBWPP3QVgmG\nw1MY/5mjTd3FS9ynkxsEY023VwLp7vxS3cyxm2YsdjWs9C4euIjUCsU5TMQT\nv6+aywGcqXwzweAtYHEkDWniqyBnWMFoX8raNel/mJY9wVgZV4DL5wIwTfVR\naI2ecNqRjHk0oEp8w1/NN34t5+sbAgKmsp0UWMujVF1J7YcgfQCq59JEaPMR\nuq4VklCV6nHVp3Kz15ZLpOll5w9hhuU+/V4z8dzSMz22VzSDv9EJXwbblkFS\nQO1a\r\n=sNx4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1MG/r4S5mWYvFuX13glmBuG7dgwaASv9+Gq5maWMq5AiEAljwHKkeUl9ZDvl5cjoG9uKFYI76ENBuwMV9cDVcoUWo="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_1.1.0_1592492856125_0.8224605298946517"},"_hasShrinkwrap":false},"1.2.0":{"name":"react-hide-show-utils","author":{"name":"Bernardo Baquero Stand","email":"baquerober@gmail.com","url":"https://berbaquero.com"},"version":"1.2.0","description":"Simple and small React components for showing and hiding children based on media queries","license":"MIT","main":"dist/index.js","module":"dist/react-hide-show-utils.esm.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","preversion":"yarn test","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-push":"yarn test","pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/react":"^16.9.38","@types/react-dom":"^16.9.8","husky":"^4.2.5","react":"^16.13.1","react-dom":"^16.13.1","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.5"},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","responsive","media-query","declarative"],"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://react-hide-show-utils.berbaquero.com/","gitHead":"55bc46125b88bde3a4acc1ed74cde5f16c642f8d","_id":"react-hide-show-utils@1.2.0","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-jKJASnrdzhP3oxZ0FfTXQvXwL4vILbx4v2su8bxNjdhBMBUuSwHE/JqeMuOu+vx6XqFCAPNz49RVu+4e83Q9Jg==","shasum":"49f532bac7bf05108313a82db741bb1abc67a6b2","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-1.2.0.tgz","fileCount":11,"unpackedSize":22366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe65brCRA9TVsSAnZWagAAuyIQAJBUtxbbyh5gSKvcmuAq\nPKyvTPo/CMebri693qFukKwAaqL1gR4/U7Xw+wgmQjr2O4CLQeqxkIImBeGs\nSyFmgz3hPLS79JwRF35q5Ic8TIHi1lOIwcG0qgOl7x/hwRrXBDINLqi+XQSF\nyM9ZSOh2lgVZrKfA2HSmeMWwl+2WBhnu6C/VVZH4HIXnAwJVcQGeFm8wvNSv\nAlaPFf+IRgr8XXj7qEJdtxYFpoqAO9fYK+P3FKHNX6a4LaInkLQ7NOOwrFu5\nRuClyX0K/uDd2rJiJ2MAC28CjENk1AVMSMak5a0V/h4H9skf9MR8PHsAISsu\nXfdHb/yci/kmYwWjytKfBNZmNuQ9LvoCE3IVdAR/0XxudPldJN6tjDvx3K40\nTmbzu/cekpAczYBf+VjxxuEbrhWFX1Otp4ztSzKDWQ6uT1khOjXwMKgqRC3n\n+6UTWPotz27CBjVZTgffT1h2bp85LWl+Vnoqnt75NrBE2abBhzLwmycz/pKP\nom3QqSqtIebzEw6w+ttYkmJ3saKF8dQ3qrRCp1B++9J+s+otXPyVgDK/cgaa\nzeIaQsN5koTxc7xD0DlquepFA3Ruj3WvLjeKvTyF6uEVSurC65wlyjDwnqjl\nBUwxDx9m1Us7B3oJDL8s8XbBgYNwV3SJcinAqNRshlqWQtbzUnRrFsTsiOH6\nyjqa\r\n=Z8WL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFu0XEuMGhuFNlqZVWeixfwR5SnVgIWNRvFn7wwfKhf4AiAHzsPepP1iiAD3j73IpCBPtuuuKk5NDgh10ILz0+BE8w=="}]},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_1.2.0_1592497898716_0.8309544506943563"},"_hasShrinkwrap":false},"1.3.0":{"name":"react-hide-show-utils","author":{"name":"Bernardo Baquero Stand","email":"baquerober@gmail.com","url":"https://berbaquero.com"},"version":"1.3.0","description":"Simple and small React components for showing and hiding children based on media queries","license":"MIT","main":"dist/index.js","module":"dist/react-hide-show-utils.esm.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","preversion":"yarn test","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-push":"yarn test","pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/react":"^16.9.38","@types/react-dom":"^16.9.8","husky":"^4.2.5","react":"^16.13.1","react-dom":"^16.13.1","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.5"},"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"keywords":["react","responsive","media-query","declarative"],"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"homepage":"https://react-hide-show-utils.berbaquero.com/","gitHead":"16edea7282ecd4f65723aa3f795e1c16282da2d5","_id":"react-hide-show-utils@1.3.0","_nodeVersion":"14.15.4","_npmVersion":"7.5.4","dist":{"integrity":"sha512-gqcLHEVRM0QeyjGOQp7vTi/zP6LjzcEuRedZRpRyZlHgNETW09RIx8sGE4CB0nRHPPaE6CfU0wdX5jwM9aVpIg==","shasum":"6f65b9145da48713c3957927cd46185485f5cc1e","tarball":"https://registry.npmjs.org/react-hide-show-utils/-/react-hide-show-utils-1.3.0.tgz","fileCount":11,"unpackedSize":22492,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFw7Vz4eS4eGaDDrF+eMPPUiac8OTKt4SJNtrJLpaAmAAiADOwpoKBowWGylzTC0ASHTmb/9HU62uaoYjVKaEg/AbA=="}]},"_npmUser":{"name":"berbaquero","email":"baquerober@gmail.com"},"directories":{},"maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hide-show-utils_1.3.0_1697646010788_0.14874027822577474"},"_hasShrinkwrap":false}},"readme":"# react-hide-show-utils\n\n> React utility components for showing or hiding children components, based on media queries.\n\n[![](https://badgen.net/bundlephobia/min/react-hide-show-utils)](https://bundlephobia.com/result?p=react-hide-show-utils) [![](https://badgen.net/bundlephobia/minzip/react-hide-show-utils)](https://bundlephobia.com/result?p=react-hide-show-utils)\n\nBased and inspired on what's suggested by the `<HideAt>` and `<ShowAt>` components shown\nin [this block of code](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2#d5f9)\nfrom [this AirBnb Engineering's blog post](https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2).\n\n## How are these useful?\n\nEven though hiding or showing components can easily be done with just CSS as well,\nthey would still be part of the DOM, which can complicate things in some not-so-rare situations.\n\nWith these utility components, the children element **will actually be added/removed from the DOM**.\nThis avoids possible redundant elements at the same time, and results in a leaner DOM.\n\n## How do they work?\n\nThese components use the browser's [`window.matchMedia API`](https://developer.mozilla.org/en-US/docs/Web/API/window/matchMedia) internally to be\n[notified when a media query is active](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries#Receiving_query_notifications)\nand hide or show their children accordingly.\n\nBecause of this:\n\n- These components only work on the browser. On the server, _nothing declared inside these components is rendered_.\n- Since it uses `matchMedia`, you might need a polyfill for [support in legacy browsers (like IE9)](http://caniuse.com/#feat=matchmedia).\n\n  - I suggest to consider using the [polyfill.io service](https://polyfill.io/).\n\nUsing `matchMedia` saves us from having to listen to and manage the window's `resize` event,\nand all the complications that come with it.\n\n## Install\n\n```bash\n# via npm\nnpm i --save react-hide-show-utils\n\n# via yarn\nyarn add react-hide-show-utils\n```\n\n## Usage\n\n### `<HideAt>`\n\nUn-mounts the children inside it, when the declared breakpoint becomes active.\nAnd logically, it mounts it again when the breakpoint becomes inactive again.\n\n#### Example\n\n```jsx\nimport { HideAt } from 'react-hide-show-utils';\n\n<HideAt breakpoint=\"(min-width: 32em)\">\n  <Button text=\"I'm not rendered on wide viewports!\" />\n</HideAt>;\n```\n\n### `<ShowAt>`\n\nMounts the children component inside, when the declared breakpoint becomes active.\nAnd logically, it un-mounts it when the breakpoint becomes inactive again.\n\n```jsx\nimport { ShowAt } from 'react-hide-show-utils';\n\n<ShowAt breakpoint=\"(max-width: 8em)\">\n  <h1>I'm only shown on narrow viewports!</h1>\n</ShowAt>;\n```\n\n### Notes\n\n- Before the children component is even mounted for the first time,\n  the breakpoint is checked, to determine whether it's active or not.\n  Therefore, the children will not even be rendered initially,\n  if it's not meant to based on the utility used and breakpoint declared.\n","maintainers":[{"name":"berbaquero","email":"baquerober@gmail.com"}],"time":{"modified":"2023-10-18T16:20:11.105Z","created":"2017-05-20T16:39:38.782Z","0.0.2":"2017-05-20T16:39:38.782Z","0.0.3":"2017-05-20T17:02:53.137Z","0.1.0":"2017-05-21T13:29:30.433Z","0.1.1":"2017-05-21T13:57:46.037Z","0.1.2":"2017-05-30T19:14:51.426Z","0.1.3":"2017-08-20T20:34:00.067Z","0.2.0":"2018-01-04T18:01:06.961Z","0.3.0":"2018-01-10T13:26:18.479Z","0.3.1":"2018-01-10T13:31:33.631Z","0.3.2":"2018-09-19T19:29:11.304Z","0.3.3":"2019-01-16T16:55:52.063Z","0.3.4":"2019-03-04T11:09:33.822Z","0.4.0":"2019-05-07T11:14:24.318Z","0.3.5":"2019-05-17T11:55:45.410Z","1.0.0":"2019-05-17T12:13:25.937Z","1.0.1":"2019-05-17T12:16:31.666Z","0.3.6":"2019-05-17T13:08:21.563Z","1.0.2":"2019-07-15T08:15:29.871Z","1.1.0-beta.0":"2020-06-17T22:26:03.345Z","1.1.0-beta.1":"2020-06-17T22:52:49.019Z","1.1.0-beta.2":"2020-06-17T22:57:07.808Z","1.1.0":"2020-06-18T15:07:36.297Z","1.2.0":"2020-06-18T16:31:39.024Z","1.3.0":"2023-10-18T16:20:10.938Z"},"readmeFilename":"README.md","homepage":"https://react-hide-show-utils.berbaquero.com/","keywords":["react","responsive","media-query","declarative"],"repository":{"type":"git","url":"git+https://github.com/berbaquero/react-hide-show-utils.git"},"contributors":[{"name":"Sinan Bolel","email":"sinanbolel@gmail.com","url":"https://github.com/sbolel"}],"author":{"name":"Bernardo Baquero Stand","email":"baquerober@gmail.com","url":"https://berbaquero.com"},"bugs":{"url":"https://github.com/berbaquero/react-hide-show-utils/issues"},"license":"MIT"}