{"_id":"@eluck/material-ui-flat-pagination-2.1.3","_rev":"1-8058fc6c31c79e25b5c25d9a278ba40e","name":"@eluck/material-ui-flat-pagination-2.1.3","dist-tags":{"latest":"2.1.3"},"versions":{"2.1.3":{"name":"@eluck/material-ui-flat-pagination-2.1.3","author":{"name":"szmslab","email":"szmslab@gmail.com","url":"https://github.com/szmslab"},"bugs":{"url":"https://github.com/szmslab/material-ui-flat-pagination/issues"},"bundleDependencies":false,"dependencies":{"prop-types":"^15.6.1"},"deprecated":false,"description":"A pagination component for Material-UI using Flat Button.","devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.2.3","babel-jest":"^22.4.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","coveralls":"^3.0.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","enzyme-to-json":"^3.3.4","eslint":"^4.19.1","eslint-plugin-react":"^7.8.2","jest":"^22.4.4","material-ui":"^0.20.1","raf":"^3.4.0","react":"^16.3.2","react-dom":"^16.3.2","react-test-renderer":"^16.3.2","rimraf":"^2.6.2"},"homepage":"https://github.com/szmslab/material-ui-flat-pagination#readme","keywords":["pagination","material-ui","react"],"license":"MIT","main":"index.js","peerDependencies":{"material-ui":">=0.18.0 <1.0.0","react":"^15.5.0 || ^16.0.0","react-dom":"^15.5.0 || ^16.0.0"},"repository":{"type":"git","url":"git+https://github.com/szmslab/material-ui-flat-pagination.git"},"scripts":{"build":"babel src --out-dir lib","clean":"rimraf lib","jest":"jest","lint":"eslint src/**/*.js","test":"jest && coveralls < ./coverage/lcov.info"},"version":"2.1.3","_id":"@eluck/material-ui-flat-pagination-2.1.3@2.1.3","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"eluck","email":"mail@eluck.me"},"dist":{"integrity":"sha512-REHnRTdnj/EWRFNgkOLJYs2mF3FnH938lNHJMBGMvMyVJwiEoZRyV/+WBs7P7sWuug54j2bQ6Pqg3y8ql0lNIw==","shasum":"1d48b01b796640a220e00724e4095156cd0c05b8","tarball":"https://registry.npmjs.org/@eluck/material-ui-flat-pagination-2.1.3/-/material-ui-flat-pagination-2.1.3-2.1.3.tgz","fileCount":7,"unpackedSize":19112,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6tL7CRA9TVsSAnZWagAAVcEP+gIpitufb/4BOwMIML/N\nmEFpPMTgfyvYDFTuTjvTI9rGSXgY+w6cHyUW4Hdhk6ouMVGTNM9S6fUd1Xw5\nAxUaf6Epb+64EyIXfbjX2QJbh2yAXK+Jh32y4HilPMn0Jyep0HzzYcon8Y6f\nlgAHKdQv6PF+4oHP6Imuwn6blKoTUnA6PxGomSwH/MCC5M+St65hMObJuUML\n+vcJF9O/z3VXOF/vqm+aWiJMGfT8V9jRw9s6N0hRPDd9pkPlco4zAetGQQqR\nIvkO6Wy0giy88LmNLzT1AJhzp5fzkVeE9I9aLia3av6nrnOWXuvmaZLhWIIL\n4JJMNK6LLLYgLjXW68lUTQ33iUmvs9eSr2R2RWa9o613PCdsKDrZRUSAYLej\nwRfKZBMy2GHdpmLca2i06ShC4IGrcblYqG4nOXuK+odrpGngOlOLpiBrVIsO\nmnOapq00iqFmEUWTZOQblKtUq79kNawPaYE07ZrVvLwIviwS3DlnLN8M8rcY\nxfHKB7UgF/kiD3UOUKHtpvcDoJiMhvyJGi1wJXh9YuhUOekNY0JrG2E7ayuj\nYJsfk0TKeDDqjboFMw1jCM4AfDeEGRQSohBW5md6+LBINHK70BXx2xCh1sDO\n5SinTEkPRY7d76Yt/d2Pyhv9Jhap4kLSEl87lCC2xf9+cSOfQeXgBOVjqWbY\nxNyC\r\n=9AdQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRBNW34G8E6aVEvkgmU3TA98kFD+yktgM3q+ewrOQLWwIgCZJCoWi5vcxiO/lx3lbReoxoQqkgllSFdhKpR91rwxU="}]},"maintainers":[{"name":"eluck","email":"mail@eluck.me"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-ui-flat-pagination-2.1.3_2.1.3_1542116090795_0.1364510782134125"},"_hasShrinkwrap":false}},"time":{"created":"2018-11-13T13:34:50.620Z","2.1.3":"2018-11-13T13:34:50.898Z","modified":"2022-04-05T07:23:54.276Z"},"maintainers":[{"name":"eluck","email":"mail@eluck.me"}],"description":"A pagination component for Material-UI using Flat Button.","homepage":"https://github.com/szmslab/material-ui-flat-pagination#readme","keywords":["pagination","material-ui","react"],"repository":{"type":"git","url":"git+https://github.com/szmslab/material-ui-flat-pagination.git"},"author":{"name":"szmslab","email":"szmslab@gmail.com","url":"https://github.com/szmslab"},"bugs":{"url":"https://github.com/szmslab/material-ui-flat-pagination/issues"},"license":"MIT","readme":"# material-ui-flat-pagination\n\n[![Build Status](https://travis-ci.org/szmslab/material-ui-flat-pagination.svg?branch=master)](https://travis-ci.org/szmslab/material-ui-flat-pagination)\n[![Coverage Status](https://coveralls.io/repos/github/szmslab/material-ui-flat-pagination/badge.svg?branch=master)](https://coveralls.io/github/szmslab/material-ui-flat-pagination?branch=master)\n[![npm version](https://img.shields.io/npm/v/material-ui-flat-pagination.svg)](https://www.npmjs.org/package/material-ui-flat-pagination)\n\nA pagination component for [Material-UI](http://www.material-ui.com/#/) using Flat Button.\n\n## Installation\n\n```bash\nnpm install material-ui-flat-pagination\n```\n## Demo\n\n[![Demo](./docs/demo.gif)](https://szmslab.github.io/material-ui-flat-pagination/)\n\n#### [Demo](https://szmslab.github.io/material-ui-flat-pagination/)\n\n## Example\n\n```javascript\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';\nimport FlatPagination from 'material-ui-flat-pagination';\n\nclass Example extends React.Component {\n  constructor() {\n    super();\n    this.state = {offset: 0};\n  }\n\n  handleClick(offset) {\n    this.setState({offset});\n  }\n\n  render() {\n    return (\n      <MuiThemeProvider>\n        <FlatPagination\n          offset={this.state.offset}\n          limit={10}\n          total={100}\n          onClick={(e, offset) => this.handleClick(offset)}\n        />\n      </MuiThemeProvider>\n    );\n  }\n}\n\nReactDOM.render(\n  <Example/>,\n  document.getElementById('app')\n);\n```\n\n## Props\n\n| Name | Type | Default | Description |\n| -----| -----| ------- | ----------- |\n| **`limit`** (required) | validateNumber |  | The number of rows per page. Allow a number greater than or equal to `1`.|\n| **`offset`** (required) | validateNumber |  | The number of rows to skip. Allow a number greater than or equal to `0`.|\n| **`total`** (required) | validateNumber |  | The total number of rows. Allow a number greater than or equal to `0`.|\n| `className` | string |  | The CSS class name of the root element. |\n| `currentPageHoverColor` | string |  | Color of the current page button when mouse hovers over. |\n| `currentPageLabelStyle` | object |  | Override the inline-styles of the button's label element of current page. |\n| `currentPageStyle` | object |  | Override the inline-styles of the button element of current page. |\n| `disabled` | bool | false | If true, the button will be disabled. |\n| `disableTouchRipple` | bool | false | If true, the button's ripple effect will be disabled. |\n| `hoverColor` | string |  | Color of button when mouse hovers over. |\n| `nextPageLabel` | node | '>' | Label for the next page button. |\n| `onClick` | func |  | Callback function fired when the button is clicked.<br><br>Signature:<br>`function(event: object, offset: number) => void`<br>event: Click event targeting the button.<br>offset: The number of new offset. |\n| `otherPageLabelStyle` | object |  | Override the inline-styles of the button's label element of other pages except the current page. |\n| `otherPageStyle` | object |  | Override the inline-styles of the button element of other pages except the current page. |\n| `previousPageLabel` | node | '<' | Label for the previous page button. |\n| `rippleColor` | string |  | Color for the ripple after button is clicked. |\n| `reduced` | bool | false | Reduce the number of displayed buttons if set to true. |\n| `style` | object |  | Override the inline-styles of the root element. |\n\n## License\n\nMIT, see [LICENSE](https://github.com/szmslab/material-ui-flat-pagination/blob/master/LICENSE) for details.\n","readmeFilename":"README.md"}