From f7e564fb114946101394ac1a666f28fc17188620 Mon Sep 17 00:00:00 2001
From: lluiscab <lluiscab@gmail.com>
Date: Sun, 30 Jul 2017 15:42:23 +0200
Subject: [PATCH 1/3] Added hideNavigation boolean to hide next / prev / last /
 first arrows

---
 src/components/Pagination.js | 14 ++++++++------
 src/example/App.js           | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/src/components/Pagination.js b/src/components/Pagination.js
index b33b271..9b04ae2 100644
--- a/src/components/Pagination.js
+++ b/src/components/Pagination.js
@@ -31,7 +31,8 @@ export default class Pagination extends React.Component {
       linkClass: PropTypes.string,
       activeClass: PropTypes.string,
       disabledClass: PropTypes.string,
-      hideDisabled: PropTypes.bool
+      hideDisabled: PropTypes.bool,
+      hideNavigation: PropTypes.bool
     }
 
     static defaultProps = {
@@ -63,7 +64,8 @@ export default class Pagination extends React.Component {
             itemClass,
             linkClass,
             disabledClass,
-            hideDisabled
+            hideDisabled,
+            hideNavigation
         } = this.props;
 
         const paginationInfo = new paginator(itemsCountPerPage, pageRangeDisplayed)
@@ -86,7 +88,7 @@ export default class Pagination extends React.Component {
             }
         }
 
-        (hideDisabled && !paginationInfo.has_previous_page) || pages.unshift(
+        ((hideDisabled && !paginationInfo.has_previous_page) || hideNavigation) || pages.unshift(
             <Page
                 key={"prev" + paginationInfo.previous_page}
                 pageNumber={paginationInfo.previous_page}
@@ -99,7 +101,7 @@ export default class Pagination extends React.Component {
             />
         );
 
-        (hideDisabled && !paginationInfo.has_previous_page) || pages.unshift(
+        ((hideDisabled && !paginationInfo.has_previous_page) || hideNavigation) || pages.unshift(
             <Page
                 key={"first"}
                 pageNumber={1}
@@ -112,7 +114,7 @@ export default class Pagination extends React.Component {
             />
         );
 
-        (hideDisabled && !paginationInfo.has_next_page) || pages.push(
+        ((hideDisabled && !paginationInfo.has_next_page) || hideNavigation) || pages.push(
             <Page
                 key={"next" + paginationInfo.next_page}
                 pageNumber={paginationInfo.next_page}
@@ -125,7 +127,7 @@ export default class Pagination extends React.Component {
             />
         );
 
-        (hideDisabled && !paginationInfo.has_next_page) || pages.push(
+        ((hideDisabled && !paginationInfo.has_next_page) || hideNavigation) || pages.push(
             <Page
                 key={"last"}
                 pageNumber={paginationInfo.total_pages}
diff --git a/src/example/App.js b/src/example/App.js
index 0805ae6..73a5473 100644
--- a/src/example/App.js
+++ b/src/example/App.js
@@ -57,6 +57,20 @@ export default class App extends Component {
     />
   );
 }`;
+
+	  const hideNavigation = `render() {
+  return (
+    <Pagination
+      hideNavigation
+      pageRangeDisplayed={10}
+      activePage={this.state.activePage}
+      itemsCountPerPage={PER_PAGE}
+      totalItemsCount={TOTAL_COUNT}
+      onChange={this.handlePageChange}
+    />
+  );
+}`;
+
     const overrideText = `render() {
   return (
     <Pagination
@@ -193,6 +207,28 @@ export default class App extends Component {
             </div>
           </div>
         </div>
+
+        <div className="panel panel-default">
+          <div className="panel-heading">
+            <a href='#nav-arrows'>
+              <h4 id='nav-arrows'>Hide navigation arrows</h4>
+            </a>
+          </div>
+          <div className="panel-body">
+            <SyntaxHighlighter language='javascript' style={sunburst}>{hideNavigation}</SyntaxHighlighter>
+            <div className='text-center'>
+              <Pagination
+                  hideNavigation
+                  pageRangeDisplayed={10}
+                  activePage={this.state.activePage}
+                  itemsCountPerPage={PER_PAGE}
+                  totalItemsCount={TOTAL_COUNT}
+                  onChange={this.handlePageChange}
+              />
+            </div>
+          </div>
+        </div>
+
       </div>
     );
   }

From 0fefed7b9964057c6ef3b72f9dde699aa635827f Mon Sep 17 00:00:00 2001
From: lluiscab <lluiscab@gmail.com>
Date: Sun, 30 Jul 2017 15:48:51 +0200
Subject: [PATCH 2/3] Added activeLinkClass

---
 README.md                    |  2 ++
 src/components/Page.js       |  7 ++++++-
 src/components/Pagination.js |  4 ++++
 src/example/App.js           | 21 +++++++++++++++++++++
 4 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 57fb21a..85ff5b7 100644
--- a/README.md
+++ b/README.md
@@ -77,7 +77,9 @@ Name | Type | Default | Description
 `nextPageText` | String / ReactElement | `⟩` | Text of next page navigation button
 `innerClass` | String | `pagination` | Class name of `<ul>` tag
 `activeClass` | String | `active` | Class name of active `<li>` tag
+`activeLinkClass` | String |  | Class name of active `<a>` tag
 `itemClass` | String | | Default class of the `<li>` tag
 `linkClass` | String | | Default class of the `<a>` tag
 `disabledClass` | String | `disabled` | Class name of the first, previous, next and last `<li>` tags when disabled
 `hideDisabled` | Boolean | `false` | Hide navigation buttons (prev page, next page) if they are disabled.
+`hideNavigation` | Boolean | `false` | Hide navigation buttons (prev page, next page)
diff --git a/src/components/Page.js b/src/components/Page.js
index d4a6ac8..81a6699 100644
--- a/src/components/Page.js
+++ b/src/components/Page.js
@@ -13,6 +13,7 @@ export default class Page extends Component {
         isActive: PropTypes.bool.isRequired,
         isDisabled: PropTypes.bool,
         activeClass: PropTypes.string,
+		activeLinkClass: PropTypes.string,
         itemClass: PropTypes.string,
         linkClass: PropTypes.string,
         disabledClass: PropTypes.string
@@ -23,6 +24,7 @@ export default class Page extends Component {
         disabledClass: "disabled",
         itemClass: undefined,
         linkClass: undefined,
+        activeLinkCLass: undefined,
         isActive: false,
         isDisabled: false
     }
@@ -43,6 +45,7 @@ export default class Page extends Component {
           activeClass,
           itemClass,
           linkClass,
+          activeLinkClass,
           disabledClass,
           isActive,
           isDisabled,
@@ -53,7 +56,9 @@ export default class Page extends Component {
           [disabledClass]: isDisabled,
         });
 				
-        const linkCss = cx(linkClass);
+        const linkCss = cx(linkClass, {
+            [activeLinkClass]: isActive
+        });
 
         return (
             <li className={css} onClick={::this.handleClick}>
diff --git a/src/components/Pagination.js b/src/components/Pagination.js
index 9b04ae2..9525f21 100644
--- a/src/components/Pagination.js
+++ b/src/components/Pagination.js
@@ -30,6 +30,7 @@ export default class Pagination extends React.Component {
       itemClass: PropTypes.string,
       linkClass: PropTypes.string,
       activeClass: PropTypes.string,
+      activeLinkClass: PropTypes.string,
       disabledClass: PropTypes.string,
       hideDisabled: PropTypes.bool,
       hideNavigation: PropTypes.bool
@@ -46,6 +47,7 @@ export default class Pagination extends React.Component {
       innerClass: "pagination",
       itemClass: undefined,
       linkClass: undefined,
+      activeLinkClass: undefined
     }
 
     buildPages() {
@@ -63,6 +65,7 @@ export default class Pagination extends React.Component {
             activeClass,
             itemClass,
             linkClass,
+            activeLinkClass,
             disabledClass,
             hideDisabled,
             hideNavigation
@@ -83,6 +86,7 @@ export default class Pagination extends React.Component {
                         itemClass={itemClass}
                         linkClass={linkClass}
                         activeClass={activeClass}
+                        activeLinkClass={activeLinkClass}
                     />
                 );
             }
diff --git a/src/example/App.js b/src/example/App.js
index 73a5473..968a98a 100644
--- a/src/example/App.js
+++ b/src/example/App.js
@@ -229,6 +229,27 @@ export default class App extends Component {
           </div>
         </div>
 
+        <div className="panel panel-default">
+          <div className="panel-heading">
+            <a href='#nav-arrows'>
+              <h4 id='nav-arrows'>Hide navigation arrows</h4>
+            </a>
+          </div>
+          <div className="panel-body">
+            <SyntaxHighlighter language='javascript' style={sunburst}>{hideNavigation}</SyntaxHighlighter>
+            <div className='text-center'>
+              <Pagination
+                  activeLinkClass={"is-selected"}
+                  pageRangeDisplayed={10}
+                  activePage={this.state.activePage}
+                  itemsCountPerPage={PER_PAGE}
+                  totalItemsCount={TOTAL_COUNT}
+                  onChange={this.handlePageChange}
+              />
+            </div>
+          </div>
+        </div>
+
       </div>
     );
   }

From 62e03490180be10fc80eb2df64662c8e5ea65d6f Mon Sep 17 00:00:00 2001
From: lluiscab <lluiscab@gmail.com>
Date: Sun, 30 Jul 2017 16:03:55 +0200
Subject: [PATCH 3/3] It's now build

---
 dist/Page.js       |  7 +++++--
 dist/Pagination.js | 22 ++++++++++++++--------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/dist/Page.js b/dist/Page.js
index 2ebfd11..4c041be 100644
--- a/dist/Page.js
+++ b/dist/Page.js
@@ -61,14 +61,15 @@ var Page = function (_Component) {
                 activeClass = _props2.activeClass,
                 itemClass = _props2.itemClass,
                 linkClass = _props2.linkClass,
+                activeLinkClass = _props2.activeLinkClass,
                 disabledClass = _props2.disabledClass,
                 isActive = _props2.isActive,
                 isDisabled = _props2.isDisabled;
 
 
-            var css = (0, _classnames2.default)((_cx = {}, _defineProperty(_cx, activeClass, isActive), _defineProperty(_cx, disabledClass, isDisabled), _defineProperty(_cx, itemClass, itemClass !== undefined), _cx));
+            var css = (0, _classnames2.default)(itemClass, (_cx = {}, _defineProperty(_cx, activeClass, isActive), _defineProperty(_cx, disabledClass, isDisabled), _cx));
 
-            var linkCss = (0, _classnames2.default)(_defineProperty({}, linkClass, linkClass !== undefined));
+            var linkCss = (0, _classnames2.default)(linkClass, _defineProperty({}, activeLinkClass, isActive));
 
             return _react2.default.createElement(
                 "li",
@@ -92,6 +93,7 @@ Page.propTypes = {
     isActive: _propTypes2.default.bool.isRequired,
     isDisabled: _propTypes2.default.bool,
     activeClass: _propTypes2.default.string,
+    activeLinkClass: _propTypes2.default.string,
     itemClass: _propTypes2.default.string,
     linkClass: _propTypes2.default.string,
     disabledClass: _propTypes2.default.string
@@ -101,6 +103,7 @@ Page.defaultProps = {
     disabledClass: "disabled",
     itemClass: undefined,
     linkClass: undefined,
+    activeLinkCLass: undefined,
     isActive: false,
     isDisabled: false
 };
diff --git a/dist/Pagination.js b/dist/Pagination.js
index c308d91..8edbdde 100644
--- a/dist/Pagination.js
+++ b/dist/Pagination.js
@@ -56,8 +56,10 @@ var Pagination = function (_React$Component) {
                 activeClass = _props.activeClass,
                 itemClass = _props.itemClass,
                 linkClass = _props.linkClass,
+                activeLinkClass = _props.activeLinkClass,
                 disabledClass = _props.disabledClass,
-                hideDisabled = _props.hideDisabled;
+                hideDisabled = _props.hideDisabled,
+                hideNavigation = _props.hideNavigation;
 
 
             var paginationInfo = new _paginator2.default(itemsCountPerPage, pageRangeDisplayed).build(totalItemsCount, activePage);
@@ -72,12 +74,13 @@ var Pagination = function (_React$Component) {
                         onClick: onChange,
                         itemClass: itemClass,
                         linkClass: linkClass,
-                        activeClass: activeClass
+                        activeClass: activeClass,
+                        activeLinkClass: activeLinkClass
                     }));
                 }
             }
 
-            hideDisabled && !paginationInfo.has_previous_page || pages.unshift(_react2.default.createElement(_Page2.default, {
+            hideDisabled && !paginationInfo.has_previous_page || hideNavigation || pages.unshift(_react2.default.createElement(_Page2.default, {
                 key: "prev" + paginationInfo.previous_page,
                 pageNumber: paginationInfo.previous_page,
                 onClick: onChange,
@@ -88,7 +91,7 @@ var Pagination = function (_React$Component) {
                 disabledClass: disabledClass
             }));
 
-            hideDisabled && !paginationInfo.has_previous_page || pages.unshift(_react2.default.createElement(_Page2.default, {
+            hideDisabled && !paginationInfo.has_previous_page || hideNavigation || pages.unshift(_react2.default.createElement(_Page2.default, {
                 key: "first",
                 pageNumber: 1,
                 onClick: onChange,
@@ -99,7 +102,7 @@ var Pagination = function (_React$Component) {
                 disabledClass: disabledClass
             }));
 
-            hideDisabled && !paginationInfo.has_next_page || pages.push(_react2.default.createElement(_Page2.default, {
+            hideDisabled && !paginationInfo.has_next_page || hideNavigation || pages.push(_react2.default.createElement(_Page2.default, {
                 key: "next" + paginationInfo.next_page,
                 pageNumber: paginationInfo.next_page,
                 onClick: onChange,
@@ -110,7 +113,7 @@ var Pagination = function (_React$Component) {
                 disabledClass: disabledClass
             }));
 
-            hideDisabled && !paginationInfo.has_next_page || pages.push(_react2.default.createElement(_Page2.default, {
+            hideDisabled && !paginationInfo.has_next_page || hideNavigation || pages.push(_react2.default.createElement(_Page2.default, {
                 key: "last",
                 pageNumber: paginationInfo.total_pages,
                 onClick: onChange,
@@ -152,8 +155,10 @@ Pagination.propTypes = {
     itemClass: _propTypes2.default.string,
     linkClass: _propTypes2.default.string,
     activeClass: _propTypes2.default.string,
+    activeLinkClass: _propTypes2.default.string,
     disabledClass: _propTypes2.default.string,
-    hideDisabled: _propTypes2.default.bool
+    hideDisabled: _propTypes2.default.bool,
+    hideNavigation: _propTypes2.default.bool
 };
 Pagination.defaultProps = {
     itemsCountPerPage: 10,
@@ -165,7 +170,8 @@ Pagination.defaultProps = {
     lastPageText: "»",
     innerClass: "pagination",
     itemClass: undefined,
-    linkClass: undefined
+    linkClass: undefined,
+    activeLinkClass: undefined
 };
 var _default = Pagination;
 exports.default = _default;