{"_id":"@boomslag/react-pagination","_rev":"1-a0bc3236a4b614025c52b76082267991","name":"@boomslag/react-pagination","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@boomslag/react-pagination","version":"1.0.0","description":"","main":"dist/StandardPagination.js","types":"dist/StandardPagination.d.ts","scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","dependencies":{"@heroicons/react":"^2.0.18","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.21","@types/react-dom":"^18.2.7","typescript":"^5.2.2"},"_id":"@boomslag/react-pagination@1.0.0","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-Nh/2anOwQAjUFqwRcv32A/UmV5p7yF0CW0o7z1+j9JrsmkcYmH/vG3gxm5EQoq57VXI4910Rq0wSaS52lq6gXA==","shasum":"00ffa16571014e541cf73418b19060e9152cf655","tarball":"https://registry.npmjs.org/@boomslag/react-pagination/-/react-pagination-1.0.0.tgz","fileCount":5,"unpackedSize":25322,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDxbqzmHhqvzVDChpoBmAK/emMmwa3FXGqMCjh9gAd2VAiAMfuRit96QAjHWSt3R5NPLboXKmQSX3UpziSiWW2ngXA=="}]},"_npmUser":{"name":"boomslag","email":"boomslag@proton.me"},"directories":{},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-pagination_1.0.0_1694632697342_0.48412840979748584"},"_hasShrinkwrap":false},"1.0.1":{"name":"@boomslag/react-pagination","version":"1.0.1","description":"A simple and versatile pagination component for React.","main":"dist/StandardPagination.js","types":"dist/StandardPagination.d.ts","scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","dependencies":{"@heroicons/react":"^2.0.18","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.21","@types/react-dom":"^18.2.7","typescript":"^5.2.2"},"_id":"@boomslag/react-pagination@1.0.1","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-5KGgJ6JvBKiqsCqfmoGBu7NpLm81Isa/2uWlr7hpBQ8NVIdjfP8viqllmEW8FRmrQD9vDaHZq1sqZfXwuP4AKQ==","shasum":"51ec44d55329a8be728cff776efded3f848ef7fa","tarball":"https://registry.npmjs.org/@boomslag/react-pagination/-/react-pagination-1.0.1.tgz","fileCount":6,"unpackedSize":26836,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7K1QMo4PxMFM9ZmxDCeWAufgQKXbdAM3RJu7fyGDl4QIhANd6LwEsk7sqleb9dj+WpUt/zIBD5G2eDlQ14jkwBsrK"}]},"_npmUser":{"name":"boomslag","email":"boomslag@proton.me"},"directories":{},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-pagination_1.0.1_1694633110260_0.26111231087950526"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-13T19:18:17.235Z","1.0.0":"2023-09-13T19:18:17.580Z","modified":"2023-09-13T19:25:10.612Z","1.0.1":"2023-09-13T19:25:10.428Z"},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"keywords":[],"license":"ISC","readme":"# @boomslag/react-pagination\r\n\r\nA simple and versatile pagination component for React.\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @boomslag/react-pagination\r\n```\r\n\r\nOr if you're using Yarn:\r\n\r\n```bash\r\nyarn add @boomslag/react-pagination\r\n```\r\n\r\n## Usage\r\n\r\nHere's a basic example of how to use the StandardPagination component:\r\n\r\n```javascript\r\nimport React, { useState } from 'react';\r\nimport StandardPagination from '@boomslag/react-pagination';\r\n\r\nfunction MyComponent() {\r\n    const [currentPage, setCurrentPage] = useState(1);\r\n\r\n    return (\r\n        <StandardPagination \r\n            data={...}  // your data array\r\n            count={...} // total number of items\r\n            pageSize={10} // number of items per page\r\n            currentPage={currentPage} \r\n            setCurrentPage={setCurrentPage} \r\n        />\r\n    );\r\n}\r\n\r\nexport default MyComponent;\r\n```\r\n\r\n## Props\r\n* `data` (Array): The array of data items to paginate.\r\n* `count` (Number): The total number of items.\r\n* `pageSize` (Number): The number of items per page.\r\n* `currentPage` (Number): The current active page.\r\n* `setCurrentPage` (Function): A function to set the current page.\r\n\r\n## Styling\r\n\r\nThis component uses Tailwind CSS for styling. If your project doesn't use Tailwind CSS, you might need to adjust the styling or include the necessary classes.\r\n\r\n## Contributing\r\n\r\nIf you have suggestions, bug reports, or enhancements, feel free to submit a pull request or issue on GitHub.\r\n\r\n## License\r\n\r\nMIT\r\n\r\n© 2023 boomslag\r\n","readmeFilename":"README.md","description":"A simple and versatile pagination component for React."}