react-ultimate-pagination
Advanced tools
Comparing version 1.1.0 to 1.2.0
@@ -663,5 +663,8 @@ (function webpackUniversalModuleDefinition(root, factory) { | ||
var renderItemComponentFunctionFactory = function renderItemComponentFunctionFactory(itemTypeToComponent, currentPage, onChange) { | ||
var onItemClickFunctionFactory = function onItemClickFunctionFactory(value) { | ||
var onItemClickFunctionFactory = function onItemClickFunctionFactory(_ref) { | ||
var value = _ref.value, | ||
isDisabled = _ref.isDisabled; | ||
return function () { | ||
if (onChange && currentPage !== value) { | ||
if (!isDisabled && onChange && currentPage !== value) { | ||
onChange(value); | ||
@@ -672,13 +675,13 @@ } | ||
return function (item) { | ||
var ItemComponent = itemTypeToComponent[item.type]; | ||
var onItemClick = onItemClickFunctionFactory(item.value); | ||
return _react2.default.createElement(ItemComponent, _extends({ onClick: onItemClick }, item)); | ||
return function (props) { | ||
var ItemComponent = itemTypeToComponent[props.type]; | ||
var onItemClick = onItemClickFunctionFactory(props); | ||
return _react2.default.createElement(ItemComponent, _extends({ onClick: onItemClick }, props)); | ||
}; | ||
}; | ||
var createUltimatePagination = function createUltimatePagination(_ref) { | ||
var itemTypeToComponent = _ref.itemTypeToComponent, | ||
_ref$WrapperComponent = _ref.WrapperComponent, | ||
WrapperComponent = _ref$WrapperComponent === undefined ? 'div' : _ref$WrapperComponent; | ||
var createUltimatePagination = function createUltimatePagination(_ref2) { | ||
var itemTypeToComponent = _ref2.itemTypeToComponent, | ||
_ref2$WrapperComponen = _ref2.WrapperComponent, | ||
WrapperComponent = _ref2$WrapperComponen === undefined ? 'div' : _ref2$WrapperComponen; | ||
@@ -694,3 +697,4 @@ var UltimatePaginationComponent = function UltimatePaginationComponent(props) { | ||
onChange = props.onChange, | ||
restProps = _objectWithoutProperties(props, ['currentPage', 'totalPages', 'boundaryPagesRange', 'siblingPagesRange', 'hideEllipsis', 'hidePreviousAndNextPageLinks', 'hideFirstAndLastPageLinks', 'onChange']); | ||
disabled = props.disabled, | ||
restProps = _objectWithoutProperties(props, ['currentPage', 'totalPages', 'boundaryPagesRange', 'siblingPagesRange', 'hideEllipsis', 'hidePreviousAndNextPageLinks', 'hideFirstAndLastPageLinks', 'onChange', 'disabled']); | ||
@@ -710,3 +714,7 @@ var paginationModel = (0, _ultimatePagination.getPaginationModel)({ | ||
restProps, | ||
paginationModel.map(renderItemComponent) | ||
paginationModel.map(function (itemModel) { | ||
return renderItemComponent(_extends({}, itemModel, { | ||
isDisabled: !!disabled | ||
})); | ||
}) | ||
); | ||
@@ -723,3 +731,4 @@ }; | ||
hideFirstAndLastPageLinks: _propTypes2.default.bool, | ||
onChange: _propTypes2.default.func | ||
onChange: _propTypes2.default.func, | ||
disabled: _propTypes2.default.bool | ||
}; | ||
@@ -726,0 +735,0 @@ |
@@ -1,2 +0,2 @@ | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.reactUltimatePagination=t(require("react")):e.reactUltimatePagination=t(e.React)}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var a=n[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=4)}([function(e,t,n){"use strict";t.ITEM_TYPES={PAGE:"PAGE",ELLIPSIS:"ELLIPSIS",FIRST_PAGE_LINK:"FIRST_PAGE_LINK",PREVIOUS_PAGE_LINK:"PREVIOUS_PAGE_LINK",NEXT_PAGE_LINK:"NEXT_PAGE_LINK",LAST_PAGE_LINK:"LAST_PAGE_LINK"},t.ITEM_KEYS={FIRST_ELLIPSIS:-1,SECOND_ELLIPSIS:-2,FIRST_PAGE_LINK:-3,PREVIOUS_PAGE_LINK:-4,NEXT_PAGE_LINK:-5,LAST_PAGE_LINK:-6}},function(e,t,n){e.exports=n(7)()},function(e,t,n){"use strict";function r(e){if(null==e)throw new Error("getPaginationModel(): options object should be a passed");var t=Number(e.totalPages);if(isNaN(t))throw new Error("getPaginationModel(): totalPages should be a number");if(t<0)throw new Error("getPaginationModel(): totalPages shouldn't be a negative number");var n=Number(e.currentPage);if(isNaN(n))throw new Error("getPaginationModel(): currentPage should be a number");if(n<0)throw new Error("getPaginationModel(): currentPage shouldn't be a negative number");if(n>t)throw new Error("getPaginationModel(): currentPage shouldn't be greater than totalPages");var r=null==e.boundaryPagesRange?1:Number(e.boundaryPagesRange);if(isNaN(r))throw new Error("getPaginationModel(): boundaryPagesRange should be a number");if(r<0)throw new Error("getPaginationModel(): boundaryPagesRange shouldn't be a negative number");var o=null==e.siblingPagesRange?1:Number(e.siblingPagesRange);if(isNaN(o))throw new Error("getPaginationModel(): siblingPagesRange should be a number");if(o<0)throw new Error("getPaginationModel(): siblingPagesRange shouldn't be a negative number");var u=Boolean(e.hidePreviousAndNextPageLinks),s=Boolean(e.hideFirstAndLastPageLinks),c=Boolean(e.hideEllipsis),l=c?0:1,P=[],g=i.createPageFunctionFactory(e);if(s||P.push(i.createFirstPageLink(e)),u||P.push(i.createPreviousPageLink(e)),1+2*l+2*o+2*r>=t){var E=a.createRange(1,t).map(g);P.push.apply(P,E)}else{var f=r,p=a.createRange(1,f).map(g),d=t+1-r,_=t,h=a.createRange(d,_).map(g),I=Math.min(Math.max(n-o,f+l+1),d-l-2*o-1),v=I+2*o,L=a.createRange(I,v).map(g);if(P.push.apply(P,p),!c){var T=I-1,b=T===f+1,S=b?g:i.createFirstEllipsis,y=S(T);P.push(y)}if(P.push.apply(P,L),!c){var m=v+1,N=m===d-1,A=N?g:i.createSecondEllipsis,R=A(m);P.push(R)}P.push.apply(P,h)}return u||P.push(i.createNextPageLink(e)),s||P.push(i.createLastPageLink(e)),P}var a=n(10),i=n(9);t.getPaginationModel=r;var o=n(0);t.ITEM_TYPES=o.ITEM_TYPES,t.ITEM_KEYS=o.ITEM_KEYS},function(t,n){t.exports=e},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0}),t.ITEM_TYPES=t.createUltimatePagination=void 0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=n(3),u=r(o),s=n(1),c=r(s),l=n(2),P=function(e,t,n){var r=function(e){return function(){n&&t!==e&&n(e)}};return function(t){var n=e[t.type],a=r(t.value);return u.default.createElement(n,i({onClick:a},t))}},g=function(e){var t=e.itemTypeToComponent,n=e.WrapperComponent,r=void 0===n?"div":n,i=function(e){var n=e.currentPage,i=e.totalPages,o=e.boundaryPagesRange,s=e.siblingPagesRange,c=e.hideEllipsis,g=e.hidePreviousAndNextPageLinks,E=e.hideFirstAndLastPageLinks,f=e.onChange,p=a(e,["currentPage","totalPages","boundaryPagesRange","siblingPagesRange","hideEllipsis","hidePreviousAndNextPageLinks","hideFirstAndLastPageLinks","onChange"]),d=(0,l.getPaginationModel)({currentPage:n,totalPages:i,boundaryPagesRange:o,siblingPagesRange:s,hideEllipsis:c,hidePreviousAndNextPageLinks:g,hideFirstAndLastPageLinks:E}),_=P(t,n,f);return u.default.createElement(r,p,d.map(_))};return i.propTypes={currentPage:c.default.number.isRequired,totalPages:c.default.number.isRequired,boundaryPagesRange:c.default.number,siblingPagesRange:c.default.number,hideEllipsis:c.default.bool,hidePreviousAndNextPageLinks:c.default.bool,hideFirstAndLastPageLinks:c.default.bool,onChange:c.default.func},i};t.createUltimatePagination=g,t.ITEM_TYPES=l.ITEM_TYPES},function(e,t,n){"use strict";function r(e){return function(){return e}}var a=function(){};a.thatReturns=r,a.thatReturnsFalse=r(!1),a.thatReturnsTrue=r(!0),a.thatReturnsNull=r(null),a.thatReturnsThis=function(){return this},a.thatReturnsArgument=function(e){return e},e.exports=a},function(e,t,n){"use strict";function r(e,t,n,r,i,o,u,s){if(a(t),!e){var c;if(void 0===t)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,i,o,u,s],P=0;c=new Error(t.replace(/%s/g,function(){return l[P++]})),c.name="Invariant Violation"}throw c.framesToPop=1,c}}var a=function(e){};e.exports=r},function(e,t,n){"use strict";var r=n(5),a=n(6),i=n(8);e.exports=function(){function e(e,t,n,r,o,u){u!==i&&a(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";var r=n(0);t.createFirstEllipsis=function(e){return{type:r.ITEM_TYPES.ELLIPSIS,key:r.ITEM_KEYS.FIRST_ELLIPSIS,value:e,isActive:!1}},t.createSecondEllipsis=function(e){return{type:r.ITEM_TYPES.ELLIPSIS,key:r.ITEM_KEYS.SECOND_ELLIPSIS,value:e,isActive:!1}},t.createFirstPageLink=function(e){var t=e.currentPage;return{type:r.ITEM_TYPES.FIRST_PAGE_LINK,key:r.ITEM_KEYS.FIRST_PAGE_LINK,value:1,isActive:1===t}},t.createPreviousPageLink=function(e){var t=e.currentPage;return{type:r.ITEM_TYPES.PREVIOUS_PAGE_LINK,key:r.ITEM_KEYS.PREVIOUS_PAGE_LINK,value:Math.max(1,t-1),isActive:1===t}},t.createNextPageLink=function(e){var t=e.currentPage,n=e.totalPages;return{type:r.ITEM_TYPES.NEXT_PAGE_LINK,key:r.ITEM_KEYS.NEXT_PAGE_LINK,value:Math.min(n,t+1),isActive:t===n}},t.createLastPageLink=function(e){var t=e.currentPage,n=e.totalPages;return{type:r.ITEM_TYPES.LAST_PAGE_LINK,key:r.ITEM_KEYS.LAST_PAGE_LINK,value:n,isActive:t===n}},t.createPageFunctionFactory=function(e){var t=e.currentPage;return function(e){return{type:r.ITEM_TYPES.PAGE,key:e,value:e,isActive:e===t}}}},function(e,t,n){"use strict";function r(e,t){for(var n=[],r=e;r<=t;r++)n.push(r);return n}t.createRange=r}])}); | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.reactUltimatePagination=t(require("react")):e.reactUltimatePagination=t(e.React)}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var a=n[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=4)}([function(e,t,n){"use strict";t.ITEM_TYPES={PAGE:"PAGE",ELLIPSIS:"ELLIPSIS",FIRST_PAGE_LINK:"FIRST_PAGE_LINK",PREVIOUS_PAGE_LINK:"PREVIOUS_PAGE_LINK",NEXT_PAGE_LINK:"NEXT_PAGE_LINK",LAST_PAGE_LINK:"LAST_PAGE_LINK"},t.ITEM_KEYS={FIRST_ELLIPSIS:-1,SECOND_ELLIPSIS:-2,FIRST_PAGE_LINK:-3,PREVIOUS_PAGE_LINK:-4,NEXT_PAGE_LINK:-5,LAST_PAGE_LINK:-6}},function(e,t,n){e.exports=n(7)()},function(e,t,n){"use strict";function r(e){if(null==e)throw new Error("getPaginationModel(): options object should be a passed");var t=Number(e.totalPages);if(isNaN(t))throw new Error("getPaginationModel(): totalPages should be a number");if(t<0)throw new Error("getPaginationModel(): totalPages shouldn't be a negative number");var n=Number(e.currentPage);if(isNaN(n))throw new Error("getPaginationModel(): currentPage should be a number");if(n<0)throw new Error("getPaginationModel(): currentPage shouldn't be a negative number");if(n>t)throw new Error("getPaginationModel(): currentPage shouldn't be greater than totalPages");var r=null==e.boundaryPagesRange?1:Number(e.boundaryPagesRange);if(isNaN(r))throw new Error("getPaginationModel(): boundaryPagesRange should be a number");if(r<0)throw new Error("getPaginationModel(): boundaryPagesRange shouldn't be a negative number");var o=null==e.siblingPagesRange?1:Number(e.siblingPagesRange);if(isNaN(o))throw new Error("getPaginationModel(): siblingPagesRange should be a number");if(o<0)throw new Error("getPaginationModel(): siblingPagesRange shouldn't be a negative number");var u=Boolean(e.hidePreviousAndNextPageLinks),s=Boolean(e.hideFirstAndLastPageLinks),c=Boolean(e.hideEllipsis),l=c?0:1,P=[],g=i.createPageFunctionFactory(e);if(s||P.push(i.createFirstPageLink(e)),u||P.push(i.createPreviousPageLink(e)),1+2*l+2*o+2*r>=t){var E=a.createRange(1,t).map(g);P.push.apply(P,E)}else{var d=r,f=a.createRange(1,d).map(g),p=t+1-r,_=t,h=a.createRange(p,_).map(g),I=Math.min(Math.max(n-o,d+l+1),p-l-2*o-1),v=I+2*o,b=a.createRange(I,v).map(g);if(P.push.apply(P,f),!c){var L=I-1,T=L===d+1,S=T?g:i.createFirstEllipsis,y=S(L);P.push(y)}if(P.push.apply(P,b),!c){var m=v+1,N=m===p-1,A=N?g:i.createSecondEllipsis,R=A(m);P.push(R)}P.push.apply(P,h)}return u||P.push(i.createNextPageLink(e)),s||P.push(i.createLastPageLink(e)),P}var a=n(10),i=n(9);t.getPaginationModel=r;var o=n(0);t.ITEM_TYPES=o.ITEM_TYPES,t.ITEM_KEYS=o.ITEM_KEYS},function(t,n){t.exports=e},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0}),t.ITEM_TYPES=t.createUltimatePagination=void 0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=n(3),u=r(o),s=n(1),c=r(s),l=n(2),P=function(e,t,n){var r=function(e){var r=e.value,a=e.isDisabled;return function(){!a&&n&&t!==r&&n(r)}};return function(t){var n=e[t.type],a=r(t);return u.default.createElement(n,i({onClick:a},t))}},g=function(e){var t=e.itemTypeToComponent,n=e.WrapperComponent,r=void 0===n?"div":n,o=function(e){var n=e.currentPage,o=e.totalPages,s=e.boundaryPagesRange,c=e.siblingPagesRange,g=e.hideEllipsis,E=e.hidePreviousAndNextPageLinks,d=e.hideFirstAndLastPageLinks,f=e.onChange,p=e.disabled,_=a(e,["currentPage","totalPages","boundaryPagesRange","siblingPagesRange","hideEllipsis","hidePreviousAndNextPageLinks","hideFirstAndLastPageLinks","onChange","disabled"]),h=(0,l.getPaginationModel)({currentPage:n,totalPages:o,boundaryPagesRange:s,siblingPagesRange:c,hideEllipsis:g,hidePreviousAndNextPageLinks:E,hideFirstAndLastPageLinks:d}),I=P(t,n,f);return u.default.createElement(r,_,h.map(function(e){return I(i({},e,{isDisabled:!!p}))}))};return o.propTypes={currentPage:c.default.number.isRequired,totalPages:c.default.number.isRequired,boundaryPagesRange:c.default.number,siblingPagesRange:c.default.number,hideEllipsis:c.default.bool,hidePreviousAndNextPageLinks:c.default.bool,hideFirstAndLastPageLinks:c.default.bool,onChange:c.default.func,disabled:c.default.bool},o};t.createUltimatePagination=g,t.ITEM_TYPES=l.ITEM_TYPES},function(e,t,n){"use strict";function r(e){return function(){return e}}var a=function(){};a.thatReturns=r,a.thatReturnsFalse=r(!1),a.thatReturnsTrue=r(!0),a.thatReturnsNull=r(null),a.thatReturnsThis=function(){return this},a.thatReturnsArgument=function(e){return e},e.exports=a},function(e,t,n){"use strict";function r(e,t,n,r,i,o,u,s){if(a(t),!e){var c;if(void 0===t)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,i,o,u,s],P=0;c=new Error(t.replace(/%s/g,function(){return l[P++]})),c.name="Invariant Violation"}throw c.framesToPop=1,c}}var a=function(e){};e.exports=r},function(e,t,n){"use strict";var r=n(5),a=n(6),i=n(8);e.exports=function(){function e(e,t,n,r,o,u){u!==i&&a(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";var r=n(0);t.createFirstEllipsis=function(e){return{type:r.ITEM_TYPES.ELLIPSIS,key:r.ITEM_KEYS.FIRST_ELLIPSIS,value:e,isActive:!1}},t.createSecondEllipsis=function(e){return{type:r.ITEM_TYPES.ELLIPSIS,key:r.ITEM_KEYS.SECOND_ELLIPSIS,value:e,isActive:!1}},t.createFirstPageLink=function(e){var t=e.currentPage;return{type:r.ITEM_TYPES.FIRST_PAGE_LINK,key:r.ITEM_KEYS.FIRST_PAGE_LINK,value:1,isActive:1===t}},t.createPreviousPageLink=function(e){var t=e.currentPage;return{type:r.ITEM_TYPES.PREVIOUS_PAGE_LINK,key:r.ITEM_KEYS.PREVIOUS_PAGE_LINK,value:Math.max(1,t-1),isActive:1===t}},t.createNextPageLink=function(e){var t=e.currentPage,n=e.totalPages;return{type:r.ITEM_TYPES.NEXT_PAGE_LINK,key:r.ITEM_KEYS.NEXT_PAGE_LINK,value:Math.min(n,t+1),isActive:t===n}},t.createLastPageLink=function(e){var t=e.currentPage,n=e.totalPages;return{type:r.ITEM_TYPES.LAST_PAGE_LINK,key:r.ITEM_KEYS.LAST_PAGE_LINK,value:n,isActive:t===n}},t.createPageFunctionFactory=function(e){var t=e.currentPage;return function(e){return{type:r.ITEM_TYPES.PAGE,key:e,value:e,isActive:e===t}}}},function(e,t,n){"use strict";function r(e,t){for(var n=[],r=e;r<=t;r++)n.push(r);return n}t.createRange=r}])}); | ||
//# sourceMappingURL=react-ultimate-pagination.min.js.map |
@@ -25,5 +25,8 @@ 'use strict'; | ||
var renderItemComponentFunctionFactory = function renderItemComponentFunctionFactory(itemTypeToComponent, currentPage, onChange) { | ||
var onItemClickFunctionFactory = function onItemClickFunctionFactory(value) { | ||
var onItemClickFunctionFactory = function onItemClickFunctionFactory(_ref) { | ||
var value = _ref.value, | ||
isDisabled = _ref.isDisabled; | ||
return function () { | ||
if (onChange && currentPage !== value) { | ||
if (!isDisabled && onChange && currentPage !== value) { | ||
onChange(value); | ||
@@ -34,13 +37,13 @@ } | ||
return function (item) { | ||
var ItemComponent = itemTypeToComponent[item.type]; | ||
var onItemClick = onItemClickFunctionFactory(item.value); | ||
return _react2.default.createElement(ItemComponent, _extends({ onClick: onItemClick }, item)); | ||
return function (props) { | ||
var ItemComponent = itemTypeToComponent[props.type]; | ||
var onItemClick = onItemClickFunctionFactory(props); | ||
return _react2.default.createElement(ItemComponent, _extends({ onClick: onItemClick }, props)); | ||
}; | ||
}; | ||
var createUltimatePagination = function createUltimatePagination(_ref) { | ||
var itemTypeToComponent = _ref.itemTypeToComponent, | ||
_ref$WrapperComponent = _ref.WrapperComponent, | ||
WrapperComponent = _ref$WrapperComponent === undefined ? 'div' : _ref$WrapperComponent; | ||
var createUltimatePagination = function createUltimatePagination(_ref2) { | ||
var itemTypeToComponent = _ref2.itemTypeToComponent, | ||
_ref2$WrapperComponen = _ref2.WrapperComponent, | ||
WrapperComponent = _ref2$WrapperComponen === undefined ? 'div' : _ref2$WrapperComponen; | ||
@@ -56,3 +59,4 @@ var UltimatePaginationComponent = function UltimatePaginationComponent(props) { | ||
onChange = props.onChange, | ||
restProps = _objectWithoutProperties(props, ['currentPage', 'totalPages', 'boundaryPagesRange', 'siblingPagesRange', 'hideEllipsis', 'hidePreviousAndNextPageLinks', 'hideFirstAndLastPageLinks', 'onChange']); | ||
disabled = props.disabled, | ||
restProps = _objectWithoutProperties(props, ['currentPage', 'totalPages', 'boundaryPagesRange', 'siblingPagesRange', 'hideEllipsis', 'hidePreviousAndNextPageLinks', 'hideFirstAndLastPageLinks', 'onChange', 'disabled']); | ||
@@ -72,3 +76,7 @@ var paginationModel = (0, _ultimatePagination.getPaginationModel)({ | ||
restProps, | ||
paginationModel.map(renderItemComponent) | ||
paginationModel.map(function (itemModel) { | ||
return renderItemComponent(_extends({}, itemModel, { | ||
isDisabled: !!disabled | ||
})); | ||
}) | ||
); | ||
@@ -85,3 +93,4 @@ }; | ||
hideFirstAndLastPageLinks: _propTypes2.default.bool, | ||
onChange: _propTypes2.default.func | ||
onChange: _propTypes2.default.func, | ||
disabled: _propTypes2.default.bool | ||
}; | ||
@@ -88,0 +97,0 @@ |
{ | ||
"name": "react-ultimate-pagination", | ||
"version": "1.1.0", | ||
"version": "1.2.0", | ||
"description": "React.js pagination component based on ultimate-pagination", | ||
@@ -5,0 +5,0 @@ "main": "lib/react-ultimate-pagination.js", |
@@ -51,2 +51,3 @@ [](https://github.com/ultimate-pagination/react-ultimate-pagination) | ||
- **isActive**: *boolean* - show if `currentPage` if the same as `value` of an item (can be used to highlight a current page or disable first, previous, next or last page links when user is already on first/last page) | ||
- **isDisabled**: *boolean* - show if button should be disabled | ||
- **onClick()**: function - should be called when user interacted with a component and the current page should be changed to the page represented by item (no arguments should be used, can be used for all item types) | ||
@@ -61,23 +62,29 @@ | ||
function Page(props) { | ||
return <button style={props.isActive ? {fontWeight: 'bold'} : null} onClick={props.onClick}>{props.value}</button> | ||
return ( | ||
<button | ||
style={props.isActive ? {fontWeight: 'bold'} : null} | ||
onClick={props.onClick} | ||
disabled={props.disabled} | ||
>{props.value}</button> | ||
); | ||
} | ||
function Ellipsis(props) { | ||
return <button onClick={props.onClick}>...</button> | ||
return <button onClick={props.onClick} disabled={props.disabled}>...</button> | ||
} | ||
function FirstPageLink(props) { | ||
return <button onClick={props.onClick}>First</button> | ||
return <button onClick={props.onClick} disabled={props.disabled}>First</button> | ||
} | ||
function PreviousPageLink(props) { | ||
return <button onClick={props.onClick}>Previous</button> | ||
return <button onClick={props.onClick} disabled={props.disabled}>Previous</button> | ||
} | ||
function NextPageLink(props) { | ||
return <button onClick={props.onClick}>Next</button> | ||
return <button onClick={props.onClick} disabled={props.disabled}>Next</button> | ||
} | ||
function LastPageLink(props) { | ||
return <button onClick={props.onClick}>Last</button> | ||
return <button onClick={props.onClick} disabled={props.disabled}>Last</button> | ||
} | ||
@@ -114,2 +121,3 @@ | ||
- **onChange**: *function* - callback that will be called with new page when it should be changed by user interaction (*optional*) | ||
- **disabled**: *bool, optional, default: false* - boolean flag to disable all buttons in pagination | ||
@@ -116,0 +124,0 @@ [downloads-image]: https://img.shields.io/npm/dm/react-ultimate-pagination.svg |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
195622
1524
124