feat(pagination): add hitsPerPage and maxPages options

Author: vvo

README.md

@@ -97,6 +97,8 @@ npm run test:coverage
       // cssClass: 'pagination', // no default
       // padding: 3, // number of page numbers to show before/after current
       // showFirstLast: true, // show or hide first and last links
+      // hitsPerPage: 20,
+      // maxPages, // automatically computed based on the result set
       // labels: {
       //   previous: '‹', // ‹
       //   next: '›', // ›

example/app.js

@@ -29,7 +29,9 @@ instant.addWidget(
 instant.addWidget(
   instantsearch.widgets.pagination({
     container: '#pagination',
-    cssClass: 'pagination'
+    cssClass: 'pagination',
+    hitsPerPage: 5,
+    maxPages: 20
   })
 );
 

widgets/pagination/index.js

@@ -4,20 +4,27 @@ var React = require('react');
 
 var utils = require('../../lib/widgetUtils.js');
 
-function hits(params) {
+function hits({container, cssClass, labels, hitsPerPage=20, maxPages}={}) {
   var Pagination = require('../../components/Pagination/');
-  var containerNode = utils.getContainerNode(params.container);
+  var containerNode = utils.getContainerNode(container);
 
   return {
+    getConfiguration: function() {
+      return {
+        hitsPerPage
+      };
+    },
     render: function(results, state, helper) {
+      var nbPages = maxPages !== undefined ? maxPages : results.nbPages;
+
       React.render(
         <Pagination
           nbHits={results.nbHits}
           currentPage={results.page}
-          nbPages={results.nbPages}
+          nbPages={nbPages}
           setCurrentPage={helper.setCurrentPage.bind(helper)}
-          cssClass={params.cssClass}
-          labels={params.labels} />,
+          cssClass={cssClass}
+          labels={labels} />,
         containerNode
       );
     }