{"_id":"react-sizes","_rev":"2831459","name":"react-sizes","description":"Hoc to easily map window sizes to props.","dist-tags":{"latest":"2.0.0","next":"2.0.0"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"time":{"modified":"2022-09-06T15:11:59.000Z","created":"2017-04-10T01:34:37.092Z","2.0.0":"2019-04-23T15:06:50.295Z","1.0.4":"2018-06-02T04:47:49.021Z","1.0.3":"2018-02-20T20:07:38.241Z","1.0.2":"2018-02-14T16:23:52.922Z","1.0.1":"2018-02-14T14:36:44.588Z","1.0.0":"2018-01-18T20:05:48.172Z","1.0.0-beta.1":"2018-01-18T18:19:13.165Z","1.0.0-beta.0":"2018-01-17T18:55:18.192Z","0.4.3":"2017-12-02T19:25:41.761Z","0.4.2":"2017-12-02T19:22:02.315Z","0.4.1":"2017-12-02T19:21:11.446Z","0.3.3":"2017-11-30T21:00:40.268Z","0.3.2":"2017-11-30T14:10:19.109Z","0.3.1":"2017-09-18T19:08:37.226Z","0.3.0":"2017-09-15T19:59:28.613Z","0.2.0":"2017-09-15T03:17:53.024Z","0.1.2":"2017-06-23T19:22:21.082Z","0.1.1":"2017-06-21T19:15:22.088Z","0.1.0":"2017-06-21T03:53:48.965Z","0.0.4":"2017-04-10T23:56:07.415Z","0.0.3":"2017-04-10T03:11:06.054Z","0.0.2":"2017-04-10T01:34:37.092Z"},"users":{"cubbic":true},"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"versions":{"2.0.0":{"name":"react-sizes","version":"2.0.0","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","module":"es/index.js","jsnext:main":"es/index.js","browser":"dist/react-sizes.min.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-sizes.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-sizes.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1","prop-types":"^15.6.0"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.3.0","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","@storybook/react":"^4.1.11","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","chokidar-cli":"^1.2.0","cross-env":"^5.2.0","del-cli":"^1.1.0","eslint":"^4.0.0","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^24.0.0","np":"^4.0.2","react":"^16.7.0","react-dom":"^16.7.0","react-syntax-highlighter":"^10.1.2","rollup":"^1.1.2","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^4.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-terser":"^4.0.3","rollup-plugin-uglify":"^6.0.2","webpack":"^4.29.0"},"peerDependencies":{"react":"^16.3.0"},"gitHead":"2389d7392e23300825046ca8f10ec62a5a5c8238","_id":"react-sizes@2.0.0","_npmVersion":"5.6.0","_nodeVersion":"8.10.0","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"c2100daf3bf74077fb410f09204340c1af5c1d4f","size":16364,"noattachment":false,"key":"/react-sizes/-/react-sizes-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-2.0.0.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes_2.0.0_1556032010031_0.3775752467052398"},"_hasShrinkwrap":false,"publish_time":1556032010295,"_cnpm_publish_time":1556032010295,"_cnpmcore_publish_time":"2021-12-16T13:49:24.021Z"},"1.0.4":{"name":"react-sizes","version":"1.0.4","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","module":"es/index.js","jsnext:main":"es/index.js","browser":"dist/react-sizes.min.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-sizes.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-sizes.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["dist","lib","es","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1","prop-types":"^15.6.0"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"c03795aec7e9dd02a492840c43d7cfe3a87bdbab","_id":"react-sizes@1.0.4","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"7f09beddf972afe6f8662a0ffe446baac35f6bc5","size":22867,"noattachment":false,"key":"/react-sizes/-/react-sizes-1.0.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-1.0.4.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes_1.0.4_1527914868656_0.3560666740866172"},"_hasShrinkwrap":false,"publish_time":1527914869021,"_cnpm_publish_time":1527914869021,"_cnpmcore_publish_time":"2021-12-16T13:49:24.287Z"},"1.0.3":{"name":"react-sizes","version":"1.0.3","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","module":"es/index.js","jsnext:main":"es/index.js","browser":"dist/react-sizes.min.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-sizes.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-sizes.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["dist","lib","es","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1","prop-types":"^15.6.0"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"_id":"react-sizes@1.0.3","dist":{"shasum":"4f5c6f05c5e2417f710d699f26931dd6e765a223","size":23081,"noattachment":false,"key":"/react-sizes/-/react-sizes-1.0.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-1.0.3.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes_1.0.3_1519157258169_0.6773619991258502"},"_hasShrinkwrap":false,"publish_time":1519157258241,"_cnpm_publish_time":1519157258241,"_cnpmcore_publish_time":"2021-12-16T13:49:24.493Z"},"1.0.2":{"name":"react-sizes","version":"1.0.2","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","module":"es/index.js","jsnext:main":"es/index.js","browser":"dist/react-sizes.min.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-sizes.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-sizes.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["dist","lib","es","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1","prop-types":"^15.6.0"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"_id":"react-sizes@1.0.2","dist":{"shasum":"73a883892ac86235d0fd098e0c3464b41f7b078b","size":23115,"noattachment":false,"key":"/react-sizes/-/react-sizes-1.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-1.0.2.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes_1.0.2_1518625432832_0.820899082699283"},"_hasShrinkwrap":false,"publish_time":1518625432922,"_cnpm_publish_time":1518625432922,"_cnpmcore_publish_time":"2021-12-16T13:49:24.742Z"},"1.0.1":{"name":"react-sizes","version":"1.0.1","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","module":"es/index.js","jsnext:main":"es/index.js","browser":"dist/react-sizes.min.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-sizes.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-sizes.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1","prop-types":"^15.6.0"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"13f61f0dbb3678417533bd79d34091dd60193f5c","_id":"react-sizes@1.0.1","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"4bdcb1f227e95653abe7526280261d6265bc7db2","size":10522,"noattachment":false,"key":"/react-sizes/-/react-sizes-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-1.0.1.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes_1.0.1_1518619004536_0.14848972528279103"},"_hasShrinkwrap":false,"publish_time":1518619004588,"_cnpm_publish_time":1518619004588,"_cnpmcore_publish_time":"2021-12-16T13:49:24.939Z"},"1.0.0":{"name":"react-sizes","version":"1.0.0","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","module":"es/index.js","jsnext:main":"es/index.js","browser":"dist/react-sizes.min.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-sizes.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-sizes.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1","prop-types":"^15.6.0"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"97cd82cb454c9e6a203bdf30e9f0cfa09e09ebeb","_id":"react-sizes@1.0.0","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"c967e13286e184d2c2936fed130615f4b115eca4","size":7785,"noattachment":false,"key":"/react-sizes/-/react-sizes-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-1.0.0.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-1.0.0.tgz_1516305948063_0.35815075784921646"},"directories":{},"publish_time":1516305948172,"_hasShrinkwrap":false,"_cnpm_publish_time":1516305948172,"_cnpmcore_publish_time":"2021-12-16T13:49:25.123Z"},"1.0.0-beta.1":{"name":"react-sizes","version":"1.0.0-beta.1","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","module":"es/index.js","jsnext:main":"es/index.js","browser":"dist/react-sizes.min.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-sizes.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-sizes.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1","prop-types":"^15.6.0"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"e0510e261a835d498a7529c6fb376d34fceb703b","_id":"react-sizes@1.0.0-beta.1","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"8fc06ea1c9b9f6b4ff0ac7733dc334f08bf05ff1","size":7794,"noattachment":false,"key":"/react-sizes/-/react-sizes-1.0.0-beta.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-1.0.0-beta.1.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-1.0.0-beta.1.tgz_1516299553061_0.9658978653606027"},"directories":{},"publish_time":1516299553165,"_hasShrinkwrap":false,"_cnpm_publish_time":1516299553165,"_cnpmcore_publish_time":"2021-12-16T13:49:25.342Z"},"1.0.0-beta.0":{"name":"react-sizes","version":"1.0.0-beta.0","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","module":"es/index.js","jsnext:main":"es/index.js","browser":"dist/react-sizes.min.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-sizes.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-sizes.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1","prop-types":"^15.6.0"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"b691e36031ce8cdeefe2593c5dcdddd158c01436","_id":"react-sizes@1.0.0-beta.0","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"213d9d99bcad952fb785bf107f0e1daf4f259acb","size":7760,"noattachment":false,"key":"/react-sizes/-/react-sizes-1.0.0-beta.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-1.0.0-beta.0.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-1.0.0-beta.0.tgz_1516215318066_0.32365013496018946"},"directories":{},"publish_time":1516215318192,"_hasShrinkwrap":false,"_cnpm_publish_time":1516215318192,"_cnpmcore_publish_time":"2021-12-16T13:49:25.593Z"},"0.4.3":{"name":"react-sizes","version":"0.4.3","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","module":"es/index.js","jsnext:main":"es/index.js","browser":"dist/react-sizes.min.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-sizes.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-sizes.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"f67d326b78d09594976a7365269026f713937d7f","_id":"react-sizes@0.4.3","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"a48f2788a9499ecd51868d989b2e5752796a40a1","size":8260,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.4.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.4.3.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.4.3.tgz_1512242741668_0.30389139731414616"},"directories":{},"publish_time":1512242741761,"_hasShrinkwrap":false,"_cnpm_publish_time":1512242741761,"_cnpmcore_publish_time":"2021-12-16T13:49:25.835Z"},"0.4.2":{"name":"react-sizes","version":"0.4.2","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-bps.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-bps.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"27b69cc5dede00d74b860ed24573c533d98d28c1","_id":"react-sizes@0.4.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"fe819a4b9c02f35fc045d7473b9e0fd028566e65","size":6262,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.4.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.4.2.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.4.2.tgz_1512242522253_0.1375668435357511"},"directories":{},"publish_time":1512242522315,"_hasShrinkwrap":false,"_cnpm_publish_time":1512242522315,"_cnpmcore_publish_time":"2021-12-16T13:49:26.069Z"},"0.4.1":{"name":"react-sizes","version":"0.4.1","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","scripts":{"build:commonjs":"cross-env BABEL_ENV=commonjs babel src --out-dir lib","build:es":"cross-env BABEL_ENV=es babel src --out-dir es","build:umd":"cross-env BABEL_ENV=rollup NODE_ENV=development rollup -c -o dist/react-bps.js","build:umd:min":"cross-env BABEL_ENV=rollup NODE_ENV=production rollup -c -o dist/react-bps.min.js","build:all":"npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min","build":"npm run clean && npm run build:all","clean":"rimraf lib dist es","lint":"eslint src","prepublishOnly":"npm run lint && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.throttle":"^4.1.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","jest":"^21.2.1","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0","rollup":"^0.52.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-replace":"^2.0.0","rollup-plugin-uglify":"^2.0.1"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"5d07393aa866c8b676d38511e9cb358b07859c0a","_id":"react-sizes@0.4.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"904e81a5555f6ba7be16d2a09dc62fc954023d0d","size":6265,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.4.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.4.1.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.4.1.tgz_1512242471173_0.6233250063378364"},"directories":{},"publish_time":1512242471446,"_hasShrinkwrap":false,"_cnpm_publish_time":1512242471446,"_cnpmcore_publish_time":"2021-12-16T13:49:26.282Z"},"0.3.3":{"name":"react-sizes","version":"0.3.3","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","scripts":{"clear":"rimraf lib","lint":"eslint src","build":"cross-env NODE_ENV=production npm run lint && npm run clear && babel src -d lib --source-maps","prepublish":"npm run lint && npm run clear && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"60e3c0e0e661e1c521469e858e8e990e4e0c4a49","_id":"react-sizes@0.3.3","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"b9fe59f2302e329ff9bb97fc602fa3e6721ee30c","size":8549,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.3.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.3.3.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.3.3.tgz_1512075640135_0.7133323536254466"},"directories":{},"publish_time":1512075640268,"_hasShrinkwrap":false,"_cnpm_publish_time":1512075640268,"_cnpmcore_publish_time":"2021-12-16T13:49:26.465Z"},"0.3.2":{"name":"react-sizes","version":"0.3.2","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","scripts":{"clear":"rimraf lib","lint":"eslint src","build":"cross-env NODE_ENV=production npm run lint && npm run clear && babel src -d lib --source-maps","prepublish":"npm run lint && npm run clear && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"ca75a1cf12a26d8c1b778b2da13a21c4213e2cba","_id":"react-sizes@0.3.2","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"9c2936b073453c9cfe1c9a4234726b8e9388092e","size":8592,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.3.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.3.2.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.3.2.tgz_1512051018907_0.30246672686189413"},"directories":{},"publish_time":1512051019109,"_hasShrinkwrap":false,"_cnpm_publish_time":1512051019109,"_cnpmcore_publish_time":"2021-12-16T13:49:26.684Z"},"0.3.1":{"name":"react-sizes","version":"0.3.1","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","scripts":{"clear":"rimraf lib","lint":"eslint src","build":"cross-env NODE_ENV=production npm run lint && npm run clear && babel src -d lib --source-maps","prepublish":"npm run lint && npm run clear && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"cc618edd14fa5fe2b519a5d1da805919ceeaadae","_id":"react-sizes@0.3.1","_shasum":"732c736288a0844de5fa639dbf0dcbd2f17b83da","_from":".","_npmVersion":"4.6.1","_nodeVersion":"7.7.4","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"732c736288a0844de5fa639dbf0dcbd2f17b83da","size":7985,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.3.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.3.1.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.3.1.tgz_1505761717098_0.057867517694830894"},"directories":{},"publish_time":1505761717226,"_hasShrinkwrap":false,"_cnpm_publish_time":1505761717226,"_cnpmcore_publish_time":"2021-12-16T13:49:26.898Z"},"0.3.0":{"name":"react-sizes","version":"0.3.0","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","scripts":{"clear":"rimraf lib","lint":"eslint src","build":"cross-env NODE_ENV=production npm run lint && npm run clear && babel src -d lib --source-maps","prepublish":"npm run lint && npm run clear && npm run build","storybook":"cross-env NODE_ENV=debug start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"80b6a1ec429aae9f1c562ba9fe3aaf6a3c2ca206","_id":"react-sizes@0.3.0","_shasum":"b073c7542358375f10eba7c18b7668d0f61adce0","_from":".","_npmVersion":"4.6.1","_nodeVersion":"7.7.4","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"b073c7542358375f10eba7c18b7668d0f61adce0","size":7812,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.3.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.3.0.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.3.0.tgz_1505505568525_0.893648749217391"},"directories":{},"publish_time":1505505568613,"_hasShrinkwrap":false,"_cnpm_publish_time":1505505568613,"_cnpmcore_publish_time":"2021-12-16T13:49:27.097Z"},"0.2.0":{"name":"react-sizes","version":"0.2.0","description":"Hoc to easily map window sizes to props.","main":"lib/index.js","scripts":{"clear":"rimraf lib","lint":"eslint src","build":"cross-env NODE_ENV=production npm run lint && npm run clear && babel src -d lib --source-maps","prepublish":"npm run lint && npm run clear && npm run build","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"files":["lib","src"],"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-eslint":"^8.0.0","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar-cli":"^1.2.0","cross-env":"^5.0.5","del-cli":"^0.2.1","eslint":"^4.6.1","eslint-plugin-import":"^2.7.0","eslint-plugin-react":"^7.3.0","np":"^2.13.1","react":"^15.6.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0-0 || ^16.0.0-0"},"gitHead":"01eebdb5170027180726dc5e11e4d9d35101a08a","_id":"react-sizes@0.2.0","_shasum":"643a6595732fc307b897de20121c741d9c999aa9","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.7.0","_npmUser":{"name":"renatorib","email":"renatoribroman@gmail.com"},"dist":{"shasum":"643a6595732fc307b897de20121c741d9c999aa9","size":8491,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.2.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.2.0.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.2.0.tgz_1505445472905_0.4613399242516607"},"directories":{},"publish_time":1505445473024,"_hasShrinkwrap":false,"_cnpm_publish_time":1505445473024,"_cnpmcore_publish_time":"2021-12-16T13:49:27.319Z"},"0.1.2":{"name":"react-sizes","version":"0.1.2","description":"Hoc to easily map window sizes to props.","main":"index.js","scripts":{"clear":"del lib","build":"yarn clear && babel src -d lib --source-maps","dev":"chokidar 'src/**/*' -c 'yarn build'","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","pub":"npm run build && np"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","react-display-name":"^0.2.0","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar-cli":"^1.2.0","del-cli":"^0.2.1","np":"^2.13.1","react-syntax-highlighter":"^5.3.0"},"peerDependencies":{"react":"^15.6.1","react-dom":"^15.6.1"},"gitHead":"1e7a622409a98c11ca4e55f2ba6e55315eb73810","_id":"react-sizes@0.1.2","_shasum":"ce14e30827737c16a48d723285dab0b9235ea5ad","_from":".","_npmVersion":"4.6.1","_nodeVersion":"7.7.4","_npmUser":{"name":"renatorib","email":"ola@rena.to"},"dist":{"shasum":"ce14e30827737c16a48d723285dab0b9235ea5ad","size":63147,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.1.2.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.1.2.tgz_1498245740924_0.532150445273146"},"directories":{},"publish_time":1498245741082,"_hasShrinkwrap":false,"_cnpm_publish_time":1498245741082,"_cnpmcore_publish_time":"2021-12-16T13:49:27.677Z"},"0.1.1":{"name":"react-sizes","version":"0.1.1","description":"Hoc to easily map window sizes to props.","main":"index.js","scripts":{"clear":"del lib","build":"yarn clear && babel src -d lib --source-maps","dev":"chokidar 'src/**/*' -c 'yarn build'","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","pub":"npm run build && np"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","react":"^15.5.3","react-display-name":"^0.2.0","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar-cli":"^1.2.0","del-cli":"^0.2.1","np":"^2.13.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"gitHead":"a882fccdb0b0208554696a678b5560478abe4c00","_id":"react-sizes@0.1.1","_shasum":"5678cce622ea896be51aad5badeb39564e229a2c","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.7.4","_npmUser":{"name":"renatorib","email":"ola@rena.to"},"dist":{"shasum":"5678cce622ea896be51aad5badeb39564e229a2c","size":62053,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.1.1.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.1.1.tgz_1498072521997_0.48384185903705657"},"directories":{},"publish_time":1498072522088,"_hasShrinkwrap":false,"_cnpm_publish_time":1498072522088,"_cnpmcore_publish_time":"2021-12-16T13:49:28.023Z"},"0.1.0":{"name":"react-sizes","version":"0.1.0","description":"Hoc to easily map window sizes to props.","main":"index.js","scripts":{"clear":"del lib","build":"yarn clear && babel src -d lib --source-maps","dev":"chokidar 'src/**/*' -c 'yarn build'","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","pub":"npm run build && np"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","react":"^15.5.3","react-display-name":"^0.2.0","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar-cli":"^1.2.0","del-cli":"^0.2.1","np":"^2.13.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"gitHead":"b1c9ac0aec6d1970cf4160ea13750f470e4062c8","_id":"react-sizes@0.1.0","_shasum":"7b2e72755e4a71ae476406bede8c9825970196e4","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.7.0","_npmUser":{"name":"renatorib","email":"ola@rena.to"},"dist":{"shasum":"7b2e72755e4a71ae476406bede8c9825970196e4","size":62121,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.1.0.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-sizes-0.1.0.tgz_1498017227715_0.18124634819105268"},"directories":{},"publish_time":1498017228965,"_hasShrinkwrap":false,"_cnpm_publish_time":1498017228965,"_cnpmcore_publish_time":"2021-12-16T13:49:28.327Z"},"0.0.4":{"name":"react-sizes","version":"0.0.4","description":"Hoc to easily map window sizes to props.","main":"index.js","scripts":{"clear":"del lib","build":"yarn clear && babel src -d lib --source-maps","dev":"chokidar 'src/**/*' -c 'yarn build'","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","pub":"yarn build && np"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","react":"^15.5.3","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar":"^1.6.1","del-cli":"^0.2.1","np":"^2.13.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"gitHead":"36f29b633c07efcde3b19a7664ee4fabdf2beb83","_id":"react-sizes@0.0.4","_shasum":"0c76f670f75e72ebcc7abacbb03189c67ab22781","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.7.0","_npmUser":{"name":"renatorib","email":"ola@rena.to"},"dist":{"shasum":"0c76f670f75e72ebcc7abacbb03189c67ab22781","size":61241,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.0.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.0.4.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-sizes-0.0.4.tgz_1491868565260_0.1467707969713956"},"directories":{},"publish_time":1491868567415,"_hasShrinkwrap":false,"_cnpm_publish_time":1491868567415,"_cnpmcore_publish_time":"2021-12-16T13:49:28.638Z"},"0.0.3":{"name":"react-sizes","version":"0.0.3","description":"Hoc to easily map window sizes to props.","main":"index.js","scripts":{"clear":"del lib","build":"yarn clear && babel src -d lib --source-maps","dev":"chokidar 'src/**/*' -c 'yarn build'","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","np":"np"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","react":"^15.5.3","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar":"^1.6.1","del-cli":"^0.2.1","np":"^2.13.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"gitHead":"51d34a9f720820413bb2f887afed6d9e64ad65d4","_id":"react-sizes@0.0.3","_shasum":"2fe68516dc192e11ea5c1c2bbfb8a8b0d183d7e8","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.7.0","_npmUser":{"name":"renatorib","email":"ola@rena.to"},"dist":{"shasum":"2fe68516dc192e11ea5c1c2bbfb8a8b0d183d7e8","size":60454,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.0.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.0.3.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-sizes-0.0.3.tgz_1491793864012_0.5015144965145737"},"directories":{},"publish_time":1491793866054,"_hasShrinkwrap":false,"_cnpm_publish_time":1491793866054,"_cnpmcore_publish_time":"2021-12-16T13:49:28.978Z"},"0.0.2":{"name":"react-sizes","version":"0.0.2","description":"
","main":"index.js","scripts":{"clear":"del lib","build":"yarn clear && babel src -d lib --source-maps","dev":"chokidar 'src/**/*' -c 'yarn build'","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","np":"np"},"repository":{"type":"git","url":"git+ssh://git@github.com/renatorib/react-sizes.git"},"keywords":["react","hoc","media","query","react-sizes","react","hoc","sizes","media","query"],"author":{"name":"Renato Ribeiro","email":"http://github.com/renatorib"},"license":"MIT","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"homepage":"https://github.com/renatorib/react-sizes#readme","dependencies":{"lodash.keys":"^4.2.0","lodash.throttle":"^4.1.1","react":"^15.5.3","uuid":"^3.0.1"},"devDependencies":{"@kadira/storybook":"^2.21.0","babel-cli":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","chokidar":"^1.6.1","del-cli":"^0.2.1","np":"^2.13.1","react-dom":"^15.5.3","react-syntax-highlighter":"^5.3.0"},"gitHead":"21779c41af1e9261cc4a15621e45aaf14e1a2d39","_id":"react-sizes@0.0.2","_shasum":"b473b455367f5adcc8e6cdd4ffdb8066ce322a49","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.7.0","_npmUser":{"name":"renatorib","email":"ola@rena.to"},"dist":{"shasum":"b473b455367f5adcc8e6cdd4ffdb8066ce322a49","size":58734,"noattachment":false,"key":"/react-sizes/-/react-sizes-0.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-sizes/download/react-sizes-0.0.2.tgz"},"maintainers":[{"name":"renatorib","email":"ola@rena.to"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-sizes-0.0.2.tgz_1491788074778_0.8218520127702504"},"directories":{},"publish_time":1491788077092,"_hasShrinkwrap":false,"_cnpm_publish_time":1491788077092,"_cnpmcore_publish_time":"2021-12-16T13:49:29.256Z"}},"readme":"\n\n[](https://www.npmjs.com/package/react-sizes)\n[](https://www.npmjs.com/package/react-sizes)\n[](https://github.com/renatorib/react-sizes/issues)\n[](https://github.com/renatorib/react-sizes/stargazers)\n[](https://twitter.com/intent/tweet?url=https://github.com/renatorib/react-sizes)\n\n## Install\n\n```\nyarn add react-sizes\n```\n\n```\nnpm install react-sizes\n```\n\n## What and why\n\nReact Sizes is a high-order component with a high performance that transform window sizes (width and height) into props. \nYou can check inside your component, for example, if user's window is less than 480 pixels of width, and add a custom\ncontent.\n\nIt can be very powerful for when you need to display different content for mobile and desktop.\nBut it's not limited to this case. Just use that at your needs.\n\n## Usage\n\n#### With class component.\n\n```jsx\nimport React, { Component } from 'react'\nimport withSizes from 'react-sizes'\n\nclass MyComponent extends Component {\n render() {\n return
{this.props.isMobile ? 'Is Mobile' : 'Is Not Mobile'}
\n }\n}\n\nconst mapSizesToProps = ({ width }) => ({\n isMobile: width < 480,\n})\n\nexport default withSizes(mapSizesToProps)(MyComponent)\n```\n\nYou can play with this example [here](https://codesandbox.io/s/Rg0DDOWnE).\n\n#### As decorator.\n\n```jsx\nimport React from 'react'\nimport withSizes from 'react-sizes'\n\n@withSizes(({ width }) => ({ isMobile: width < 480 }))\nclass MyComponent extends Component {\n render() {\n return
{this.props.isMobile ? 'Is Mobile' : 'Is Not Mobile'}
\n }\n}\n\nexport default MyComponent\n```\n\n#### Interoperate with other libraries.\n\n```jsx\nimport React from 'react'\nimport withSizes from 'react-sizes'\nimport { withState, compose } from 'recompose'\n\nconst enhancer = compose(\n withState('counter', 'setCounter', 0),\n withSizes(({ width }) => ({ isMobile: width < 480 }))\n)\n\nconst MyComponent = enhancer(({ isMobile, counter, setCounter }) => (\n
\n
\n Count: {counter}{' '}\n \n
\n
{isMobile ? 'Is Mobile' : 'Is Not Mobile'}
\n
\n))\n\nexport default MyComponent\n```\n\n#### With functional component.\n\n```jsx\nimport React from 'react'\nimport withSizes from 'react-sizes'\n\nconst MyComponent = ({ isMobile }) => (\n
{isMobile ? 'Is Mobile' : 'Is Not Mobile'}
\n)\n\nconst mapSizesToProps = ({ width }) => ({\n isMobile: width < 480,\n})\n\nexport default withSizes(mapSizesToProps)(MyComponent)\n```\n\n#### Mess with props.\n\n(Added in 0.1.0)\n\n```jsx\nimport React from 'react'\nimport withSizes from 'react-sizes'\n\nconst MyComponent = ({ isMobile }) => (\n
{isMobile ? 'Is Mobile' : 'Is Not Mobile'}
\n)\n\nconst mapSizesToProps = ({ width }, { mobileBreakpoint }) => ({\n isMobile: width < mobileBreakpoint,\n})\n\nexport default withSizes(mapSizesToProps)(MyComponent)\n```\n\nthen:\n\n```jsx\n\n\n\n```\n\n#### With presets selectors.\n\n```diff\n- const mapSizesToProps = ({ width }) => ({\n- isMobile: width < 480,\n- });\n\n+ const mapSizesToProps = sizes => ({\n+ isMobile: withSizes.isMobile(sizes),\n+ });\n```\n\n## Presets Selectors\n\nYou can check all **our** presets selectors at our main code `src/withSizes.js`.\n\n```js\nwithSizes.isMobile = ({ width }) => width < 480\nwithSizes.isTablet = ({ width }) => width >= 480 && width < 1024\nwithSizes.isDesktop = ({ width }) => width >= 1024\n\nwithSizes.isGtMobile = sizes => !withSizes.isMobile(sizes)\nwithSizes.isGtTablet = sizes => withSizes.isDesktop(sizes)\n\nwithSizes.isStTablet = sizes => withSizes.isMobile(sizes)\nwithSizes.isStDesktop = sizes => !withSizes.isStDesktop(sizes)\n\nwithSizes.isTabletAndGreater = sizes => !withSizes.isMobile(sizes)\nwithSizes.isTabletAndSmaller = sizes => !withSizes.isStDesktop(sizes)\n```\n\nIf it don't fit to your needs, you can create your own selectors.\n\n```jsx\n// utils/sizes/selectors.js\nexport const isntDesktop = ({ width }) => width < 1024\nexport const backgroundColor = ({ width }) => (width < 480 ? 'red' : 'green')\n\n// your component\nimport { isntDesktop, backgroundColor } from 'utils/sizes/selectors'\n\nconst mapSizesToProps = sizes => ({\n canDisplayMobileFeature: isntDesktop(sizes),\n backgroundColor: backgroundColor(sizes),\n})\n```\n\n> `sizes` argument is an object with `width` and `height` properties and represents DOM window width and height.\n\n## Guide\n\n#### mapSizesToProps(sizes)\n\n`sizes` argument is an object with `width` and `height` of DOM window.\n\n```js\nconst mapSizesToProps = sizes => {\n console.log(sizes) // { width: 1200, height: 720 } (example)\n}\n```\n\nIn pratice, it is a callback that return props that will injected into your Component.\n\n```js\nconst mapSizesToProps = function(sizes) {\n const props = {\n backgroundColor: sizes.width < 700 ? 'red' : 'green',\n }\n\n return props\n}\n```\n\nBut you can simplify this to stay practical and elegant.\n\n```js\nconst mapSizesToProps = ({ width }) => ({\n backgroundColor: width < 700 ? 'red' : 'green',\n})\n```\n\n## Server Side Rendering\n\nSince React Sizes rely on window to computate sizes, we can't computate the values in server enviroment. To try to get around this we can **guess** user viewport based on your user-agent, and pass values by a Context Provider. \nBut be careful, **user-agent based detection is not a reliable solution**. It's a workaround.\n\n```js\n// Config can be created based on user-agent. See below\nconst config = { fallbackWidth: 360, fallbackHeight: 640 }\n\nreturn (\n \n \n \n)\n```\n\nExample:\n\n```js\nimport MobileDetect from 'mobile-detect'\nimport Express from 'express'\nimport { SizesProvider } from 'react-sizes'\n// All other imports\n\nconst getSizesFallback = userAgent => {\n const md = new MobileDetect(userAgent)\n\n if (!!md.mobile()) {\n return {\n fallbackWidth: 360,\n fallbackHeight: 640,\n }\n } else if (!!md.tablet()) {\n return {\n fallbackWidth: 768,\n fallbackHeight: 1024,\n }\n }\n\n return {\n fallbackWidth: 1280,\n fallbackHeight: 700,\n }\n}\n\n// Note: you don't need to use express, this is just an example\nconst app = new Express()\napp.use((req, res) => {\n // ...\n const sizesConfig = getSizesFallback(req.headers['user-agent'])\n\n const App = (\n \n \n \n \n \n \n \n )\n\n res.status(200)\n res.send(`\\n${ReactDOM.renderToString()}`)\n res.end()\n})\n\napp.listen(/* ... */)\n```\n\n## Performance Notes\n\n#### Shallow Compare\n\nReact Sizes do a shallow compare in props generated from `mapSizesToProps` (called `propsToPass`), so it will only rerender when they really change. If you create a deep data sctructure, this can generate false positives. In these cases, we recommend using immutable for a more reliable shallow compare result. Or just don't use deep data structures, if possible.\n\n## Contribute\n\nYou can help improving this project sending PRs and helping with issues. \nAlso you ping me at [Twitter](http://twitter.com/renatorib_)\n","_attachments":{},"homepage":"https://github.com/renatorib/react-sizes#readme","bugs":{"url":"https://github.com/renatorib/react-sizes/issues"},"license":"MIT"}
![](\"logo.png\")