{"_id":"@vivid-planet/redux-paging","_rev":"49-ea219d040e6871844fe505e74ed9f0b4","name":"@vivid-planet/redux-paging","description":"A higher order component decorator for paging using Redux and React","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@vivid-planet/redux-paging","version":"1.0.0","description":"A higher order component decorator for paging using Redux and React","main":"./lib/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@github.com/vivid-planet/redux-paging.git"},"dependencies":{"react":"^15.6.1","prop-types":"^15.6.0","react-redux":"^5.0.6","redux-act":"^1.5.0","immutable":"^3.8.2"},"keywords":["react","reactjs","react-redux","redux","redux-paging","paging","flux","immutable"],"author":{"name":"Alexander Kaufmann","email":"ak@vivid-planet.com"},"license":"BSD-2-Clause","bugs":{"url":"https://github.com/vivid-planet/redux-paging/issues"},"homepage":"https://github.com/vivid-planet/redux-paging#readme","gitHead":"4a106d269e003458501603926db0afb875e5baee","_id":"@vivid-planet/redux-paging@1.0.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"kaufmo","email":"kaufmann.alexander@gmx.at"},"dist":{"integrity":"sha512-PsFAIdkeczkjyOlFQz2cnDef6CE7nbIOR/f5U1FlabJ+/XL81V+fbb2ENLuZusckEQVaxtFsd+TNJIG4YR6qtg==","shasum":"45046ef3bb4fd23992a732528e56b2b3d51bd842","tarball":"https://registry.npmjs.org/@vivid-planet/redux-paging/-/redux-paging-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDt4U4D1SIN5btK9KxbVrl5jB93NCl268ER541wdKQR1AIgKDqSaImCFxxbaAwPhzs7evxu3a8jIb1dTCtfD9OL9m0="}]},"maintainers":[{"name":"kaufmo","email":"kaufmann.alexander@gmx.at"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/redux-paging-1.0.0.tgz_1510142484397_0.6836526347324252"},"directories":{}},"1.0.1":{"name":"@vivid-planet/redux-paging","version":"1.0.1","description":"A higher order component decorator for paging using Redux and React","main":"./lib/index.js","scripts":{"build":"babel src --presets=es2015,react --out-dir lib","clean":"rm -rf lib","prepublish":"npm run clean && npm run build"},"repository":{"type":"git","url":"git+ssh://git@github.com/vivid-planet/redux-paging.git"},"dependencies":{"react":"^15.6.1","prop-types":"^15.6.0","react-redux":"^5.0.6","redux-act":"^1.5.0","immutable":"^3.8.2"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1"},"keywords":["react","reactjs","react-redux","redux","redux-paging","paging","flux","immutable"],"author":{"name":"Alexander Kaufmann","email":"ak@vivid-planet.com"},"license":"BSD-2-Clause","bugs":{"url":"https://github.com/vivid-planet/redux-paging/issues"},"homepage":"https://github.com/vivid-planet/redux-paging#readme","gitHead":"61e365379c9f76ec3039f2dcb4a54b15d9dccbea","_id":"@vivid-planet/redux-paging@1.0.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"kaufmo","email":"kaufmann.alexander@gmx.at"},"dist":{"integrity":"sha512-A/62CLliMSPHMcVZRnnrj3i/HGbjB2DlqkkkjI4U524+FAm59LQu7hAt064xk62QIBkCxNDjWAhfU1frK9cj/g==","shasum":"4ecb6135349dbbd9ff4b21c94f0aca0414c6e00f","tarball":"https://registry.npmjs.org/@vivid-planet/redux-paging/-/redux-paging-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCk9JY1PFF5l78HbW9Fw6xkRgxwiwJvOGYZAAi3wap2EwIgFZY1KTb4JpdOKj0vBjRFulBspg3+zgjlq9fdYF1qUx4="}]},"maintainers":[{"email":"niko.sams@gmail.com","name":"nsams"},{"email":"kaufmann.alexander@gmx.at","name":"kaufmo"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/redux-paging-1.0.1.tgz_1510145769096_0.5511851506307721"},"directories":{}},"1.0.2":{"name":"@vivid-planet/redux-paging","version":"1.0.2","description":"A higher order component decorator for paging using Redux and React","main":"./lib/index.js","scripts":{"build":"babel src --presets=es2015,react --out-dir lib","clean":"rm -rf lib","prepublish":"npm run clean && npm run build"},"repository":{"type":"git","url":"git+ssh://git@github.com/vivid-planet/redux-paging.git"},"dependencies":{"react":"^15.6.1","prop-types":"^15.6.0","react-redux":"^5.0.6","redux-act":"^1.5.0","immutable":"^3.8.2"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1"},"keywords":["react","reactjs","react-redux","redux","redux-paging","paging","flux","immutable"],"author":{"name":"Alexander Kaufmann","email":"ak@vivid-planet.com"},"license":"BSD-2-Clause","bugs":{"url":"https://github.com/vivid-planet/redux-paging/issues"},"homepage":"https://github.com/vivid-planet/redux-paging#readme","gitHead":"5824622b62b6dc096432c0e2b11a8129bbc1e163","_id":"@vivid-planet/redux-paging@1.0.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"kaufmo","email":"kaufmann.alexander@gmx.at"},"dist":{"integrity":"sha512-/+R0IeLbVzcMBnwJny4nAYm4AuBBCjvm5maGvaQt9xrs5Iyq/RE5oDyyDhIkqHqtUGThNR+G/idIgC4swpQAVA==","shasum":"f5d1a7da953ba9b70b3834c5ef24bc0a111942dc","tarball":"https://registry.npmjs.org/@vivid-planet/redux-paging/-/redux-paging-1.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDnPs7PpDqYLGTR4KK0dBiLmrbsySe687ypna1GPWabKAiAUF8C/z5ogZB1AF+OETpSoy+Jhy+3DAfYoa3sFwZvzTw=="}]},"maintainers":[{"email":"niko.sams@gmail.com","name":"nsams"},{"email":"kaufmann.alexander@gmx.at","name":"kaufmo"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/redux-paging-1.0.2.tgz_1510147273692_0.663225298980251"},"directories":{}},"1.0.3":{"name":"@vivid-planet/redux-paging","version":"1.0.3","description":"A higher order component decorator for paging using Redux and React","main":"./lib/index.js","scripts":{"build":"babel src --presets=es2015,react --out-dir lib","clean":"rm -rf lib","prepublish":"npm run clean && npm run build"},"repository":{"type":"git","url":"git+ssh://git@github.com/vivid-planet/redux-paging.git"},"peerDependencies":{"react":"^15.6.1","prop-types":"^15.6.0","react-redux":"^5.0.6","redux-act":"^1.5.0","immutable":"^3.8.2"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1"},"keywords":["react","reactjs","react-redux","redux","redux-paging","paging","flux","immutable"],"author":{"name":"Alexander Kaufmann","email":"ak@vivid-planet.com"},"license":"BSD-2-Clause","bugs":{"url":"https://github.com/vivid-planet/redux-paging/issues"},"homepage":"https://github.com/vivid-planet/redux-paging#readme","gitHead":"416540a61e4e732b74be6c44f37296c2abb9943e","_id":"@vivid-planet/redux-paging@1.0.3","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"kaufmo","email":"kaufmann.alexander@gmx.at"},"dist":{"integrity":"sha512-toGwsaFZNVmNZ97Oc4h6B0BqXlYOTpBoMrED6tdtqfaE9O/FMbRYPg9rWnh1rMpdsdcw6BmO4KEOawhL9rkU1Q==","shasum":"19e3985766fbfca0dd3fbf7c3263bee46cd3db42","tarball":"https://registry.npmjs.org/@vivid-planet/redux-paging/-/redux-paging-1.0.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFvw+7gdI5wpGI68wH08nL3gypz9rYnug1wEMI+/L64GAiAH+rfxMWggorPbL74V3RlgdKNf0wYntLJeX05+VqIFeA=="}]},"maintainers":[{"email":"niko.sams@gmail.com","name":"nsams"},{"email":"kaufmann.alexander@gmx.at","name":"kaufmo"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/redux-paging-1.0.3.tgz_1510150796727_0.2709570408333093"},"directories":{}},"1.1.0":{"name":"@vivid-planet/redux-paging","version":"1.1.0","description":"A higher order component decorator for paging using Redux and React","main":"./lib/index.js","scripts":{"scss":"node-sass --output-style expanded --recursive scss/default.scss dist/redux-paging.css","build":"babel src --presets=es2015,react --out-dir lib","clean":"rm -rf lib && rm -rf dist","prepublish":"npm run clean && npm run build && npm run scss"},"repository":{"type":"git","url":"git+ssh://git@github.com/vivid-planet/redux-paging.git"},"peerDependencies":{"react":"^15.6.1","prop-types":"^15.6.0","react-redux":"^5.0.6","redux-act":"^1.5.0","immutable":"^3.8.2"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","node-sass":"^4.6.0"},"keywords":["react","reactjs","react-redux","redux","redux-paging","paging","flux","immutable"],"author":{"name":"Alexander Kaufmann","email":"ak@vivid-planet.com"},"license":"BSD-2-Clause","bugs":{"url":"https://github.com/vivid-planet/redux-paging/issues"},"homepage":"https://github.com/vivid-planet/redux-paging#readme","gitHead":"82f09bc4b32fbadd8b675ff463be11f915ed0310","_id":"@vivid-planet/redux-paging@1.1.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"kaufmo","email":"kaufmann.alexander@gmx.at"},"dist":{"integrity":"sha512-qMmCZaRCRWGockzrCP2eZ0+mjcHwN5fMWhyQtZEA5m8We0HZnQ4mXDGLHKDgGl349i66wdjqXyat2k3eb+nifA==","shasum":"94bd83caa6613dc78a6d7f5bdfcc4bfa8807e87a","tarball":"https://registry.npmjs.org/@vivid-planet/redux-paging/-/redux-paging-1.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFL3DOaPtpbzMcn+TluaWkRS/zmlo2YiL3A/8TY+DS6DAiAAh9D0nhYsHbUEOVKlfqc3gQPaVil5iqrk7M5qGpZnYA=="}]},"maintainers":[{"email":"filosofem.dave@gmail.com","name":"qrakhen"},{"email":"jamesricky@me.com","name":"jamesricky"},{"email":"mm@vivid-planet.com","name":"mennoxx"},{"email":"niko.sams@gmail.com","name":"nsams"},{"email":"kaufmann.alexander@gmx.at","name":"kaufmo"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/redux-paging-1.1.0.tgz_1510229940930_0.07126399176195264"},"directories":{}}},"readme":"# redux-paging\n\n[![NPM Version](https://img.shields.io/npm/v/@vivid-planet/redux-paging.svg?style=flat)](https://www.npmjs.com/package/@vivid-planet/redux-paging)\n[![NPM Downloads](https://img.shields.io/npm/dm/@vivid-planet/redux-paging.svg?style=flat)](https://www.npmjs.com/package/@vivid-planet/redux-paging)\n\n`redux-paging` works with [React Redux](https://github.com/rackt/react-redux) to render a paging in \n[React](https://github.com/facebook/react) to use [Redux](https://github.com/rackt/redux) to store all of its state.\n\n## Installation\n```npm install --save @vivid-planet/redux-paging```\n\n## Getting Started\n\n### Step 1 of 3: Form reducer\n\nThe store should know how to handle actions coming from the paging component.\nTo enable this, we need to pass the pagingReducer to your store.\n\n```javascript\nimport { combineReducers } from 'redux';\nimport { reducer as pagingReducer } from '@vivid-planet/redux-paging';\n\nconst rootReducer = combineReducers({\n  // ...your other reducers here\n  // you have to pass pagingReducer under 'paging' key\n  paging: pagingReducer\n})\n```\n\n### Step 2 of 3: `<Paging />` Component\n\nThe `<Paging />` component renders the pages calculated with the total and perPage props.\nThe basic usage goes as follows:\n\n```jsx\n<Paging\n    name=\"pagingName\"\n    total={number}\n    perPage={number}\n    onChangePage={changePage}\n/>\n```\n\n### Step 3 of 3: Reacting to onChangePage\n\nThe new page is passed as argument to your callback function.\nTell the store to change to current page after request is finished.\n\n```javascript\nimport { change } from '@vivid-planet/redux-paging';\n\nexport const changePage = (page) => {\n    return (dispatch, getState) => {\n        return sleep(1000).then(() => {\n            // simulate server latency\n            dispatch(change('pagingName', page));\n        });\n    }\n}\n```\n","maintainers":[{"email":"florian.mangelberger@vivid-planet.com","name":"florianvivid"},{"email":"kaufmann.alexander@gmx.at","name":"kaufmo"},{"email":"niko.sams@gmail.com","name":"nsams"},{"email":"mm@vivid-planet.com","name":"mennoxx"},{"email":"jamesricky@me.com","name":"jamesricky"},{"email":"ufx@vivid-planet.com","name":"franzel"},{"email":"benjamin.hohenwarter@gmail.com","name":"ben-ho"},{"email":"mb@vivid-planet.com","name":"manuelblum"},{"email":"sm@vivid-planet.com","name":"sebi_vps"},{"email":"mfrenslich@vivid-planet.com","name":"mfsepplive"},{"email":"michael.schwaiger@vivid-planet.com","name":"michaelschwaiger"},{"email":"pbk@vivid-planet.com","name":"pbkvivid"},{"email":"mk@vivid-planet.com","name":"mariokemetinger"},{"email":"d.karnutsch@gmail.com","name":"dkarnutsch"},{"email":"dev@vivid-planet.com","name":"vividplanet"},{"email":"johannes.obermair@gmail.com","name":"johnnyomair"},{"email":"mherbst@vivid-planet.com","name":"michiherbst"},{"email":"mr@vivid-planet.com","name":"martinkaro"},{"email":"magdalena.maislinger@vivid-planet.com","name":"magdaxmai"},{"email":"georg.schreglmann@vivid-planet.com","name":"georgschreglmann"},{"email":"lukas.kern@vivid-planet.com","name":"chernylu"},{"email":"bianca.leitner@vivid-planet.com","name":"b33l33"},{"email":"michael.kodim@vivid-planet.com","name":"mad-mitch"},{"email":"thomas.dax@vivid-planet.com","name":"thomasdax"},{"email":"tobias.kuhn@vivid-planet.com","name":"tobias_vivid"}],"time":{"modified":"2024-01-17T10:11:47.096Z","created":"2017-11-08T12:01:25.330Z","1.0.0":"2017-11-08T12:01:25.330Z","1.0.1":"2017-11-08T12:56:10.107Z","1.0.2":"2017-11-08T13:21:14.608Z","1.0.3":"2017-11-08T14:19:57.711Z","1.1.0":"2017-11-09T12:19:01.013Z"},"homepage":"https://github.com/vivid-planet/redux-paging#readme","keywords":["react","reactjs","react-redux","redux","redux-paging","paging","flux","immutable"],"repository":{"type":"git","url":"git+ssh://git@github.com/vivid-planet/redux-paging.git"},"author":{"name":"Alexander Kaufmann","email":"ak@vivid-planet.com"},"bugs":{"url":"https://github.com/vivid-planet/redux-paging/issues"},"license":"BSD-2-Clause","readmeFilename":"README.md","users":{"kaufmo":true}}