primereact 9.4.0 → 9.6.0

package/paginator/paginator.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils"),a=require("primereact/api"),n=require("primereact/ripple"),l=require("primereact/icons/angledoubleleft"),o=require("primereact/inputnumber"),i=require("primereact/icons/angledoubleright"),s=require("primereact/icons/angleright"),p=require("primereact/icons/angleleft"),c=require("primereact/dropdown");function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var g=u(e);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},d.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,l,o,i=[],s=!0,p=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(a=l.call(r)).done)&&(i.push(a.value),i.length!==t);s=!0);}catch(e){p=!0,n=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(p)throw n}}return i}}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function b(e,t){if(e){if("string"==typeof e)return P(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?P(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function y(e,t){if("object"!==k(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!==k(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=y(e,"string");return"symbol"===k(t)?t:String(t)}function O(e,t,r){return(t=h(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var C={defaultProps:{__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})",children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,C.defaultProps)}},w={defaultProps:{__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,w.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,w.defaultProps)}},j={defaultProps:{__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null,firstPageLinkIcon:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,j.defaultProps)}},E={defaultProps:{__TYPE:"JumpToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,E.defaultProps)}},L={defaultProps:{__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null,lastPageLinkIcon:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,L.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,L.defaultProps)}},N={defaultProps:{__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null,nextPageLinkIcon:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,N.defaultProps)}},I={defaultProps:{__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,I.defaultProps)}},R={defaultProps:{__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null,prevPageLinkIcon:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,R.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,R.defaultProps)}},S={defaultProps:{__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,S.defaultProps)}};function U(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?U(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=g.memo((function(e){var t=w.getProps(e),a={currentPage:t.page+1,totalPages:t.pageCount,first:Math.min(t.first+1,t.totalRecords),last:Math.min(t.first+t.rows,t.totalRecords),rows:t.rows,totalRecords:t.totalRecords},n=t.reportTemplate.replace("{currentPage}",a.currentPage).replace("{totalPages}",a.totalPages).replace("{first}",a.first).replace("{last}",a.last).replace("{rows}",a.rows).replace("{totalRecords}",a.totalRecords),l=g.createElement("span",{className:"p-paginator-current"},n);if(t.template){var o=T(T({},a),{className:"p-paginator-current",element:l,props:t});return r.ObjectUtils.getJSXElement(t.template,o)}return l}));D.displayName="CurrentPageReport";var M=g.memo((function(e){var t=j.getProps(e),o=r.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon",s=r.IconUtils.getJSXIcon(t.firstPageLinkIcon||g.createElement(l.AngleDoubleLeftIcon,{className:i}),{className:i},{props:t}),p=g.createElement("button",{type:"button",className:o,onClick:t.onClick,disabled:t.disabled,"aria-label":a.ariaLabel("firstPageLabel")},s,g.createElement(n.Ripple,null));return t.template?r.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));M.displayName="FirstPageLink";var _=g.memo((function(e){var t=E.getProps(e),a=function(e){t.onChange&&t.onChange(t.rows*(e.value-1),t.rows)},n=t.pageCount>0?t.page+1:0,l=g.createElement(o.InputNumber,{value:n,onChange:a,className:"p-paginator-page-input",disabled:t.disabled});return t.template?r.ObjectUtils.getJSXElement(t.template,{value:n,onChange:a,disabled:t.disabled,className:"p-paginator-page-input",element:l,props:t}):l}));_.displayName="JumpToPageInput";var J=g.memo((function(e){var t=L.getProps(e),l=r.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon",s=r.IconUtils.getJSXIcon(t.lastPageLinkIcon||g.createElement(i.AngleDoubleRightIcon,{className:o}),{className:o},{props:t}),p=g.createElement("button",{type:"button",className:l,onClick:t.onClick,disabled:t.disabled,"aria-label":a.ariaLabel("lastPageLabel")},s,g.createElement(n.Ripple,null));return t.template?r.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:l,iconClassName:o,disabled:t.disabled,element:p,props:t}):p}));J.displayName="LastPageLink";var x=g.memo((function(e){var t=N.getProps(e),l=r.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon",i=r.IconUtils.getJSXIcon(t.nextPageLinkIcon||g.createElement(s.AngleRightIcon,{className:o}),{className:o},{props:t}),p=g.createElement("button",{type:"button",className:l,onClick:t.onClick,disabled:t.disabled,"aria-label":a.ariaLabel("nextPageLabel")},i,g.createElement(n.Ripple,null));return t.template?r.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:l,iconClassName:o,disabled:t.disabled,element:p,nextPageLinkIcon:i,props:t}):p}));x.displayName="NextPageLink";var X=g.memo((function(e){var t,l=I.getProps(e),o=function(e,t){l.onClick&&l.onClick({originalEvent:e,value:t}),e.preventDefault()};if(l.value){var i=l.value[0],s=l.value[l.value.length-1];t=l.value.map((function(e){var t=r.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":e===i,"p-paginator-page-end":e===s,"p-highlight":e-1===l.page}),p=g.createElement("button",{type:"button",className:t,onClick:function(t){return o(t,e)},"aria-label":"".concat(a.ariaLabel("pageLabel")," ").concat(e+1)},e,g.createElement(n.Ripple,null));l.template&&(p=r.ObjectUtils.getJSXElement(l.template,{onClick:function(t){return o(t,e)},className:t,view:{startPage:i-1,endPage:s-1},page:e-1,currentPage:l.page,totalPages:l.pageCount,element:p,props:l}));return g.createElement(g.Fragment,{key:e},p)}))}return g.createElement("span",{className:"p-paginator-pages"},t)}));X.displayName="PageLinks";var A=g.memo((function(e){var t=R.getProps(e),l=r.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon",i=r.IconUtils.getJSXIcon(t.prevPageLinkIcon||g.createElement(p.AngleLeftIcon,{className:o}),{className:o},{props:t}),s=g.createElement("button",{type:"button",className:l,onClick:t.onClick,disabled:t.disabled,"aria-label":a.ariaLabel("previousPageLabel")},i,g.createElement(n.Ripple,null));return t.template?r.ObjectUtils.getJSXElement(t.template,{onClick:t.onClick,className:l,iconClassName:o,disabled:t.disabled,element:s,props:t}):s}));A.displayName="PrevPageLink";var q=g.memo((function(e){var t=S.getProps(e),n=t.options&&t.options.length>0,l=n?t.options.map((function(e){return{label:String(e),value:e}})):[],o=a.localeOption("choose"),i=n?g.createElement(c.Dropdown,{value:t.value,options:l,onChange:t.onChange,appendTo:t.appendTo,disabled:t.disabled,placeholder:o,"aria-label":o}):null;return t.template?r.ObjectUtils.getJSXElement(t.template,{value:t.value,options:l,onChange:t.onChange,appendTo:t.appendTo,currentPage:t.page,totalPages:t.pageCount,totalRecords:t.totalRecords,disabled:t.disabled,element:i,props:t}):i}));q.displayName="RowsPerPageDropdown";var Y=g.memo(g.forwardRef((function(e,a){var n=C.getProps(e),l=g.useRef(null),o=Math.floor(n.first/n.rows),i=Math.ceil(n.totalRecords/n.rows),s=0===o,p=o===i-1,c=0===i,u=function(){var e=i,t=Math.min(n.pageLinkSize,e),r=Math.max(0,Math.ceil(o-t/2)),a=Math.min(e-1,r+t-1);return[r=Math.max(0,r-(n.pageLinkSize-(a-r+1))),a]},P=function(){for(var e=[],t=u(),r=t[1],a=t[0];a<=r;a++)e.push(a+1);return e},y=function(e,t){var r=i,a=Math.floor(e/t);a>=0&&a<r&&(n.onPageChange&&n.onPageChange({first:e,rows:t,page:a,pageCount:r}))},h=function(e){y(0,n.rows),e.preventDefault()},O=function(e){y(n.first-n.rows,n.rows),e.preventDefault()},w=function(e){y((e.value-1)*n.rows,n.rows)},j=function(e){y(n.first+n.rows,n.rows),e.preventDefault()},E=function(e){y((i-1)*n.rows,n.rows),e.preventDefault()},L=function(e){y(0,e.value)};g.useImperativeHandle(a,(function(){return{props:n,getElement:function(){return l.current}}})),t.useUpdateEffect((function(){o>0&&n.first>=n.totalRecords&&y((i-1)*n.rows,n.rows)}),[n.totalRecords]);var N=function(e,t){var r;switch(e){case"FirstPageLink":r=g.createElement(M,{key:e,onClick:h,disabled:s||c,template:t,firstPageLinkIcon:n.firstPageLinkIcon});break;case"PrevPageLink":r=g.createElement(A,{key:e,onClick:O,disabled:s||c,template:t,prevPageLinkIcon:n.prevPageLinkIcon});break;case"NextPageLink":r=g.createElement(x,{key:e,onClick:j,disabled:p||c,template:t,nextPageLinkIcon:n.nextPageLinkIcon});break;case"LastPageLink":r=g.createElement(J,{key:e,onClick:E,disabled:p||c,template:t,lastPageLinkIcon:n.lastPageLinkIcon});break;case"PageLinks":r=g.createElement(X,{key:e,value:P(),page:o,rows:n.rows,pageCount:i,onClick:w,template:t});break;case"RowsPerPageDropdown":r=g.createElement(q,{key:e,value:n.rows,page:o,pageCount:i,totalRecords:n.totalRecords,options:n.rowsPerPageOptions,onChange:L,appendTo:n.dropdownAppendTo,template:t,disabled:c});break;case"CurrentPageReport":r=g.createElement(D,{reportTemplate:n.currentPageReportTemplate,key:e,page:o,pageCount:i,first:n.first,rows:n.rows,totalRecords:n.totalRecords,template:t});break;case"JumpToPageInput":r=g.createElement(_,{key:e,rows:n.rows,page:o,pageCount:i,onChange:y,disabled:c,template:t});break;default:r=null}return r};if(!n.alwaysShow&&i<=1)return null;var I,R=C.getOtherProps(n),S=r.classNames("p-paginator p-component",n.className),U=r.ObjectUtils.getJSXElement(n.leftContent,n),T=r.ObjectUtils.getJSXElement(n.rightContent,n),Y=(I=n.template)?"object"===k(I)?I.layout?I.layout.split(" ").map((function(e){var t=e.trim();return N(t,I[t])})):Object.entries(I).map((function(e){var t,r,a=(r=2,m(t=e)||f(t,r)||b(t,r)||v());return N(a[0],a[1])})):I.split(" ").map((function(e){return N(e.trim())})):null,F=U&&g.createElement("div",{className:"p-paginator-left-content"},U),z=T&&g.createElement("div",{className:"p-paginator-right-content"},T);return g.createElement("div",d({ref:l,className:S,style:n.style},R),F,Y,z)})));Y.displayName="Paginator",exports.Paginator=Y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils"),n=require("primereact/componentbase"),a=require("primereact/api"),o=require("primereact/icons/angledoubleleft"),l=require("primereact/ripple"),i=require("primereact/inputnumber"),p=require("primereact/icons/angledoubleright"),s=require("primereact/icons/angleright"),c=require("primereact/icons/angleleft"),u=require("primereact/dropdown");function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var g=m(e);function d(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,i=[],p=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;p=!1}else for(;!(p=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);p=!0);}catch(e){s=!0,a=e}finally{try{if(!p&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function P(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function O(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=O(e,"string");return"symbol"===y(t)?t:String(t)}function C(e,t,r){return(t=k(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var w=n.ComponentBase.extend({defaultProps:{__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})",children:void 0}}),h=n.ComponentBase.extend({defaultProps:{__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null,children:void 0}}),j=n.ComponentBase.extend({defaultProps:{__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null,firstPageLinkIcon:null,children:void 0}}),E=n.ComponentBase.extend({defaultProps:{__TYPE:"JumpToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null,children:void 0}}),L=n.ComponentBase.extend({defaultProps:{__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null,lastPageLinkIcon:null,children:void 0}}),x=n.ComponentBase.extend({defaultProps:{__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null,nextPageLinkIcon:null,children:void 0}}),N=n.ComponentBase.extend({defaultProps:{__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null,children:void 0}}),R=n.ComponentBase.extend({defaultProps:{__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null,prevPageLinkIcon:null,children:void 0}}),S=n.ComponentBase.extend({defaultProps:{__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1,children:void 0}});function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){C(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var T=g.memo((function(e){var t=g.useContext(a.PrimeReactContext),n=h.getProps(e,t),o={currentPage:n.page+1,totalPages:n.pageCount,first:Math.min(n.first+1,n.totalRecords),last:Math.min(n.first+n.rows,n.totalRecords),rows:n.rows,totalRecords:n.totalRecords},l=n.reportTemplate.replace("{currentPage}",o.currentPage).replace("{totalPages}",o.totalPages).replace("{first}",o.first).replace("{last}",o.last).replace("{rows}",o.rows).replace("{totalRecords}",o.totalRecords),i=r.mergeProps({className:"p-paginator-current"},n.ptm("current")),p=g.createElement("span",i,l);if(n.template){var s=D(D({},o),{className:"p-paginator-current",element:p,props:n});return r.ObjectUtils.getJSXElement(n.template,s)}return p}));function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function J(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach((function(t){C(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}T.displayName="CurrentPageReport";var U=g.memo((function(e){var t=g.useContext(a.PrimeReactContext),n=j.getProps(e,t),i=function(e){return n.ptm(e,{context:{disabled:n.disabled}})},p=r.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":n.disabled}),s="p-paginator-icon",c=r.mergeProps({className:s},i("firstPageIcon")),u=r.IconUtils.getJSXIcon(n.firstPageLinkIcon||g.createElement(o.AngleDoubleLeftIcon,c),J({},c),{props:n}),m=r.mergeProps({type:"button",className:p,onClick:n.onClick,disabled:n.disabled,"aria-label":a.ariaLabel("firstPageLabel")},i("firstPageButton")),d=g.createElement("button",m,u,g.createElement(l.Ripple,null));return n.template?r.ObjectUtils.getJSXElement(n.template,{onClick:n.onClick,className:p,iconClassName:s,disabled:n.disabled,element:d,props:n}):d}));U.displayName="FirstPageLink";var B=g.memo((function(e){var t=g.useContext(a.PrimeReactContext),n=E.getProps(e,t),o=function(e){n.onChange&&n.onChange(n.rows*(e.value-1),n.rows)},l=n.pageCount>0?n.page+1:0,p=g.createElement(i.InputNumber,{value:l,onChange:o,className:"p-paginator-page-input",disabled:n.disabled,pt:n.ptm("JTPInput")});return n.template?r.ObjectUtils.getJSXElement(n.template,{value:l,onChange:o,disabled:n.disabled,className:"p-paginator-page-input",element:p,props:n}):p}));function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function X(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach((function(t){C(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}B.displayName="JumpToPageInput";var q=g.memo((function(e){var t=g.useContext(a.PrimeReactContext),n=L.getProps(e,t),o=function(e){return n.ptm(e,{context:{disabled:n.disabled}})},i=r.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":n.disabled}),s="p-paginator-icon",c=r.mergeProps({className:s},o("lastPageIcon")),u=r.IconUtils.getJSXIcon(n.lastPageLinkIcon||g.createElement(p.AngleDoubleRightIcon,c),X({},c),{props:n}),m=r.mergeProps({type:"button",className:i,onClick:n.onClick,disabled:n.disabled,"aria-label":a.ariaLabel("lastPageLabel")},o("lastPageButton")),d=g.createElement("button",m,u,g.createElement(l.Ripple,null));return n.template?r.ObjectUtils.getJSXElement(n.template,{onClick:n.onClick,className:i,iconClassName:s,disabled:n.disabled,element:d,props:n}):d}));function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){C(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}q.displayName="LastPageLink";var F=g.memo((function(e){var t=g.useContext(a.PrimeReactContext),n=x.getProps(e,t),o=function(e){return n.ptm(e,{context:{disabled:n.disabled}})},i=r.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":n.disabled}),p="p-paginator-icon",c=r.mergeProps({className:p},o("nextPageIcon")),u=r.IconUtils.getJSXIcon(n.nextPageLinkIcon||g.createElement(s.AngleRightIcon,c),Y({},c),{props:n}),m=r.mergeProps({type:"button",className:i,onClick:n.onClick,disabled:n.disabled,"aria-label":a.ariaLabel("nextPageLabel")},o("nextPageButton")),d=g.createElement("button",m,u,g.createElement(l.Ripple,null));return n.template?r.ObjectUtils.getJSXElement(n.template,{onClick:n.onClick,className:i,iconClassName:p,disabled:n.disabled,element:d,nextPageLinkIcon:u,props:n}):d}));F.displayName="NextPageLink";var z=g.memo((function(e){var t,n=g.useContext(a.PrimeReactContext),o=N.getProps(e,n),i=function(e,t){return o.ptm(t,{context:{active:e-1===o.page}})},p=function(e,t){o.onClick&&o.onClick({originalEvent:e,value:t}),e.preventDefault()};if(o.value){var s=o.value[0],c=o.value[o.value.length-1];t=o.value.map((function(e){var t=r.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":e===s,"p-paginator-page-end":e===c,"p-highlight":e-1===o.page}),n=r.mergeProps({type:"button",onClick:function(t){return p(t,e)},className:t,disabled:o.disabled,"aria-label":a.ariaLabel("pageLabel",{page:e+1})},i(e,"pageButton")),u=g.createElement("button",n,e,g.createElement(l.Ripple,null));o.template&&(u=r.ObjectUtils.getJSXElement(o.template,{onClick:function(t){return p(t,e)},className:t,view:{startPage:s-1,endPage:c-1},page:e-1,currentPage:o.page,totalPages:o.pageCount,element:u,props:o}));return g.createElement(g.Fragment,{key:e},u)}))}var u=r.mergeProps({className:"p-paginator-pages"},o.ptm("pages"));return g.createElement("span",u,t)}));function H(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function $(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?H(Object(r),!0).forEach((function(t){C(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}z.displayName="PageLinks";var G=g.memo((function(e){var t=g.useContext(a.PrimeReactContext),n=R.getProps(e,t),o=function(e){return n.ptm(e,{context:{disabled:n.disabled}})},i=r.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":n.disabled}),p="p-paginator-icon",s=r.mergeProps({className:p},o("prevPageIcon")),u=r.IconUtils.getJSXIcon(n.prevPageLinkIcon||g.createElement(c.AngleLeftIcon,s),$({},s),{props:n}),m=r.mergeProps({type:"button",className:i,onClick:n.onClick,disabled:n.disabled,"aria-label":a.ariaLabel("previousPageLabel")},o("prevPageButton")),d=g.createElement("button",m,u,g.createElement(l.Ripple,null));return n.template?r.ObjectUtils.getJSXElement(n.template,{onClick:n.onClick,className:i,iconClassName:p,disabled:n.disabled,element:d,props:n}):d}));G.displayName="PrevPageLink";var K=g.memo((function(e){var t=g.useContext(a.PrimeReactContext),n=S.getProps(e,t),o=n.options&&n.options.length>0,l=o?n.options.map((function(e){return{label:String(e),value:e}})):[],i=a.localeOption("choose"),p=o?g.createElement(u.Dropdown,{value:n.value,options:l,onChange:n.onChange,appendTo:n.appendTo,disabled:n.disabled,placeholder:i,"aria-label":i,pt:n.ptm("RPPDropdown")}):null;return n.template?r.ObjectUtils.getJSXElement(n.template,{value:n.value,options:l,onChange:n.onChange,appendTo:n.appendTo,currentPage:n.page,totalPages:n.pageCount,totalRecords:n.totalRecords,disabled:n.disabled,element:p,props:n}):p}));K.displayName="RowsPerPageDropdown";var Q=g.memo(g.forwardRef((function(e,n){var o=g.useContext(a.PrimeReactContext),l=w.getProps(e,o),i=w.setMetaData({props:l}).ptm,p=g.useRef(null),s=Math.floor(l.first/l.rows),c=Math.ceil(l.totalRecords/l.rows),u=0===s,m=s===c-1,f=0===c,O=function(){var e=c,t=Math.min(l.pageLinkSize,e),r=Math.max(0,Math.ceil(s-t/2)),n=Math.min(e-1,r+t-1);return[r=Math.max(0,r-(l.pageLinkSize-(n-r+1))),n]},k=function(){for(var e=[],t=O(),r=t[1],n=t[0];n<=r;n++)e.push(n+1);return e},C=function(e,t){var r=c,n=Math.floor(e/t);n>=0&&n<r&&(l.onPageChange&&l.onPageChange({first:e,rows:t,page:n,pageCount:r}))},h=function(e){C(0,l.rows),e.preventDefault()},j=function(e){C(l.first-l.rows,l.rows),e.preventDefault()},E=function(e){C((e.value-1)*l.rows,l.rows)},L=function(e){C(l.first+l.rows,l.rows),e.preventDefault()},x=function(e){C((c-1)*l.rows,l.rows),e.preventDefault()},N=function(e){C(0,e.value)};g.useImperativeHandle(n,(function(){return{props:l,getElement:function(){return p.current}}})),t.useUpdateEffect((function(){s>0&&l.first>=l.totalRecords&&C((c-1)*l.rows,l.rows)}),[l.totalRecords]);var R=function(e,t){var r;switch(e){case"FirstPageLink":r=g.createElement(U,{key:e,onClick:h,disabled:u||f,template:t,firstPageLinkIcon:l.firstPageLinkIcon,ptm:i});break;case"PrevPageLink":r=g.createElement(G,{key:e,onClick:j,disabled:u||f,template:t,prevPageLinkIcon:l.prevPageLinkIcon,ptm:i});break;case"NextPageLink":r=g.createElement(F,{key:e,onClick:L,disabled:m||f,template:t,nextPageLinkIcon:l.nextPageLinkIcon,ptm:i});break;case"LastPageLink":r=g.createElement(q,{key:e,onClick:x,disabled:m||f,template:t,lastPageLinkIcon:l.lastPageLinkIcon,ptm:i});break;case"PageLinks":r=g.createElement(z,{key:e,value:k(),page:s,rows:l.rows,pageCount:c,onClick:E,template:t,ptm:i});break;case"RowsPerPageDropdown":r=g.createElement(K,{key:e,value:l.rows,page:s,pageCount:c,totalRecords:l.totalRecords,options:l.rowsPerPageOptions,onChange:N,appendTo:l.dropdownAppendTo,template:t,disabled:f,ptm:i});break;case"CurrentPageReport":r=g.createElement(T,{reportTemplate:l.currentPageReportTemplate,key:e,page:s,pageCount:c,first:l.first,rows:l.rows,totalRecords:l.totalRecords,template:t,ptm:i});break;case"JumpToPageInput":r=g.createElement(B,{key:e,rows:l.rows,page:s,pageCount:c,onChange:C,disabled:f,template:t,ptm:i});break;default:r=null}return r};if(!l.alwaysShow&&c<=1)return null;var S,I=r.classNames("p-paginator p-component",l.className),D=r.ObjectUtils.getJSXElement(l.leftContent,l),_=r.ObjectUtils.getJSXElement(l.rightContent,l),J=(S=l.template)?"object"===y(S)?S.layout?S.layout.split(" ").map((function(e){var t=e.trim();return R(t,S[t])})):Object.entries(S).map((function(e){var t,r,n=(r=2,d(t=e)||b(t,r)||P(t,r)||v());return R(n[0],n[1])})):S.split(" ").map((function(e){return R(e.trim())})):null,M=r.mergeProps({className:"p-paginator-left-content"},i("left")),X=D&&g.createElement("div",M,D),A=r.mergeProps({className:"p-paginator-right-content"},i("end")),Y=_&&g.createElement("div",A,_),H=r.mergeProps({ref:p,className:I,style:l.style},w.getOtherProps(l),i("root"));return g.createElement("div",H,X,J,Y)})));Q.displayName="Paginator",exports.Paginator=Q;

package/paginator/paginator.d.ts

@@ -8,7 +8,108 @@
  *
  */
 import * as React from 'react';
-import { IconType } from '../utils/utils';
+import { DropdownPassThroughOptions } from '../dropdown/dropdown';
+import { InputNumberPassThroughOptions } from '../inputnumber/inputnumber';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type PaginatorPassThroughType<T> = PassThroughType<T, PaginatorPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface PaginatorPassThroughMethodOptions {
+    props: PaginatorProps;
+    context: PaginatorContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link PaginatorProps.pt}
+ */
+export interface PaginatorPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: PaginatorPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the left's DOM element.
+     */
+    left?: PaginatorPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the first page button's DOM element.
+     */
+    firstPageButton?: PaginatorPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the first page icon's DOM element.
+     */
+    firstPageIcon?: PaginatorPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the prev page button's DOM element.
+     */
+    prevPageButton?: PaginatorPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the prev page icon's DOM element.
+     */
+    prevPageIcon?: PaginatorPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the next page button's DOM element.
+     */
+    nextPageButton?: PaginatorPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the next page icon's DOM element.
+     */
+    nextPageIcon?: PaginatorPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the last page button's DOM element.
+     */
+    lastPageButton?: PaginatorPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the last page icon's DOM element.
+     */
+    lastPageIcon?: PaginatorPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the pages's DOM element.
+     */
+    pages?: PaginatorPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the page button's DOM element.
+     */
+    pageButton?: PaginatorPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the current's DOM element.
+     */
+    current?: PaginatorPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the Dropdown component.
+     * @see {@link DropdownPassThroughOptions}
+     */
+    RPPDropdown?: DropdownPassThroughOptions;
+    /**
+     * Uses to pass attributes to the Dropdown component.
+     * @see {@link InputNumberPassThroughOptions}
+     */
+    JTPInput?: InputNumberPassThroughOptions;
+    /**
+     * Uses to pass attributes to the end's DOM element.
+     */
+    end?: PaginatorPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Defines current options in Paginator component.
+ */
+export interface PaginatorContext {
+    /**
+     * Current active state as a boolean.
+     * @defaultValue false
+     */
+    active: boolean;
+    /**
+     * Current disabled state of the button as a boolean.
+     * @defaultValue false
+     */
+    disabled: boolean;
+}
 
 /**
  * Custom page change event.
@@ -17,15 +118,15 @@ import { IconType } from '../utils/utils';
  */
 interface PaginatorPageChangeEvent {
     /**
-     * New page number
+     * Index of first record
      */
     first: number;
     /**
-     * Index of first record
+     * Number of rows to display in new page
      */
     rows: number;
     /**
-     * Number of rows to display in new page
+     * New page number
      */
     page: number;
     /**
@@ -429,7 +530,7 @@ export type PaginatorTemplate = PaginatorTemplateOptions | string | undefined;
  * Defines valid properties in Paginator component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface PaginatorProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+export interface PaginatorProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'pt'> {
     /**
      * Number of total records.
      * @defaultValue 0
@@ -507,6 +608,11 @@ export interface PaginatorProps extends Omit<React.DetailedHTMLProps<React.HTMLA
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {PaginatorPassThroughOptions}
+     */
+    pt?: PaginatorPassThroughOptions;
 }
 
 /**