{"_id":"react-window-dimensions","_rev":"6-5b73983377b2f80fe7dd1b6ba4221895","name":"react-window-dimensions","description":"[](https://travis-ci.org/bharley/react-window-dimensions)","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"react-window-dimensions","version":"1.0.0","main":"./dist/index.js","scripts":{"prepublish":"babel src --out-dir dist","lint":"eslint src test","test":"mocha test/.setup.js test/**/*.spec.js"},"repository":{"type":"git","url":"git+https://github.com/bharley/react-window-dimensions.git"},"keywords":["reactjs","react","window","resize","dimensions"],"author":{"name":"Blake Harley","email":"blake@blakeharley.com"},"license":"MIT","bugs":{"url":"https://github.com/bharley/react-window-dimensions/issues"},"homepage":"https://github.com/bharley/react-window-dimensions#readme","devDependencies":{"babel-cli":"^6.18.0","babel-eslint":"^7.1.0","babel-polyfill":"^6.16.0","babel-preset-es2015":"^6.18.0","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.16.0","babel-register":"^6.18.0","chai":"^3.5.0","enzyme":"^2.6.0","eslint":"^3.10.2","eslint-config-airbnb":"^13.0.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"2.2.3","eslint-plugin-react":"^6.7.1","jsdom":"^9.8.3","lodash.debounce":"^4.0.8","mocha":"^3.1.2","react":"^15.4.1","react-addons-test-utils":"^15.4.1","react-dom":"^15.4.1","sinon":"^1.17.6"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0"},"gitHead":"018793db7861093e843b5d2af7b64d7bc5e1a7d4","description":"[](https://travis-ci.org/bharley/react-window-dimensions)","_id":"react-window-dimensions@1.0.0","_shasum":"206c4473ed588e13a6649e420b5720f685e83299","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"harley","email":"blake@blakeharley.com"},"dist":{"shasum":"206c4473ed588e13a6649e420b5720f685e83299","tarball":"https://registry.npmjs.org/react-window-dimensions/-/react-window-dimensions-1.0.0.tgz","integrity":"sha512-WeeOe3WJ+q2dq/l4ho2IPd4jtVAKTwe38jJK7drX0PBQ/Oyt5+ABeMHUjzhV1FkzUjsmvMEz6ZljA6cAYKnreQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChUqsn6G68Oy0+PU01mSrEJJikRDoedOFGon/Lnt1VvAIhAI912R0BtErlFkZnDG07LqsBcDzpajpG9EZU3t7Yu1UU"}]},"maintainers":[{"name":"harley","email":"blake@blakeharley.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-window-dimensions-1.0.0.tgz_1480799282708_0.9616869839373976"},"directories":{}},"1.0.1":{"name":"react-window-dimensions","version":"1.0.1","main":"./dist/index.js","scripts":{"prepublish":"babel src --out-dir dist","lint":"eslint src test","test":"mocha test/.setup.js test/**/*.spec.js"},"repository":{"type":"git","url":"git+https://github.com/bharley/react-window-dimensions.git"},"keywords":["reactjs","react","window","resize","dimensions"],"author":{"name":"Blake Harley","email":"blake@blakeharley.com"},"license":"MIT","bugs":{"url":"https://github.com/bharley/react-window-dimensions/issues"},"homepage":"https://github.com/bharley/react-window-dimensions#readme","devDependencies":{"babel-cli":"^6.18.0","babel-eslint":"^7.1.0","babel-polyfill":"^6.16.0","babel-preset-es2015":"^6.18.0","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.16.0","babel-register":"^6.18.0","chai":"^3.5.0","enzyme":"^2.6.0","eslint":"^3.10.2","eslint-config-airbnb":"^13.0.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"2.2.3","eslint-plugin-react":"^6.7.1","jsdom":"^9.8.3","lodash.debounce":"^4.0.8","mocha":"^3.1.2","react":"^15.5.4","react-addons-test-utils":"^15.4.1","react-dom":"^15.5.4","react-test-renderer":"^15.5.4","sinon":"^1.17.6"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0"},"gitHead":"e58f32404be9d6323a37171a22a29d86c9f161e6","description":"[](https://travis-ci.org/bharley/react-window-dimensions)","_id":"react-window-dimensions@1.0.1","_shasum":"35116bc9b8a471ab6293ad3fdc4a3f14eb47092c","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"harley","email":"blake@blakeharley.com"},"dist":{"shasum":"35116bc9b8a471ab6293ad3fdc4a3f14eb47092c","tarball":"https://registry.npmjs.org/react-window-dimensions/-/react-window-dimensions-1.0.1.tgz","integrity":"sha512-TzM/lK9+YxUQ6+lJetLOnLgGtN9SvvBFmpE7QJMJDHvXPlHebd1Pl9CA4ro0mXQAjHe95LnCqPPvF1uwyQ+mgg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/+1MInGQEEGG2ywlWDmcaOEqZKjB8xJN3mGZ4Dgo6+wIhAPSBGcWDrGYzO81gq8TUXkMJWmYT/yzlxGpV0JW5QEhH"}]},"maintainers":[{"name":"harley","email":"blake@blakeharley.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-window-dimensions-1.0.1.tgz_1496930825434_0.6605588102247566"},"directories":{}},"1.0.2":{"name":"react-window-dimensions","version":"1.0.2","main":"./dist/index.js","scripts":{"prepublish":"babel src --out-dir dist","lint":"eslint src test","test":"mocha test/.setup.js test/**/*.spec.js"},"repository":{"type":"git","url":"git+https://github.com/bharley/react-window-dimensions.git"},"keywords":["reactjs","react","window","resize","dimensions"],"author":{"name":"Blake Harley","email":"blake@blakeharley.com"},"license":"MIT","bugs":{"url":"https://github.com/bharley/react-window-dimensions/issues"},"homepage":"https://github.com/bharley/react-window-dimensions#readme","devDependencies":{"babel-cli":"^6.18.0","babel-eslint":"^7.1.0","babel-polyfill":"^6.16.0","babel-preset-es2015":"^6.18.0","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.16.0","babel-register":"^6.18.0","chai":"^3.5.0","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^3.10.2","eslint-config-airbnb":"^13.0.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"2.2.3","eslint-plugin-react":"^6.7.1","jsdom":"^9.8.3","lodash.debounce":"^4.0.8","mocha":"^3.1.2","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0","sinon":"^1.17.6"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || ^16.0.0"},"gitHead":"abfb63edfe9bd400ce49ba8ebfda0564a4925d8e","description":"[](https://travis-ci.org/bharley/react-window-dimensions)","_id":"react-window-dimensions@1.0.2","_npmVersion":"5.6.0","_nodeVersion":"9.8.0","_npmUser":{"name":"harley","email":"blake@blakeharley.com"},"dist":{"integrity":"sha512-G1q7VE+gncnNPyEwiLAbPk/vx7iEsarkd6kEUtTCIxImY1ZStj9BXuaR3dbWP/+gBvRgBn/jE8ZtnxZoVZXKNg==","shasum":"94f9cd24e96152b4c706fc0590e87a0ece27d2a3","tarball":"https://registry.npmjs.org/react-window-dimensions/-/react-window-dimensions-1.0.2.tgz","fileCount":11,"unpackedSize":15618,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCB0gYwR2CucPJV+1aS6gPufW9d2wFnkudMSXs7ClGWGQIgVrUtUKcbkNbibfHYuEnnZhUbkP27Z+Hm4M3B2h2ujhk="}]},"maintainers":[{"name":"harley","email":"blake@blakeharley.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-window-dimensions_1.0.2_1522040935471_0.18897144553181522"},"_hasShrinkwrap":false}},"readme":"# react-window-dimensions\n[](https://travis-ci.org/bharley/react-window-dimensions)\n\nA higher order component that can be used to inject the window dimensions into your component\nas properties.\n\n\n# Installation\n\n```\nnpm i -S react-window-dimensions\n```\n\n# Basic Usage\n\n```js\nimport React from 'react';\nimport windowDimensions from 'react-window-dimensions';\n\nconst MyComponent = ({ width, height }) => (\n \n The window is {width} x {height}!\n
\n);\n\nexport default windowDimensions()(MyComponent);\n```\n\n# Advanced Usage\n\n```js\nimport React from 'react';\nimport windowDimensions from 'react-window-dimensions';\nimport debounce from 'lodash.debounce';\n\nconst MyComponent = ({ windowWidth }) => (\n \n The window is {windowWidth} pixels wide!\n
\n);\n\nexport default windowDimensions({\n take: () => ({ windowWidth: window.innerWidth }),\n debounce: onResize => debounce(onResize, 100),\n})(MyComponent);\n```\n\n# Options\n\nThere are several options you can use to alter the higher order component:\n\n- **take** - a function that maps the window to props that are passed into the wrapped component (default: `(props) => ({ width: window.innerWidth, height: window.innerHeight })`)\n- **debounce** - a function that debounces the `resize` event handler (default: `fn => fn`)\n\n# Contributing\n\nPull requests are welcome. Code style is inherited from [airbnb-base] and enforced by [eslint].\nYou can check that your changes respect the code style by running the `lint` command:\n\n```\nnpm run lint\n```\n\nIf you're submitting a bugfix, a test to document (and prevent) the issue is welcome.\n\n[eslint]: http://eslint.org/\n[airbnb-base]: https://www.npmjs.com/package/eslint-config-airbnb-base\n","maintainers":[{"name":"harley","email":"blake@blakeharley.com"}],"time":{"modified":"2022-06-26T08:56:26.844Z","created":"2016-12-03T21:08:03.336Z","1.0.0":"2016-12-03T21:08:03.336Z","1.0.1":"2017-06-08T14:07:06.363Z","1.0.2":"2018-03-26T05:08:55.544Z"},"homepage":"https://github.com/bharley/react-window-dimensions#readme","keywords":["reactjs","react","window","resize","dimensions"],"repository":{"type":"git","url":"git+https://github.com/bharley/react-window-dimensions.git"},"author":{"name":"Blake Harley","email":"blake@blakeharley.com"},"bugs":{"url":"https://github.com/bharley/react-window-dimensions/issues"},"license":"MIT","readmeFilename":"README.md"}