{"_id":"@john-osullivan/react-window-dynamic-fork","_rev":"1-d8d0ff47a6655fb67ec29f1c8518700f","name":"@john-osullivan/react-window-dynamic-fork","dist-tags":{"latest":"1.9.0-alpha.1"},"versions":{"1.9.0-alpha.1":{"name":"@john-osullivan/react-window-dynamic-fork","version":"1.9.0-alpha.1","description":"Temporary Fork: see https://github.com/bvaughn/react-window","author":{"name":"Brian Vaughn","email":"brian.david.vaughn@gmail.com","url":"https://github.com/bvaughn/"},"contributors":[{"name":"Brian Vaughn","email":"brian.david.vaughn@gmail.com","url":"https://github.com/bvaughn/"},{"name":"John O'Sullivan","email":"j.osullivan42@gmail.com","url":"https://github.com/john-osullivan/"}],"license":"MIT","homepage":"http://react-window.now.sh/","repository":{"type":"git","url":"git+https://github.com/bvaughn/react-window.git"},"bugs":{"url":"https://github.com/bvaughn/react-window/issues"},"engines":{"node":">8.0.0"},"keywords":["react","reactjs","virtual","window","windowed","list","scrolling","infinite","virtualized","table","grid","spreadsheet"],"main":"dist/index.cjs.js","module":"dist/index.esm.js","scripts":{"flow":"flow check --max-warnings=0 src && flow check website","precommit":"lint-staged","prettier":"prettier --write '**/*.{js,json,css}'","linc":"lint-staged","lint":"eslint '**/*.js'","test":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","build:flow":"cp flow-template dist/index.cjs.js.flow && cp flow-template dist/index.esm.js.flow","build:source":"rollup -c","build":"node ./check-for-update.js && del dist && mkdir dist && yarn build:flow && yarn build:source","start":"rollup -c -w","prepare":"yarn run build","website:build":"cd website && yarn build","website:deploy":"cd website && yarn deploy","website:run":"cd website && yarn start"},"lint-staged":{"{website,src}/**/*.{js,json,css}":["prettier --write","git add"],"**/*.js":"eslint --max-warnings 0"},"dependencies":{"@babel/runtime":"^7.0.0","memoize-one":">=3.1.1 <6"},"peerDependencies":{"react":"^15.0.0 || ^16.0.0","react-dom":"^15.0.0 || ^16.0.0"},"devDependencies":{"@babel/core":"^7.0.0","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/plugin-transform-runtime":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-flow":"^7.0.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^9.0.0","babel-plugin-annotate-pure-calls":"^0.3.0","cross-env":"^5.1.4","del-cli":"^1.1.0","eslint":"^4.19.1","eslint-config-prettier":"^2.9.0","eslint-config-react-app":"^2.1.0","eslint-config-standard":"^11.0.0","eslint-config-standard-react":"^6.0.0","eslint-plugin-flowtype":"^2.47.1","eslint-plugin-import":"^2.11.0","eslint-plugin-jsx-a11y":"^5","eslint-plugin-node":"^6.0.1","eslint-plugin-prettier":"^2.6.0","eslint-plugin-promise":"^3.7.0","eslint-plugin-react":"^7.7.0","eslint-plugin-standard":"^3.0.1","flow-bin":"^0.101.0","gh-pages":"^1.1.0","lint-staged":"^7.0.5","npm-api":"^1.0.0","prettier":"^1.12.1","react":"^16.8.4","react-dom":"^16.8.4","react-is":"^16.8.4","react-scripts":"^1.1.1","react-test-renderer":"^16.7.0","rollup":"^1.4.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^9.2.1","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-replace":"^2.2.0","rollup-plugin-terser":"^5.1.0","semver":"^6.2.0"},"gitHead":"bc9192bb258aff64ab643cb90e1f0ee55a955815","_id":"@john-osullivan/react-window-dynamic-fork@1.9.0-alpha.1","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-atUJ1Zk3FWqX6Oyp33+fQmXsE3kV7pgmmypNcIZqF06aTSGyrX1XDCUq2/Akt0ne446yc+DRKXrfvFWEpn76xQ==","shasum":"680b694406e03e2045f6c3527ac657d91c9d007f","tarball":"https://registry.npmjs.org/@john-osullivan/react-window-dynamic-fork/-/react-window-dynamic-fork-1.9.0-alpha.1.tgz","fileCount":28,"unpackedSize":1058380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdJhUwCRA9TVsSAnZWagAAaJwQAI0WkW9VhOY6bOBD7Pvk\nj0MfunVTu/UWmsh0Tw6VAdmpj7/YMk+Uha1wyyPptX65UUn02IHJ+ZhApjHU\nVnELsy73yU5L0d5LOxRDeLr3+99VhhyLvvfCYEHTceGyepIHvkSiROXx4cse\nyqRz6dE/53qG1HBZAmt2jfrcJ4pB3t7Gijib0nrHSiuxLJErg2LYovfDN24w\nAzhq4PEwWQ1wWOJ/pmm9CsSv04aQI9FR5/Q2H9BkFjJKcP+0/PJmp4NNUPVB\npbLkjHmQviGzUUCsvoAIIKhMHXa2lL7ulTw9Lt/spM9yo9o15KqXAWIXAGLZ\nRiYiby38OTItxYXod5oYnjLpGuQgSK/41RheYFAFXmLefHQ0+wK4gKEMHfOR\nl9nA6LpmgtThVePwsg2ENFv1ll6OPvmJUnvFBsZ5Rg3OROanCchqWuUwTg4a\n8kCQKDtbzJQm0EeDe0GmKvbvuvslNS4YfwDvHcEJ1sbU9ltf2rc7cSjM6M1R\n+IxeyIICcLn0Ut8noZzfWl1vWLoXtgBrluOIBngoDxDQrTx5mTKa/vrkdY8Q\nPh97EPPLj0CTOojhJREa7AGyEA4aPHiaFBp8ZW1oiU0VHlAs2yr+54JSkSd+\nhikFYD/ywJ4BeRO/RuiGktAHKj/iaN8lZO1t/A35j95xXM92V/HV7xQL76S6\nyc4e\r\n=B6VE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCO04vmuIKGEfMCcrQpPAV0CQe9Z2u65b+ZKloImLP9EQIhAOibziJSNnvaXvRDL362lUMMO0yN4ci8Qp/B8esdVU7m"}]},"maintainers":[{"name":"john-osullivan","email":"j.osullivan42@gmail.com"}],"_npmUser":{"name":"john-osullivan","email":"j.osullivan42@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-window-dynamic-fork_1.9.0-alpha.1_1562776879524_0.16138474884675436"},"_hasShrinkwrap":false}},"time":{"created":"2019-07-10T16:41:19.306Z","1.9.0-alpha.1":"2019-07-10T16:41:19.711Z","modified":"2022-04-05T22:10:41.842Z"},"maintainers":[{"name":"john-osullivan","email":"j.osullivan42@gmail.com"}],"description":"Temporary Fork: see https://github.com/bvaughn/react-window","homepage":"http://react-window.now.sh/","keywords":["react","reactjs","virtual","window","windowed","list","scrolling","infinite","virtualized","table","grid","spreadsheet"],"repository":{"type":"git","url":"git+https://github.com/bvaughn/react-window.git"},"contributors":[{"name":"Brian Vaughn","email":"brian.david.vaughn@gmail.com","url":"https://github.com/bvaughn/"},{"name":"John O'Sullivan","email":"j.osullivan42@gmail.com","url":"https://github.com/john-osullivan/"}],"author":{"name":"Brian Vaughn","email":"brian.david.vaughn@gmail.com","url":"https://github.com/bvaughn/"},"bugs":{"url":"https://github.com/bvaughn/react-window/issues"},"license":"MIT","readme":"# react-window-dynamic-fork\n\nThis fork of [`react-window`](https://github.com/bvaughn/react-window/) is published from [`issues/6 @ bc9192b`](https://github.com/bvaughn/react-window/commit/bc9192bb258aff64ab643cb90e1f0ee55a955815). I am publishing this fork in order to make the DynamicSizeList code available on npm, as installing directly from GitHub misbehaves in some CI/CD build environments. My only actual modification is the `check-for-update.js` file which runs on `build`. This is the full code of that file below; its only purpose is to check whether `1.9.0` (including an alpha version) has been published, exiting the process if it has.\n\n```javascript\nconst npmApi = require('npm-api');\nconst semver = require('semver');\nconst process = require('process');\nconst npm = new npmApi();\nconst reactWindow = npm.repo('react-window');\n\nreactWindow.package().then((pkgJson) => {\n let version = pkgJson.version;\n if (semver.satisfies(semver.coerce(version), '>=1.9.0')) {\n throw new Error(`react-window ${version} has been released, please uninstall this fork and reinstall react-window.`);\n } else {\n console.log(`\\nMost recent react-window version is ${version}, DynamicSizeList not yet available on npm.`);\n console.log('This fork package will inform you when react-window @ 1.9.0 is available. \\n')\n }\n}).catch((err) => {\n console.log(`\\n${err}\\n`);\n process.exit(1)\n});\n```\n\n# react-window\n\n> React components for efficiently rendering large lists and tabular data\n\n[![NPM registry](https://img.shields.io/npm/v/react-window.svg?style=for-the-badge)](https://yarnpkg.com/en/package/react-window) [![Travis](https://img.shields.io/badge/ci-travis-green.svg?style=for-the-badge)](https://travis-ci.org/bvaughn/react-window) [![NPM license](https://img.shields.io/badge/license-mit-red.svg?style=for-the-badge)](LICENSE.md)\n\n## Install\n\n```bash\n# Yarn\nyarn add react-window\n\n# NPM\nnpm install --save react-window\n```\n\n## Usage\n\nLearn more at [react-window.now.sh](https://react-window.now.sh/):\n\n## Related libraries\n\n* [`react-virtualized-auto-sizer`](https://npmjs.com/package/react-virtualized-auto-sizer): HOC that grows to fit all of the available space and passes the width and height values to its child.\n* [`react-window-infinite-loader`](https://npmjs.com/package/react-window-infinite-loader): Helps break large data sets down into chunks that can be just-in-time loaded as they are scrolled into view. It can also be used to create infinite loading lists (e.g. Facebook or Twitter).\n\n## Frequently asked questions\n\n### How is `react-window` different from `react-virtualized`?\nI wrote `react-virtualized` several years ago. At the time, I was new to both React and the concept of windowing. Because of this, I made a few API decisions that I later came to regret. One of these was adding too many non-essential features and components. Once you add something to an open source project, removing it is pretty painful for users.\n\n`react-window` is a complete rewrite of `react-virtualized`. I didn't try to solve as many problems or support as many use cases. Instead I focused on making the package **smaller**1 and **faster**. I also put a lot of thought into making the API (and documentation) as beginner-friendly as possible (with the caveat that windowing is still kind of an advanced use case).\n\nIf `react-window` provides the functionality your project needs, I would strongly recommend using it instead of `react-virtualized`. However if you need features that only `react-virtualized` provides, you have two options:\n\n1. Use `react-virtualized`. (It's still widely used by a lot of successful projects!)\n2. Create a component that decorates one of the `react-window` primitives and adds the functionality you need. You may even want to release this component to NPM (as its own, standalone package)! 🙂\n\n1 - Adding a `react-virtualized` list to a CRA project increases the (gzipped) build size by ~33.5 KB. Adding a `react-window` list to a CRA project increases the (gzipped) build size by <2 KB.\n\n### Can a list or a grid fill 100% the width or height of a page?\n\nYes. I recommend using the [`react-virtualized-auto-sizer` package](https://npmjs.com/package/react-virtualized-auto-sizer):\n\n\"screen\n\nHere's a [Code Sandbox demo](https://codesandbox.io/s/3vnx878jk5).\n\n### Why is my list blank when I scroll?\n\nIf your list looks something like this...\n\n\n\n...then you probably forgot to use the `style` parameter! Libraries like react-window work by absolutely positioning the list items (via an inline style), so don't forget to attach it to the DOM element you render!\n\n\"screen\n\n### Can I lazy load data for my list?\n\nYes. I recommend using the [`react-window-infinite-loader` package](https://npmjs.com/package/react-window-infinite-loader):\n\n\"screen\n\nHere's a [Code Sandbox demo](https://codesandbox.io/s/5wqo7z2np4).\n\n### Can I attach custom properties or event handlers?\n\nYes, using the `outerElementType` prop.\n\n\"Screen\n\nHere's a [Code Sandbox demo](https://codesandbox.io/s/4zqx79nww0).\n\n### Can I add padding to the top and bottom of a list?\n\nYes, although it requires a bit of inline styling.\n\n\"Screen\n\nHere's a [Code Sandbox demo](https://codesandbox.io/s/react-window-list-padding-dg0pq).\n\n### Can I add gutter or padding between items?\n\nYes, although it requires a bit of inline styling.\n\n\"Screen\n\nHere's a [Code Sandbox demo](https://codesandbox.io/s/2w8wmlm89p).\n\n### Does this library support \"sticky\" items?\n\nYes, although it requires a small amount of user code. Here's a [Code Sandbox demo](https://codesandbox.io/s/0mk3qwpl4l).\n\n## License\n\nMIT © [bvaughn](https://github.com/bvaughn)\n","readmeFilename":"README.md"}