{"_id":"@ds-labs.xyz/srp","_rev":"3-4fd5e28c973b14d40f6ad4d20075f8ee","name":"@ds-labs.xyz/srp","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@ds-labs.xyz/srp","version":"1.0.0","description":"A simple pagination component for react.","main":"build/index.js","repository":{"type":"git","url":"git+https://github.com/0x6C38/srp.git"},"scripts":{"start":"webpack --env publish --mode production --watch","build":"webpack --env publish --mode production","test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":{"name":"Danilo Salvio"},"license":"ISC","bugs":{"url":"https://github.com/0x6C38/srp/issues"},"homepage":"https://github.com/0x6C38/srp#readme","peerDependencies":{"react":"^16.7.0"},"devDependencies":{"@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","react":"^16.8.4","react-dom":"^16.8.4","webpack":"^4.29.6","webpack-cli":"^3.3.0"},"dependencies":{"prop-types":"^15.7.2"},"gitHead":"81fce86abc0b39d1bc8088406df70b1c39373bf6","_id":"@ds-labs.xyz/srp@1.0.0","_nodeVersion":"11.12.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-C8m1gAhp5jX9adIxMGHH/B95szOJr15YwW7Yf5/w3jDJqgLrezNrR4z3bHvS5j0i7JCHMpGqnFwLQp+g8nCSag==","shasum":"37c46e7d11c30eb800b393d27874dde97f7ed796","tarball":"https://registry.npmjs.org/@ds-labs.xyz/srp/-/srp-1.0.0.tgz","fileCount":5,"unpackedSize":5627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJclZveCRA9TVsSAnZWagAAknQQAJqkEpVyVfqgvkPY33u+\nyXmGzKCq/hfjCOy1XiFngp55zVfArwdDViuorSIY/NrYjNk77PMBeY31wT2V\nzWDIwnf1mIiQK0AnfsBGk1K0a4AgOxtMeTB2ptEDpPaVw6HCQy2I6xv1SP4j\nvHMI8iLAJAKtHJYDeylMHaufSiTRGXxKnU7MVF/NX+nsmJZf+0SuRwNgjSQj\nWArmE5pdoF047QG+Exe0WD8QWT3oFrhjaQ3ipajMV8u/wK5OFUD9Hy9yutD2\nwAoy81x254S1paBlqQXmKMdqpUehDmw9SL6hKwVRcEVUkTGTAE9ip86CSmwL\nDbHU53c8CMzA37TOucchpfh2dsArZyp9BSe7lV9stKYzFHaleP72f/uC4unu\nSyxceVdy/kVf44BV9JIjfysTuOg+10sqVGZ6PAihccC7eMqBjnTSb3Dili6e\nO1mKD3ZI8PtQBKfCz43wOThOyVIJ8KlAuBSc+SgaUwDrjybtmWfI+zHZi7v3\nGDIx30urqe9nL/Qut4nvJ8jL0P4A+kbqD9k+PAW8A53lbOxnfV+9Fls//5FD\njU337NOShHhhpjj5eUBjqe1jwzm2L0zt2OyScXUJYDAtJlh7689uL7cqCxOb\naA2aHKLa21wwMEJy4bj3elda/cVqMPJeoKIQX0iaUN9zt9hOK8QJkl92/jrB\noDdo\r\n=24RW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClqnSDL+xLKy35D1ZWDqQrRj+tFlVdq53wRK4GC2UYyQIhANUl/blYQxV4tzVNJZMSaGC6a7e3Fdxpcud0yUVwc19E"}]},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"_npmUser":{"name":"dtsdev","email":"dtsdev@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/srp_1.0.0_1553308637673_0.4984850336101687"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ds-labs.xyz/srp","version":"1.0.1","description":"A simple pagination component for react.","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/0x6C38/srp.git"},"scripts":{"prepublishOnly":"babel ./src --out-dir ./dist -s inline"},"keywords":[],"author":{"name":"Danilo Salvio"},"license":"ISC","bugs":{"url":"https://github.com/0x6C38/srp/issues"},"homepage":"https://github.com/0x6C38/srp#readme","peerDependencies":{"react":"^16.7.0"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","react":"^16.8.4","react-dom":"^16.8.4"},"dependencies":{"prop-types":"^15.7.2"},"gitHead":"9f40d4e1e9df4bdc2ad3a86cd8c218c53ac207f6","_id":"@ds-labs.xyz/srp@1.0.1","_nodeVersion":"11.12.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-EMxcy/Y2b0RSF/wkUlG/zz8a92Y5pInGHLFxyeBFvXT4FXacyMySjMY4G+u9Hs76KZWivbp9V6B32Qtz0wT7/g==","shasum":"ef4d7c4c52e4021470236bce017fee02282f84ec","tarball":"https://registry.npmjs.org/@ds-labs.xyz/srp/-/srp-1.0.1.tgz","fileCount":4,"unpackedSize":10729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJclqcdCRA9TVsSAnZWagAAAV8P/R0tkFJ7w6C3cPVSWux0\n10GrYLyJ3SGOfj8RZrP/iSrTr9eMHNcbpXVMtnI33SvWHGnbw4bsqj9g6EXi\nkyBzNzo9mElKWGx85QTyw6/sy0+ivi0mb5DAu9Wv2sen1haEtyRJrJ9tuhSd\nyNX5DhBPidaM3UoypTe7//6MTzT4UnsMxwJRc0pNx8PFKRFs/OQ5LDeFQdzK\nHyVwGAGOlLpl4pBu3UH3cWYqfz+rMArf+GF5ev7pfAX4qB0uI0raAtOx2zQK\nrRsvMwoJgYnYavc7H+bYkfcE+zjxYxBejpGYKe26hRF219UWlc1qbzVA9jNg\n1MW+gssiRaK0fkYd7Ys0QwIgOAs6YAkcwuBlC1tT5VeusxMwjNo7V9Pk+nGB\nooLa+mH8qoPJWDW+Oijl1DNz3Z58x6T6cmTqLq9xI15S7ygt4FO91BrgDFgC\n2xXYVRxUVEPNflYGi7jOSmMpOqnKtoxHA41Ib+ERNiX8zumMaXNynV4EBLDq\nIMOtnPDT1p7oLxo+UH42jVR+xg+EXSlqzBOqx35OHa2s5GNxLV1y3WRtOIuA\nOLwsIL/kFtSHj2dXQEpG+WAVxxgjn4pmX0SLfedzIjtVKM6d0TloPRmJULlL\nL8W0v9pzTi5Zt3CrGUYuMPlZP1eoI+DryS/hjZfrlWEbn3qeUenSJ+fGzs3q\nfImD\r\n=7Zvt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID2k3Drri7ST+eALLHnUbwW5VOyaLx94+3BNTAUBGgVCAiEA6qNvJx0caocCoXqKeU3MycPLxTT9ss7gE9XAwqD0TbY="}]},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"_npmUser":{"name":"dtsdev","email":"dtsdev@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/srp_1.0.1_1553377052279_0.08212759143790804"},"_hasShrinkwrap":false},"1.1.0":{"name":"@ds-labs.xyz/srp","version":"1.1.0","description":"A simple pagination component for react.","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/0x6C38/srp.git"},"scripts":{"build":"babel ./src --out-dir ./dist -s inline","prepublishOnly":"babel ./src --out-dir ./dist -s inline"},"keywords":[],"author":{"name":"Danilo Salvio"},"license":"ISC","bugs":{"url":"https://github.com/0x6C38/srp/issues"},"homepage":"https://github.com/0x6C38/srp#readme","peerDependencies":{"react":"^16.7.0"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","react":"^16.8.4","react-dom":"^16.8.4"},"dependencies":{"prop-types":"^15.7.2"},"gitHead":"3ea2ca52b4d1be266b9175f89122f50b65723007","_id":"@ds-labs.xyz/srp@1.1.0","_nodeVersion":"11.15.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-OZuGHVWn/omyA1gDH+mdJP1YQXwoQpshU0FmV31JVP+Ok5y9ED3C1OyXZicE3ZqdZt8X29TSx83lOYfBb71mGg==","shasum":"31872936a256cb78b88d96bb7ad90fbd5d71a089","tarball":"https://registry.npmjs.org/@ds-labs.xyz/srp/-/srp-1.1.0.tgz","fileCount":4,"unpackedSize":10838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdLkkBCRA9TVsSAnZWagAAv3UP/2xMLJ4iC6RWkndpaFDm\nDaQXgPr0xLtVcKkF+JP7NG0lqTSmLhs1t68FPfRYJgZHCiz1YUd8m0cRVWWz\nwLdFloWA4dSLhL0IX8o5aXhqOdTFr4YCl0BiXq8U9E+eVMeWPhiJPY0YZcac\nFHVk+9FQnxbhn46/gAzph9h6D9kK54/y4AjaaeMs+6/G/GpRgUvDTmoSx6Rn\nV3XmwAxHccm7TwcZwksT6E0lTPWs72T5tVRnomkpyyWB8ogzgyMoAvuHR9Tm\nvd6HvJ/KVtj8YA9u3leVX51BVL4BS4iNrZEtZNS+10iWbuAtNb7GBzFNWorg\nI0CuJ01KcEYlI7H4D1jFuAyx8XblKXe3ILY9/hOY6Ahl9G9Je9IKIgTNkfuu\niJqGfVMmnbDUtSbecFzW7GY2giI1jJyFOukvFe/bscbxnFNZmolrgkX1RFIl\n6tZxOMYmNbmmqj9iBTRul+yJi7CJzTeaCkmDqBYmrh/p4RkUoDiB9uos7pwO\nXjSNqPe79asDY8qCgw+WLbFhkhSO455zaHivLgFcv5grn980JEfEY53RWY1U\nrJVETdEp1y2ls3PdVr0JF5UEHLCKdfuThcIpX5CkAIyhQH2aYdFGxKWDqI6Z\njRxJcy/sRhPGuA2jXEywnm7g5WmC+dRTIuPodLH5EmycLURBGcNK+XQ07rv+\n8+h2\r\n=FFAU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDPGg6pA64Ay1N9XMTr84wEFrPNWBSdcE9BaxDYPunQeAiBUNPkYksWA6zVseBACpmoHKzjUmNX3Tp/UU2l3KBs/nA=="}]},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"_npmUser":{"name":"dtsdev","email":"dtsdev@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/srp_1.1.0_1563314433159_0.8436163193540074"},"_hasShrinkwrap":false}},"time":{"created":"2019-03-23T02:37:17.487Z","1.0.0":"2019-03-23T02:37:17.877Z","modified":"2022-04-05T05:43:32.276Z","1.0.1":"2019-03-23T21:37:32.373Z","1.1.0":"2019-07-16T22:00:33.297Z"},"maintainers":[{"name":"dtsdev","email":"dtsdev@outlook.com"}],"description":"A simple pagination component for react.","homepage":"https://github.com/0x6C38/srp#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/0x6C38/srp.git"},"author":{"name":"Danilo Salvio"},"bugs":{"url":"https://github.com/0x6C38/srp/issues"},"license":"ISC","readme":"# Simplified React Pagination\nA purely functional react component to take care of pagination with ease. Meant to be used with twitter bootstrap.\n\n![demo](images/srp-demo.gif)\n\n## Set up\n`srp` can be installed from [`npm`](https://www.npmjs.com/package/@ds-labs.xyz/srp) by running:\n\n    npm i @ds-labs.xyz/srp\n\n## Features\nThis component will:\n\n- Display a list of page numbers\n- Calculate the correct page numbers to display depending on the current page and total number of pages\n- Handle edge cases, such as when the number is greater than the total number of pages\n- Notify you when a page number is clicked\n\nThis component will not:\n- Manage page changes\n\n## Usage\nImport the component with:\n\n    import { Pagination } from \"@ds-labs.xyz/srp\";\n\nThen use it wherever you like:\n\n    <Pagination totalItems={200} itemsPerPage={20} page={1}/>\n\nOptionally you can use the `pagesToDisplay` property to control how many pages are displayed:\n\n    <Pagination totalItems={200} itemsPerPage={20} page={1} pagesToDisplay={5}/>\n\nTo manage page changes you can pass a function to the `onPageChange` property which will be triggered when the user clicks on a page change like so:\n\n    <Pagination\n        totalItems={200}\n        itemsPerPage={10}\n        page={1}\n        onPageChange={(e) => console.log(\"User requested page \" + parseInt(e.target.innerHTML, 10))}\n    />\n\n## Complete Example\n\n    import React, {Component} from 'react';\n    import {Pagination} from '@ds-labs.xyz/srp';\n\n    class App extends Component {\n        state = {\n            currentPage: 1\n        }\n    \n        handlePageChange = (e) => {\n            const pageRequested = parseInt(e.target.innerHTML, 10)\n            // console.log(\"User requested page \" + pageRequested)\n            this.setState({currentPage: pageRequested})\n        }\n\n        render() {\n            return (\n                <div className=\"App\">\n                    <header className=\"App-header\">\n                        <Pagination\n                            totalItems={200}\n                            itemsPerPage={10}\n                            page={this.state.currentPage}\n                            onPageChange={this.handlePageChange}\n                        />\n                    </header>\n                </div>\n            );\n        }\n    }\n\n    export default App;\n","readmeFilename":"README.md"}