{"_id":"@atomic-reactor/react-custom-scrollbars","_rev":"2-f0a86e5367e0967204c7208dd81ce1c7","name":"@atomic-reactor/react-custom-scrollbars","dist-tags":{"latest":"4.2.2"},"versions":{"4.2.1":{"name":"@atomic-reactor/react-custom-scrollbars","version":"4.2.1","description":"React scrollbars component","main":"lib/index.js","scripts":{"clean":"rimraf lib dist","build":"babel src --out-dir lib","build:umd":"cross-env NODE_ENV=development webpack src/index.js dist/react-custom-scrollbars.js","build:umd:min":"cross-env NODE_ENV=production webpack src/index.js dist/react-custom-scrollbars.min.js","lint":"eslint src test examples","test":"cross-env NODE_ENV=test karma start","test:watch":"cross-env NODE_ENV=test karma start --auto-watch --no-single-run","test:cov":"cross-env NODE_ENV=test COVERAGE=true karma start --single-run","prepublish":"npm run lint && npm run test && npm run clean && npm run build && npm run build:umd && npm run build:umd:min && node ./prepublish"},"repository":{"type":"git","url":"git+https://github.com/Atomic-Reactor/react-custom-scrollbars.git"},"keywords":["scroll","scroller","scrollbars","react-component","react","custom"],"author":{"name":"Malte Wessel"},"license":"MIT","bugs":{"url":"https://github.com/Atomic-Reactor/react-custom-scrollbars/issues"},"homepage":"https://github.com/Atomic-Reactor/react-custom-scrollbars","devDependencies":{"babel-cli":"^6.2.0","babel-core":"^6.2.1","babel-eslint":"^6.1.2","babel-loader":"^6.2.0","babel-preset-es2015":"^6.1.18","babel-preset-react":"^6.3.13","babel-preset-stage-1":"^6.1.18","babel-register":"^6.3.13","babel-runtime":"^6.3.19","cross-env":"^3.1.3","es3ify":"^0.2.1","eslint":"^2.9.0","eslint-config-airbnb":"^9.0.1","eslint-plugin-import":"^1.10.2","eslint-plugin-jsx-a11y":"^1.2.0","eslint-plugin-react":"^5.2.2","expect":"^1.6.0","glob":"^7.0.0","isparta-loader":"^2.0.0","karma":"^1.1.1","karma-chrome-launcher":"^1.0.1","karma-cli":"^1.0.1","karma-coverage":"^1.1.0","karma-mocha":"^0.2.0","karma-mocha-reporter":"^2.0.4","karma-sourcemap-loader":"^0.3.6","karma-webpack":"^1.6.0","mocha":"^2.2.5","react":"^16.0.0","react-dom":"^16.0.0","rimraf":"^2.3.4","simulant":"^0.2.2","webpack":"^1.9.6","webpack-dev-server":"^1.8.2"},"dependencies":{"dom-css":"^2.0.0","prop-types":"^15.5.10","raf":"^3.1.0"},"gitHead":"99f9461d7d8a984aff04122bb8f05a45097ed305","_id":"@atomic-reactor/react-custom-scrollbars@4.2.1","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-bSPgJB7vbMdUe7ZMK78zCGZ+vcBLHFErs76dflbb1HUIiAeqmyqaQ8P0A++egmcr3MXIwyWggUB5gmuWPgzt+w==","shasum":"cd2fa9301d1d08760082fbfefae30125c133696a","tarball":"https://registry.npmjs.org/@atomic-reactor/react-custom-scrollbars/-/react-custom-scrollbars-4.2.1.tgz","fileCount":20,"unpackedSize":28649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICNIh6sqdAJpV0NbN/CrSB1/nVsT3d/tvfcZIkU09ESzAiAa/brxq7wOC8CjXM/otVVEPDrA8W4NalTK1eMaNDjmAQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSczuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/5g//dqSp+aEnqPUP6rlvyo7PkcryqpHhM9DdUSpVH4aAMV1natgS\r\nvKIUvyxB7QD7w6bqYRgfrXuUhSqQPfUgITVGkW0WGIQOK8tov6FJBUJeURqq\r\nPFzlBLj8Y337DVBpiWxPi2fWtrWrGFnMZ2QMvuWObGMRgDbqL/2FzknEvZnL\r\nygLhsP0Z/GijeGIAvh7WFUV7LXiRPNjS6aKd1pXn5RsNKLFh4YHYicwK3u74\r\n04KRrXRgTEDB8ZEmtuzLJCuJb2cVciJGJVQwkvZQibIoONR+a/6j0JY0gEP6\r\nE+Os02SDkC8YAQ6zGmzShCNjbkbu8xvGWwE5fkTa+ZjORlLOaFwOtmUBRqil\r\nCo776ZEVhlqaxRryGANI3vba2J8PET7SEKotWeS1ar+7q0raSHKVs/O+QN9B\r\nx+bZlt1cFlsUl61kygCM9i8Zvyc+u+Svo5g1x0hB4KJ3lEjmK/4PldUVLghC\r\neYKsT1wmpi3GZv4RsWKbBjkhyKw07zzUhlW97nWDKG1nTJo969Uh1tH5fhI2\r\n5iNYGdGebAnKPfPxhM2gdREN04myiQk9DLVptBiGH99YqltLlQglyzqvIxFD\r\nHsk6zBB/iMjA9HOuQGEyC10TDTuqW9u2MMwK9b/sADzc4aB4IdOg2OR77dfp\r\nOmkV9u4bxgKT8QgRb/KMoTlV9BMsLW6qZZo=\r\n=Bhgt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jdillick","email":"john@dillick.us"},"directories":{},"maintainers":[{"name":"camdagr8","email":"ctullos@illumifi.net"},{"name":"jdillick","email":"john@dillick.us"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-custom-scrollbars_4.2.1_1682558190307_0.9834845183310799"},"_hasShrinkwrap":false},"4.2.2":{"name":"@atomic-reactor/react-custom-scrollbars","version":"4.2.2","description":"React scrollbars component","main":"lib/index.js","scripts":{"clean":"rimraf lib dist","build":"babel src --out-dir lib","build:umd":"cross-env NODE_ENV=development webpack src/index.js dist/react-custom-scrollbars.js","build:umd:min":"cross-env NODE_ENV=production webpack src/index.js dist/react-custom-scrollbars.min.js","lint":"eslint src test examples","test":"cross-env NODE_ENV=test karma start","test:watch":"cross-env NODE_ENV=test karma start --auto-watch --no-single-run","test:cov":"cross-env NODE_ENV=test COVERAGE=true karma start --single-run","prepublish":"npm run lint && npm run test && npm run clean && npm run build && npm run build:umd && npm run build:umd:min && node ./prepublish"},"repository":{"type":"git","url":"git+https://github.com/Atomic-Reactor/react-custom-scrollbars.git"},"keywords":["scroll","scroller","scrollbars","react-component","react","custom"],"author":{"name":"Malte Wessel"},"license":"MIT","bugs":{"url":"https://github.com/Atomic-Reactor/react-custom-scrollbars/issues"},"homepage":"https://github.com/Atomic-Reactor/react-custom-scrollbars","devDependencies":{"babel-cli":"^6.2.0","babel-core":"^6.2.1","babel-eslint":"^6.1.2","babel-loader":"^6.2.0","babel-preset-es2015":"^6.1.18","babel-preset-react":"^6.3.13","babel-preset-stage-1":"^6.1.18","babel-register":"^6.3.13","babel-runtime":"^6.3.19","cross-env":"^3.1.3","es3ify":"^0.2.1","eslint":"^2.9.0","eslint-config-airbnb":"^9.0.1","eslint-plugin-import":"^1.10.2","eslint-plugin-jsx-a11y":"^1.2.0","eslint-plugin-react":"^5.2.2","expect":"^1.6.0","glob":"^7.0.0","isparta-loader":"^2.0.0","karma":"^1.1.1","karma-chrome-launcher":"^1.0.1","karma-cli":"^1.0.1","karma-coverage":"^1.1.0","karma-mocha":"^0.2.0","karma-mocha-reporter":"^2.0.4","karma-sourcemap-loader":"^0.3.6","karma-webpack":"^1.6.0","mocha":"^2.2.5","react":"^16.0.0","react-dom":"^16.0.0","rimraf":"^2.3.4","simulant":"^0.2.2","webpack":"^1.9.6","webpack-dev-server":"^1.8.2"},"dependencies":{"dom-css":"^2.0.0","prop-types":"^15.5.10","raf":"^3.1.0"},"gitHead":"99f9461d7d8a984aff04122bb8f05a45097ed305","_id":"@atomic-reactor/react-custom-scrollbars@4.2.2","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-bSgQ8/vl1koz+HOGfO7PzA4rOhMABOFHk4BOBA8YsLpjurCaTq3GApfsdTB0vmnAM4O1UAOqpAvJqTLM3CnzUw==","shasum":"d3afa97a40fef2ec57f18ecfeebd9327b8839ddc","tarball":"https://registry.npmjs.org/@atomic-reactor/react-custom-scrollbars/-/react-custom-scrollbars-4.2.2.tgz","fileCount":31,"unpackedSize":187729,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE5NximR5t7djVBpkXzDq/NAwxWGgsMoEQOjg5VPQJgVAiEA5yo5LMOTvLAvw9HucwSZzYD/+yju0R9CBbncjW3U0kU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSc9vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfhBAAm7gM4mi7FoLqdPkZZsAETJEEFNjjKC9Utynz9W876of7zKXY\r\n+bM5lbPaXPqyUYohhUlgs50aOfiLh/YuD+dhZZf97Pz3A4ap1W83aYYWT0bC\r\nhQk3UzJ8Ls3SdOQ8/2B+NjTtZB2r1KPleoUU35yNOrPFaFNQNPzkdYVR1cgm\r\n4QjSfd2oDz1VvGIsEWoRdlC3UcyG68hHSzSEWHYkl2VUwDptCQiYGaXS6fTG\r\n0vLSLo8QXCQetdyAh0hj7B411M2apU4CFxlFjwLo8a1XeEU1xxrVxoG6vWXG\r\nCC09xW43Ftkm8Bxjdh/iip/MkDLl/KApJM8TfhzSrEeS93wZHcgbC0suMhFw\r\ndjpWF080fKq1ki+qpFfQUMGeSOKtej+GEsBC5DbBy0d0oIIUDqqT3vagHnKz\r\nbzSIrMpytdKkfjZJqQHgvcGlf1AeTKLoC8EHJucYUNy82LYhh9YPgcIEnVED\r\nxBYXVL2lHjl3GzTlgfVsumllmNHiENwSgZmKfPagso9i3TCFGaJrSZJxMSHu\r\nQAKgA65Jqjpfg7w8JeQQm6mol8wjI5eYQROJGVpmK1P775Buts7r+pnMF5yo\r\nE2cdAxRJKlJaxBskjnqMlwaCGWAvdjapSfKKg1prVbDBl8xgA2PC77E7Y4a2\r\ntLHOxLiWmNurijR6sTto9utg1Z4cy4cOtaM=\r\n=W/EY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jdillick","email":"john@dillick.us"},"directories":{},"maintainers":[{"name":"camdagr8","email":"ctullos@illumifi.net"},{"name":"jdillick","email":"john@dillick.us"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-custom-scrollbars_4.2.2_1682558830956_0.34126851850327355"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-27T01:16:30.306Z","4.2.1":"2023-04-27T01:16:30.442Z","modified":"2023-04-27T01:27:11.292Z","4.2.2":"2023-04-27T01:27:11.141Z"},"maintainers":[{"name":"camdagr8","email":"ctullos@illumifi.net"},{"name":"jdillick","email":"john@dillick.us"}],"description":"React scrollbars component","homepage":"https://github.com/Atomic-Reactor/react-custom-scrollbars","keywords":["scroll","scroller","scrollbars","react-component","react","custom"],"repository":{"type":"git","url":"git+https://github.com/Atomic-Reactor/react-custom-scrollbars.git"},"author":{"name":"Malte Wessel"},"bugs":{"url":"https://github.com/Atomic-Reactor/react-custom-scrollbars/issues"},"license":"MIT","readme":"react-custom-scrollbars\n=========================\n\n[![npm](https://img.shields.io/badge/npm-react--custom--scrollbars-brightgreen.svg?style=flat-square)]()\n[![npm version](https://img.shields.io/npm/v/react-custom-scrollbars.svg?style=flat-square)](https://www.npmjs.com/package/react-custom-scrollbars)\n[![npm downloads](https://img.shields.io/npm/dm/react-custom-scrollbars.svg?style=flat-square)](https://www.npmjs.com/package/react-custom-scrollbars)\n\n* frictionless native browser scrolling\n* native scrollbars for mobile devices\n* [fully customizable](https://github.com/malte-wessel/react-custom-scrollbars/blob/master/docs/customization.md)\n* [auto hide](https://github.com/malte-wessel/react-custom-scrollbars/blob/master/docs/usage.md#auto-hide)\n* [auto height](https://github.com/malte-wessel/react-custom-scrollbars/blob/master/docs/usage.md#auto-height)\n* [universal](https://github.com/malte-wessel/react-custom-scrollbars/blob/master/docs/usage.md#universal-rendering) (runs on client & server)\n* `requestAnimationFrame` for 60fps\n* no extra stylesheets\n* well tested, 100% code coverage\n\n**[Demos](http://malte-wessel.github.io/react-custom-scrollbars/) · [Documentation](https://github.com/malte-wessel/react-custom-scrollbars/tree/master/docs)**\n\n## Installation\n```bash\nnpm install react-custom-scrollbars --save\n```\n\nThis assumes that you’re using [npm](http://npmjs.com/) package manager with a module bundler like [Webpack](http://webpack.github.io) or [Browserify](http://browserify.org/) to consume [CommonJS modules](http://webpack.github.io/docs/commonjs.html).\n\nIf you don’t yet use [npm](http://npmjs.com/) or a modern module bundler, and would rather prefer a single-file [UMD](https://github.com/umdjs/umd) build that makes `ReactCustomScrollbars` available as a global object, you can grab a pre-built version from [unpkg](https://unpkg.com/react-custom-scrollbars@3.0.1/dist/react-custom-scrollbars.js). We *don’t* recommend this approach for any serious application, as most of the libraries complementary to `react-custom-scrollbars` are only available on [npm](http://npmjs.com/).\n\n## Usage\n\nThis is the minimal configuration. [Check out the Documentation for advanced usage](https://github.com/malte-wessel/react-custom-scrollbars/tree/master/docs).\n\n```javascript\nimport { Scrollbars } from 'react-custom-scrollbars';\n\nclass App extends Component {\n  render() {\n    return (\n      <Scrollbars style={{ width: 500, height: 300 }}>\n        <p>Some great content...</p>\n      </Scrollbars>\n    );\n  }\n}\n```\n\nThe `<Scrollbars>` component is completely customizable. Check out the following code:\n\n```javascript\nimport { Scrollbars } from 'react-custom-scrollbars';\n\nclass CustomScrollbars extends Component {\n  render() {\n    return (\n      <Scrollbars\n        onScroll={this.handleScroll}\n        onScrollFrame={this.handleScrollFrame}\n        onScrollStart={this.handleScrollStart}\n        onScrollStop={this.handleScrollStop}\n        onUpdate={this.handleUpdate}\n        renderView={this.renderView}\n        renderTrackHorizontal={this.renderTrackHorizontal}\n        renderTrackVertical={this.renderTrackVertical}\n        renderThumbHorizontal={this.renderThumbHorizontal}\n        renderThumbVertical={this.renderThumbVertical}\n        autoHide\n        autoHideTimeout={1000}\n        autoHideDuration={200}\n        autoHeight\n        autoHeightMin={0}\n        autoHeightMax={200}\n        thumbMinSize={30}\n        universal={true}\n        {...this.props}>\n    );\n  }\n}\n```\n\nAll properties are documented in the [API docs](https://github.com/malte-wessel/react-custom-scrollbars/blob/master/docs/API.md)\n\n## Examples\n\nRun the simple example:\n```bash\n# Make sure that you've installed the dependencies\nnpm install\n# Move to example directory\ncd react-custom-scrollbars/examples/simple\nnpm install\nnpm start\n```\n\n## Tests\n```bash\n# Make sure that you've installed the dependencies\nnpm install\n# Run tests\nnpm test\n```\n\n### Code Coverage\n```bash\n# Run code coverage. Results can be found in `./coverage`\nnpm run test:cov\n```\n\n\n## License\n\nMIT\n","readmeFilename":"README.md"}