{"_id":"@arturmiglio/react-skroll","_rev":"3-6204c58e20e1887eb0a1bd9a038aba2d","name":"@arturmiglio/react-skroll","dist-tags":{"latest":"0.7.5"},"versions":{"0.7.3":{"name":"@arturmiglio/react-skroll","description":"Reactive Scrolling","version":"0.7.3","main":"lib/index.js","scripts":{"clean":"rm -rf dist lib && mkdir dist lib","prebuild":"npm run clean","build:lib":"NODE_ENV=production babel src --out-dir lib","build:umd":"NODE_ENV=production webpack src/index.js -o dist/react-skroll.js","build:umd:min":"NODE_ENV=production TARGET=minify webpack src/index.js -o dist/react-skroll.min.js","build":"npm run build:lib && npm run build:umd && npm run build:umd:min","build:dev":"npm run build:lib -- --watch & npm run test -- --watch","dev":"webpack-dev-server demo/index.js --content-base demo/","prepublish":"npm run clean && npm run build","test":"jest"},"license":"MIT","homepage":"https://github.com/arturmiglio/react-skroll#readme","repository":{"type":"git","url":"git+https://github.com/arturmiglio/react-skroll.git"},"author":{"name":"Artur Miglio","email":"arturmiglio@gmail.com","url":"http://arturmiglio.com"},"bugs":{"url":"https://github.com/arturmiglio/react-skroll/issues"},"keywords":["react","react-spring","scroll","scroller","skroll","react-scroll","react-skroll"],"dependencies":{"lodash":">=4.0.0","resize-observer-polyfill":"^1.3.2","throttle-debounce":"^1.0.1"},"peerDependencies":{"core-js":">=2.6.0","prop-types":">=15.0.0","react":">=16.6.0","react-dom":">=16.6.0","react-spring":">=7.0.0"},"devDependencies":{"@babel/cli":"^7.2.0","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.1","@babel/plugin-proposal-export-default-from":"^7.2.0","@babel/preset-env":"^7.2.0","@babel/preset-react":"^7.0.0","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","babel-loader":"^8.0.4","html-webpack-plugin":"^3.2.0","jest":"^23.6.0","prop-types":"^15.6.2","react":"^16.6.3","react-dom":"^16.6.3","react-spring":"^7.2.1","uglifyjs-webpack-plugin":"^2.0.1","webpack":"^4.28.0","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.10"},"directories":{"lib":"lib"},"gitHead":"05034fd08e19c77616b6a1abfab900510fce4971","_id":"@arturmiglio/react-skroll@0.7.3","_npmVersion":"6.4.1","_nodeVersion":"8.14.0","_npmUser":{"name":"arturmiglio","email":"arturmiglio@gmail.com"},"dist":{"integrity":"sha512-yuqZ3ineDSm3wpeTQCR2CrJ9nqHpoqvlYdE/ECH5K941PpKth0Jhx/UCIP2qIVnwpTABVeAqbak4cn1hwVcNbw==","shasum":"7bf71c775a85b0753561dad3be4254174e6a96e7","tarball":"https://registry.npmjs.org/@arturmiglio/react-skroll/-/react-skroll-0.7.3.tgz","fileCount":11,"unpackedSize":87523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcJJZjCRA9TVsSAnZWagAAZdQQAJ4oTXAA2ca/Ykxp3rUz\n5ooSkYdNOYwrKxOlVbwl4lMD4HkBIfmIz59PWZO1/SxIqHsxgHlZIB+2yc0F\nIfurIC58MlOGVWA82ObQut1ZeSR8QzG1JdU5XYuEWK/LsUlKCgVkyAdKmuyC\nVsDkPEf5YMHkaK73S2tm82j+LxAIMol1Lq0wmLScS15lpgx8fX4MZGz7nu2s\n6upeCuS0IKW24UODL4Li1rlDzgv/4ZARLW8yqfXFAX9+/YLa0eHn/DqSNvcn\nEl/X57aMtmMtATTxDfqWajTVlJY7wtUj1Vphn4XxQium6KJfkh4aO3rozZVb\nPARVcc9fgXwHsCCiTMMzMGz9cM/oPyMXef9rj8JMbicqXZygLPdWuaKD/8Hk\nVRF5NpKOrEmCVrTrsd2jfVp9FOhMqNN3PoqDfCo3I+isKG9Z1PctYW1vlfG6\nUmpY62bc2kSH+QIEua8jtn9KG1QQftquyOA08pmDagdwGhGxTDnhrM4gRT/+\nNUnL+GSNawKD8hpB9LWUk+yEzPBAu7vk9K3LHCU/qK3VRalJ25UtdfsjGlE7\nIOgaabHSDGO+TGNaT2OrfFwOOWH+PtKLVaRg8m9j1tbZTRrDL809QgNJUlX4\nKFugFKZ7t5QCBQFlGbiHV7qj1fIftm2ZHIvd2fzfZutl16bNS4RPMet4rA3c\n6BOK\r\n=rNP3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHYXte2sd73RiOocn9Ly/RbWiMfujj/xwWQco9FZZY/YAiEA/+0HzFdZnzvx9TXOMALmBNMnQdxplRgeefZrT+6zTVQ="}]},"maintainers":[{"name":"arturmiglio","email":"arturmiglio@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-skroll_0.7.3_1545901667338_0.9283392916434998"},"_hasShrinkwrap":false},"0.7.4":{"name":"@arturmiglio/react-skroll","description":"Reactive Scrolling","version":"0.7.4","main":"lib/index.js","scripts":{"clean":"rm -rf dist lib && mkdir dist lib","prebuild":"npm run clean","build:lib":"NODE_ENV=production babel src --out-dir lib","build:umd":"NODE_ENV=production webpack src/index.js -o dist/react-skroll.js","build:umd:min":"NODE_ENV=production TARGET=minify webpack src/index.js -o dist/react-skroll.min.js","build":"npm run build:lib && npm run build:umd && npm run build:umd:min","build:dev":"npm run build:lib -- --watch & npm run test -- --watch","dev":"webpack-dev-server demo/index.js --content-base demo/","prepublish":"npm run clean && npm run build","test":"jest"},"license":"MIT","homepage":"https://github.com/arturmiglio/react-skroll#readme","repository":{"type":"git","url":"git+https://github.com/arturmiglio/react-skroll.git"},"author":{"name":"Artur Miglio","email":"arturmiglio@gmail.com","url":"http://arturmiglio.com"},"bugs":{"url":"https://github.com/arturmiglio/react-skroll/issues"},"keywords":["react","react-spring","scroll","scroller","skroll","react-scroll","react-skroll"],"dependencies":{"lodash":">=4.0.0","resize-observer-polyfill":"^1.3.2","throttle-debounce":"^1.0.1"},"peerDependencies":{"core-js":">=2.6.0","prop-types":">=15.0.0","react":">=16.6.0","react-dom":">=16.6.0","react-spring":">=7.0.0"},"devDependencies":{"@babel/cli":"^7.2.0","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.1","@babel/plugin-proposal-export-default-from":"^7.2.0","@babel/preset-env":"^7.2.0","@babel/preset-react":"^7.0.0","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","babel-loader":"^8.0.4","html-webpack-plugin":"^3.2.0","jest":"^23.6.0","prop-types":"^15.6.2","react":"^16.6.3","react-dom":"^16.6.3","react-spring":"^7.2.1","uglifyjs-webpack-plugin":"^2.0.1","webpack":"^4.28.0","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.10"},"directories":{"lib":"lib"},"gitHead":"f891aba828cae09ee8fa123170e5cbe9a39db397","_id":"@arturmiglio/react-skroll@0.7.4","_npmVersion":"6.4.1","_nodeVersion":"8.14.0","_npmUser":{"name":"arturmiglio","email":"arturmiglio@gmail.com"},"dist":{"integrity":"sha512-cR3YSXWvF4Xsz2NNpLqEOzStjs1dSONqepqrkY/EhFPYH/zHgA/o9CwL7R7e2S1eu0gwjCcPOp66Ge5hUf0pjA==","shasum":"7b73a13f0667ff6de1d7a0019254ba137d79820d","tarball":"https://registry.npmjs.org/@arturmiglio/react-skroll/-/react-skroll-0.7.4.tgz","fileCount":11,"unpackedSize":90124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcJlb4CRA9TVsSAnZWagAAFiAP/3ETBcIfTA6XjpCJlas/\n9Zw0VKnG+UhdA/ZlvbMS5jhWxlrcWJ9S4qbWIbn93pr7xn9vqHnDiaw4aeiQ\ntVzIl3H5m2mqeLk8x002FjzohAN65ZjKI97r87wgVAvrb9aHaTqfAvKFviHj\nS+E4Cfc7CFNb3gh27Jar2PDbucWI2Zx5uXomu6LIfTRbDQLPV69uAie4xftS\nA+OoWwx8lrHmaZSpkUxEbWOpFs0a+uxkj+WNbKqSURvH6p6XjJC7weAsHxLI\nRWewSU6dvkbczzlEmndwYTcdnWi/7WCsTo4cFoqjKvyrG9ArA3jePWZ2RZhN\nzxozdfQBMLZClqGxcO8q6hcJmFWvPhOpwOFV62bdNqKcwe04GvGXX2DTB6jb\na18lgM46afJ39whXX33K0vy4E+TM3UEmwBAhrR7PRBYxeUc8LggSgtAM5TSR\nDJFlv7n+XHr9L6/yx8/KVvZJPl0sqXhpgXWEuBi1Xvl9pRt4PK8f/R0Kj9wZ\nyVtUFsSwaPjYZMs/bXX4CXyZDuxxg/d00hifGBwXY3L6el91JbopHP69GibG\npRh7gCfeC8CbzB70O3V1hzDOsqLUYjEdidDCVHARdsgQ0mRb/D1xG3j3ZErr\nM8H1LfaKZac4F8VIHOKuWqCN422aay13WBHs9eNSEE2j1x2xtS74VqfVw/gn\nAjAD\r\n=XFQb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpAvtPfGkCpM4pO4hamE9pIhgUx6l2brvNVMyvqqV3WQIgFrGx+kX1866ps4kMXCinlc2LW5LhsoK0p1t+CXoYLZg="}]},"maintainers":[{"name":"arturmiglio","email":"arturmiglio@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-skroll_0.7.4_1546016504110_0.649263003029118"},"_hasShrinkwrap":false},"0.7.5":{"name":"@arturmiglio/react-skroll","description":"Reactive Scrolling","version":"0.7.5","main":"lib/index.js","scripts":{"clean":"rm -rf dist lib && mkdir dist lib","prebuild":"npm run clean","build:lib":"NODE_ENV=production babel src --out-dir lib","build:umd":"NODE_ENV=production webpack src/index.js -o dist/react-skroll.js","build:umd:min":"NODE_ENV=production TARGET=minify webpack src/index.js -o dist/react-skroll.min.js","build":"npm run build:lib && npm run build:umd && npm run build:umd:min","build:dev":"npm run build:lib -- --watch & npm run test -- --watch","dev":"webpack-dev-server demo/index.js --content-base demo/","prepublish":"npm run clean && npm run build","test":"jest"},"license":"MIT","homepage":"https://github.com/arturmiglio/react-skroll#readme","repository":{"type":"git","url":"git+https://github.com/arturmiglio/react-skroll.git"},"author":{"name":"Artur Miglio","email":"arturmiglio@gmail.com","url":"http://arturmiglio.com"},"bugs":{"url":"https://github.com/arturmiglio/react-skroll/issues"},"keywords":["react","react-spring","scroll","scroller","skroll","react-scroll","react-skroll"],"dependencies":{"lodash":">=4.0.0","resize-observer-polyfill":"^1.3.2","throttle-debounce":"^1.0.1"},"peerDependencies":{"core-js":">=2.6.0","prop-types":">=15.0.0","react":">=16.6.0","react-dom":">=16.6.0","react-spring":">=7.0.0"},"devDependencies":{"@babel/cli":"^7.2.0","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.1","@babel/plugin-proposal-export-default-from":"^7.2.0","@babel/preset-env":"^7.2.0","@babel/preset-react":"^7.0.0","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","babel-loader":"^8.0.4","html-webpack-plugin":"^3.2.0","jest":"^23.6.0","prop-types":"^15.6.2","react":"^16.6.3","react-dom":"^16.6.3","react-spring":"^7.2.1","uglifyjs-webpack-plugin":"^2.0.1","webpack":"^4.28.0","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.10"},"directories":{"lib":"lib"},"gitHead":"2940b75183dba223e97da9be3c21f8f03ef512cb","_id":"@arturmiglio/react-skroll@0.7.5","_npmVersion":"6.4.1","_nodeVersion":"8.14.0","_npmUser":{"name":"arturmiglio","email":"arturmiglio@gmail.com"},"dist":{"integrity":"sha512-XR6Odv32mG+JbT+TDvprPHnHJUtnF1dCmDKdhOIj9ilX6+Q20QbsZ7rCkE0AxJB7BInitbBCBk8MxkSQ9MqSng==","shasum":"2831405a6ae6aa1d1aa9cffa4503ed6b6da6ae00","tarball":"https://registry.npmjs.org/@arturmiglio/react-skroll/-/react-skroll-0.7.5.tgz","fileCount":11,"unpackedSize":89976,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcJm/RCRA9TVsSAnZWagAAo/MQAI7dbdRPuuK2h48YtclN\noPy196WU1DqbA0EywDaJKeS17kzxktI0Tb+NkTiYZagFJg9Mu4TO5t0adL9L\nx3ZZxgUbMXQaT7NUVvm9u/Cg6v4jIrYk7YgegWNwshk4AknwQ8b7N/f+h96T\nTYKq6uYF0N+lsyGJbcrUhutsFsG2fHOGPYkY4BN6PK610KAs29rRIQ63zgcE\nXtCr8pLFBbcTX07VgXcuWU5SXCZ+OHasEL6vXWl9A3RDdESp4AgTqCstLhAS\n3U8H4h4VZLNWtQavyRn+0o66noxV4CNGEIQT1jNbP3eOtoLQv4JPH1ahBCME\nWgWBk4pHYn8CW8AlrOveUgs1s/LV2XY9aDbjTlR1xdjt9wndPw920/z9rpiR\n+OmlLP6MlHmf4CxD0axOWSrqaH4EthW0WZfBmJoBO7tFEtQ/It4Y25i3w2nO\niLfdc8lcAmppdho6ZWeWA+skwCR5QiJEtPBGPAH1ri2+hsgk/9mz1pJL+nIO\n1OTN9G+RnxvopmfpRxUGFLn3IzHiD9O3FxMQOQslix39UdXOIq61dqoZV8wr\nsP6/00yo71Rx/+m36IoMcfZEx+cGza+ibaghULG9R8SVfC5RIWQ+C6iQ37AX\ntz6La+q0VkxQRd5zfMAMj2bHO0jaXVs0Ei/qUSo0VMJTrmQJ9zHNJH9myhqs\nTWw6\r\n=+RN5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPblTxqAfFaZ1UPfxQsJwOCW+KMhdlfInioqQ0XPj+eAIhAPWQnZLcXv6Sk2X507WcNJ/OoD22HFkptOtpBNuz50zc"}]},"maintainers":[{"name":"arturmiglio","email":"arturmiglio@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-skroll_0.7.5_1546022864991_0.2146744030874541"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-27T09:07:47.169Z","0.7.3":"2018-12-27T09:07:47.477Z","modified":"2022-04-04T15:40:40.049Z","0.7.4":"2018-12-28T17:01:44.209Z","0.7.5":"2018-12-28T18:47:45.164Z"},"maintainers":[{"name":"arturmiglio","email":"arturmiglio@gmail.com"}],"description":"Reactive Scrolling","homepage":"https://github.com/arturmiglio/react-skroll#readme","keywords":["react","react-spring","scroll","scroller","skroll","react-scroll","react-skroll"],"repository":{"type":"git","url":"git+https://github.com/arturmiglio/react-skroll.git"},"author":{"name":"Artur Miglio","email":"arturmiglio@gmail.com","url":"http://arturmiglio.com"},"bugs":{"url":"https://github.com/arturmiglio/react-skroll/issues"},"license":"MIT","readme":"This is a fork of [react-skroll](https://github.com/du5rte/react-skroll/).\n\n# react-skroll\nUses `react-spring` for butter smooth enhanced scrolling experience\n\n[![Build Status](https://travis-ci.org/arturmiglio/react-skroll.svg?branch=master)](https://travis-ci.org/arturmiglio/react-skroll)\n[![David](https://img.shields.io/david/peer/du5rte/react-skroll.svg)](https://github.com/arturmiglio/react-skroll)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-blue.svg)](CONTRIBUTING.md#pull-requests)\n[![PRs Welcome](https://img.shields.io/badge/stability-experimental-red.svg)](CONTRIBUTING.md#pull-requests)\n\n## Install\n```\nnpm install @arturmiglio/react-skroll --save\n```\n\n## Demo\n[Codepen Demo](http://codepen.io/du5rte/pen/KrGjEm)\n\n## Usage\n\n### Functional Children Pattern\nMost useful for simple scenarios when you only need the `scroll` inside the `Scroller` scope.\n\n```javascript\nimport { Scroller } from 'react-skroll'\n\nconst Demo = () => (\n  <Scroller\n    scrollRef={ref => this.scroll = ref}\n    autoScroll={true}\n    autoFrame={true}\n  >\n    {scroll =>\n      <View>\n        <Button\n          title=\"1\"\n          onPress={() => scroll.scrollToNext()}\n        />\n      </View>\n      <View>\n        <Button\n          title=\"2\"\n          onPress={() => scroll.scrollToNext()}\n        />\n      </View>\n    }\n  </Scroller>\n)\n```\n\n### Callback Pattern\nMost useful for when you only need to read the `scroll` information\n\n```javascript\nimport { Scroller, scrollInitalState } from 'react-skroll'\n\nclass Demo extends Component {\n  constructor() {\n    super()\n\n    this.state = {\n      // recommend to use for first render\n      scroll: scrollInitalState\n    }\n  }\n\n  render() {\n    return (\n      <View>\n        <Text>{this.State.scroll.position}</Text>\n\n        <Scroller\n          onScrollChange={scroll => this.setState({ scroll })}\n        >\n          <View>\n            ...\n          </View>\n          <View>\n            ...\n          </View>\n        </Scroller>\n      </View>\n    )\n  }\n}\n```\n\n### Reference Pattern\nMost useful for when you need `scroll` outside the `Scroller` scope, for example in a navigation bar.\n\n```javascript\nimport { Scroller } from 'react-skroll'\n\nclass Demo extends Component {\n  constructor() {\n    super()\n\n    this.scroll = null\n  }\n\n  render() {\n    return (\n      <View>\n        <Button\n          title=\"Go to bottom\"\n          onPress={() => this.scroll.scrollToBottom()}\n        />\n\n        <Scroller\n          scrollRef={ref => this.scroll = ref}\n        >\n          <View>\n            ...\n          </View>\n          <View>\n            ...\n          </View>\n        </Scroller>\n\n        <Button\n          title=\"Return to top\"\n          onPress={() => this.scroll.scrollToTop()}\n        />\n      </View>\n    )\n  }\n}\n```\n\n## Props\n\n### default\nDefault scrolling with scrollTo and scroll stats features\n\n![preview ](demo/default.gif)\n\n\n### autoFrame\nDefault scrolling with scrolling reframe the view to the current item\n\n![preview ](demo/autoFrame.gif)\n\n### autoScroll\nPrevents default scrolling and automatically scroll to next item\n\n![preview ](demo/autoScroll.gif)\n\n### this.props.scroll\n\nTypes:\n- position: `number`\n- positionRatio: `float`\n- start: `number`\n- end: `number`\n- viewHeight: `number`\n- scrollHeight: `number`\n- ready: `boolean`\n- onStart: `boolean`\n- onMiddle: `boolean`\n- onEnd: `boolean`\n- children: `[childScroll]`,\n- scrolling: `boolean`\n- wheeling: `boolean`\n- touching: `boolean`\n- moving: `boolean`\n- resting: `boolean`\n- scrollTo(`position: number` || `name: string` || `node: DOM Element`)\n- scrollToPosition(`position`)\n- scrollToByIndex(`number`)\n- scrollToTop()\n- scrollToBottom()\n- scrollToElement()\n- scrollToActive()\n\n### this.props.scroll.children\n- name: `string`\n- position: `number`\n- positionRatio: `float`\n- positionRatioRemainer: `float`\n- start: `number`\n- end: `number`\n- viewHeight: `number`\n- onView: `boolean`\n- active: `boolean`\n- onFrame: `boolean`\n\n\n## More on props\nCheck out source code:\n- [Scroller.js](https://github.com/arturmiglio/react-skroll/blob/master/src/Scroller.js)\n- [contextProviderShape.js](https://github.com/arturmiglio/react-skroll/blob/master/src/contextProviderShape.js)\n- [nodeToScrollState.js](https://github.com/arturmiglio/react-skroll/blob/master/src/nodeToScrollState.js#L18)\n- [nodeChildrenToScrollState.js](https://github.com/arturmiglio/react-skroll/blob/master/src/nodeChildrenToScrollState.js#L37)\n\n## TODO\n- [ ] Document\n- [ ] Test\n","readmeFilename":"README.md"}