{"_id":"@alexvcasillas/use-observer","_rev":"7-3cfa6071c21696e2b402c912a69f3f35","name":"@alexvcasillas/use-observer","dist-tags":{"latest":"1.1.2"},"versions":{"1.0.0":{"name":"@alexvcasillas/use-observer","version":"1.0.0","description":"React Intersection Observer implementation","repository":{"type":"git","url":"git+https://github.com/alexvcasillas/use-observer.git"},"author":{"name":"Alex Casillas"},"license":"MIT","main":"dist/index.js","module":"dist/use-observer.esm.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --env=jsdom","lint":"tsdx lint"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.18","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","husky":"^3.0.9","react":"^16.10.2","react-dom":"^16.10.2","tsdx":"^0.9.3","tslib":"^1.10.0","typescript":"^3.6.4"},"dependencies":{},"bugs":{"url":"https://github.com/alexvcasillas/use-observer/issues"},"homepage":"https://github.com/alexvcasillas/use-observer#readme","_id":"@alexvcasillas/use-observer@1.0.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Q405NGD6oTzXr1DDhOoIs+zIpzAs5YTG2ka45dydD5li62V7wIBeiuPkvtg0JM1twDtwbuKpf30JdfdQD7l03g==","shasum":"f43cde4ab12f946a7f4d7c054cebb54263204901","tarball":"https://registry.npmjs.org/@alexvcasillas/use-observer/-/use-observer-1.0.0.tgz","fileCount":9,"unpackedSize":9922,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJXuZCRA9TVsSAnZWagAAsfwP/RI0yxieWZXPQi8g8cqh\ni9jbBeUdQH8aYQGHqcTeDpZBoHAEIy8eWPtwsDKfC+sj516beGL+4yA80pwm\nEATDfBOohMYoV5gIBlaSuLNwI3RuqTqk1MMDVuvbAVWquUwg23/bL/9bRQUJ\nQkjp9tjCcxVuoeDW8+MMJZB9/DxHuSR8tuswD3tibcUlT1KZrZCZwP1LIYlE\nkP5qecSaxd1FbW5kjY+G/Xy+dw6XVJObZ37HMQv4+p0l+z9Aa8+16XwFKG8G\nBmkuaJgQbp0Zg6cPldMojXadvq9k8QAXUxiWO4dELo0Dh7tn9VGF8DrZl1SZ\ny138XMt3jFZIcKpbThB7sLRLWfo5Kxt/4/KUcb62u0UwRQ2OTWkKE33Wql2A\nq7HS+P8E2bzpoqyhnCVPhlgB/CLtVRZwKL3o+0Rf4ZH3ApJB0XDR25c9eqCM\nJRKjVDXYZtsU0fSDyKAYtZi0e+YwSAVEzsrvOw5jDiT82rwpblLSv+pjaJ6a\n5wb7Ehp5vPwCu/R9jN+gLe1pAdSiHIjeAQof1FrIUXCI6KCEG4ANuXR/nAYf\nEVfLYnTMM5/ajfT+kWxgvO9u9RFrsGoUG9LWt1ydg45Tg7LceMzmxyB5k75e\nx89Zl5KMiJtwHE38BIsTDVw7SLtjD9WR3MHyRQ1o9o11KJPx0I6b3nDeUvUO\nFdjd\r\n=GQ8K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOWIV//0suaqKSGtUx1hCf+z1TfoCqEVk6Z21BRov+YQIhALq886LtEH4kjXITd5UelWzE1Ur/plZdvFyRxHsHd5lw"}]},"maintainers":[{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"}],"_npmUser":{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-observer_1.0.0_1579514777229_0.7095188095420433"},"_hasShrinkwrap":false},"1.0.1":{"name":"@alexvcasillas/use-observer","version":"1.0.1","description":"React Intersection Observer implementation done right!","repository":{"type":"git","url":"git+https://github.com/alexvcasillas/use-observer.git"},"author":{"name":"Alex Casillas"},"license":"MIT","main":"dist/index.js","module":"dist/use-observer.esm.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --env=jsdom","lint":"tsdx lint"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.18","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","husky":"^3.0.9","react":"^16.10.2","react-dom":"^16.10.2","tsdx":"^0.9.3","tslib":"^1.10.0","typescript":"^3.6.4"},"dependencies":{},"gitHead":"3b8326a5c88b5a1511106bdc891e4f525d39f6fa","bugs":{"url":"https://github.com/alexvcasillas/use-observer/issues"},"homepage":"https://github.com/alexvcasillas/use-observer#readme","_id":"@alexvcasillas/use-observer@1.0.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-NeSA0U/vwuhwHEXEI8rgLmY5FvcN88tZX5ISLLNewnLPhHgkNe+4lNkuLHZMy0Y7UYwjeaA2/imiQWQNWngbkQ==","shasum":"ef58d45969c33df3592c792617142a737fa53ac7","tarball":"https://registry.npmjs.org/@alexvcasillas/use-observer/-/use-observer-1.0.1.tgz","fileCount":10,"unpackedSize":13158,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJX/uCRA9TVsSAnZWagAAUQ0P/2IWO1xKbk6asdSlvp3i\nEXA4W5IAFYVk+OMGm9HdbPzHoG8RvmqtBrakZeFvjpVsVl3qFEdXSQzai9P9\ntsaKDYy08ebBDXfBr1/XZixF6apdftBUJjKCMaIyxa+mwQRmz3/e/6tAosH9\nlmK6VpPEart3oStW+WbGPhJd03SHATCnJN5NTYNdwaCE3lD7pgbqSYvItmbC\n2/lREQs4ZMm5u5sQSDuE7LjhfwZrwp2h171fS66Uws8AODvVZt6vU5uXTyrB\nQEWMP/oTrHtvT6BFPNjjpsA4XkD4uaCiWHwA6gyZOGEEHi1071gBmf4Fsl6T\nYjib8LYK0w33ctGPBAgc42tVezTwSbdI2jYTXagtW8cG9JF7Q+PPw5TJVryy\nDedlkbsb8hpniNKvYIWurt9s/l3KnFNTBHAFjRfsL1NV9cPfCJI1YLiDWOqU\nIL1XUupycrGndY+oYozO2Lv71+0UlxU/+GuS291f8xn2zHKCkg/xIL+ddbvd\nNYMy57yp0B+XAndtPm4Acd75njNkZa8HC7XAJbG/8KktXiB/LF4rbT/gbzUz\n7dsHnJ6iLl9eDO1SgbXtIscYjehLOpqmbWn7pTgBHsox8q9Y8LSQIrTggY9l\n++LgdINqA2QMMsG/L87C5LPRN1Wp6cKeDwFtKYopf1KDmQ/C6QxRNqq9rslr\n3wQb\r\n=oc5u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMi2YNxEtjkkFkbBwU5S6l+SHwA6XrkM4lB3DEW5rFEAIgPzTTNQCLHaay0WVA+0+591mcKpqRLAyjdLYODPnOLnw="}]},"maintainers":[{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"}],"_npmUser":{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-observer_1.0.1_1579515885756_0.38876310256312485"},"_hasShrinkwrap":false},"1.0.2":{"name":"@alexvcasillas/use-observer","version":"1.0.2","description":"React Intersection Observer implementation done right!","repository":{"type":"git","url":"git+https://github.com/alexvcasillas/use-observer.git"},"author":{"name":"Alex Casillas"},"license":"MIT","main":"dist/index.js","module":"dist/use-observer.esm.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --env=jsdom","lint":"tsdx lint"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.18","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","husky":"^3.0.9","react":"^16.10.2","react-dom":"^16.10.2","tsdx":"^0.9.3","tslib":"^1.10.0","typescript":"^3.6.4"},"dependencies":{},"gitHead":"f9e1bf0f427d1334c108da53509abe902bd14353","bugs":{"url":"https://github.com/alexvcasillas/use-observer/issues"},"homepage":"https://github.com/alexvcasillas/use-observer#readme","_id":"@alexvcasillas/use-observer@1.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wHox/4vzqLmk5cUKbM+3dCscWjAw5VZ0gPxelUU99PF2mMDJyhe4DXzAPv94T8bMG95wg/S7lGeUTLdpmb3pGw==","shasum":"65822a6d5ba10d448e1e4b73d9f17b4776417f15","tarball":"https://registry.npmjs.org/@alexvcasillas/use-observer/-/use-observer-1.0.2.tgz","fileCount":10,"unpackedSize":13158,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJcPmCRA9TVsSAnZWagAAH+EQAIJ1kNa+f89egcuRUecD\n2iLaYkRyXccJtmPS7OyD5t6sc0xkFEbq6XKNZABqNlWGCvHh8Z1+NsYPG89N\nqfDYYTdlf1KLGUZuwy9AdbGsAXs0zZFkFocgbw/zjHD4/wklXUmZax0aCFZm\nXcHbYFYQL5yFUvrEos6e2kWTqBYJp5ChtHAqEA/SuYY9N71/OPpJpzwZAOTi\ntBAql2SRHAZdnVvyoyMmwuTho3wZaOOIr9P5bnEzysmdbS8R+OQfVsu/Xxc9\nGskyunqGVEuSyEUz2eLSJ7sBDjmB9QGIBz2VWosotTuDSTK8QiobEaoQIRSb\nHTiZq41TbeMtyKlBYQQPelrPld4b2uwx+7u/CdWv7JhuDzXXkHZvA1gfh9Vl\nPNpRDyYmv3DlM/5J1HVLViaV1tmEabc0eoMiVY/IA5U3sOSfAMUCveCzr06b\n/Ybh+a6xxFukBK+qxh/xwJ6pvT63pX5dRMOdjYsIaBN6ewQKeehRxQ+1hJmV\noFO078ha3iNYm12nLP6/fDMnvDQLmdDuY6hJArNNiMPYIf5Vg9IwVCo/RsLf\nlK01pGIVcb8HHy3KtXrNIEoAr7xA6MQrep8e0xtwH5xr0ldOkeuP3w6UtXJq\n3tvc3UCF6NDEGZbw3bxd9rtF9wQTGaj7I7jQlV8VAl3venk/Hvr+R+hMoS/h\n+n2w\r\n=EVN/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGpr+j006eIfD5gslhdlR87Sz5lVUf/570k/LzFrSkfgIhAJu/RygAhE2stNdyaYvMMtp/gihC0flFUYPMX89H6u6a"}]},"maintainers":[{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"}],"_npmUser":{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-observer_1.0.2_1579533286219_0.2368894427899284"},"_hasShrinkwrap":false},"1.0.3":{"name":"@alexvcasillas/use-observer","version":"1.0.3","description":"React Intersection Observer implementation done right!","repository":{"type":"git","url":"git+https://github.com/alexvcasillas/use-observer.git"},"author":{"name":"Alex Casillas"},"license":"MIT","main":"dist/index.js","module":"dist/use-observer.esm.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --env=jsdom","lint":"tsdx lint","prepare":"tsdx build"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^24.0.18","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","husky":"^3.0.9","react":"^16.10.2","react-dom":"^16.10.2","tsdx":"^0.9.3","tslib":"^1.10.0","typescript":"^3.6.4"},"dependencies":{},"gitHead":"395f4c3c96a3617f683bd2ee8387dd2e3d7040db","bugs":{"url":"https://github.com/alexvcasillas/use-observer/issues"},"homepage":"https://github.com/alexvcasillas/use-observer#readme","_id":"@alexvcasillas/use-observer@1.0.3","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-xMRpYM7dgJBAQhM0yzshmc+eWCxxN+3+8rnkCl90cixCwzVkZ7/xI9uscET8kKZgV41i0ukGGIPd0iaX/ZHmqw==","shasum":"cd96ea4689b94a81a8e599197a2ecf7d147b0f9d","tarball":"https://registry.npmjs.org/@alexvcasillas/use-observer/-/use-observer-1.0.3.tgz","fileCount":10,"unpackedSize":14184,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJcZYCRA9TVsSAnZWagAAJTIP/3PcPzQyP83Gi8TOBFTc\nv1i7+SrJ6xN3jXPXgOi4xitVQVenyL/6+CNLGC50Ok0WHvaR0sH+/kjuBpnq\nAAt8KNI8KrQL9VL2cyGUiauEawkunDul4YL642vqpJCukrk7P8fDgfHRIniO\nurxJp1ZYT1ZJa7B/EX3L53lwOSrVSjX0vGmaFJROBDUgbgGyTEANhxtnna2N\nd87pP3L+k/TseRLjrDLF4VJO3pkDSqWEc0RvHBSbwzLOlDaH2pR9FQfgVms9\nSxogwuMNvpC4O8txkf5LIgbGirCLLVe8C8DNTnuCJIpQEChw8twcdkM/7HgY\nbhghYwTTW7mGxT0EIhky9ZHG4EO2oHAFEz9HtWnIrOn4ZgN5/35Z5+0InDNX\nIcc/2CbWHnm5IhQVseaIHY/DH+/c1q9qiwHkNvPZ+lyz0R0a7xZcWhey4h/E\nDjl6HWx7BXPtvHKLuM+E/48qNCBNNvfb3NT7BNoH64RAcXVpqepgtPupYPZO\nxvBWXeMEn+m+MgWxKV05vMlGGD4Ed5ORYk9zAcJvY7R6+9uw1rBllz1PC+Aj\nbEeLx/RFbMJMNbC36CAMgpDZRNyw9aXVT43X92tSmXKD/gH2+jW7vUVkKQD3\nFgc270t/HNVi6NvNDTcMR+njGqdVDvR/xedB5T+MSyR3rUn+xk1ivUpde/5n\nLZJn\r\n=M24J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFxeNeG6mhNIaF3MCzy+NoAULjEx4sHe+peIh8RewL3eAiBUsvHHPCHS7tY/nYKvgA88i/t04bkhrbbwoAdKD2k5lQ=="}]},"maintainers":[{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"}],"_npmUser":{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-observer_1.0.3_1579533911538_0.7144595935615667"},"_hasShrinkwrap":false},"1.1.0":{"name":"@alexvcasillas/use-observer","version":"1.1.0","description":"React Intersection Observer implementation done right!","repository":{"type":"git","url":"git+https://github.com/alexvcasillas/use-observer.git"},"author":{"name":"Alex Casillas"},"license":"MIT","main":"dist/index.js","module":"dist/use-observer.esm.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --env=jsdom","lint":"tsdx lint","prepare":"tsdx build"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^29.0.3","@types/react":"^17.0.2","@types/react-dom":"17.0.2","husky":"^3.0.9","react":"17.0.2","react-dom":"17.0.2","tsdx":"0.14.1","tslib":"^2.4.0","typescript":"^4.8.3"},"dependencies":{},"gitHead":"1064df79cf048c83f42f8707433e6e80a7af0a3d","bugs":{"url":"https://github.com/alexvcasillas/use-observer/issues"},"homepage":"https://github.com/alexvcasillas/use-observer#readme","_id":"@alexvcasillas/use-observer@1.1.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-YzG4/MwM6IAefGeRPdNKCYbXNwpdh+TAqnF5R8mM7BZ3PGZMIzhnZCB/FKBzEUysq+kQCbviy5Pt6knPzqmz7g==","shasum":"b39c5f200ff673ae908837f3f205163e453199c0","tarball":"https://registry.npmjs.org/@alexvcasillas/use-observer/-/use-observer-1.1.0.tgz","fileCount":10,"unpackedSize":16845,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDW0g972faJXFMq/MWpJQkYuNykOm80uvxPKUSs5xxGvAiEA752/0FV3R7vOfW4hRzP5wklWwJPA+PVTiUpf7nYIf8s="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKIMTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2dA/9EUrRmYt5usGMPYHxzVZSoF2KtJ2SDrgQKhD0p/7OWNGAGCPL\r\nxlahOCr7NyMbOIHWBYiQAMsqJpjX2eoo4AkRuOUZGmYhVHcGwfr8kgjMHeux\r\nWgYS+sKv7kwAGdb5Ymr56gAmXA24pjco1Mgd7rxVH62YX6v6nn2pBuNaVLMv\r\nIt5+M3783nlLAgK9hmU+yk6yARxFMqyrpIms4gkasWeHT+CBbq/jsbVpLxxb\r\nmIBAfSckGQkW5MPx6zu9rLLAfy7XLmxy7RPfUe10nOcWdFgM26GdPWwyC1y1\r\n/3/E0t/CkNFTMWiFSQtC8FDdmvQw+p7lmCZ1X7DGviPSbFkq1D+Yxy69ovee\r\naj1PI6meuoKu9h9vU7zLoHWo/t952paXj81xF4FO46ZUXyIsJvWpasaKqfdh\r\nOalikYYSxST+m0BF7qT1DuElPzWfnQnKCi/AmrK31sm/xwUnwM+DDSQ0l91X\r\nHulMOKrMldr2yY6eMyNjBI4S8wlnzrt1KORegBvR1N5I1ahgfUuC83IL9wAz\r\ncU5H9rp9/vHO2VJkwVj+mmKPnDoV5YmZJ2cQSwav/j60DfPvbHXiOj9o7P4k\r\nI6oHTfny6MpJQx5ErqiHJh0qIz92asUpEya8+swPvboEy+35Ow8UvTHjDldY\r\nrsCLboG9tAd2wzEnC//7hri2VJphDlGU3yc=\r\n=iJIr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"},"directories":{},"maintainers":[{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-observer_1.1.0_1663599378829_0.7923515777074011"},"_hasShrinkwrap":false},"1.1.1":{"name":"@alexvcasillas/use-observer","version":"1.1.1","description":"React Intersection Observer implementation done right!","repository":{"type":"git","url":"git+https://github.com/alexvcasillas/use-observer.git"},"author":{"name":"Alex Casillas"},"license":"MIT","main":"dist/index.js","module":"dist/use-observer.esm.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --env=jsdom","lint":"tsdx lint","prepare":"tsdx build"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^29.0.3","@types/react":"^17.0.2","@types/react-dom":"17.0.2","husky":"^3.0.9","react":"17.0.2","react-dom":"17.0.2","tsdx":"0.14.1","tslib":"^2.4.0","typescript":"^4.8.3"},"dependencies":{},"gitHead":"b4c435ed5bbd0d3d8f72c9f83945ba15db624115","bugs":{"url":"https://github.com/alexvcasillas/use-observer/issues"},"homepage":"https://github.com/alexvcasillas/use-observer#readme","_id":"@alexvcasillas/use-observer@1.1.1","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-aB23JGvPB9w3wAdSWCKR11CXQjjO2okWEbjIawwX4xSSgnfWC3A6vvt5vDVoPMSydhyaEj/i+OrTvx2s5+lhFg==","shasum":"7b6c02423f2a1f09c15fa3e29eb714ed2bfdf2ee","tarball":"https://registry.npmjs.org/@alexvcasillas/use-observer/-/use-observer-1.1.1.tgz","fileCount":10,"unpackedSize":16813,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyywRH3s23WTXXLO45GiI/kjGZZVSnqmDG/0IWrtcELwIhAO+3eC47Ax7YRs2QwYdQNdOn7Voypi+PzxXE1dgJcR0S"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKIPoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpfyw/+Pm02+3TEt6fP32lYJFEZYtd8l6q7qveqttKpVi8hxnb6GnjB\r\nkIuK3ccF6st81DzyFB4O+xHOf3txSbaZuJ3IMFkUIc+AX4HoLhCrKDjkk/Zq\r\no00H66FEaX0W/A1xDv0rG17+qTdE/AQIXGv45na0XXCzsYvbHrQ0XDj5LBfR\r\n1FOtu6F+hhLps/wTgq4EapkI2aCxq/kQwO4EqBJLBR8sjI+K37NFmGohhLlE\r\nPAl/y8kZtmKX8WR1TRaJt564InLpPR076HV3cX9+GlM3dYHYtI64z7y8CFt7\r\n7odmHRYSiVvrq4qUlymn1DlaUaYi3krbL1mXZGruP2Rfh6jv4s2AKK2M2t5J\r\noAx07PpHL0yepfT347GG2/H76lm2Cd5h3hmmfCQ36bLlLcFQg0Tb5qbTJA9Z\r\nMGoiKuCZJT+6SJGywuK0+F1khZv7r2E6RCdhqCFrajkyEoGC2KDrq9C0UOQu\r\ngc2+OiX6Y7ozqDiOVbNpZJ6dgYVzB3RmHRDzs+KpNxpCGa3jMLId0Thy4gWF\r\nzFQvG/y7gRcME4wZy62dEqJcQPBf5M3G5un0pYJLCf0bH1R3pBIaMBdudfD/\r\nx/FHMgb8ZvQo/RHSeC2Kj0q/qSfTXnWk9ryjMViLyN61cezI23h5apg/rvp0\r\nGvGpoOsy02zYT2pa23Sw+/P72huB4MUp4B0=\r\n=LnjP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"},"directories":{},"maintainers":[{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-observer_1.1.1_1663599592211_0.33973988802387667"},"_hasShrinkwrap":false},"1.1.2":{"name":"@alexvcasillas/use-observer","version":"1.1.2","description":"React Intersection Observer implementation done right!","repository":{"type":"git","url":"git+https://github.com/alexvcasillas/use-observer.git"},"author":{"name":"Alex Casillas"},"license":"MIT","main":"dist/index.js","module":"dist/use-observer.esm.js","typings":"dist/index.d.ts","scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --env=jsdom","lint":"tsdx lint","prepare":"tsdx build"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"devDependencies":{"@types/jest":"^29.0.3","@types/react":"^17.0.2","@types/react-dom":"17.0.2","husky":"^3.0.9","react":"17.0.2","react-dom":"17.0.2","tsdx":"0.14.1","tslib":"^2.4.0","typescript":"^4.8.3"},"dependencies":{},"gitHead":"1f91d0b7d0b0b1edfb802038dc25e09c0de1d749","bugs":{"url":"https://github.com/alexvcasillas/use-observer/issues"},"homepage":"https://github.com/alexvcasillas/use-observer#readme","_id":"@alexvcasillas/use-observer@1.1.2","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-yXtoaO8PPf77D+czZUp2Uyyd0sJ6mOpIGwNeeQieXgkNmB1fvmI8ai1dJqtWeoGsyBCO14s/ubx6nYzZU2bl9Q==","shasum":"64e809557030ada4d1356ef4e67c8202200bec1b","tarball":"https://registry.npmjs.org/@alexvcasillas/use-observer/-/use-observer-1.1.2.tgz","fileCount":10,"unpackedSize":16231,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEvQvsZMesF2F0YKb2aMes1irYcHkv2Gb/i/vySzGBzWAiEAssPmtxRDhy4tww+U1A8JUpWE93aePrerDYMbrhcNFWs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKIV0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYrg/+I3PIuk5ZAzbWM3aOKDPrXhyc9XICM81lS2DMIAXIHEFvlZcN\r\nnssslLWwO0/tog8WKkxrMnAdpkHr9F/TTeffBHrZihVGckRFnku5eL1yk0bK\r\nMtQzqLhgNvOqKYXZ1vUUozjCkE//9/0ZXh4bFquzQ1alye0RR8wEloSVjlTJ\r\nq40ANzdZOLua/cfdtU/GKgQXexY1P1tJvxIVVtEPCOWmdbtaRDspx762mLQD\r\nv32cYcoKocUchXHymRX562jolSjf63euqwmzBw8Y8xllSnMbaKvCG6vQTAoq\r\nErZimphH0znP+rtvB52bpWM/vxcCkIsS/2anRA3+1WZBR5c/kdrxs5Mdc5Vr\r\nR2FtqChlxo80hSjUZ2v71Wc3iwMqIKy51XZHPvHwadkUlRrqCe+xNmwJGRx4\r\nvGpIwI78JfibYbShzc1NmLkH21lGurw0meIsYiDfntcy80eWwvl1J+qMTlA1\r\n4NN7vuEfPz0W0G10ftO+iOrt3nqOwNeQSqDggqBLILkJzIIcDM5Xi44wZEfd\r\nttWt9MuLae0Xqd81b2VAwgjmorWIHA4+S8aChMEV85UVI8io6FvK79lEimu1\r\nKfY2MVULmT3FOEJxk4nacLON2ZLzO6Osbl/Gnv8DXa4PvHYHFXB3xNcht2F4\r\nKZ8xlDdU/YarcCOk2CeaVCBGW2W4WWxKLZ8=\r\n=DZpv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"},"directories":{},"maintainers":[{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-observer_1.1.2_1663599988278_0.3748882445267898"},"_hasShrinkwrap":false}},"time":{"created":"2020-01-20T10:06:17.195Z","1.0.0":"2020-01-20T10:06:17.365Z","modified":"2022-09-19T15:06:28.547Z","1.0.1":"2020-01-20T10:24:45.889Z","1.0.2":"2020-01-20T15:14:46.324Z","1.0.3":"2020-01-20T15:25:11.730Z","1.1.0":"2022-09-19T14:56:19.002Z","1.1.1":"2022-09-19T14:59:52.413Z","1.1.2":"2022-09-19T15:06:28.452Z"},"maintainers":[{"name":"alexvcasillas","email":"alexvcasillas@gmail.com"}],"description":"React Intersection Observer implementation done right!","homepage":"https://github.com/alexvcasillas/use-observer#readme","repository":{"type":"git","url":"git+https://github.com/alexvcasillas/use-observer.git"},"author":{"name":"Alex Casillas"},"bugs":{"url":"https://github.com/alexvcasillas/use-observer/issues"},"license":"MIT","readme":"## Use Observer\n\nThe **Use Observer** package aims to provide a proper implementation of the _Intersection Observer API_ for your React components with ease.\n\n## Motivation\n\nI've used a few libraries that implemented the _Intersection Observer API_ but they were all doing something unwated and that was that my components where all getting re-rendered constantly due to a wrong implementation of the state within the hook. I was working trying to fix this issue because it was really bothering me and was causing some performance issues due to re-rendering (lots of) components on my screen at the same time so I started writing my own _Intersection Observer API_ implementation to remove this other libraries from my dependencies so I finally came up with a solution that would also be a great fit for your projects if you need this _Intersection Observer API_ to work with your React components to animate something when within the viewport.\n\n## Installation\n\n```\nyarn add @alexvcasillas/use-observer\n```\n\n```\nnpm i -s @alexvcasillas/use-observer\n```\n\n## Usage\n\n```tsx\nimport { useObserver } from \"@alexvcasillas/use-observer\";\n\nfunction MyComponent() {\n  const { inView, ref } = useObserver({ threshold: 0.5 });\n\n  return (\n    <div ref={ref}>\n      Is in view? {inView}\n    </div>\n  )\n}\n```\n\n## API\n\nThe API of **useObserver** is pretty straightforward, I aimed to keep a consistent and simple API so you would only need to pass an object with the following properties:\n\n```typescript\ntype ObserverType {\n  threshold: number,\n  rootMargin?: string,\n}\n```\n\nThe threshold property indicates how much of the component needs to be displayed within the viewport to trigger the animation. It will take a number from 0 to 1 to indicate the percentage of the component that's on the viewport, meaning that 0.5 will be equals to the 50% of the component.\n\nThe rootMargin property is a string with syntax similar to that of the CSS margin property. Each side of the rectangle represented by rootMargin is added to the corresponding side in the root element's bounding box before the intersection test is performed. This lets you, for example, adjust the bounds outward so that the target element is considered 100% visible even if a certain number of pixels worth of width or height is clipped away, or treat the target as partially hidden if an edge is too close to the edge of the root's bounding box. [Reference](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/rootMargin).\n\n**useObserver** will return an object with two properties:\n\n```typescript\n{\n  inView: boolean,\n  ref: React.MutableRefObject\n}\n```\n\nWith the **inView** property you will be able to determine that the given element is in viewport within the given threshold.\n\nYou will have to use the **ref** property to create a reference to the element within your React component that you'd like to track (as seen in the example above).\n\n## Used by\n\n* [React Spring POP!](https://github.com/alexvcasillas/react-spring-pop): Animate React elements when they enter the viewport with physics based animations.\n\nIf you'd like to add your library that uses **useObserver** feel free to add a PR modifying the above line and I will gladly merge it :)","readmeFilename":"README.md"}