{"_id":"@caldwell619/react-ticker","_rev":"3-97da4a667200ec5ae92fb9e8828970ab","name":"@caldwell619/react-ticker","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@caldwell619/react-ticker","version":"0.0.1","description":"A tiny utility to show continually horizontal scrolling text in React web apps","author":{"name":"christopher-caldwell"},"license":"ISC","repository":{"type":"git","url":"https://github.com/christopher-caldwell/react-ticker.git"},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","test":"run-s test:unit test:lint test:build","build:dry-run":"run-s build","lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":">= ^16.13.1"},"devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.5.0","@testing-library/user-event":"^7.2.1","@types/jest":"^25.1.4","@types/node":"^12.12.38","@types/react":"^16.9.27","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^7.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","node-sass":"^5.0.0","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"4.0.1","typescript":"^4.0.3"},"_id":"@caldwell619/react-ticker@0.0.1","dist":{"shasum":"b0d684a753cae32a75b30fd02bf24324901985e2","integrity":"sha512-qbtOEDb4muDNX1uyHp+JAyZowVODBNcc98vTydOesxVStP+5WxdwA7xvoG33Ss8lYPb8zQop1EhWzE4rq5TeXg==","tarball":"https://registry.npmjs.org/@caldwell619/react-ticker/-/react-ticker-0.0.1.tgz","fileCount":10,"unpackedSize":10799,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHbalCRA9TVsSAnZWagAA2KEP/1MbIPvIle1asqlmUap8\nYtQOEeFKGVlaZZkOkSKiV6DSN5TbLWcka/Bp4UlvzWPfH/SBiH0RHb6yxWzI\nlmX8V2sO+3i0h2SV0+c2jXspc0eFZ+ViPz/89zVOFGhq1kL//VqZ7mpdPEuq\n+OVw9RSEWx+VSnG7dvI1H8OLLwK+VYE27REppBjbKOOqXr47AdKvL9AnKXmj\n92OFUWiQxcS606ZRkYKi2GnKop/HcbUVXuA8BCYmM5dJ426GNAmf9RrCw7Ne\nwk8yF4u7mmIREe9sX2Vy14kMg0WVo8OSrCz6h6G5NKLWaXvsTek2dwHVvZ+4\nu6c476YU2ois3+DqtBlgUaKBOW32BqhIBwLgCP9JJa3MgKAnszyjNXjZGjpH\nlph5UD4CdrKESGhqGiORqy4GK48LfCNLIL+mBxKCqz1Em8EV3oPb+yrVw9ix\nLLRvsmw9eTl4KWfde+bZ5jS66zq8ZPiON/m684GOerjKs81Wak7UtPJWDbYF\nM//rJYq0DYZ6LJz4WiSw7CfRghi4IDw7Nmi/b/mk4o8Hjiuxer5jDfvItDqr\nLD+EXUjrUb4OtS0DKgzUJDSXrZHopMZm7o9YNe4XO2ClaipI6Uf+rKXu2ZH7\nK5gF2KkKMWSNxeY2MewYQzR5uDhh5nP/3uyiLaHQdN8J90ru5Br/0NBcrtNg\nKVcE\r\n=m7iZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICxhYof5K2Dg128mNrQy1IFTutoHdfnE54FH0bZJvv9vAiEA2uK+BsDNCIeYrsuSeT7p/6tTo4j2EoJ2pPAg1V62Kzs="}]},"_npmUser":{"name":"caldwell619","email":"caldwell8814@gmail.com"},"directories":{},"maintainers":[{"name":"caldwell619","email":"caldwell8814@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ticker_0.0.1_1612560037342_0.2229540474515388"},"_hasShrinkwrap":false},"0.0.2":{"name":"@caldwell619/react-ticker","version":"0.0.2","description":"A tiny utility to show continually horizontal scrolling text in React web apps","author":{"name":"christopher-caldwell"},"license":"ISC","repository":{"type":"git","url":"https://github.com/christopher-caldwell/react-ticker.git"},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","test":"run-s test:unit test:lint test:build","build:dry-run":"run-s build","lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":">= ^16.13.1"},"devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.5.0","@testing-library/user-event":"^7.2.1","@types/jest":"^25.1.4","@types/node":"^12.12.38","@types/react":"^16.9.27","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^7.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","node-sass":"^5.0.0","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"4.0.1","typescript":"^4.0.3"},"_id":"@caldwell619/react-ticker@0.0.2","dist":{"shasum":"b3f324f068f15bd0b42020f39502da1b8f81f2e8","integrity":"sha512-J0iQuOGeYO6Qsuk5BFsnf9ygEU+m3xuJUKL0mg1d1LY6deBVRzd6jcdJuFMyorFS7ok3ZNkxIKmz0GpImepuxw==","tarball":"https://registry.npmjs.org/@caldwell619/react-ticker/-/react-ticker-0.0.2.tgz","fileCount":11,"unpackedSize":12938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdWsCRA9TVsSAnZWagAARJ0P/3IIkQxLEP14hgFYlU6e\n+HHVAtpzZpeSPFG80TVaUGsKuMzT7CxZoxQUR9Q8oWZULTXOm6qbIo2beOfR\nvC8drDlHsJiVgc8tD2c3l/3bh/Qlx0KfJZW9/izP9z5Ngl4DarZe6+mu2WiE\nccH62qH0U+BSAmZB4uR5I4S1fleYlr+46TgwMl6H2OLSwBDnig4hHM7iorlV\nablsrO5M74epjOzZZ/ypiM9OX6+9HPwWnSlVQDyRs26L0zzA90Uw3JMSjTpo\nLkljF2TJ5eXdYnLtoUEBpuNeH02bG6188WrUJAKLTDnOOfRMsweYXQzjumWP\nupdXF3kLeR7QM19dUT6bFWLMEZxI9lhgspfUO7SbNMHODCosy1m3UTIvHcNK\nx12HVGB9fvZxpquLCvs/EiZ8uOkoDNcAQ5qBQDRn1oDrzunMQ/N0DHt5kfqP\nGJNU4ZoMm3b6uoXFmcBJUt1GOvubEBBgQi2ETDgrt82N2oqhZBOs/xgs3ah+\n+n6/OuGDtPbCpK6pA9RWb37monMmju0AlX7lA3byWrRhA+sztMJOIuBOO+BV\nUnbvxyPt9ZkCv/VxK7/+sFajqv/iceB842p9xmPBfdQmFbYV6LDy8lrZyBFn\nfjNvyP4/6LcqDbuSewFNdP/zKL6fEn+/pr70ZrYhcXpDVuMgagTQB04rBUZA\nbppz\r\n=pPTJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID2//nlN/nHXKnRzFshpBAoX5gHyazC+azZkgxfTiRWcAiEA0TvIKo0oTk7YQ9Dck5Z15uRLXNAL9MXjBbw+r32cr2Y="}]},"_npmUser":{"name":"caldwell619","email":"caldwell8814@gmail.com"},"directories":{},"maintainers":[{"name":"caldwell619","email":"caldwell8814@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ticker_0.0.2_1612567979592_0.6217741162185171"},"_hasShrinkwrap":false},"0.0.3":{"name":"@caldwell619/react-ticker","version":"0.0.3","description":"A tiny utility to show continually horizontal scrolling text in React web apps","author":{"name":"christopher-caldwell"},"license":"ISC","repository":{"type":"git","url":"https://github.com/christopher-caldwell/react-ticker.git"},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","test":"run-s test:unit test:lint test:build","build:dry-run":"run-s build","lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":">= ^16.13.1"},"devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.5.0","@testing-library/user-event":"^7.2.1","@types/jest":"^25.1.4","@types/node":"^12.12.38","@types/react":"^16.9.27","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^7.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","node-sass":"^5.0.0","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"4.0.1","typescript":"^4.0.3"},"_id":"@caldwell619/react-ticker@0.0.3","dist":{"shasum":"1261eca6554bba9b4c046420f502730c9b85578d","integrity":"sha512-nRN3k8Cr/QqilmO530VLLUJkcoteXrTg0X43mpR2KowFPriyld9IoxDLWPylubzv5B3kojRYy5mTnGPsyznNmg==","tarball":"https://registry.npmjs.org/@caldwell619/react-ticker/-/react-ticker-0.0.3.tgz","fileCount":11,"unpackedSize":13142,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHiKKCRA9TVsSAnZWagAAOxsP/2xiegfzNkHfpILDVvU7\nkSiTxgRmJ+jIa3lAUt2g9IIpW9BBguquglnNLROWknGHB6r9GZi8/UZrmZPv\nFhVhPL9SeDzwLZ3EGSN+jVhVKZgxWQGFrSbqZViyB1vJS0W4uVYRx1RxHY5B\nCELvBRv4oPqNIIsltSNg2A+dibHgKGGjYJIjgS9rsuZhwBH0NqyVF40+ksVg\niR0y9aJrkff4y7+WTFeMEueUY9pzGSEgGr2BFZ8sGKBlvUV7SSV9bty2oDw9\ncbAq7+IvygM8kb4nLf1eqE5oIv8Om7oIqKT4oeZHAFlTYUyEGXDfCgqQagBn\noN1qm98YNK0DZ/BiTkTJx5GWoMPXNRNkI4NakDUvVlXLpH2UEJe3sRvbCED4\nhcRVCO/07zJn+RIpN1ENGqdRSk932WxitP5kRGgKzmMBHkW9v9v+YJbIu5Ql\nLPhx3wT0JO0CuM8owvCUr4VYOzpCZ3L43VMXajJxKRMX7mqR6JIUHBJHIWcs\neS1LMhxaKzA7XvbQ8KsL87NuMzT3Ae+EZqWS2GXK0+vxtoT/i0xzMfcC8UkF\nqLSkTtErPWkxDnXsC71dmlAz3HzXvBNTVXZ9ZX3U7z68KnpV+kIm5l0cc5RT\nIfjarBVbRXFrhYpjX1uHfhgD9gAB2/aE8VYEZMAtbdyu84rJuxUVLjZAp18g\nkFgu\r\n=Aury\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZvjZBhmI1ny8sG3XvU2jyhNQjtYnmFFHSrMviwfF65wIhANAbDLV+s5PQgK9W1d98PksR7X59Z7LQi6AEG2nwAuop"}]},"_npmUser":{"name":"caldwell619","email":"caldwell8814@gmail.com"},"directories":{},"maintainers":[{"name":"caldwell619","email":"caldwell8814@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-ticker_0.0.3_1612587657813_0.5754804435049161"},"_hasShrinkwrap":false}},"time":{"created":"2021-02-05T21:20:37.304Z","0.0.1":"2021-02-05T21:20:37.497Z","modified":"2022-04-04T21:31:53.001Z","0.0.2":"2021-02-05T23:32:59.739Z","0.0.3":"2021-02-06T05:00:57.988Z"},"maintainers":[{"name":"caldwell619","email":"caldwell8814@gmail.com"}],"description":"A tiny utility to show continually horizontal scrolling text in React web apps","repository":{"type":"git","url":"https://github.com/christopher-caldwell/react-ticker.git"},"author":{"name":"christopher-caldwell"},"license":"ISC","readme":"# @caldwell619/react-ticker\n\n[![NPM](https://img.shields.io/npm/v/@caldwell619/react-ticker.svg)](https://www.npmjs.com/package/@caldwell619/react-ticker) [![NPM](https://img.shields.io/bundlephobia/min/@caldwell619/react-ticker)](https://www.npmjs.com/package/@caldwell619/react-ticker) [![](https://img.shields.io/github/last-commit/christopher-caldwell/react-ticker)]() [![](https://img.shields.io/npm/types/typescript)]()\n\nA tiny utility to show continually horizontal scrolling text in React web apps\n\n## Install\n\n```bash\nyarn add @caldwell619/react-ticker\n\nnpm install --save @caldwell619/react-ticker\n```\n\n## Usage\n\nIt's supposed to be easy. Please submit an issue if it's not.\n\n### Base Bones\n\nThis example will expand to it's container, and scroll one item across the small box.\n\n```tsx\nimport React from 'react'\nimport { Ticker, TickerItem } from '@caldwell619/react-ticker'\n// Must import the styles\nimport '@caldwell619/react-ticker/dist/index.css'\n\nconst itemsToScroll: TickerItem[] = [\n  {\n    id: '123',\n    text: 'Something you wish to scroll indefinitely across the screen',\n  },\n]\n\nconst App = () => <Ticker items={itemsToScroll} />\n```\n\n## Props\n\nThe `TickerProps` and `TickerItem` interfaces are exported for convenience.\n\n### TickerProps\n\nThese are the props given to the main export.\n\n| Name         | Type                                 |      Required      | Purpose                                                                                                          |\n| ------------ | ------------------------------------ | :----------------: | ---------------------------------------------------------------------------------------------------------------- |\n| `items`      | `TickerItem[]`                       | :white_check_mark: | All of the items that will scroll across the element.                                                                                                                |\n| `position`   | `top` or `bottom`                    |        :x:         | If provided, will glue the ticker to either the top or the bottom of the viewport                                |\n| `slideSpeed` | `CSSProperties['animationDuration']` |        :x:         | The duration the **entire** animation will take. This takes some tweaking, especially with various screen sizes. |\n\n### TickerItem\n\nEach individual item that will represent a block of text scrolling across the screen\n\n| Name   | Type     |      Required      | Purpose                                          |\n| ------ | -------- | :----------------: | ------------------------------------------------ |\n| `text` | `string` | :white_check_mark: | The text that gets scrolled                      |\n| `id`   | `string` |        :x:         | If provided, this is used as the `key` for React |\n\n## License\n\nISC © [christopher-caldwell](https://github.com/christopher-caldwell)\n","readmeFilename":"README.md"}