{"_id":"@eluck/material-ui-flat-pagination-2.1.4","_rev":"1-cbb4f5b82756051e38b0692a908b0eec","name":"@eluck/material-ui-flat-pagination-2.1.4","dist-tags":{"latest":"2.1.4"},"versions":{"2.1.4":{"name":"@eluck/material-ui-flat-pagination-2.1.4","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","@eluck/material-ui-0-18-7":"^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.4","_id":"@eluck/material-ui-flat-pagination-2.1.4@2.1.4","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"eluck","email":"mail@eluck.me"},"dist":{"integrity":"sha512-9jhlqbDbdVsD/kBrOGbQpN4McAiZuLG6kfl7QblC4Fma+4InXMgefrrTyBmON6ml86vpwq24Xd4ZaVp5OC0hEA==","shasum":"72ae252a30dfaf9d4aa0f9eec94774db5f7742ae","tarball":"https://registry.npmjs.org/@eluck/material-ui-flat-pagination-2.1.4/-/material-ui-flat-pagination-2.1.4-2.1.4.tgz","fileCount":7,"unpackedSize":19141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6tODCRA9TVsSAnZWagAAFAUQAJ0t2ZjYCvzcjdsjMb6M\ni0TcPxyRiyetW2AoDa9BlR0+Ps8kcoL/cfviL2CLSXyaXP0/DS2Sxv4450QD\naQ1EZ0M64IwgUAgjWDp1ja9MQa4Cv9XL5WLFMvbt+fdjJI8YEoXaO4IHvOeB\nmMpLaIZ3CrKdNSYOOb4ZqVkuwdIPFBEfGbU8ICpZOhjIkC0ImVCg8AdKZogO\n5jPQDkNnyPc553uw2uHceA6ggXroKbwKHysnHLSgkmXUIaYMubhsRxuVzUpq\nvRdpyJnVTSo+tmlWeYBgGdo9tJPLAvHFmsE2aDCBZ+0Liun/gqHm+YJZda0x\nKW/9nZtEPfpYO/DnB4yptEsmTEZg/k3EIG1zRUGHrN9bhbvkmOGk6mmNPtif\nAptR8f1lMhKDiVbectVHA6eRnLxksNTt4Xe0nFW3W1Xxz2ktKJVjC+ZzqyfN\nZdZoqzyBHmUPDQoRYbvl6HIm50e90+qnIEu3wPpKgtIYS3VdI+AptCpb7/GD\nQlQmE8EVFkb3cMe01m49cbA+ikAFNr6Vk6jTjUo9cnsKUbvEU2Vls/JfZIZZ\navbNSTPbPlO4cZrmu0Z4HebgWw8X3Fk0UMNETQZAgrfX0lIlM7ggd8nrxxFU\nCTMQFBlE6nJMdNf3AbmsC18Ioa84KY7F/keHHX4EVgIlzGH6Xor+rbATQMLb\nnRub\r\n=dDtw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZ5uOd64xwP1eOB9VxMALrKpPHU0V17TVmoSSqiJAWfAiEAi3PJ5Z2LJYQXZasH8igqni14+wlmP+ppalSt0m2nxac="}]},"maintainers":[{"name":"eluck","email":"mail@eluck.me"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-ui-flat-pagination-2.1.4_2.1.4_1542116227103_0.16144906392011626"},"_hasShrinkwrap":false}},"time":{"created":"2018-11-13T13:37:06.938Z","2.1.4":"2018-11-13T13:37:07.261Z","modified":"2022-04-05T07:23:54.470Z"},"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"}