{"_id":"@cvbuelow/use-infinite-scroll","_rev":"2-18efe1e6773f7bd63cfff02385a06934","name":"@cvbuelow/use-infinite-scroll","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@cvbuelow/use-infinite-scroll","version":"1.0.0","description":"React hook to create inifinite scroll effect","main":"src/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/cvbuelow/use-infinite-scroll.git"},"keywords":["react","infinite","scroll"],"author":{"name":"Carl von Buelow"},"license":"MIT","bugs":{"url":"https://github.com/cvbuelow/use-infinite-scroll/issues"},"homepage":"https://github.com/cvbuelow/use-infinite-scroll#readme","gitHead":"82ca7af79716436e3743164f8e0034d5bc8e1e4a","_id":"@cvbuelow/use-infinite-scroll@1.0.0","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","_npmUser":{"name":"cvbuelow","email":"cvbuelow@physna.com"},"dist":{"integrity":"sha512-eSSUIqm909VC4DNieY2frwiDUlo8DL5UCJ9fwRJ8Lk7JvECUFsGrz6r8k0ME3wtJqmtA65HE5RlDb30WoGrC8A==","shasum":"08ac322deeca08fa1ff8c1b2c084b6cc964aa5e2","tarball":"https://registry.npmjs.org/@cvbuelow/use-infinite-scroll/-/use-infinite-scroll-1.0.0.tgz","fileCount":4,"unpackedSize":4286,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRa0+UCjiT7gFA5pWldL0JNw0w9EvnQsxy1JumVWq84gIhANPtryLlvCE1Vp5A0k3p799b2hhj0TsvFNQqKrAxr8r0"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTKa8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqYg/+O+piTL3HPhbboXva6YU9bUhFMWTliLm4UmLT2F87q15dLxA4\r\nGxUXlvraDaMQQkQ3OfIjNWuMmhC7G3M40hwyu84vJ8uFhcQ1AusszApJTZCz\r\nZ4MSF7Sy5MeBYT2L2308Ry6CoLE+BcWpKButpo2wmMOmTA+R+yOUH7RdnZM1\r\nO1JtKAqA3kihpMi2NXxCBuCwkjzUhgmTaO4EeHL6VCjLNr215VUr7vSNGBrh\r\na7afVW7gANiNB/fO9lm9V6gI9mGWE5Rk1jGrZK73ywcbIFYlU7q2eDwxJQ5i\r\ny5EjoKl2dy+/+GRhNZNMLRIwevqbyZ8VJEmFd/VSPp5kmf0NWVLVRgh14bIW\r\nsMxNXeybumZsxbIYfvwuIWf1xb56WEByS7TR3Wy0NKqTgz9UUO3G8TORISLk\r\nY9TY6bMjDybGPBXfHhpR3xrsCWw/2CUwKGlrTrZWuV+D4U3hhgx8tJiQoos6\r\nrKoj3VMjBaaNdaMKS0YwvNSYiaSc65i0KASMj1z+7aDZslQWprf0ywqYY9O5\r\nJ9DRNbeA4VdHqoUY6lr0v5MQ59N3I55OX2suULZR50EkkswOIX0vFHsSrQiS\r\nmoN9ix0OG5JC6QZecGL+ecu18fZeN+J35EpCQNQJMU0wMY0ktn0LQ8si92In\r\n1mfK1i/Q7kzqXLie1WK/TX42LluK9JoHLtQ=\r\n=ftGS\r\n-----END PGP SIGNATURE-----\r\n"},"directories":{},"maintainers":[{"name":"cvbuelow","email":"cvbuelow@physna.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-infinite-scroll_1.0.0_1649190588035_0.7901172225549904"},"_hasShrinkwrap":false},"1.0.1":{"name":"@cvbuelow/use-infinite-scroll","version":"1.0.1","description":"React hook to create inifinite scroll effect","main":"src/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/cvbuelow/use-infinite-scroll.git"},"keywords":["react","infinite","scroll"],"author":{"name":"Carl von Buelow"},"license":"MIT","bugs":{"url":"https://github.com/cvbuelow/use-infinite-scroll/issues"},"homepage":"https://github.com/cvbuelow/use-infinite-scroll#readme","gitHead":"59ea5a5bf07dd28c9f3a5f02b6eba047fa56a7e8","_id":"@cvbuelow/use-infinite-scroll@1.0.1","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","_npmUser":{"name":"cvbuelow","email":"cvbuelow@physna.com"},"dist":{"integrity":"sha512-VK4riu6Xm0H8uhOsU0Qt7GKjNcUV/uZdvyVZzYYsPL2Dz6HkLiJoePhzZl3Geq8G4kqpEb6kt9azvBGibNJWyw==","shasum":"b3079cca1c4e939c143da32ed0b26054bd3f82a7","tarball":"https://registry.npmjs.org/@cvbuelow/use-infinite-scroll/-/use-infinite-scroll-1.0.1.tgz","fileCount":4,"unpackedSize":4482,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICYcoKm4dxUbriO/fwoQQw6WXmgbazOBvC+uuhekWg+tAiBo5xNeA4a6mR52LT0tqSH/3+cmY2Kq9AfH7sOFu+Oh8g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTOvbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6hg//QrJJ/3EiGas6fYiyXizxbgCt91xX1UQBIWN1n9aUJW+yTt3i\r\nVlDAzwlli6x36LmCnzV9tkfB18uAEtrO75fU/dF+20twfBEMaJ5DcKxwQUEw\r\nsipKc6wYrS408W/54qyGhVSFaYlN2wYLivEnBQjQ0TaHH4UDcXH8lOiAqR05\r\nxFxvfwaNq0JShvuQILoBokYBhTU6554cJUOKw5GuRAKngSW5Xj1ogGyx791T\r\nJn25j8JAVzXaZdT91oscuxlbn8+G6CRg/lmWQOzemqUl19Y9B4n+tAKZtrUp\r\nIZ9N5Y/xqaWZdPogqzfASwZyE1sxuXT6apNju7uHkIkC5dwD4lmNQn60+4G+\r\nHSjyv0Ewx6/MwBSqed6fDyNGf78/uUDK11dASBf1Q652XCWISaqmPvFP6QJG\r\nX2dY7rRE/+SA4dmN+O/5RLd6V9Ym6/IqC1o3IrbNZwcEFLlK9U9Pj3Xg9wbV\r\n3R8G9b8eZUkPDoP/J/3HGeHuud0M8Agj7KESVmcTmywttB2IR1hxLUZTz1jz\r\nuV4G3rWRrNJ+gNm7ofAq9XXnl9n8NSDpmAmPclUhjTgoMgy2pMS/GvyZY3gA\r\nwsV6+YBuSx3Gl9e8HGHg9+MTDnDBYomCMoZEjVNgJJpWWeRU7zP3EyEbdXFx\r\nuCzAMlB4I5hye5567FeG9ALNRck/HpL290A=\r\n=2mzV\r\n-----END PGP SIGNATURE-----\r\n"},"directories":{},"maintainers":[{"name":"cvbuelow","email":"cvbuelow@physna.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-infinite-scroll_1.0.1_1649208283300_0.6898733746997587"},"_hasShrinkwrap":false},"1.0.2":{"name":"@cvbuelow/use-infinite-scroll","version":"1.0.2","description":"React hook to create inifinite scroll effect","main":"src/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/cvbuelow/use-infinite-scroll.git"},"keywords":["react","infinite","scroll"],"author":{"name":"Carl von Buelow"},"license":"MIT","bugs":{"url":"https://github.com/cvbuelow/use-infinite-scroll/issues"},"homepage":"https://github.com/cvbuelow/use-infinite-scroll#readme","gitHead":"717526d63be418f711113150800f93124e245837","_id":"@cvbuelow/use-infinite-scroll@1.0.2","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","_npmUser":{"name":"cvbuelow","email":"cvbuelow@physna.com"},"dist":{"integrity":"sha512-oVLjOC7Ylf6lbaT/H9ppHi0C7nAVxVQeK16CDQXsydZOjppQl7uJ8veyW+MzJR1KrKKPNGZuhvXccvmaww+0TQ==","shasum":"bf476d17128834a5cebc374faab967fbadcafbe5","tarball":"https://registry.npmjs.org/@cvbuelow/use-infinite-scroll/-/use-infinite-scroll-1.0.2.tgz","fileCount":4,"unpackedSize":4984,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBCyvqimNS6tLPIi7FEs9fAjtrE3dLjWxpUqT+89Bq2iAiEA56ulRTpF25Si7mu/HWt800ed+C9zk5ddIxzWE5b8QFk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTPqJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp92A/+Jqq9f1OpQKtec3Q9VhMoa5EIWFqwDK6ZJXqvjVKwAWI2mI2b\r\nD7uJRf4wui2pxUjQMKPa1A/M80sI7CakHO7HWVdJnLRxCTcTtr0ls4YrWKgO\r\n578iiYCAM3v/L9idR+8PcHapT5/81kd4nZX+4ALgVlSerSvP8FsIRzQKmiWS\r\nYLUuD5ykScXcpQWFB9ffKfWbNUEE1Emz4Mc2C9NfAzgZt36/VGi0YjQrXcBK\r\n8aZTp3ADbD8q0s0MQlibwvmFlhxJh26J6uGhIgik73zOUPAZv1kkIuCP8leC\r\ndJfJPJiNQkULK7MucUz2t7rJbYDiO77oGxBjznEjeZe83WZcoj3+EA92wikM\r\nZwwwDkSyh2AldDpr0fRtKcLHO2oRSC6oB++W0LRkKy8t9vaO7G9ck8hqxD68\r\nh3U1wtM+ZjsqGW9a+c1HStNn1LSjNtuZvL9DLeC/hResbjfE36Xy6dWuZbEA\r\nvTEFhf9VLmaHTuQvboq9n7+7HaHnksHjMWeQX+qMkWS5RXNrLnGFevKwy77V\r\n/UBM3csmpojygYIW2SOh7jfSkksvRFek9GcoUJkbL/H4Wehu2GmpHiZk0Xjz\r\n50pDDprW/qPC534Ym2PzTEC7TabERNb+I10kxi/93sdEumHd4dig+5diD0pw\r\nF8oaDMeX/Htro/U2MxEWPUqcJtJlMtg8WHE=\r\n=G+97\r\n-----END PGP SIGNATURE-----\r\n"},"directories":{},"maintainers":[{"name":"cvbuelow","email":"cvbuelow@physna.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-infinite-scroll_1.0.2_1649212040976_0.2440857026687555"},"_hasShrinkwrap":false}},"time":{"created":"2022-04-05T20:29:47.594Z","1.0.0":"2022-04-05T20:29:48.226Z","modified":"2022-04-06T02:27:21.183Z","1.0.1":"2022-04-06T01:24:43.472Z","1.0.2":"2022-04-06T02:27:21.084Z"},"maintainers":[{"name":"cvbuelow","email":"cvbuelow@physna.com"}],"description":"React hook to create inifinite scroll effect","homepage":"https://github.com/cvbuelow/use-infinite-scroll#readme","keywords":["react","infinite","scroll"],"repository":{"type":"git","url":"git+https://github.com/cvbuelow/use-infinite-scroll.git"},"author":{"name":"Carl von Buelow"},"bugs":{"url":"https://github.com/cvbuelow/use-infinite-scroll/issues"},"license":"MIT","readme":"# use-infinite-scroll\n\nSimple react hook for lazy loading more content when the bottom of the page is reached. Uses `IntersectionObserver` and `MutationObserver` for best performance.\n\n## Installation\n\n```sh\nnpm i @cvbuelow/use-infinite-scroll\n```\n\n## Usage\n\n```jsx\nimport React, { useCallback } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { getNextPage } from \"../store/movies/movies.actions\";\nimport MovieList from \"./movie-list\";\nimport useInfiniteScroll from \"@react/use-infinite-scroll\";\n\nfunction MovieSearch() {\n  const dispatch = useDispatch();\n  const { loading, movies } = useSelector((state) => state.movies);\n\n  const onScrollBottom = useCallback(() => {\n    dispatch(getNextPage());\n  }, [dispatch]);\n\n  const scrollRef = useInfiniteScroll({ onScrollBottom });\n\n  return (\n    <div ref={scrollRef}>\n      {!!movies?.length && <MovieList movies={movies} />}\n      {loading && \"Loading...\"}\n    </div>\n  );\n}\n\nexport default MovieSearch;\n```\n\n## Config\n\n### `onScrollBottom`\n\nCallback function to be invoked when the `IntersectionObserver` is triggered.\n\n### `root`\n\nThe root to be used for the `IntersectionObserver`. Defaults to the browser viewport.\n\n### `rootMargin = '500px'`\n\nPassed to the `IntersectionObserver` config.\n\n### `threshold = 0.0`\n\nPassed to the `IntersectionObserver` config.\n\n### `useDeepTarget = false`\n\nWhen set to `true` the deepest child in the list of items is used as the target for the `IntersectionObserver`\n","readmeFilename":"README.md"}