@ipostol/reactpagination - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/Pagination.js

@@ -1,1 +0,1 @@
-"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a}function _inherits(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function e(e,a){for(var t=0;t<a.length;t++){var s=a[t];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}return function(a,t,s){return t&&e(a.prototype,t),s&&e(a,s),a}}(),_react=require("react"),_react2=_interopRequireDefault(_react),_propTypes=require("prop-types"),_propTypes2=_interopRequireDefault(_propTypes),_paginator=require("paginator"),_paginator2=_interopRequireDefault(_paginator),_Page=require("./Page"),_Page2=_interopRequireDefault(_Page),_classnames=require("classnames"),_classnames2=_interopRequireDefault(_classnames),Pagination=function(e){function a(){return _classCallCheck(this,a),_possibleConstructorReturn(this,(a.__proto__||Object.getPrototypeOf(a)).apply(this,arguments))}return _inherits(a,_react2.default.Component),_createClass(a,[{key:"isFirstPageVisible",value:function(e){var a=this.props,t=a.hideDisabled;a.hideNavigation;return!(a.hideFirstLastPages||t&&!e)}},{key:"isPrevPageVisible",value:function(e){var a=this.props,t=a.hideDisabled;return!(a.hideNavigation||t&&!e)}},{key:"isNextPageVisible",value:function(e){var a=this.props,t=a.hideDisabled;return!(a.hideNavigation||t&&!e)}},{key:"isLastPageVisible",value:function(e){var a=this.props,t=a.hideDisabled;a.hideNavigation;return!(a.hideFirstLastPages||t&&!e)}},{key:"buildPages",value:function(){for(var e=[],a=this.props,t=a.itemsCountPerPage,s=a.pageRangeDisplayed,i=a.activePage,r=a.prevPageText,l=a.nextPageText,n=a.firstPageText,o=a.lastPageText,u=a.totalItemsCount,p=a.onChange,g=a.activeClass,c=a.itemClass,_=a.itemClassFirst,f=a.itemClassPrev,d=a.itemClassNext,h=a.itemClassLast,C=a.activeLinkClass,P=a.disabledClass,b=(a.hideDisabled,a.hideNavigation,a.linkClass),v=a.linkClassFirst,m=a.linkClassPrev,k=a.linkClassNext,y=a.linkClassLast,x=(a.hideFirstLastPages,a.getPageUrl),T=new _paginator2.default(t,s).build(u,i),D=T.first_page;D<=T.last_page;D++)e.push(_react2.default.createElement(_Page2.default,{isActive:D===i,key:D,href:x(D),pageNumber:D,pageText:D+"",onClick:p,itemClass:c,linkClass:b,activeClass:g,activeLinkClass:C}));return this.isPrevPageVisible(T.has_previous_page)&&e.unshift(_react2.default.createElement(_Page2.default,{key:"prev"+T.previous_page,href:x(T.previous_page),pageNumber:T.previous_page,onClick:p,pageText:r,isDisabled:!T.has_previous_page,itemClass:(0,_classnames2.default)(c,f),linkClass:(0,_classnames2.default)(b,m),disabledClass:P})),this.isFirstPageVisible(T.has_previous_page)&&e.unshift(_react2.default.createElement(_Page2.default,{key:"first",href:x(1),pageNumber:1,onClick:p,pageText:n,isDisabled:!T.has_previous_page,itemClass:(0,_classnames2.default)(c,_),linkClass:(0,_classnames2.default)(b,v),disabledClass:P})),this.isNextPageVisible(T.has_next_page)&&e.push(_react2.default.createElement(_Page2.default,{key:"next"+T.next_page,href:x(T.next_page),pageNumber:T.next_page,onClick:p,pageText:l,isDisabled:!T.has_next_page,itemClass:(0,_classnames2.default)(c,d),linkClass:(0,_classnames2.default)(b,k),disabledClass:P})),this.isLastPageVisible(T.has_next_page)&&e.push(_react2.default.createElement(_Page2.default,{key:"last",href:x(T.total_pages),pageNumber:T.total_pages,onClick:p,pageText:o,isDisabled:T.current_page===T.total_pages,itemClass:(0,_classnames2.default)(c,h),linkClass:(0,_classnames2.default)(b,y),disabledClass:P})),e}},{key:"render",value:function(){var e=this.buildPages();return _react2.default.createElement("ul",{className:this.props.innerClass},e)}}]),a}();Pagination.defaultProps={itemsCountPerPage:10,pageRangeDisplayed:5,activePage:1,prevPageText:"⟨",firstPageText:"«",nextPageText:"⟩",lastPageText:"»",innerClass:"pagination",itemClass:void 0,linkClass:void 0,activeLinkClass:void 0,hideFirstLastPages:!1,getPageUrl:function(e){return"#"}},exports.default=Pagination;
+"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a}function _inherits(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function e(e,a){for(var t=0;t<a.length;t++){var s=a[t];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}return function(a,t,s){return t&&e(a.prototype,t),s&&e(a,s),a}}(),_react=require("react"),_react2=_interopRequireDefault(_react),_propTypes=require("prop-types"),_propTypes2=_interopRequireDefault(_propTypes),_paginator=require("paginator"),_paginator2=_interopRequireDefault(_paginator),_Page=require("./Page"),_Page2=_interopRequireDefault(_Page),_classnames=require("classnames"),_classnames2=_interopRequireDefault(_classnames),Pagination=function(e){function a(){return _classCallCheck(this,a),_possibleConstructorReturn(this,(a.__proto__||Object.getPrototypeOf(a)).apply(this,arguments))}return _inherits(a,_react2.default.Component),_createClass(a,[{key:"isFirstPageVisible",value:function(e){var a=this.props,t=a.hideDisabled;a.hideNavigation;return!(a.hideFirstLastPages||t&&!e)}},{key:"isPrevPageVisible",value:function(e){var a=this.props,t=a.hideDisabled;return!(a.hideNavigation||t&&!e)}},{key:"isNextPageVisible",value:function(e){var a=this.props,t=a.hideDisabled;return!(a.hideNavigation||t&&!e)}},{key:"isLastPageVisible",value:function(e){var a=this.props,t=a.hideDisabled;a.hideNavigation;return!(a.hideFirstLastPages||t&&!e)}},{key:"getPageUrl",value:function(e){var a=this.props.getPageUrl;return e?a(e):"#"}},{key:"buildPages",value:function(){for(var e=[],a=this.props,t=a.itemsCountPerPage,s=a.pageRangeDisplayed,i=a.activePage,r=a.prevPageText,l=a.nextPageText,n=a.firstPageText,u=a.lastPageText,o=a.totalItemsCount,p=a.onChange,g=a.activeClass,c=a.itemClass,_=a.itemClassFirst,f=a.itemClassPrev,d=a.itemClassNext,h=a.itemClassLast,P=a.activeLinkClass,C=a.disabledClass,v=(a.hideDisabled,a.hideNavigation,a.linkClass),b=a.linkClassFirst,m=a.linkClassPrev,k=a.linkClassNext,y=a.linkClassLast,x=(a.hideFirstLastPages,new _paginator2.default(t,s).build(o,i)),T=x.first_page;T<=x.last_page;T++)e.push(_react2.default.createElement(_Page2.default,{isActive:T===i,key:T,href:this.getPageUrl(T),pageNumber:T,pageText:T+"",onClick:p,itemClass:c,linkClass:v,activeClass:g,activeLinkClass:P}));return this.isPrevPageVisible(x.has_previous_page)&&e.unshift(_react2.default.createElement(_Page2.default,{key:"prev"+x.previous_page,href:this.getPageUrl(x.previous_page),pageNumber:x.previous_page,onClick:p,pageText:r,isDisabled:!x.has_previous_page,itemClass:(0,_classnames2.default)(c,f),linkClass:(0,_classnames2.default)(v,m),disabledClass:C})),this.isFirstPageVisible(x.has_previous_page)&&e.unshift(_react2.default.createElement(_Page2.default,{key:"first",href:this.getPageUrl(1),pageNumber:1,onClick:p,pageText:n,isDisabled:!x.has_previous_page,itemClass:(0,_classnames2.default)(c,_),linkClass:(0,_classnames2.default)(v,b),disabledClass:C})),this.isNextPageVisible(x.has_next_page)&&e.push(_react2.default.createElement(_Page2.default,{key:"next"+x.next_page,href:this.getPageUrl(x.next_page),pageNumber:x.next_page,onClick:p,pageText:l,isDisabled:!x.has_next_page,itemClass:(0,_classnames2.default)(c,d),linkClass:(0,_classnames2.default)(v,k),disabledClass:C})),this.isLastPageVisible(x.has_next_page)&&e.push(_react2.default.createElement(_Page2.default,{key:"last",href:this.getPageUrl(x.total_pages),pageNumber:x.total_pages,onClick:p,pageText:u,isDisabled:x.current_page===x.total_pages,itemClass:(0,_classnames2.default)(c,h),linkClass:(0,_classnames2.default)(v,y),disabledClass:C})),e}},{key:"render",value:function(){var e=this.buildPages();return _react2.default.createElement("ul",{className:this.props.innerClass},e)}}]),a}();Pagination.defaultProps={itemsCountPerPage:10,pageRangeDisplayed:5,activePage:1,prevPageText:"⟨",firstPageText:"«",nextPageText:"⟩",lastPageText:"»",innerClass:"pagination",itemClass:void 0,linkClass:void 0,activeLinkClass:void 0,hideFirstLastPages:!1,getPageUrl:function(e){return"#"}},exports.default=Pagination;

package.json

 {
   "name": "@ipostol/reactpagination",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Simple, easy to use component for pagination. Compatible with bootstrap paginator stylesheets",
@@ -5,0 +5,0 @@ "main": "./dist/Pagination.js",

src/components/Pagination.js

@@ -78,2 +78,12 @@ import React, { Component } from "react";
 
+  getPageUrl(page) {
+    const { getPageUrl } = this.props;
+
+    if (page) {
+      return getPageUrl(page);
+    }
+
+    return "#";
+  }
+
   buildPages() {
@@ -106,4 +116,3 @@ const pages = [];
       linkClassLast,
-      hideFirstLastPages,
-      getPageUrl
+      hideFirstLastPages
     } = this.props;
@@ -125,3 +134,3 @@
           key={i}
-          href={getPageUrl(i)}
+          href={this.getPageUrl(i)}
           pageNumber={i}
@@ -142,3 +151,3 @@ pageText={i + ""}
           key={"prev" + paginationInfo.previous_page}
-          href={getPageUrl(paginationInfo.previous_page)}
+          href={this.getPageUrl(paginationInfo.previous_page)}
           pageNumber={paginationInfo.previous_page}
@@ -158,3 +167,3 @@ onClick={onChange}
           key={"first"}
-          href={getPageUrl(1)}
+          href={this.getPageUrl(1)}
           pageNumber={1}
@@ -174,3 +183,3 @@ onClick={onChange}
           key={"next" + paginationInfo.next_page}
-          href={getPageUrl(paginationInfo.next_page)}
+          href={this.getPageUrl(paginationInfo.next_page)}
           pageNumber={paginationInfo.next_page}
@@ -190,3 +199,3 @@ onClick={onChange}
           key={"last"}
-          href={getPageUrl(paginationInfo.total_pages)}
+          href={this.getPageUrl(paginationInfo.total_pages)}
           pageNumber={paginationInfo.total_pages}
@@ -193,0 +202,0 @@ onClick={onChange}

No alert changes

Improved metrics

Total package byte prevSize

5016093

increased by0.01%

Lines of code

5049

increased by0.12%

No dependency changes