react-next-paging
Version:
ReactJS component for easy pagination
15 lines • 18.9 kB
JavaScript
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ReactNextPaging=e():t.ReactNextPaging=e()}(window,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=18)}([function(t,e){t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},function(t,e){t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},function(t,e,n){var r=n(0);t.exports=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.forEach(function(e){r(t,e,n[e])})}return t}},function(t,e,n){var r=n(11);t.exports=function(t,e){if(null==t)return{};var n,o,a=r(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(a[n]=t[n])}return a}},function(t,e,n){t.exports=n(16)()},function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e){function n(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}t.exports=function(t,e,r){return e&&n(t.prototype,e),r&&n(t,r),t}},function(t,e,n){var r=n(12),o=n(1);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?o(t):e}},function(t,e){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(e)}t.exports=n},function(t,e,n){var r=n(13);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r(t,e)}},function(t,e,n){"use strict";t.exports=n(14)},function(t,e){t.exports=function(t,e){if(null==t)return{};var n,r,o={},a=Object.keys(t);for(r=0;r<a.length;r++)n=a[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}},function(t,e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(e){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?t.exports=r=function(t){return n(t)}:t.exports=r=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},r(e)}t.exports=r},function(t,e){function n(e,r){return t.exports=n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},n(e,r)}t.exports=n},function(t,e,n){"use strict";
/** @license React v16.8.3
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/var r=n(15),o="function"==typeof Symbol&&Symbol.for,a=o?Symbol.for("react.element"):60103,i=o?Symbol.for("react.portal"):60106,u=o?Symbol.for("react.fragment"):60107,c=o?Symbol.for("react.strict_mode"):60108,s=o?Symbol.for("react.profiler"):60114,l=o?Symbol.for("react.provider"):60109,f=o?Symbol.for("react.context"):60110,p=o?Symbol.for("react.concurrent_mode"):60111,d=o?Symbol.for("react.forward_ref"):60112,g=o?Symbol.for("react.suspense"):60113,y=o?Symbol.for("react.memo"):60115,m=o?Symbol.for("react.lazy"):60116,b="function"==typeof Symbol&&Symbol.iterator;function v(t){for(var e=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+t,r=0;r<e;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(t,e,n,r,o,a,i,u){if(!t){if(t=void 0,void 0===e)t=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,u],s=0;(t=Error(e.replace(/%s/g,function(){return c[s++]}))).name="Invariant Violation"}throw t.framesToPop=1,t}}(!1,"Minified React error #"+t+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h={};function w(t,e,n){this.props=t,this.context=e,this.refs=h,this.updater=n||B}function S(){}function k(t,e,n){this.props=t,this.context=e,this.refs=h,this.updater=n||B}w.prototype.isReactComponent={},w.prototype.setState=function(t,e){"object"!=typeof t&&"function"!=typeof t&&null!=t&&v("85"),this.updater.enqueueSetState(this,t,e,"setState")},w.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")},S.prototype=w.prototype;var F=k.prototype=new S;F.constructor=k,r(F,w.prototype),F.isPureReactComponent=!0;var P={current:null},O={current:null},j=Object.prototype.hasOwnProperty,_={key:!0,ref:!0,__self:!0,__source:!0};function x(t,e,n){var r=void 0,o={},i=null,u=null;if(null!=e)for(r in void 0!==e.ref&&(u=e.ref),void 0!==e.key&&(i=""+e.key),e)j.call(e,r)&&!_.hasOwnProperty(r)&&(o[r]=e[r]);var c=arguments.length-2;if(1===c)o.children=n;else if(1<c){for(var s=Array(c),l=0;l<c;l++)s[l]=arguments[l+2];o.children=s}if(t&&t.defaultProps)for(r in c=t.defaultProps)void 0===o[r]&&(o[r]=c[r]);return{$$typeof:a,type:t,key:i,ref:u,props:o,_owner:O.current}}function C(t){return"object"==typeof t&&null!==t&&t.$$typeof===a}var E=/\/+/g,R=[];function $(t,e,n,r){if(R.length){var o=R.pop();return o.result=t,o.keyPrefix=e,o.func=n,o.context=r,o.count=0,o}return{result:t,keyPrefix:e,func:n,context:r,count:0}}function T(t){t.result=null,t.keyPrefix=null,t.func=null,t.context=null,t.count=0,10>R.length&&R.push(t)}function L(t,e,n){return null==t?0:function t(e,n,r,o){var u=typeof e;"undefined"!==u&&"boolean"!==u||(e=null);var c=!1;if(null===e)c=!0;else switch(u){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case a:case i:c=!0}}if(c)return r(o,e,""===n?"."+A(e,0):n),1;if(c=0,n=""===n?".":n+":",Array.isArray(e))for(var s=0;s<e.length;s++){var l=n+A(u=e[s],s);c+=t(u,l,r,o)}else if(l=null===e||"object"!=typeof e?null:"function"==typeof(l=b&&e[b]||e["@@iterator"])?l:null,"function"==typeof l)for(e=l.call(e),s=0;!(u=e.next()).done;)c+=t(u=u.value,l=n+A(u,s++),r,o);else"object"===u&&v("31","[object Object]"==(r=""+e)?"object with keys {"+Object.keys(e).join(", ")+"}":r,"");return c}(t,"",e,n)}function A(t,e){return"object"==typeof t&&null!==t&&null!=t.key?function(t){var e={"=":"=0",":":"=2"};return"$"+(""+t).replace(/[=:]/g,function(t){return e[t]})}(t.key):e.toString(36)}function I(t,e){t.func.call(t.context,e,t.count++)}function M(t,e,n){var r=t.result,o=t.keyPrefix;t=t.func.call(t.context,e,t.count++),Array.isArray(t)?U(t,r,n,function(t){return t}):null!=t&&(C(t)&&(t=function(t,e){return{$$typeof:a,type:t.type,key:e,ref:t.ref,props:t.props,_owner:t._owner}}(t,o+(!t.key||e&&e.key===t.key?"":(""+t.key).replace(E,"$&/")+"/")+n)),r.push(t))}function U(t,e,n,r,o){var a="";null!=n&&(a=(""+n).replace(E,"$&/")+"/"),L(t,M,e=$(e,a,r,o)),T(e)}function q(){var t=P.current;return null===t&&v("307"),t}var D={Children:{map:function(t,e,n){if(null==t)return t;var r=[];return U(t,r,null,e,n),r},forEach:function(t,e,n){if(null==t)return t;L(t,I,e=$(null,null,e,n)),T(e)},count:function(t){return L(t,function(){return null},null)},toArray:function(t){var e=[];return U(t,e,null,function(t){return t}),e},only:function(t){return C(t)||v("143"),t}},createRef:function(){return{current:null}},Component:w,PureComponent:k,createContext:function(t,e){return void 0===e&&(e=null),(t={$$typeof:f,_calculateChangedBits:e,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:l,_context:t},t.Consumer=t},forwardRef:function(t){return{$$typeof:d,render:t}},lazy:function(t){return{$$typeof:m,_ctor:t,_status:-1,_result:null}},memo:function(t,e){return{$$typeof:y,type:t,compare:void 0===e?null:e}},useCallback:function(t,e){return q().useCallback(t,e)},useContext:function(t,e){return q().useContext(t,e)},useEffect:function(t,e){return q().useEffect(t,e)},useImperativeHandle:function(t,e,n){return q().useImperativeHandle(t,e,n)},useDebugValue:function(){},useLayoutEffect:function(t,e){return q().useLayoutEffect(t,e)},useMemo:function(t,e){return q().useMemo(t,e)},useReducer:function(t,e,n){return q().useReducer(t,e,n)},useRef:function(t){return q().useRef(t)},useState:function(t){return q().useState(t)},Fragment:u,StrictMode:c,Suspense:g,createElement:x,cloneElement:function(t,e,n){null==t&&v("267",t);var o=void 0,i=r({},t.props),u=t.key,c=t.ref,s=t._owner;if(null!=e){void 0!==e.ref&&(c=e.ref,s=O.current),void 0!==e.key&&(u=""+e.key);var l=void 0;for(o in t.type&&t.type.defaultProps&&(l=t.type.defaultProps),e)j.call(e,o)&&!_.hasOwnProperty(o)&&(i[o]=void 0===e[o]&&void 0!==l?l[o]:e[o])}if(1===(o=arguments.length-2))i.children=n;else if(1<o){l=Array(o);for(var f=0;f<o;f++)l[f]=arguments[f+2];i.children=l}return{$$typeof:a,type:t.type,key:u,ref:c,props:i,_owner:s}},createFactory:function(t){var e=x.bind(null,t);return e.type=t,e},isValidElement:C,version:"16.8.3",unstable_ConcurrentMode:p,unstable_Profiler:s,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:P,ReactCurrentOwner:O,assign:r}},N={default:D},V=N&&D||N;t.exports=V.default||V},function(t,e,n){"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},n=0;n<10;n++)e["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(e).map(function(t){return e[t]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(t){r[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var n,i,u=function(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}(t),c=1;c<arguments.length;c++){for(var s in n=Object(arguments[c]))o.call(n,s)&&(u[s]=n[s]);if(r){i=r(n);for(var l=0;l<i.length;l++)a.call(n,i[l])&&(u[i[l]]=n[i[l]])}}return u}},function(t,e,n){"use strict";var r=n(17);function o(){}function a(){}a.resetWarningCache=o,t.exports=function(){function t(t,e,n,o,a,i){if(i!==r){var u=new Error("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");throw u.name="Invariant Violation",u}}function e(){return t}t.isRequired=t;var n={array:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:e,element:t,elementType:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},function(t,e,n){"use strict";t.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(t,e,n){"use strict";n.r(e);var r=n(2),o=n.n(r),a=n(3),i=n.n(a),u=n(5),c=n.n(u),s=n(6),l=n.n(s),f=n(7),p=n.n(f),d=n(8),g=n.n(d),y=n(1),m=n.n(y),b=n(9),v=n.n(b),B=n(0),h=n.n(B),w=n(10),S=n.n(w),k=n(4),F=n.n(k);function P(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return e.some(function(e){e&&e.apply(void 0,[t].concat(r)),t.persist()})}}var O=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1?arguments[1]:void 0;return Math.ceil(t.length/e)},j=function(t,e){return t>e},_=function(t,e,n,r){if(j(t,e)&&n<=t){var o=(i=e,Math.floor(i/2));if(n>=o+r){var a=n-o>0?n-o:1;return a+e<=t?a:t-e+1}return n>0&&n-o>0?n-o:1}var i;return r},x=function(t){function e(t){var n;c()(this,e),n=p()(this,g()(e).call(this,t)),h()(m()(n),"generateStateFromProps",function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;console.log("generateStateFromProps");var r=t.items,o=t.itemsperpage,a=t.pagesspan,i=O(r,o),u=e;e>i&&(u=1);var c=(u-1)*o,s=u*o;return{pagesspan:a,inipagearray:1,pagesforarray:j(i,a)?a:i,nopages:i,noitems:r.length,initialitem:c,lastitem:s,currentpage:u,goBackBdisabled:n.goBackButtonState(u),goFastBackBdisabled:n.goFastBackButtonState(u),goFwdBdisabled:n.goFwdButtonState(u,i),goFastFwdBdisabled:n.goFastFwdButtonState(u,i)}}),h()(m()(n),"computeBackLimits",function(t){var e=n.props.itemsperpage;return{newinitialitem:(t-1)*e,newlastitem:t*e}}),h()(m()(n),"computeFwdLimits",function(t){var e=n.props.itemsperpage;return{newinitialitem:(t-1)*e,newlastitem:t*e}}),h()(m()(n),"computeSelectedPageLimits",function(t){var e=n.props.itemsperpage;return{newinitialitem:(t-1)*e,newlastitem:t*e}}),h()(m()(n),"goToPage",function(t,e){var r=n.state,o=(r.currentpage,r.nopages),a=r.pagesspan,i=r.inipagearray;if(t>0&&t<=o){var u=n.computeSelectedPageLimits(t),c=_(o,a,t,i);n.setState({inipagearray:c,currentpage:t,initialitem:u.newinitialitem,lastitem:u.newlastitem,goBackBdisabled:n.goBackButtonState(t),goFastBackBdisabled:n.goFastBackButtonState(t),goFwdBdisabled:n.goFwdButtonState(t,o),goFastFwdBdisabled:n.goFastFwdButtonState(t,o)})}}),h()(m()(n),"goBack",function(){var t=n.state,e=t.currentpage,r=t.nopages,o=t.pagesspan,a=t.inipagearray;if(e>1){var i=e-1,u=n.computeBackLimits(i),c=_(r,o,i,a);n.setState({currentpage:i,inipagearray:c,initialitem:u.newinitialitem,lastitem:u.newlastitem,goBackBdisabled:n.goBackButtonState(i),goFastBackBdisabled:n.goFastBackButtonState(i),goFwdBdisabled:n.goFwdButtonState(i,r),goFastFwdBdisabled:n.goFastFwdButtonState(i,r)})}}),h()(m()(n),"goFastBack",function(){var t=n.state,e=t.currentpage,r=t.nopages,o=t.pagesspan,a=t.inipagearray;if(e>1){var i=n.computeBackLimits(1),u=_(r,o,1,a);n.setState({currentpage:1,inipagearray:u,initialitem:i.newinitialitem,lastitem:i.newlastitem,goBackBdisabled:n.goBackButtonState(1),goFastBackBdisabled:n.goFastBackButtonState(1),goFwdBdisabled:n.goFwdButtonState(1,r),goFastFwdBdisabled:n.goFastFwdButtonState(1,r)})}}),h()(m()(n),"goFwd",function(){var t=n.state,e=t.nopages,r=t.currentpage,o=t.pagesspan,a=t.inipagearray;if(r<e){var i=r+1,u=n.computeFwdLimits(i),c=_(e,o,i,a);n.setState({currentpage:i,inipagearray:c,initialitem:u.newinitialitem,lastitem:u.newlastitem,goBackBdisabled:n.goBackButtonState(i),goFastBackBdisabled:n.goFastBackButtonState(i),goFwdBdisabled:n.goFwdButtonState(i,e),goFastFwdBdisabled:n.goFastFwdButtonState(i,e)})}}),h()(m()(n),"goFastFwd",function(){var t=n.state,e=t.nopages,r=t.currentpage,o=t.pagesspan,a=t.inipagearray;if(r<e){var i=1*e,u=n.computeFwdLimits(i),c=_(e,o,i,a);n.setState({currentpage:i,inipagearray:c,initialitem:u.newinitialitem,lastitem:u.newlastitem,goBackBdisabled:n.goBackButtonState(i),goFastBackBdisabled:n.goFastBackButtonState(i),goFwdBdisabled:n.goFwdButtonState(i,e),goFastFwdBdisabled:n.goFastFwdButtonState(i,e)})}}),h()(m()(n),"goBackButtonState",function(t){return t<=1}),h()(m()(n),"goFastBackButtonState",function(t){return t<=1}),h()(m()(n),"goFwdButtonState",function(t,e){return t>=e}),h()(m()(n),"goFastFwdButtonState",function(t,e){return t>=e}),h()(m()(n),"getBackButtonProps",function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.onClick,r=i()(t,["onClick"]),a={onClick:P(e,n.goBack)};return o()({role:"button"},a,r)}),h()(m()(n),"getFastBackButtonProps",function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.onClick,r=i()(t,["onClick"]),a={onClick:P(e,n.goFastBack)};return o()({role:"button"},a,r)}),h()(m()(n),"getFwdButtonProps",function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.onClick,r=i()(t,["onClick"]),a={onClick:P(e,n.goFwd)};return o()({role:"button"},a,r)}),h()(m()(n),"getFastFwdButtonProps",function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.onClick,r=i()(t,["onClick"]),a={onClick:P(e,n.goFastFwd)};return o()({role:"button"},a,r)}),h()(m()(n),"getSelPageButtonProps",function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.onClick,r=t.page,a=i()(t,["onClick","page"]),u={onClick:P(e,function(t){return n.goToPage(r,t)})};return o()({role:"button"},u,a)});var r=n.generateStateFromProps(t);return n.state=o()({},r),n}return v()(e,t),l()(e,[{key:"componentDidUpdate",value:function(t,e,n){if(this.props.items.length!==t.items.length||this.props.itemsperpage!==t.itemsperpage||this.props.pagesspan!==t.pagesspan){var r=e.currentpage,a=this.generateStateFromProps(this.props,r);this.setState(o()({},a))}}},{key:"getStateAndHelpers",value:function(){var t=this.state,e=t.nopages,n=t.inipagearray,r=t.currentpage,o=t.pagesforarray,a=t.noitems,i=t.initialitem,u=t.lastitem,c=t.goBackBdisabled,s=t.goFastBackBdisabled,l=t.goFwdBdisabled,f=t.goFastFwdBdisabled;return{getBackButtonProps:this.getBackButtonProps,getFastBackButtonProps:this.getFastBackButtonProps,getFwdButtonProps:this.getFwdButtonProps,getFastFwdButtonProps:this.getFastFwdButtonProps,getSelPageButtonProps:this.getSelPageButtonProps,nopages:e,pagesforarray:o,inipagearray:n,currentpage:r,noitems:a,initialitem:i,lastitem:u,goBackBdisabled:c,goFastBackBdisabled:s,goFwdBdisabled:l,goFastFwdBdisabled:f}}},{key:"render",value:function(){return this.props.children(this.getStateAndHelpers())}}]),e}(S.a.Component);h()(x,"propTypes",{children:F.a.func,nocolumns:F.a.number,items:F.a.array,pagesspan:F.a.number}),h()(x,"defaultProps",{itemsperpage:10,pagesspan:10,pagesforarray:10,inipagearray:1,items:[]});var C=x;C.default=C;e.default=C}])});
//# sourceMappingURL=index.umd.min.js.map