{"_id":"@aszabacsi/react-scrollto","_rev":"3-4a5466439b2c4cf10889a12d9240a3ed","name":"@aszabacsi/react-scrollto","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@aszabacsi/react-scrollto","version":"1.0.0","private":false,"dependencies":{"react":"^16.4.1","react-dom":"^16.4.1"},"scripts":{"build":"tsc","test":"jest"},"devDependencies":{"@types/enzyme":"^3.1.12","@types/enzyme-adapter-react-16":"^1.0.2","@types/jest":"^23.3.0","@types/node":"^10.5.2","@types/react":"^16.4.6","@types/react-dom":"^16.0.6","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","jest":"^23.4.1","ts-jest":"^23.0.1","typescript":"^2.9.2"},"typings":"./build/dist/index.d.ts","jest":{"transform":{"^.+\\.tsx?$":"ts-jest"},"setupTestFrameworkScriptFile":"./src/setupTests.ts","testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$","moduleFileExtensions":["ts","tsx","js","jsx","json","node"]},"gitHead":"5e02647dff55dfc2ddb4d27f8bf73509e9d48357","description":"> ScrollIntoView wrapper component for React","_id":"@aszabacsi/react-scrollto@1.0.0","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"aszabacsi","email":"akos.szabacsi@gmail.com"},"dist":{"integrity":"sha512-L/8jj4NDnYRUtrt70BbGFyKk36e+XWejMUf3DyLrJN4+FueomcSAkE28ThAeprb2CRUXXSnRXf9U/VvrnNV1qw==","shasum":"9054128e3fc6b043dd1d73c401fff4d78561fc37","tarball":"https://registry.npmjs.org/@aszabacsi/react-scrollto/-/react-scrollto-1.0.0.tgz","fileCount":8,"unpackedSize":5098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbVLqWCRA9TVsSAnZWagAAnLcP/28yUuM3UmrLBsXLoUUs\nsiYEdtyD0PosDZevgfFebuNybHapPpq6xkdMUUwPw2h6oo0LJZ1UE79HRFFK\nQsC2ic8uHajllKuyVkgmmRsQvfYKp47JQgVdk805lFtUPqiYI36/MLvDKhKO\ngJ2GpOZ8CaFqJi3ECC15OV642PPGtiYUVOM8sSg75TgpjLrMfLOj8ybZv8mI\n07Xqq/M0IUlZMjc/uxfxbTc4t9Uah3JsfssTw43j/gIFQ6M19kozwuJ2mNXL\nFGChOtPhjCMibyVxsUZTgxwe1l7PrfW0SSH+Kv4wq2JWl85bu02voW2oNesH\na9DcpT5xTQBg5/w/hQ5dg/zN2TfRJUkJ52oh+1FYujt9Jx0n1Ux7KFjyosic\nMUnhLSi8FWODZUI0iz9u/2bcPgkYZiqE8/RBA3Oz4/wKgSTe33DcyYt1JAe0\nj+Aj//dXS/u13pkowpp9IjyKvhZZBUJZZqKgbwsuWMPGhgW33Jma3RTli+Lo\nhRhwZFUf6wmj/idYTm0d3YSizgagun4WEmLCC/hAC03BFWddN/JQ6MSmujPg\n5WqqYLJunfxQeqFgxicXdrbz+qvjn76zVtEGCAin/9NyREXdy4ilBLK/7qAk\n/cxNWDEC1nhv1Ugj+UhU9/BPa9aTDsFAPey2yHoXSRA+3qstCMPFJXnJGjit\ncA7d\r\n=YKs9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNCptAR8bQdUiSQ/q5ahPdhJYW4MLubjDTCrX1iZgFTgIgBSdecIKqaeBu55rhs52z8Ktb7tp3bNydjg37fRCKaoE="}]},"maintainers":[{"name":"aszabacsi","email":"akos.szabacsi@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-scrollto_1.0.0_1532279445865_0.6451099567448009"},"_hasShrinkwrap":false},"1.0.1":{"name":"@aszabacsi/react-scrollto","version":"1.0.1","private":false,"main":"./build/dist/index.js","dependencies":{"react":"^16.4.1","react-dom":"^16.4.1"},"scripts":{"build":"tsc","test":"jest"},"devDependencies":{"@types/enzyme":"^3.1.12","@types/enzyme-adapter-react-16":"^1.0.2","@types/jest":"^23.3.0","@types/node":"^10.5.2","@types/react":"^16.4.6","@types/react-dom":"^16.0.6","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","jest":"^23.4.1","ts-jest":"^23.0.1","typescript":"^2.9.2"},"typings":"./build/dist/index.d.ts","jest":{"transform":{"^.+\\.tsx?$":"ts-jest"},"setupTestFrameworkScriptFile":"./src/setupTests.ts","testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$","moduleFileExtensions":["ts","tsx","js","jsx","json","node"]},"gitHead":"0b101ffd2aace2e1d26176304f90b4dd55c4f6ee","description":"> ScrollIntoView wrapper component for React","_id":"@aszabacsi/react-scrollto@1.0.1","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"aszabacsi","email":"akos.szabacsi@gmail.com"},"dist":{"integrity":"sha512-gLQJ+E3IRnF/S3A3rnnVsJAy/v1pyJ05D0puDwOlYlFpotvQREi49GDV7goccsADg+afc58wCMTXnqEzunf32g==","shasum":"e9c2b88a22f90505d7d2b9dd7a4ce457249fac68","tarball":"https://registry.npmjs.org/@aszabacsi/react-scrollto/-/react-scrollto-1.0.1.tgz","fileCount":17,"unpackedSize":11722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbVL8xCRA9TVsSAnZWagAALxkP/1lFBwMWVTxU2p6XZs+L\nY5nMBdOBb8uo/U9uzadN9SpB9wTkZ7k9cS/OgEldkeL20NeT9SAR7RagPWFs\n7alRMvSwZf7vJ88W/dOiLA17PDXmbWKMHt3v914H4rA+63YsKUFWmJRSCX8j\nH59qHX82j3KY9WrZtTNrOHlsf+DM1COyPSX3wxf17BS6H1CgrZcDK9O7jGRr\nDOWuBlHR66h0N3vT47doHirR7ys1QZR3McBRJG3TV1esQ5taY/NJmENCn+Ty\nMIv1pA8FeILqUeQIjlMKx+tOnYN8Ae2kr/8Sq280DaHeDlpOpuz1KHpOimi9\n9ZHW1jeCjvE9EIY3L5DjIW7WYbCEWcsRVz5WPOaiOumLuh2uqPRjfYRKQ8cG\nEA2pC7zfat99GvhU2aXhMzMiYP0+6jTS4NfeYuCpgP5m5rnbdMe6/jod51ar\njZ1vGLZ4yDPJs/YckP5jP8NBEonyO6Ky0XVvSd7hQhF2fV3cw5lVTgmTa30C\n5oa4zK99KPMojO88KwvTL0kWjNhjkTD0XvPOPYHHFhlEdTDOXrDkGqH7u/lT\nu/T4k92K9xdeuGCR/uMIn6hpKm0riIYaiGiSqutmAtWmgfF9W3nGBuy6SqRH\n4GyZWp2e3oF6G3RfhvIzajv0iZwog9lyYWNQ7HUBxmu7+lz1vs3MRNgGWfrO\nNpne\r\n=d4JR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCM4wCNXIw6oRs4WPu4vMUarfm6xvA3kJQ62gVTFoPbsgIhAL5QTm+xYoR5Dzzwj1OuFxnWhYKceIC8zoK8A0azD3ge"}]},"maintainers":[{"name":"aszabacsi","email":"akos.szabacsi@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-scrollto_1.0.1_1532280625526_0.9506782732285481"},"_hasShrinkwrap":false},"1.0.2":{"name":"@aszabacsi/react-scrollto","version":"1.0.2","private":false,"main":"./build/dist/index.js","license":"MIT","dependencies":{"react":"^16.4.1","react-dom":"^16.4.1"},"scripts":{"build":"tsc","test":"jest"},"devDependencies":{"@types/enzyme":"^3.1.12","@types/enzyme-adapter-react-16":"^1.0.2","@types/jest":"^23.3.0","@types/node":"^10.5.2","@types/react":"^16.4.6","@types/react-dom":"^16.0.6","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","jest":"^23.4.1","ts-jest":"^23.0.1","typescript":"^2.9.2"},"typings":"./build/dist/index.d.ts","jest":{"transform":{"^.+\\.tsx?$":"ts-jest"},"setupTestFrameworkScriptFile":"./src/setupTests.ts","testRegex":"(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$","moduleFileExtensions":["ts","tsx","js","jsx","json","node"]},"gitHead":"e316eee133cb2fa6df227f969a0b01f3ebfef337","description":"> Declarative scrollIntoView component for React","_id":"@aszabacsi/react-scrollto@1.0.2","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"aszabacsi","email":"akos.szabacsi@gmail.com"},"dist":{"integrity":"sha512-aQkmnerG2zHdBi+PyIOqEL1MvPw0BRFpzxKdargJJNuiijUFSx5XBeP1hxayhv1cs2pRGWk2+8pd42SbLuRFgg==","shasum":"aa0fe6f9b3aa2e881b88380f069b3e8691c8f025","tarball":"https://registry.npmjs.org/@aszabacsi/react-scrollto/-/react-scrollto-1.0.2.tgz","fileCount":17,"unpackedSize":12234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbXJCfCRA9TVsSAnZWagAA5gwP+wciCfD4jY9g5bfHEHKq\nQNxvlWAQE0HNvvxloJ5EgaQ1BogjmpuOmOJjzWI+jeyiqb+2kQ1nRxUJTD+k\nbBzWZPzuwCU8sU7rgkIqGzh/0oOSmimNRvoRqkMrC+p+sFQj1hqDMOvGy3DV\n9I1oNRs1AmglvD8LIJkrTRYB0M/f9WrsfjIVW/clm8BYdthYMBQWaMADE/On\nJhkj30c6E/uMt+vwpLp7e0fCA9iOWehUQjx0sySi7x5uQb9Zj6XiUpH9E6PX\nLeyZm5F/by/vOB3C9SIkxxXylb6DJn7wkU7eALp3bHaAo53Vj9hMh2Kc+YVD\nlGabNahI7yqpIhDHRw1K09su/h6kOIIHfg61FlJwCAD9m9sXzZgkW7ML78xc\nq2apkzFdWA7p+dz2trtYttqj8zp1NdDt/wmRFT2L8urgl6hm4om9OqK46ukK\n5QrG7hmLbAbUy5MiiKWuGsgvETgDX+55sLUtGXbi+qDAg9Gk3rtf7wWdhmY9\nGnRMoSZzVbv9GCF8OdBnBGQVWmPPY4tdyMFeC/9ywLBpoSUpIZhxXZTONqfB\nXIvJGVskkzHUqcA7KRFjtP7LRrBTMM2CzryFiteUUeA+LdDb0IPyFPNajKWU\nQwgC7DXS3/OyB7oDjPeaoJ+FmU59t8X88RcclkEgkzKZUfau4h+srx3vqW0d\n5zLs\r\n=f5cB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8dqYE1MXA6+wSI51Nwf/Uo9zRjlxrl28/ETulkmEQbwIhAJkXxSwjPBYO4w9OMEFesYWmWMcPPUpmkcUS2TDEqzfU"}]},"maintainers":[{"name":"aszabacsi","email":"akos.szabacsi@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-scrollto_1.0.2_1532792991672_0.41336394889379946"},"_hasShrinkwrap":false}},"time":{"created":"2018-07-22T17:10:45.609Z","1.0.0":"2018-07-22T17:10:46.137Z","modified":"2022-04-04T16:02:17.882Z","1.0.1":"2018-07-22T17:30:25.579Z","1.0.2":"2018-07-28T15:49:51.893Z"},"maintainers":[{"name":"aszabacsi","email":"akos.szabacsi@gmail.com"}],"description":"> Declarative scrollIntoView component for React","readme":"# react-scrollto\n\n> Declarative scrollIntoView component for React\n\n\n[![NPM](https://img.shields.io/npm/v/@aszabacsi/react-scrollto.svg)](https://www.npmjs.com/package/@aszabacsi/react-scrollto) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## Install\n\n```bash\nnpm install --save @aszabacsi/react-scrollto\n```\n\n## Description\n\nThe Anchor component decorates the child component with an anchor passed to it's hash property. You can override the default scrolling behaviour by creating a custom Anchor type using the anchorWithOptions higher-order component. You have to pass Anchor component as it's first argument and the options object as the second. The option object is the same as the the built-in options objects of the vanilla scrollIntoView function.\n\n## Usage\n\n```jsx\nimport React, { Component } from 'react';\n\nimport { anchorWithOptions } from 'react-scrollto';\n\nconst Anchor = anchorWithOptions({\n  behaviour: 'smooth'\n});\n\nconst setHash = (hash) => {\n  window.location.hash = hash;\n}\n\nclass Example extends Component {\n  render () {\n    return (\n      <div>\n        <button onClick={setHash.bind(null, 'first')}>First</button>\n        <button onClick={setHash.bind(null, 'second')}>Second</button>\n        <button onClick={setHash.bind(null, 'third')}>Third</button>\n        <p>Some text here...</p>;\n          <Anchor anchor='first'>First</Anchor>;\n        <p>Some text here...</p>;\n          <Anchor anchor='second'>Second</Anchor>;\n        <p>Some text here...</p>;\n          <Anchor anchor='third'>Third</Anchor>;\n      </div>\n    )\n  }\n}\n```\n\n## License\n\nMIT © [aszabacsi](https://github.com/aszabacsi)","readmeFilename":"README.md","license":"MIT"}