{"_id":"@adrianbielawski/use-swipe","_rev":"6-14ab2aac985d21bf17a32347fa65e332","time":{"0.1.0":"2021-04-04T16:52:02.476Z","created":"2021-04-25T16:28:33.196Z","0.1.1":"2021-04-25T16:28:33.365Z","modified":"2022-04-04T11:37:09.076Z","0.1.2":"2021-05-27T13:37:29.856Z","0.1.3":"2021-05-28T08:25:28.526Z"},"name":"@adrianbielawski/use-swipe","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.1":{"name":"@adrianbielawski/use-swipe","version":"0.1.1","description":"","main":"dist/useSwipe.js","scripts":{"build":"tsc","test":"jest --watch"},"author":{"name":"Adrian Bielawski","email":"adrian@bielaw.ski"},"license":"ISC","devDependencies":{"@testing-library/react":"^11.2.6","@testing-library/react-hooks":"^5.1.2","@types/jest":"^26.0.22","@types/react":"^17.0.3","jest":"^26.6.3","jest-date-mock":"^1.0.8","react":"^17.0.2","ts-jest":"^26.5.5","typescript":"^4.2.3"},"repository":{"type":"git","url":"git+https://github.com/adrianbielawski/use-swipe.git"},"gitHead":"1c201c3062b026cd7f9cad7b684a015f474c2565","bugs":{"url":"https://github.com/adrianbielawski/use-swipe/issues"},"homepage":"https://github.com/adrianbielawski/use-swipe#readme","_id":"@adrianbielawski/use-swipe@0.1.1","_nodeVersion":"15.0.1","_npmVersion":"7.0.3","dist":{"integrity":"sha512-I0gFUfFZ2vg9T0CuxGhh4MK+jsKj3/w73sNaEbFeVNEItkwP6z5YFrEADdgdkkDvT3FaEs84C9Pu62bF2zeO8w==","shasum":"861207505acb534621ee2d3cc83621fe66b8e723","tarball":"https://registry.npmjs.org/@adrianbielawski/use-swipe/-/use-swipe-0.1.1.tgz","fileCount":3,"unpackedSize":4204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghZixCRA9TVsSAnZWagAAQT8P/jmKF0uCrPKIux9qnsX2\nGY0G8fipbTIm3aRwIGCzzZFs1UmrGa7hSjl/dqVDFalKG4SzURtf2ps9Zk/W\nuVNFpGsVFTH7OII9bssSmpqU5ninr++ih3fb0bZ++0OVMvy/VmdB4oDvjIrV\nE28+zgpjDRJAo2l0E+Hk5TtTUlVC7qHT4ZHuMCpNishrfXE7F56UGBq0W0VI\ny5arfzEZDO84Rs0i49oNC3LtAiX3Vv8Rg8mKjOnZOcdIFHhXDied0P718VZd\nC5T/YKrV0XsGIbkQvDIHYRgALHZvXj3pozTO0ox2aqIvm9Y5iPUoUO6lqY8x\nDs/w36D99/OmtF9qawMQofpGGe4Tm7XzAqExEtV46ka7rsLxk9l0ghxi8zC/\nyTePlbt5PcdWafNQxWRZ286MFvk8zQTDDmrRV6KASQM2G3aF9y+j5EfBcNic\nt1dRRxHUr1FnXUqwDKu8AeC5bbPuiQ6gG+nO/xmFNDV/kb0+vQyMmIsOV2OA\neDddXQ7SYRc9t4QN6uxu5hdh48wfzX0HHsXbQ4VW08jIkWToKLf/jGIxRzDK\nJSRnf/hkyWKY6DcbCH7rb4BoF7wH7e45VXso0mPvUcyWoS9nTFyVij+SVboR\njj8AUWHoVgbbvSjUm3/cCJt6XVB8zYerTqM/RgHZE6rpcYVuUPyrX94rLPVH\njCGE\r\n=O2GA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDX7W3AXliVXDOMwS6RhXpARk90LkaHKkMV/+IvOQmRgIgKcSk7rBPrKUR0Dzbt01cuA7FAO1mdz5pTxw77rANdC4="}]},"_npmUser":{"name":"adrianbielawski","email":"adrian@bielaw.ski"},"directories":{},"maintainers":[{"name":"adrianbielawski","email":"adrian@bielaw.ski"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-swipe_0.1.1_1619368113244_0.02810449438946483"},"_hasShrinkwrap":false},"0.1.2":{"name":"@adrianbielawski/use-swipe","version":"0.1.2","description":"","main":"dist/useSwipe.js","scripts":{"build":"tsc","test":"jest --watch"},"author":{"name":"Adrian Bielawski","email":"adrian@bielaw.ski"},"license":"ISC","devDependencies":{"@testing-library/react":"^11.2.6","@testing-library/react-hooks":"^5.1.2","@types/jest":"^26.0.22","@types/react":"^17.0.3","jest":"^26.6.3","jest-date-mock":"^1.0.8","react":"^17.0.2","ts-jest":"^26.5.5","typescript":"^4.2.3"},"repository":{"type":"git","url":"git+https://github.com/adrianbielawski/use-swipe.git"},"gitHead":"ddf9a718a5bb364f1f48c945a495f5a23d0a61d7","bugs":{"url":"https://github.com/adrianbielawski/use-swipe/issues"},"homepage":"https://github.com/adrianbielawski/use-swipe#readme","_id":"@adrianbielawski/use-swipe@0.1.2","_nodeVersion":"15.0.1","_npmVersion":"7.0.3","dist":{"integrity":"sha512-PQ71ULHzxJQ1zsgVxwKS8tjWen6ZXUk/6ZY6W4xct6bqBdBXRQggWJ3owLP/UZa+RyEXTBIHYybKfgxm/iWwbQ==","shasum":"bb7b60160e56a0b5077108b64d94f10836f1b9ae","tarball":"https://registry.npmjs.org/@adrianbielawski/use-swipe/-/use-swipe-0.1.2.tgz","fileCount":5,"unpackedSize":12105,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr6CbCRA9TVsSAnZWagAA/bkP/0YpdbH+cEEc1oWcr1qk\nTW1q3dgQZUXcYW7oYQGuB0tQ0A5SWBHAlSLDmc2V2m/O7oPUJu08VKtz9NQj\n5IhmNMXw8HstF7K3Uxr1eTKgV0ZpAAtgHmbhnc9FM1v3oDjff3WHuQYyip1a\nY/0kksgADJ3AHewNvdFAZhrvX6gZaYq0jTwAs0RpAIlBbhg6evghk5SrrHnF\nqzTIcnKNp/t2u+RGENabjBZUNIg4APm6VYJQsCMQgVa3coUtDMS7SFPOtYUK\nyp0COw2a3KNVPTHlkhiRfmnRGdrAzd2bv7nEUSONgXAQBCxfM6USaOku2SLa\n+P69FW1y5BJN+So1yYcPv5uA0/2PhGxIYuXMVITZX1jK7CYH0/CsNnARWQiD\nOlmFHCBBb9t0zwwArqTkuBuY5rAy/IewWmCdiDi9fRVqNsNYHA74QiCqrXSg\neyH7ebp/92D6WGipcqyEycok9UjK2RndDNk8KF1NzZC/LALc0kcmW8+9QXS6\nWodEyipiE7B4SDYkOrLwKJVcvlNoZ88kjT3lKu1GKa99SmTDYRqpPFbktF6N\nWe9Gjue0mu2ydxGhf/ey1sQiKIlYHmMCvb+7hlYdf0kS+p5v7GrwLyMY+gWZ\nmd5wszFBpdJI6rnE9kl14G3It2t1IZJHgL7XMgr5UGg3TYy01CLYu2NXCoJr\n44gJ\r\n=/Imk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICUbY1YRBcpDAP2CeOndVDXwQnNmt+MbT4JyPRndqQkpAiEA4YR5OqW35q+GWj7Do9fQ0a0Mk5H55VscYJJlavNpYw8="}]},"_npmUser":{"name":"adrianbielawski","email":"adrian@bielaw.ski"},"directories":{},"maintainers":[{"name":"adrianbielawski","email":"adrian@bielaw.ski"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-swipe_0.1.2_1622122649671_0.26376593248288227"},"_hasShrinkwrap":false},"0.1.3":{"name":"@adrianbielawski/use-swipe","version":"0.1.3","description":"Very easy to use react hook for detection of swipe length and quick swipe check on touch screen.","main":"dist/useSwipe.js","scripts":{"build":"tsc","test":"jest --watch"},"author":{"name":"Adrian Bielawski","email":"adrian@bielaw.ski"},"license":"ISC","devDependencies":{"@testing-library/react":"^11.2.6","@testing-library/react-hooks":"^5.1.2","@types/jest":"^26.0.22","@types/react":"^17.0.3","jest":"^26.6.3","jest-date-mock":"^1.0.8","react":"^17.0.2","ts-jest":"^26.5.5","typescript":"^4.2.3"},"repository":{"type":"git","url":"git+https://github.com/adrianbielawski/use-swipe.git"},"gitHead":"8b781a7f9cceef1ad5fac142c463ed963c7ace75","bugs":{"url":"https://github.com/adrianbielawski/use-swipe/issues"},"homepage":"https://github.com/adrianbielawski/use-swipe#readme","_id":"@adrianbielawski/use-swipe@0.1.3","_nodeVersion":"15.0.1","_npmVersion":"7.0.3","dist":{"integrity":"sha512-PMhPMRwQOKfLOnAzY3P71cY+L++4Qkdt8HFtHBMelC0XrQvs9i1EiU+eC6mI6jiq5GtFympSWWbi49y9rrpbtA==","shasum":"a95a1de31cea0dc9dd3802d787dc7586dec08a46","tarball":"https://registry.npmjs.org/@adrianbielawski/use-swipe/-/use-swipe-0.1.3.tgz","fileCount":6,"unpackedSize":14088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsKj4CRA9TVsSAnZWagAAi6MP/R4FzEOptFlzLqNYx4Nd\nnBb9Upg7RGwZND7zjUpxCvxb73RYM/fOGilq0vfv7qTJOOEzEAvqgOPNFc55\nwFXAs1nCDIFmf4CH4ykrRgjmw2jC7uja5XXN8QYI5WVY+V4CMaAv4aEkQzrZ\nDusRZsUHHVvJSuF86jcKfR+ngGtviOWdcQ6Mm+k3vUK/IS3rBiOjd2i2ACID\nTbnfhAY8WFojdoJNnBwYKTae+6r36TXegdZ+CJX/6APU85E8RZg2UOESJkKw\nSE+LCtaawTdFaR8G+i3M9JP9s4knt2EiuV1qNTyEkBD/tAMZAYH7WEAWQkH5\norMWgX955WJN+Cu2nMEnFNAAor+/knzarnQFslFn8QC85fuGKFz1pEfYr6LX\nrHQQ44FlEcn5mgkEh9Tk6+jLor9AXyfcQTFhBheshdBjUxVyyzLhSSkFuxW0\nRBz0arKeB7zVcRyJPtj5quLfWPtCuFeUTMzwGnY6fr4MAF1R07RfKT9a3Idp\nHmYgv86wsOaGx6Kgi0JpNO8Sqw2yQGicOrQIxdfTsA5UHKkpWKyrvDWOMoWO\nreycEbee5eWfLhSodGyAKwDCY8hmbkzxP5AFF7jKYSbL3qlW2FhpCyD97xz/\nWTZA/4Q03znqB7Eszm4aqOAa/O/TEQGFt/+kbY+NGPuRLf0sQOiZUGm/yoGF\nAvgb\r\n=7Qk3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/T5xqrmAHNoezWqeam+NrG82NAH0QZqagpEUfTpIbYQIhAIFt7VbbW1wxSwhKhJrCRtzfUIlVhg8gOISrLI7wWjni"}]},"_npmUser":{"name":"adrianbielawski","email":"adrian@bielaw.ski"},"directories":{},"maintainers":[{"name":"adrianbielawski","email":"adrian@bielaw.ski"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-swipe_0.1.3_1622190328369_0.719452110334327"},"_hasShrinkwrap":false}},"maintainers":[{"name":"adrianbielawski","email":"adrian@bielaw.ski"}],"homepage":"https://github.com/adrianbielawski/use-swipe#readme","repository":{"type":"git","url":"git+https://github.com/adrianbielawski/use-swipe.git"},"author":{"name":"Adrian Bielawski","email":"adrian@bielaw.ski"},"bugs":{"url":"https://github.com/adrianbielawski/use-swipe/issues"},"license":"ISC","readme":"# useSwipe react hook\r\n\r\n## Description\r\n\r\nVery easy to use react hook for detection of swipe length and quick swipe check on touch screen.\r\n\r\n## Technology\r\n\r\nCreated with TypeScript and React. Tested with Jest and React-testing-library.\r\n\r\n## Usage\r\n\r\n`$ npm i @adrianbielawski/use-swipe`\r\n\r\n```tsx\r\nimport useSwipe from '@adrianbielawski/use-swipe'\r\n\r\nconst YourComponent = () => {\r\n    const swipeRef = useSwipe(handleSwipe, handleSwipeEnd)\r\n\r\n    const handleSwipe = (x: number, y: number) => {\r\n        console.log(x, y)\r\n    }\r\n        \r\n    const handleSwipeEnd = (x: number, y: number, isQuick: boolean) => {\r\n        console.log(x, y, isQuick)\r\n    }\r\n\r\n    return (\r\n        <div ref={swipeRef}>\r\n            your content here\r\n        </div>\r\n    )\r\n}\r\n```\r\n\r\n## Props / Config\r\n\r\nAll must be passed as ordered below\r\n\r\n**x, y** - swipe lendth \\\r\n**isQuick** - was the swipe quick and short enough\r\n\r\n| Name                 | Type                                                  | required | Description |\r\n| -------------------- | ----------------------------------------------------- | -------- | ----------- |\r\n| onSwipe              | (x: number, y: number) => void                        | true     | Called while swiping |\r\n| onSwipeEnd           | (x: number, y: number, isQuick: boolean) => void      | true     | Called when swipe has ended |\r\n| onSwipeStart         | (x: number, y: number, isQuick: boolean) => void      | false    | Called when swipe has ended |\r\n| stopPropagation      | boolean, default true                                 | false    | if true, e.stopPropagation is called on every events |\r\n| quickSwipeDuration   | number, default 300                                   | false    | max time of swipe to be considered as quick (in miliseconds) |\r\n| quickSwipeDistance   | number, default 50                                    | false    | min length of swipe to be considered as quick (in miliseconds) |","readmeFilename":"README.md","description":"Very easy to use react hook for detection of swipe length and quick swipe check on touch screen."}