primereact 8.0.0-rc.2 → 8.1.0

package/paginator/paginator.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{ObjectUtils as a,classNames as n}from"primereact/utils";import{Ripple as r}from"primereact/ripple";import{InputNumber as l}from"primereact/inputnumber";import{Dropdown as o}from"primereact/dropdown";function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},i.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function s(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function c(e,t){if(e){if("string"==typeof e)return u(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?u(e,t):void 0}}function m(){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 g(e){return g="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},g(e)}function d(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function f(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function b(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?f(Object(a),!0).forEach((function(t){d(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):f(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var P=e.memo((function(t){var n={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},r=t.reportTemplate.replace("{currentPage}",n.currentPage).replace("{totalPages}",n.totalPages).replace("{first}",n.first).replace("{last}",n.last).replace("{rows}",n.rows).replace("{totalRecords}",n.totalRecords),l=e.createElement("span",{className:"p-paginator-current"},r);if(t.template){var o=b(b({},n),{className:"p-paginator-current",element:l,props:t});return a.getJSXElement(t.template,o)}return l}));P.displayName="CurrentPageReport",P.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var v=e.memo((function(t){var l=n("p-paginator-first p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon pi pi-angle-double-left",i=e.createElement("button",{type:"button",className:l,onClick:t.onClick,disabled:t.disabled},e.createElement("span",{className:o}),e.createElement(r,null));return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:l,iconClassName:o,disabled:t.disabled,element:i,props:t}):i}));v.displayName="FirstPageLink",v.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var k=e.memo((function(t){var n=function(e){t.onChange&&t.onChange(t.rows*(e.value-1),t.rows)},r=t.pageCount>0?t.page+1:0,o=e.createElement(l,{value:r,onChange:n,className:"p-paginator-page-input",disabled:t.disabled});return t.template?a.getJSXElement(t.template,{value:r,onChange:n,disabled:t.disabled,className:"p-paginator-page-input",element:o,props:t}):o}));k.displayName="JumpToPageInput",k.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var y=e.memo((function(t){var l=n("p-paginator-last p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon pi pi-angle-double-right",i=e.createElement("button",{type:"button",className:l,onClick:t.onClick,disabled:t.disabled},e.createElement("span",{className:o}),e.createElement(r,null));return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:l,iconClassName:o,disabled:t.disabled,element:i,props:t}):i}));y.displayName="LastPageLink",y.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var C=e.memo((function(t){var l=n("p-paginator-next p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon pi pi-angle-right",i=e.createElement("button",{type:"button",className:l,onClick:t.onClick,disabled:t.disabled},e.createElement("span",{className:o}),e.createElement(r,null));return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:l,iconClassName:o,disabled:t.disabled,element:i,props:t}):i}));C.displayName="NextPageLink",C.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var w=e.memo((function(t){var l,o=function(e,a){t.onClick&&t.onClick({originalEvent:e,value:a}),e.preventDefault()};if(t.value){var i=t.value[0],p=t.value[t.value.length-1];l=t.value.map((function(l){var s=n("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":l===i,"p-paginator-page-end":l===p,"p-highlight":l-1===t.page}),u=e.createElement("button",{type:"button",className:s,onClick:function(e){return o(e,l)}},l,e.createElement(r,null));t.template&&(u=a.getJSXElement(t.template,{onClick:function(e){return o(e,l)},className:s,view:{startPage:i-1,endPage:p-1},page:l-1,currentPage:t.page,totalPages:t.pageCount,element:u,props:t}));return e.createElement(e.Fragment,{key:l},u)}))}return e.createElement("span",{className:"p-paginator-pages"},l)}));w.displayName="PageLinks",w.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var h=e.memo((function(t){var l=n("p-paginator-prev p-paginator-element p-link",{"p-disabled":t.disabled}),o="p-paginator-icon pi pi-angle-left",i=e.createElement("button",{type:"button",className:l,onClick:t.onClick,disabled:t.disabled},e.createElement("span",{className:o}),e.createElement(r,null));return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:l,iconClassName:o,disabled:t.disabled,element:i,props:t}):i}));h.displayName="PrevPageLink",h.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var E=e.memo((function(t){var n=t.options&&t.options.length>0,r=n?t.options.map((function(e){return{label:String(e),value:e}})):[],l=n?e.createElement(o,{value:t.value,options:r,onChange:t.onChange,appendTo:t.appendTo,disabled:t.disabled}):null;return t.template?a.getJSXElement(t.template,{value:t.value,options:r,onChange:t.onChange,appendTo:t.appendTo,currentPage:t.page,totalPages:t.pageCount,totalRecords:t.totalRecords,disabled:t.disabled,element:l,props:t}):l}));E.displayName="RowsPerPageDropdown",E.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var N=e.memo(e.forwardRef((function(r,l){var o=e.useRef(!1),u=Math.floor(r.first/r.rows),d=Math.ceil(r.totalRecords/r.rows),f=0===u,b=u===d-1,R=0===d,S=function(){var e=d,t=Math.min(r.pageLinkSize,e),a=Math.max(0,Math.ceil(u-t/2)),n=Math.min(e-1,a+t-1);return[a=Math.max(0,a-(r.pageLinkSize-(n-a+1))),n]},L=function(){for(var e=[],t=S(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},O=function(e,t){var a=d,n=Math.floor(e/t);n>=0&&n<a&&(r.onPageChange&&r.onPageChange({first:e,rows:t,page:n,pageCount:a}))},T=function(e){O(0,r.rows),e.preventDefault()},j=function(e){O(r.first-r.rows,r.rows),e.preventDefault()},_=function(e){O((e.value-1)*r.rows,r.rows)},D=function(e){O(r.first+r.rows,r.rows),e.preventDefault()},J=function(e){O((d-1)*r.rows,r.rows),e.preventDefault()},M=function(e){var t=e.value;o.current=t!==r.rows,O(0,t)};t((function(){o.current||O(0,r.rows),o.current=!1}),[r.rows]),t((function(){u>0&&r.first>=r.totalRecords&&O((d-1)*r.rows,r.rows)}),[r.totalRecords]);var X,x=function(t,a){var n;switch(t){case"FirstPageLink":n=e.createElement(v,{key:t,onClick:T,disabled:f||R,template:a});break;case"PrevPageLink":n=e.createElement(h,{key:t,onClick:j,disabled:f||R,template:a});break;case"NextPageLink":n=e.createElement(C,{key:t,onClick:D,disabled:b||R,template:a});break;case"LastPageLink":n=e.createElement(y,{key:t,onClick:J,disabled:b||R,template:a});break;case"PageLinks":n=e.createElement(w,{key:t,value:L(),page:u,rows:r.rows,pageCount:d,onClick:_,template:a});break;case"RowsPerPageDropdown":n=e.createElement(E,{key:t,value:r.rows,page:u,pageCount:d,totalRecords:r.totalRecords,options:r.rowsPerPageOptions,onChange:M,appendTo:r.dropdownAppendTo,template:a,disabled:R});break;case"CurrentPageReport":n=e.createElement(P,{reportTemplate:r.currentPageReportTemplate,key:t,page:u,pageCount:d,first:r.first,rows:r.rows,totalRecords:r.totalRecords,template:a});break;case"JumpToPageInput":n=e.createElement(k,{key:t,rows:r.rows,page:u,pageCount:d,onChange:O,disabled:R,template:a});break;default:n=null}return n};if(r.alwaysShow||1!==d){var Y=a.findDiffKeys(r,N.defaultProps),A=n("p-paginator p-component",r.className),I=a.getJSXElement(r.leftContent,r),F=a.getJSXElement(r.rightContent,r),z=(X=r.template)?"object"===g(X)?X.layout?X.layout.split(" ").map((function(e){var t=e.trim();return x(t,X[t])})):Object.entries(X).map((function(e){var t,a,n=(a=2,p(t=e)||s(t,a)||c(t,a)||m());return x(n[0],n[1])})):X.split(" ").map((function(e){return x(e.trim())})):null,K=I&&e.createElement("div",{className:"p-paginator-left-content"},I),U=F&&e.createElement("div",{className:"p-paginator-right-content"},F);return e.createElement("div",i({className:A,style:r.style},Y),K,z,U)}return null})));N.displayName="Paginator",N.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})"};export{N as Paginator};
+import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{ObjectUtils as a,classNames as n}from"primereact/utils";import{ariaLabel as r}from"primereact/api";import{Button as l}from"primereact/button";import{InputNumber as o}from"primereact/inputnumber";import{Dropdown as i}from"primereact/dropdown";function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},p.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function u(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function m(e,t){if(e){if("string"==typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?c(e,t):void 0}}function g(){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 d(e){return d="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},d(e)}function f(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function b(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function P(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?b(Object(a),!0).forEach((function(t){f(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):b(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var v=e.memo((function(t){var n={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},r=t.reportTemplate.replace("{currentPage}",n.currentPage).replace("{totalPages}",n.totalPages).replace("{first}",n.first).replace("{last}",n.last).replace("{rows}",n.rows).replace("{totalRecords}",n.totalRecords),l=e.createElement("span",{className:"p-paginator-current"},r);if(t.template){var o=P(P({},n),{className:"p-paginator-current",element:l,props:t});return a.getJSXElement(t.template,o)}return l}));v.displayName="CurrentPageReport",v.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var k=e.memo((function(t){var o=n("p-paginator-first p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-double-left",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("firstPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));k.displayName="FirstPageLink",k.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var y=e.memo((function(t){var n=function(e){t.onChange&&t.onChange(t.rows*(e.value-1),t.rows)},r=t.pageCount>0?t.page+1:0,l=e.createElement(o,{value:r,onChange:n,className:"p-paginator-page-input",disabled:t.disabled});return t.template?a.getJSXElement(t.template,{value:r,onChange:n,disabled:t.disabled,className:"p-paginator-page-input",element:l,props:t}):l}));y.displayName="JumpToPageInput",y.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var C=e.memo((function(t){var o=n("p-paginator-last p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-double-right",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("lastPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));C.displayName="LastPageLink",C.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var w=e.memo((function(t){var o=n("p-paginator-next p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-right",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("nextPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));w.displayName="NextPageLink",w.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var h=e.memo((function(t){var o,i=function(e,a){t.onClick&&t.onClick({originalEvent:e,value:a}),e.preventDefault()};if(t.value){var p=t.value[0],s=t.value[t.value.length-1];o=t.value.map((function(o){var u=n("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":o===p,"p-paginator-page-end":o===s,"p-highlight":o-1===t.page}),c=e.createElement(l,{type:"button",className:u,onClick:function(e){return i(e,o)},"aria-label":"".concat(r("pageLabel")," ").concat(o+1)},o);t.template&&(c=a.getJSXElement(t.template,{onClick:function(e){return i(e,o)},className:u,view:{startPage:p-1,endPage:s-1},page:o-1,currentPage:t.page,totalPages:t.pageCount,element:c,props:t}));return e.createElement(e.Fragment,{key:o},c)}))}return e.createElement("span",{className:"p-paginator-pages"},o)}));h.displayName="PageLinks",h.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var E=e.memo((function(t){var o=n("p-paginator-prev p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-left",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("previousPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));E.displayName="PrevPageLink",E.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var N=e.memo((function(t){var n=t.options&&t.options.length>0,r=n?t.options.map((function(e){return{label:String(e),value:e}})):[],l=n?e.createElement(i,{value:t.value,options:r,onChange:t.onChange,appendTo:t.appendTo,disabled:t.disabled}):null;return t.template?a.getJSXElement(t.template,{value:t.value,options:r,onChange:t.onChange,appendTo:t.appendTo,currentPage:t.page,totalPages:t.pageCount,totalRecords:t.totalRecords,disabled:t.disabled,element:l,props:t}):l}));N.displayName="RowsPerPageDropdown",N.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var L=e.memo(e.forwardRef((function(r,l){var o=e.useRef(!1),i=Math.floor(r.first/r.rows),c=Math.ceil(r.totalRecords/r.rows),f=0===i,b=i===c-1,P=0===c,R=function(){var e=c,t=Math.min(r.pageLinkSize,e),a=Math.max(0,Math.ceil(i-t/2)),n=Math.min(e-1,a+t-1);return[a=Math.max(0,a-(r.pageLinkSize-(n-a+1))),n]},S=function(){for(var e=[],t=R(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},O=function(e,t){var a=c,n=Math.floor(e/t);n>=0&&n<a&&(r.onPageChange&&r.onPageChange({first:e,rows:t,page:n,pageCount:a}))},T=function(e){O(0,r.rows),e.preventDefault()},j=function(e){O(r.first-r.rows,r.rows),e.preventDefault()},_=function(e){O((e.value-1)*r.rows,r.rows)},D=function(e){O(r.first+r.rows,r.rows),e.preventDefault()},J=function(e){O((c-1)*r.rows,r.rows),e.preventDefault()},M=function(e){var t=e.value;o.current=t!==r.rows,O(0,t)};t((function(){o.current||O(0,r.rows),o.current=!1}),[r.rows]),t((function(){i>0&&r.first>=r.totalRecords&&O((c-1)*r.rows,r.rows)}),[r.totalRecords]);var x,X=function(t,a){var n;switch(t){case"FirstPageLink":n=e.createElement(k,{key:t,onClick:T,disabled:f||P,template:a});break;case"PrevPageLink":n=e.createElement(E,{key:t,onClick:j,disabled:f||P,template:a});break;case"NextPageLink":n=e.createElement(w,{key:t,onClick:D,disabled:b||P,template:a});break;case"LastPageLink":n=e.createElement(C,{key:t,onClick:J,disabled:b||P,template:a});break;case"PageLinks":n=e.createElement(h,{key:t,value:S(),page:i,rows:r.rows,pageCount:c,onClick:_,template:a});break;case"RowsPerPageDropdown":n=e.createElement(N,{key:t,value:r.rows,page:i,pageCount:c,totalRecords:r.totalRecords,options:r.rowsPerPageOptions,onChange:M,appendTo:r.dropdownAppendTo,template:a,disabled:P});break;case"CurrentPageReport":n=e.createElement(v,{reportTemplate:r.currentPageReportTemplate,key:t,page:i,pageCount:c,first:r.first,rows:r.rows,totalRecords:r.totalRecords,template:a});break;case"JumpToPageInput":n=e.createElement(y,{key:t,rows:r.rows,page:i,pageCount:c,onChange:O,disabled:P,template:a});break;default:n=null}return n};if(r.alwaysShow||1!==c){var Y=a.findDiffKeys(r,L.defaultProps),A=n("p-paginator p-component",r.className),I=a.getJSXElement(r.leftContent,r),F=a.getJSXElement(r.rightContent,r),z=(x=r.template)?"object"===d(x)?x.layout?x.layout.split(" ").map((function(e){var t=e.trim();return X(t,x[t])})):Object.entries(x).map((function(e){var t,a,n=(a=2,s(t=e)||u(t,a)||m(t,a)||g());return X(n[0],n[1])})):x.split(" ").map((function(e){return X(e.trim())})):null,K=I&&e.createElement("div",{className:"p-paginator-left-content"},I),U=F&&e.createElement("div",{className:"p-paginator-right-content"},F);return e.createElement("div",p({className:A,style:r.style},Y),K,z,U)}return null})));L.displayName="Paginator",L.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})"};export{L as Paginator};

package/paginator/paginator.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inputnumber, dropdown) {
+this.primereact.paginator = (function (exports, React, hooks, utils, api, button, inputnumber, dropdown) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -178,14 +178,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      disabled: props.disabled,
+      "aria-label": api.ariaLabel('firstPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -254,14 +254,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      disabled: props.disabled,
+      "aria-label": api.ariaLabel('lastPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -290,14 +290,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-right';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      disabled: props.disabled,
+      "aria-label": api.ariaLabel('nextPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -344,13 +344,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
           'p-paginator-page-end': pageLink === endPageInView,
           'p-highlight': pageLink - 1 === props.page
         });
-        var element = /*#__PURE__*/React__namespace.createElement("button", {
+        var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
           type: "button",
           className: className,
           onClick: function onClick(e) {
             return onPageLinkClick(e, pageLink);
-          }
-        }, pageLink, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+          },
+          "aria-label": "".concat(api.ariaLabel('pageLabel'), " ").concat(pageLink + 1)
+        }, pageLink);
 
         if (props.template) {
           var defaultOptions = {
@@ -397,14 +398,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-left';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      disabled: props.disabled,
+      "aria-label": api.ariaLabel('previousPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -740,4 +741,4 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.ripple, primereact.inputnumber, primereact.dropdown);
+})({}, React, primereact.hooks, primereact.utils, primereact.api, primereact.button, primereact.inputnumber, primereact.dropdown);

package/paginator/paginator.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.paginator=function(e,t,a,n,r,l,o){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var s=i(t);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},p.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function u(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function g(e,t){if(e){if("string"==typeof e)return m(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?m(e,t):void 0}}function d(){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 f(e){return f="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},f(e)}function b(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function P(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function v(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?P(Object(a),!0).forEach((function(t){b(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):P(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var y=s.memo((function(e){var t={currentPage:e.page+1,totalPages:e.pageCount,first:Math.min(e.first+1,e.totalRecords),last:Math.min(e.first+e.rows,e.totalRecords),rows:e.rows,totalRecords:e.totalRecords},a=e.reportTemplate.replace("{currentPage}",t.currentPage).replace("{totalPages}",t.totalPages).replace("{first}",t.first).replace("{last}",t.last).replace("{rows}",t.rows).replace("{totalRecords}",t.totalRecords),r=s.createElement("span",{className:"p-paginator-current"},a);if(e.template){var l=v(v({},t),{className:"p-paginator-current",element:r,props:e});return n.ObjectUtils.getJSXElement(e.template,l)}return r}));y.displayName="CurrentPageReport",y.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var k=s.memo((function(e){var t=n.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-double-left",l=s.createElement("button",{type:"button",className:t,onClick:e.onClick,disabled:e.disabled},s.createElement("span",{className:a}),s.createElement(r.Ripple,null));return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:l,props:e}):l}));k.displayName="FirstPageLink",k.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var w=s.memo((function(e){var t=function(t){e.onChange&&e.onChange(e.rows*(t.value-1),e.rows)},a=e.pageCount>0?e.page+1:0,r=s.createElement(l.InputNumber,{value:a,onChange:t,className:"p-paginator-page-input",disabled:e.disabled});return e.template?n.ObjectUtils.getJSXElement(e.template,{value:a,onChange:t,disabled:e.disabled,className:"p-paginator-page-input",element:r,props:e}):r}));w.displayName="JumpToPageInput",w.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var C=s.memo((function(e){var t=n.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-double-right",l=s.createElement("button",{type:"button",className:t,onClick:e.onClick,disabled:e.disabled},s.createElement("span",{className:a}),s.createElement(r.Ripple,null));return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:l,props:e}):l}));C.displayName="LastPageLink",C.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var h=s.memo((function(e){var t=n.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-right",l=s.createElement("button",{type:"button",className:t,onClick:e.onClick,disabled:e.disabled},s.createElement("span",{className:a}),s.createElement(r.Ripple,null));return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:l,props:e}):l}));h.displayName="NextPageLink",h.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var E=s.memo((function(e){var t,a=function(t,a){e.onClick&&e.onClick({originalEvent:t,value:a}),t.preventDefault()};if(e.value){var l=e.value[0],o=e.value[e.value.length-1];t=e.value.map((function(t){var i=n.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":t===l,"p-paginator-page-end":t===o,"p-highlight":t-1===e.page}),p=s.createElement("button",{type:"button",className:i,onClick:function(e){return a(e,t)}},t,s.createElement(r.Ripple,null));e.template&&(p=n.ObjectUtils.getJSXElement(e.template,{onClick:function(e){return a(e,t)},className:i,view:{startPage:l-1,endPage:o-1},page:t-1,currentPage:e.page,totalPages:e.pageCount,element:p,props:e}));return s.createElement(s.Fragment,{key:t},p)}))}return s.createElement("span",{className:"p-paginator-pages"},t)}));E.displayName="PageLinks",E.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var N=s.memo((function(e){var t=n.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-left",l=s.createElement("button",{type:"button",className:t,onClick:e.onClick,disabled:e.disabled},s.createElement("span",{className:a}),s.createElement(r.Ripple,null));return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:l,props:e}):l}));N.displayName="PrevPageLink",N.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var O=s.memo((function(e){var t=e.options&&e.options.length>0,a=t?e.options.map((function(e){return{label:String(e),value:e}})):[],r=t?s.createElement(o.Dropdown,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,disabled:e.disabled}):null;return e.template?n.ObjectUtils.getJSXElement(e.template,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,currentPage:e.page,totalPages:e.pageCount,totalRecords:e.totalRecords,disabled:e.disabled,element:r,props:e}):r}));O.displayName="RowsPerPageDropdown",O.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var j=s.memo(s.forwardRef((function(e,t){var r=s.useRef(!1),l=Math.floor(e.first/e.rows),o=Math.ceil(e.totalRecords/e.rows),i=0===l,m=l===o-1,b=0===o,P=function(){var t=o,a=Math.min(e.pageLinkSize,t),n=Math.max(0,Math.ceil(l-a/2)),r=Math.min(t-1,n+a-1);return[n=Math.max(0,n-(e.pageLinkSize-(r-n+1))),r]},v=function(){for(var e=[],t=P(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},R=function(t,a){var n=o,r=Math.floor(t/a);r>=0&&r<n&&(e.onPageChange&&e.onPageChange({first:t,rows:a,page:r,pageCount:n}))},S=function(t){R(0,e.rows),t.preventDefault()},L=function(t){R(e.first-e.rows,e.rows),t.preventDefault()},T=function(t){R((t.value-1)*e.rows,e.rows)},_=function(t){R(e.first+e.rows,e.rows),t.preventDefault()},D=function(t){R((o-1)*e.rows,e.rows),t.preventDefault()},U=function(t){var a=t.value;r.current=a!==e.rows,R(0,a)};a.useUpdateEffect((function(){r.current||R(0,e.rows),r.current=!1}),[e.rows]),a.useUpdateEffect((function(){l>0&&e.first>=e.totalRecords&&R((o-1)*e.rows,e.rows)}),[e.totalRecords]);var J,M=function(t,a){var n;switch(t){case"FirstPageLink":n=s.createElement(k,{key:t,onClick:S,disabled:i||b,template:a});break;case"PrevPageLink":n=s.createElement(N,{key:t,onClick:L,disabled:i||b,template:a});break;case"NextPageLink":n=s.createElement(h,{key:t,onClick:_,disabled:m||b,template:a});break;case"LastPageLink":n=s.createElement(C,{key:t,onClick:D,disabled:m||b,template:a});break;case"PageLinks":n=s.createElement(E,{key:t,value:v(),page:l,rows:e.rows,pageCount:o,onClick:T,template:a});break;case"RowsPerPageDropdown":n=s.createElement(O,{key:t,value:e.rows,page:l,pageCount:o,totalRecords:e.totalRecords,options:e.rowsPerPageOptions,onChange:U,appendTo:e.dropdownAppendTo,template:a,disabled:b});break;case"CurrentPageReport":n=s.createElement(y,{reportTemplate:e.currentPageReportTemplate,key:t,page:l,pageCount:o,first:e.first,rows:e.rows,totalRecords:e.totalRecords,template:a});break;case"JumpToPageInput":n=s.createElement(w,{key:t,rows:e.rows,page:l,pageCount:o,onChange:R,disabled:b,template:a});break;default:n=null}return n};if(e.alwaysShow||1!==o){var X=n.ObjectUtils.findDiffKeys(e,j.defaultProps),Y=n.classNames("p-paginator p-component",e.className),x=n.ObjectUtils.getJSXElement(e.leftContent,e),A=n.ObjectUtils.getJSXElement(e.rightContent,e),I=(J=e.template)?"object"===f(J)?J.layout?J.layout.split(" ").map((function(e){var t=e.trim();return M(t,J[t])})):Object.entries(J).map((function(e){var t,a,n=(a=2,c(t=e)||u(t,a)||g(t,a)||d());return M(n[0],n[1])})):J.split(" ").map((function(e){return M(e.trim())})):null,F=x&&s.createElement("div",{className:"p-paginator-left-content"},x),z=A&&s.createElement("div",{className:"p-paginator-right-content"},A);return s.createElement("div",p({className:Y,style:e.style},X),F,I,z)}return null})));return j.displayName="Paginator",j.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})"},e.Paginator=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.ripple,primereact.inputnumber,primereact.dropdown);
+this.primereact=this.primereact||{},this.primereact.paginator=function(e,t,a,n,r,l,o,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var p=s(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},c.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function m(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function d(e,t){if(e){if("string"==typeof e)return g(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?g(e,t):void 0}}function f(){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 b(e){return b="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},b(e)}function P(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function v(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?v(Object(a),!0).forEach((function(t){P(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var k=p.memo((function(e){var t={currentPage:e.page+1,totalPages:e.pageCount,first:Math.min(e.first+1,e.totalRecords),last:Math.min(e.first+e.rows,e.totalRecords),rows:e.rows,totalRecords:e.totalRecords},a=e.reportTemplate.replace("{currentPage}",t.currentPage).replace("{totalPages}",t.totalPages).replace("{first}",t.first).replace("{last}",t.last).replace("{rows}",t.rows).replace("{totalRecords}",t.totalRecords),r=p.createElement("span",{className:"p-paginator-current"},a);if(e.template){var l=y(y({},t),{className:"p-paginator-current",element:r,props:e});return n.ObjectUtils.getJSXElement(e.template,l)}return r}));k.displayName="CurrentPageReport",k.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var w=p.memo((function(e){var t=n.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-double-left",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("firstPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));w.displayName="FirstPageLink",w.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var C=p.memo((function(e){var t=function(t){e.onChange&&e.onChange(e.rows*(t.value-1),e.rows)},a=e.pageCount>0?e.page+1:0,r=p.createElement(o.InputNumber,{value:a,onChange:t,className:"p-paginator-page-input",disabled:e.disabled});return e.template?n.ObjectUtils.getJSXElement(e.template,{value:a,onChange:t,disabled:e.disabled,className:"p-paginator-page-input",element:r,props:e}):r}));C.displayName="JumpToPageInput",C.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var h=p.memo((function(e){var t=n.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-double-right",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("lastPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));h.displayName="LastPageLink",h.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var E=p.memo((function(e){var t=n.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-right",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("nextPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));E.displayName="NextPageLink",E.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var N=p.memo((function(e){var t,a=function(t,a){e.onClick&&e.onClick({originalEvent:t,value:a}),t.preventDefault()};if(e.value){var o=e.value[0],i=e.value[e.value.length-1];t=e.value.map((function(t){var s=n.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":t===o,"p-paginator-page-end":t===i,"p-highlight":t-1===e.page}),c=p.createElement(l.Button,{type:"button",className:s,onClick:function(e){return a(e,t)},"aria-label":"".concat(r.ariaLabel("pageLabel")," ").concat(t+1)},t);e.template&&(c=n.ObjectUtils.getJSXElement(e.template,{onClick:function(e){return a(e,t)},className:s,view:{startPage:o-1,endPage:i-1},page:t-1,currentPage:e.page,totalPages:e.pageCount,element:c,props:e}));return p.createElement(p.Fragment,{key:t},c)}))}return p.createElement("span",{className:"p-paginator-pages"},t)}));N.displayName="PageLinks",N.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var O=p.memo((function(e){var t=n.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-left",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("previousPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));O.displayName="PrevPageLink",O.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var L=p.memo((function(e){var t=e.options&&e.options.length>0,a=t?e.options.map((function(e){return{label:String(e),value:e}})):[],r=t?p.createElement(i.Dropdown,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,disabled:e.disabled}):null;return e.template?n.ObjectUtils.getJSXElement(e.template,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,currentPage:e.page,totalPages:e.pageCount,totalRecords:e.totalRecords,disabled:e.disabled,element:r,props:e}):r}));L.displayName="RowsPerPageDropdown",L.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var j=p.memo(p.forwardRef((function(e,t){var r=p.useRef(!1),l=Math.floor(e.first/e.rows),o=Math.ceil(e.totalRecords/e.rows),i=0===l,s=l===o-1,g=0===o,P=function(){var t=o,a=Math.min(e.pageLinkSize,t),n=Math.max(0,Math.ceil(l-a/2)),r=Math.min(t-1,n+a-1);return[n=Math.max(0,n-(e.pageLinkSize-(r-n+1))),r]},v=function(){for(var e=[],t=P(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},y=function(t,a){var n=o,r=Math.floor(t/a);r>=0&&r<n&&(e.onPageChange&&e.onPageChange({first:t,rows:a,page:r,pageCount:n}))},R=function(t){y(0,e.rows),t.preventDefault()},S=function(t){y(e.first-e.rows,e.rows),t.preventDefault()},T=function(t){y((t.value-1)*e.rows,e.rows)},_=function(t){y(e.first+e.rows,e.rows),t.preventDefault()},D=function(t){y((o-1)*e.rows,e.rows),t.preventDefault()},U=function(t){var a=t.value;r.current=a!==e.rows,y(0,a)};a.useUpdateEffect((function(){r.current||y(0,e.rows),r.current=!1}),[e.rows]),a.useUpdateEffect((function(){l>0&&e.first>=e.totalRecords&&y((o-1)*e.rows,e.rows)}),[e.totalRecords]);var J,M=function(t,a){var n;switch(t){case"FirstPageLink":n=p.createElement(w,{key:t,onClick:R,disabled:i||g,template:a});break;case"PrevPageLink":n=p.createElement(O,{key:t,onClick:S,disabled:i||g,template:a});break;case"NextPageLink":n=p.createElement(E,{key:t,onClick:_,disabled:s||g,template:a});break;case"LastPageLink":n=p.createElement(h,{key:t,onClick:D,disabled:s||g,template:a});break;case"PageLinks":n=p.createElement(N,{key:t,value:v(),page:l,rows:e.rows,pageCount:o,onClick:T,template:a});break;case"RowsPerPageDropdown":n=p.createElement(L,{key:t,value:e.rows,page:l,pageCount:o,totalRecords:e.totalRecords,options:e.rowsPerPageOptions,onChange:U,appendTo:e.dropdownAppendTo,template:a,disabled:g});break;case"CurrentPageReport":n=p.createElement(k,{reportTemplate:e.currentPageReportTemplate,key:t,page:l,pageCount:o,first:e.first,rows:e.rows,totalRecords:e.totalRecords,template:a});break;case"JumpToPageInput":n=p.createElement(C,{key:t,rows:e.rows,page:l,pageCount:o,onChange:y,disabled:g,template:a});break;default:n=null}return n};if(e.alwaysShow||1!==o){var X=n.ObjectUtils.findDiffKeys(e,j.defaultProps),x=n.classNames("p-paginator p-component",e.className),Y=n.ObjectUtils.getJSXElement(e.leftContent,e),A=n.ObjectUtils.getJSXElement(e.rightContent,e),I=(J=e.template)?"object"===b(J)?J.layout?J.layout.split(" ").map((function(e){var t=e.trim();return M(t,J[t])})):Object.entries(J).map((function(e){var t,a,n=(a=2,u(t=e)||m(t,a)||d(t,a)||f());return M(n[0],n[1])})):J.split(" ").map((function(e){return M(e.trim())})):null,B=Y&&p.createElement("div",{className:"p-paginator-left-content"},Y),F=A&&p.createElement("div",{className:"p-paginator-right-content"},A);return p.createElement("div",c({className:x,style:e.style},X),B,I,F)}return null})));return j.displayName="Paginator",j.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})"},e.Paginator=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.api,primereact.button,primereact.inputnumber,primereact.dropdown);

package/panelmenu/panelmenu.cjs.js

@@ -316,6 +316,11 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       activeItemState = _React$useState4[0],
       setActiveItemState = _React$useState4[1];
 
+  var _React$useState5 = React__namespace.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      animationDisabled = _React$useState6[0],
+      setAnimationDisabled = _React$useState6[1];
+
   var headerId = idState + '_header';
   var contentId = idState + '_content';
 
@@ -385,6 +390,14 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 
     setActiveItemState(findActiveItem());
   });
+  hooks.useUpdateEffect(function () {
+    setAnimationDisabled(true);
+    setActiveItemState(findActiveItem());
+  }, [props.model]);
+
+  var onEnter = function onEnter() {
+    setAnimationDisabled(false);
+  };
 
   var createPanel = function createPanel(item, index) {
     var key = item.label + '_' + index;
@@ -457,6 +470,8 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         enter: 1000,
         exit: 450
       },
+      onEnter: onEnter,
+      disabled: animationDisabled,
       "in": active,
       unmountOnExit: true,
       options: props.transitionOptions

package/panelmenu/panelmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),a=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function s(e){if(Array.isArray(e))return o(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return s(e)||u(e)||m(e)||c()}function d(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,l,r=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return r}}function b(){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,t){return d(e)||f(e,t)||m(e,t)||b()}var v=r.memo((function(e){var l=y(r.useState(null),2),i=l[0],o=l[1],s=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},u=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=i;m(n)?(n.expanded=!1,o(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(p(a||[]),[n]):n))}},m=function(t){return i&&(e.multiple?i.indexOf(t)>-1:i===t)};n.useMountEffect((function(){o(s())}));var c=function(e){return r.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},d=function(n,l){var i=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),o=r.createRef();return n.items?r.createElement(t.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0},r.createElement("div",{ref:o,className:i},r.createElement(v,{menuProps:e.menuProps,model:n.items,multiple:e.multiple}))):null},f=function(t,n){var l=t.label+"_"+n,i=m(t),o=a.classNames("p-menuitem",t.className),s=a.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=a.classNames("p-menuitem-icon",t.icon),p=a.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!i,"pi-angle-down":i}),f=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&r.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&r.createElement("span",{className:p}),v=d(t,i),N=r.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return u(e,t)},role:"menuitem","aria-disabled":t.disabled},y,f,b);t.template&&(N=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:p,element:N,props:e,leaf:!t.items,active:i}));return r.createElement("li",{key:l,className:o,style:t.style,role:"none"},N,v)},b=function(e,t){return e.separator?c(t):f(e,t)},N=a.classNames("p-submenu-list",e.className),g=e.model?e.model.map(b):null;return r.createElement("ul",{className:N,role:"tree"},g)}));v.displayName="PanelMenuSub";var N=r.memo(r.forwardRef((function(e,l){var o=y(r.useState(e.id),2),s=o[0],u=o[1],m=y(r.useState(null),2),c=m[0],d=m[1],f=s+"_header",b=s+"_content",g=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},E=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=c;h(n)?(n.expanded=!1,d(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,d(e.multiple?[].concat(p(a||[]),[n]):n))}},h=function(t){return c&&(e.multiple?c.indexOf(t)>-1:c===t)};n.useMountEffect((function(){s||u(a.UniqueComponentId()),d(g())}));var x=function(n,l){var i=n.label+"_"+l,o=h(n),s=a.classNames("p-panelmenu-panel",n.className),u=a.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":n.disabled}),m=a.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),c=a.classNames("p-menuitem-icon",n.icon),p=a.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),d=n.items&&r.createElement("span",{className:m}),y=n.label&&r.createElement("span",{className:"p-menuitem-text"},n.label),N=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),g=r.createRef(),x=r.createElement("a",{href:n.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return E(e,n)},"aria-expanded":o,id:f,"aria-controls":b,"aria-disabled":n.disabled},d,p,y);n.template&&(x=a.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return E(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:m,iconClassName:c,element:x,props:e,leaf:!n.items,active:o}));return r.createElement("div",{key:i,className:s,style:n.style},r.createElement("div",{className:u,style:n.style},x),r.createElement(t.CSSTransition,{nodeRef:g,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:o,unmountOnExit:!0,options:e.transitionOptions},r.createElement("div",{ref:g,className:N,role:"region",id:b,"aria-labelledby":f},r.createElement("div",{className:"p-panelmenu-content"},r.createElement(v,{menuProps:e,model:n.items,className:"p-panelmenu-root-submenu",multiple:e.multiple})))))},O=a.ObjectUtils.findDiffKeys(e,N.defaultProps),S=a.classNames("p-panelmenu p-component",e.className),j=e.model?e.model.map(x):null;return r.createElement("div",i({id:e.id,className:S,style:e.style},O),j)})));N.displayName="PanelMenu",N.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null},exports.PanelMenu=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),a=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function s(e){if(Array.isArray(e))return o(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return s(e)||u(e)||m(e)||c()}function d(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,l,r=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return r}}function b(){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,t){return d(e)||f(e,t)||m(e,t)||b()}var v=r.memo((function(e){var l=y(r.useState(null),2),i=l[0],o=l[1],s=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},u=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=i;m(n)?(n.expanded=!1,o(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(p(a||[]),[n]):n))}},m=function(t){return i&&(e.multiple?i.indexOf(t)>-1:i===t)};n.useMountEffect((function(){o(s())}));var c=function(e){return r.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},d=function(n,l){var i=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),o=r.createRef();return n.items?r.createElement(t.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0},r.createElement("div",{ref:o,className:i},r.createElement(v,{menuProps:e.menuProps,model:n.items,multiple:e.multiple}))):null},f=function(t,n){var l=t.label+"_"+n,i=m(t),o=a.classNames("p-menuitem",t.className),s=a.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=a.classNames("p-menuitem-icon",t.icon),p=a.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!i,"pi-angle-down":i}),f=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&r.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&r.createElement("span",{className:p}),v=d(t,i),N=r.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return u(e,t)},role:"menuitem","aria-disabled":t.disabled},y,f,b);t.template&&(N=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:p,element:N,props:e,leaf:!t.items,active:i}));return r.createElement("li",{key:l,className:o,style:t.style,role:"none"},N,v)},b=function(e,t){return e.separator?c(t):f(e,t)},N=a.classNames("p-submenu-list",e.className),g=e.model?e.model.map(b):null;return r.createElement("ul",{className:N,role:"tree"},g)}));v.displayName="PanelMenuSub";var N=r.memo(r.forwardRef((function(e,l){var o=y(r.useState(e.id),2),s=o[0],u=o[1],m=y(r.useState(null),2),c=m[0],d=m[1],f=y(r.useState(!1),2),b=f[0],g=f[1],E=s+"_header",h=s+"_content",x=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},O=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=c;S(n)?(n.expanded=!1,d(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,d(e.multiple?[].concat(p(a||[]),[n]):n))}},S=function(t){return c&&(e.multiple?c.indexOf(t)>-1:c===t)};n.useMountEffect((function(){s||u(a.UniqueComponentId()),d(x())})),n.useUpdateEffect((function(){g(!0),d(x())}),[e.model]);var j=function(){g(!1)},P=function(n,l){var i=n.label+"_"+l,o=S(n),s=a.classNames("p-panelmenu-panel",n.className),u=a.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":n.disabled}),m=a.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),c=a.classNames("p-menuitem-icon",n.icon),p=a.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),d=n.items&&r.createElement("span",{className:m}),f=n.label&&r.createElement("span",{className:"p-menuitem-text"},n.label),y=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),N=r.createRef(),g=r.createElement("a",{href:n.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return O(e,n)},"aria-expanded":o,id:E,"aria-controls":h,"aria-disabled":n.disabled},d,p,f);n.template&&(g=a.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return O(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:m,iconClassName:c,element:g,props:e,leaf:!n.items,active:o}));return r.createElement("div",{key:i,className:s,style:n.style},r.createElement("div",{className:u,style:n.style},g),r.createElement(t.CSSTransition,{nodeRef:N,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:j,disabled:b,in:o,unmountOnExit:!0,options:e.transitionOptions},r.createElement("div",{ref:N,className:y,role:"region",id:h,"aria-labelledby":E},r.createElement("div",{className:"p-panelmenu-content"},r.createElement(v,{menuProps:e,model:n.items,className:"p-panelmenu-root-submenu",multiple:e.multiple})))))},C=a.ObjectUtils.findDiffKeys(e,N.defaultProps),k=a.classNames("p-panelmenu p-component",e.className),w=e.model?e.model.map(P):null;return r.createElement("div",i({id:e.id,className:k,style:e.style},C),w)})));N.displayName="PanelMenu",N.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null},exports.PanelMenu=N;

package/panelmenu/panelmenu.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CSSTransition } from 'primereact/csstransition';
-import { useMountEffect } from 'primereact/hooks';
+import { useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { classNames, IconUtils, ObjectUtils, UniqueComponentId } from 'primereact/utils';
 
 function _extends() {
@@ -292,6 +292,11 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       activeItemState = _React$useState4[0],
       setActiveItemState = _React$useState4[1];
 
+  var _React$useState5 = React.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      animationDisabled = _React$useState6[0],
+      setAnimationDisabled = _React$useState6[1];
+
   var headerId = idState + '_header';
   var contentId = idState + '_content';
 
@@ -361,6 +366,14 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
     setActiveItemState(findActiveItem());
   });
+  useUpdateEffect(function () {
+    setAnimationDisabled(true);
+    setActiveItemState(findActiveItem());
+  }, [props.model]);
+
+  var onEnter = function onEnter() {
+    setAnimationDisabled(false);
+  };
 
   var createPanel = function createPanel(item, index) {
     var key = item.label + '_' + index;
@@ -433,6 +446,8 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         enter: 1000,
         exit: 450
       },
+      onEnter: onEnter,
+      disabled: animationDisabled,
       "in": active,
       unmountOnExit: true,
       options: props.transitionOptions

package/panelmenu/panelmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t}from"primereact/hooks";import{classNames as l,IconUtils as a,ObjectUtils as r,UniqueComponentId as i}from"primereact/utils";function o(){return o=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},o.apply(this,arguments)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function u(e){if(Array.isArray(e))return m(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,n){if(e){if("string"==typeof e)return m(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,n):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return u(e)||s(e)||c(e)||p()}function f(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r=[],i=!0,o=!1;try{for(t=t.call(e);!(i=(l=t.next()).done)&&(r.push(l.value),!n||r.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(o)throw a}}return r}}function y(){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 v(e,n){return f(e)||b(e,n)||c(e,n)||y()}var g=e.memo((function(i){var o=v(e.useState(null),2),m=o[0],u=o[1],s=function(){if(i.model){if(i.multiple)return i.model.filter((function(e){return e.expanded}));var e=null;return i.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},c=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=m;p(n)?(n.expanded=!1,u(i.multiple?t.filter((function(e){return e!==n})):null)):(!i.multiple&&t&&(t.expanded=!1),n.expanded=!0,u(i.multiple?[].concat(d(t||[]),[n]):n))}},p=function(e){return m&&(i.multiple?m.indexOf(e)>-1:m===e)};t((function(){u(s())}));var f=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator"})},b=function(t,a){var r=l("p-toggleable-content",{"p-toggleable-content-collapsed":!a}),o=e.createRef();return t.items?e.createElement(n,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0},e.createElement("div",{ref:o,className:r},e.createElement(g,{menuProps:i.menuProps,model:t.items,multiple:i.multiple}))):null},y=function(n,t){var o=n.label+"_"+t,m=p(n),u=l("p-menuitem",n.className),s=l("p-menuitem-link",{"p-disabled":n.disabled}),d=l("p-menuitem-icon",n.icon),f=l("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!m,"pi-angle-down":m}),y=a.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:i.menuProps}),v=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:f}),N=b(n,m),h=e.createElement("a",{href:n.url||"#",className:s,target:n.target,onClick:function(e){return c(e,n)},role:"menuitem","aria-disabled":n.disabled},g,y,v);n.template&&(h=r.getJSXElement(n.template,n,{onClick:function(e){return c(e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:f,element:h,props:i,leaf:!n.items,active:m}));return e.createElement("li",{key:o,className:u,style:n.style,role:"none"},h,N)},N=function(e,n){return e.separator?f(n):y(e,n)},h=l("p-submenu-list",i.className),E=i.model?i.model.map(N):null;return e.createElement("ul",{className:h,role:"tree"},E)}));g.displayName="PanelMenuSub";var N=e.memo(e.forwardRef((function(m,u){var s=v(e.useState(m.id),2),c=s[0],p=s[1],f=v(e.useState(null),2),b=f[0],y=f[1],h=c+"_header",E=c+"_content",x=function(){if(m.model){if(m.multiple)return m.model.filter((function(e){return e.expanded}));var e=null;return m.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},S=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=b;k(n)?(n.expanded=!1,y(m.multiple?t.filter((function(e){return e!==n})):null)):(!m.multiple&&t&&(t.expanded=!1),n.expanded=!0,y(m.multiple?[].concat(d(t||[]),[n]):n))}},k=function(e){return b&&(m.multiple?b.indexOf(e)>-1:b===e)};t((function(){c||p(i()),y(x())}));var w=function(t,i){var o=t.label+"_"+i,u=k(t),s=l("p-panelmenu-panel",t.className),c=l("p-component p-panelmenu-header",{"p-highlight":u,"p-disabled":t.disabled}),p=l("p-panelmenu-icon pi",{"pi-chevron-right":!u," pi-chevron-down":u}),d=l("p-menuitem-icon",t.icon),f=a.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:m}),b=t.items&&e.createElement("span",{className:p}),y=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),v=l("p-toggleable-content",{"p-toggleable-content-collapsed":!u}),N=e.createRef(),x=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return S(e,t)},"aria-expanded":u,id:h,"aria-controls":E,"aria-disabled":t.disabled},b,f,y);t.template&&(x=r.getJSXElement(t.template,t,{onClick:function(e){return S(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:p,iconClassName:d,element:x,props:m,leaf:!t.items,active:u}));return e.createElement("div",{key:o,className:s,style:t.style},e.createElement("div",{className:c,style:t.style},x),e.createElement(n,{nodeRef:N,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:u,unmountOnExit:!0,options:m.transitionOptions},e.createElement("div",{ref:N,className:v,role:"region",id:E,"aria-labelledby":h},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(g,{menuProps:m,model:t.items,className:"p-panelmenu-root-submenu",multiple:m.multiple})))))},C=r.findDiffKeys(m,N.defaultProps),O=l("p-panelmenu p-component",m.className),P=m.model?m.model.map(w):null;return e.createElement("div",o({id:m.id,className:O,style:m.style},C),P)})));N.displayName="PanelMenu",N.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null};export{N as PanelMenu};
+import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{classNames as a,IconUtils as r,ObjectUtils as i,UniqueComponentId as o}from"primereact/utils";function m(){return m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},m.apply(this,arguments)}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function s(e){if(Array.isArray(e))return u(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return s(e)||c(e)||p(e)||d()}function b(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r=[],i=!0,o=!1;try{for(t=t.call(e);!(i=(l=t.next()).done)&&(r.push(l.value),!n||r.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(o)throw a}}return r}}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 g(e,n){return b(e)||y(e,n)||p(e,n)||v()}var N=e.memo((function(l){var o=g(e.useState(null),2),m=o[0],u=o[1],s=function(){if(l.model){if(l.multiple)return l.model.filter((function(e){return e.expanded}));var e=null;return l.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},c=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=m;p(n)?(n.expanded=!1,u(l.multiple?t.filter((function(e){return e!==n})):null)):(!l.multiple&&t&&(t.expanded=!1),n.expanded=!0,u(l.multiple?[].concat(f(t||[]),[n]):n))}},p=function(e){return m&&(l.multiple?m.indexOf(e)>-1:m===e)};t((function(){u(s())}));var d=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator"})},b=function(t,r){var i=a("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),o=e.createRef();return t.items?e.createElement(n,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},e.createElement("div",{ref:o,className:i},e.createElement(N,{menuProps:l.menuProps,model:t.items,multiple:l.multiple}))):null},y=function(n,t){var o=n.label+"_"+t,m=p(n),u=a("p-menuitem",n.className),s=a("p-menuitem-link",{"p-disabled":n.disabled}),d=a("p-menuitem-icon",n.icon),f=a("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!m,"pi-angle-down":m}),y=r.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:l.menuProps}),v=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:f}),N=b(n,m),h=e.createElement("a",{href:n.url||"#",className:s,target:n.target,onClick:function(e){return c(e,n)},role:"menuitem","aria-disabled":n.disabled},g,y,v);n.template&&(h=i.getJSXElement(n.template,n,{onClick:function(e){return c(e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:f,element:h,props:l,leaf:!n.items,active:m}));return e.createElement("li",{key:o,className:u,style:n.style,role:"none"},h,N)},v=function(e,n){return e.separator?d(n):y(e,n)},h=a("p-submenu-list",l.className),E=l.model?l.model.map(v):null;return e.createElement("ul",{className:h,role:"tree"},E)}));N.displayName="PanelMenuSub";var h=e.memo(e.forwardRef((function(u,s){var c=g(e.useState(u.id),2),p=c[0],d=c[1],b=g(e.useState(null),2),y=b[0],v=b[1],E=g(e.useState(!1),2),x=E[0],S=E[1],k=p+"_header",w=p+"_content",C=function(){if(u.model){if(u.multiple)return u.model.filter((function(e){return e.expanded}));var e=null;return u.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},O=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=y;P(n)?(n.expanded=!1,v(u.multiple?t.filter((function(e){return e!==n})):null)):(!u.multiple&&t&&(t.expanded=!1),n.expanded=!0,v(u.multiple?[].concat(f(t||[]),[n]):n))}},P=function(e){return y&&(u.multiple?y.indexOf(e)>-1:y===e)};t((function(){p||d(o()),v(C())})),l((function(){S(!0),v(C())}),[u.model]);var A=function(){S(!1)},I=function(t,l){var o=t.label+"_"+l,m=P(t),s=a("p-panelmenu-panel",t.className),c=a("p-component p-panelmenu-header",{"p-highlight":m,"p-disabled":t.disabled}),p=a("p-panelmenu-icon pi",{"pi-chevron-right":!m," pi-chevron-down":m}),d=a("p-menuitem-icon",t.icon),f=r.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:u}),b=t.items&&e.createElement("span",{className:p}),y=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),v=a("p-toggleable-content",{"p-toggleable-content-collapsed":!m}),g=e.createRef(),h=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return O(e,t)},"aria-expanded":m,id:k,"aria-controls":w,"aria-disabled":t.disabled},b,f,y);t.template&&(h=i.getJSXElement(t.template,t,{onClick:function(e){return O(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:p,iconClassName:d,element:h,props:u,leaf:!t.items,active:m}));return e.createElement("div",{key:o,className:s,style:t.style},e.createElement("div",{className:c,style:t.style},h),e.createElement(n,{nodeRef:g,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:A,disabled:x,in:m,unmountOnExit:!0,options:u.transitionOptions},e.createElement("div",{ref:g,className:v,role:"region",id:w,"aria-labelledby":k},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(N,{menuProps:u,model:t.items,className:"p-panelmenu-root-submenu",multiple:u.multiple})))))},_=i.findDiffKeys(u,h.defaultProps),j=a("p-panelmenu p-component",u.className),D=u.model?u.model.map(I):null;return e.createElement("div",m({id:u.id,className:j,style:u.style},_),D)})));h.displayName="PanelMenu",h.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null};export{h as PanelMenu};

package/panelmenu/panelmenu.js

@@ -311,6 +311,11 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
         activeItemState = _React$useState4[0],
         setActiveItemState = _React$useState4[1];
 
+    var _React$useState5 = React__namespace.useState(false),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        animationDisabled = _React$useState6[0],
+        setAnimationDisabled = _React$useState6[1];
+
     var headerId = idState + '_header';
     var contentId = idState + '_content';
 
@@ -380,6 +385,14 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
 
       setActiveItemState(findActiveItem());
     });
+    hooks.useUpdateEffect(function () {
+      setAnimationDisabled(true);
+      setActiveItemState(findActiveItem());
+    }, [props.model]);
+
+    var onEnter = function onEnter() {
+      setAnimationDisabled(false);
+    };
 
     var createPanel = function createPanel(item, index) {
       var key = item.label + '_' + index;
@@ -452,6 +465,8 @@ this.primereact.panelmenu = (function (exports, React, csstransition, hooks, uti
           enter: 1000,
           exit: 450
         },
+        onEnter: onEnter,
+        disabled: animationDisabled,
         "in": active,
         unmountOnExit: true,
         options: props.transitionOptions

package/panelmenu/panelmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,t,n,a,l){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=r(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},o.apply(this,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function u(e){if(Array.isArray(e))return s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return u(e)||m(e)||c(e)||p()}function f(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,l,r=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return r}}function y(){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 N(e,t){return f(e)||b(e,t)||c(e,t)||y()}var v=i.memo((function(e){var t=N(i.useState(null),2),r=t[0],o=t[1],s=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},u=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=r;m(n)?(n.expanded=!1,o(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(d(a||[]),[n]):n))}},m=function(t){return r&&(e.multiple?r.indexOf(t)>-1:r===t)};a.useMountEffect((function(){o(s())}));var c=function(e){return i.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},p=function(t,a){var r=l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!a}),o=i.createRef();return t.items?i.createElement(n.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0},i.createElement("div",{ref:o,className:r},i.createElement(v,{menuProps:e.menuProps,model:t.items,multiple:e.multiple}))):null},f=function(t,n){var a=t.label+"_"+n,r=m(t),o=l.classNames("p-menuitem",t.className),s=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=l.classNames("p-menuitem-icon",t.icon),d=l.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!r,"pi-angle-down":r}),f=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&i.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&i.createElement("span",{className:d}),N=p(t,r),v=i.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return u(e,t)},role:"menuitem","aria-disabled":t.disabled},y,f,b);t.template&&(v=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:d,element:v,props:e,leaf:!t.items,active:r}));return i.createElement("li",{key:a,className:o,style:t.style,role:"none"},v,N)},b=function(e,t){return e.separator?c(t):f(e,t)},y=l.classNames("p-submenu-list",e.className),g=e.model?e.model.map(b):null;return i.createElement("ul",{className:y,role:"tree"},g)}));v.displayName="PanelMenuSub";var g=i.memo(i.forwardRef((function(e,t){var r=N(i.useState(e.id),2),s=r[0],u=r[1],m=N(i.useState(null),2),c=m[0],p=m[1],f=s+"_header",b=s+"_content",y=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},h=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=c;E(n)?(n.expanded=!1,p(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,p(e.multiple?[].concat(d(a||[]),[n]):n))}},E=function(t){return c&&(e.multiple?c.indexOf(t)>-1:c===t)};a.useMountEffect((function(){s||u(l.UniqueComponentId()),p(y())}));var x=function(t,a){var r=t.label+"_"+a,o=E(t),s=l.classNames("p-panelmenu-panel",t.className),u=l.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":t.disabled}),m=l.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),c=l.classNames("p-menuitem-icon",t.icon),p=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),d=t.items&&i.createElement("span",{className:m}),y=t.label&&i.createElement("span",{className:"p-menuitem-text"},t.label),N=l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),g=i.createRef(),x=i.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return h(e,t)},"aria-expanded":o,id:f,"aria-controls":b,"aria-disabled":t.disabled},d,p,y);t.template&&(x=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return h(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:m,iconClassName:c,element:x,props:e,leaf:!t.items,active:o}));return i.createElement("div",{key:r,className:s,style:t.style},i.createElement("div",{className:u,style:t.style},x),i.createElement(n.CSSTransition,{nodeRef:g,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:o,unmountOnExit:!0,options:e.transitionOptions},i.createElement("div",{ref:g,className:N,role:"region",id:b,"aria-labelledby":f},i.createElement("div",{className:"p-panelmenu-content"},i.createElement(v,{menuProps:e,model:t.items,className:"p-panelmenu-root-submenu",multiple:e.multiple})))))},O=l.ObjectUtils.findDiffKeys(e,g.defaultProps),S=l.classNames("p-panelmenu p-component",e.className),j=e.model?e.model.map(x):null;return i.createElement("div",o({id:e.id,className:S,style:e.style},O),j)})));return g.displayName="PanelMenu",g.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null},e.PanelMenu=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,t,n,a,l){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=r(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},o.apply(this,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function u(e){if(Array.isArray(e))return s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return u(e)||m(e)||c(e)||p()}function f(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,l,r=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return r}}function y(){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 N(e,t){return f(e)||b(e,t)||c(e,t)||y()}var v=i.memo((function(e){var t=N(i.useState(null),2),r=t[0],o=t[1],s=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},u=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=r;m(n)?(n.expanded=!1,o(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(d(a||[]),[n]):n))}},m=function(t){return r&&(e.multiple?r.indexOf(t)>-1:r===t)};a.useMountEffect((function(){o(s())}));var c=function(e){return i.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},p=function(t,a){var r=l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!a}),o=i.createRef();return t.items?i.createElement(n.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0},i.createElement("div",{ref:o,className:r},i.createElement(v,{menuProps:e.menuProps,model:t.items,multiple:e.multiple}))):null},f=function(t,n){var a=t.label+"_"+n,r=m(t),o=l.classNames("p-menuitem",t.className),s=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=l.classNames("p-menuitem-icon",t.icon),d=l.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!r,"pi-angle-down":r}),f=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&i.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&i.createElement("span",{className:d}),N=p(t,r),v=i.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return u(e,t)},role:"menuitem","aria-disabled":t.disabled},y,f,b);t.template&&(v=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:d,element:v,props:e,leaf:!t.items,active:r}));return i.createElement("li",{key:a,className:o,style:t.style,role:"none"},v,N)},b=function(e,t){return e.separator?c(t):f(e,t)},y=l.classNames("p-submenu-list",e.className),g=e.model?e.model.map(b):null;return i.createElement("ul",{className:y,role:"tree"},g)}));v.displayName="PanelMenuSub";var g=i.memo(i.forwardRef((function(e,t){var r=N(i.useState(e.id),2),s=r[0],u=r[1],m=N(i.useState(null),2),c=m[0],p=m[1],f=N(i.useState(!1),2),b=f[0],y=f[1],h=s+"_header",E=s+"_content",x=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},O=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=c;S(n)?(n.expanded=!1,p(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,p(e.multiple?[].concat(d(a||[]),[n]):n))}},S=function(t){return c&&(e.multiple?c.indexOf(t)>-1:c===t)};a.useMountEffect((function(){s||u(l.UniqueComponentId()),p(x())})),a.useUpdateEffect((function(){y(!0),p(x())}),[e.model]);var j=function(){y(!1)},P=function(t,a){var r=t.label+"_"+a,o=S(t),s=l.classNames("p-panelmenu-panel",t.className),u=l.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":t.disabled}),m=l.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),c=l.classNames("p-menuitem-icon",t.icon),p=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),d=t.items&&i.createElement("span",{className:m}),f=t.label&&i.createElement("span",{className:"p-menuitem-text"},t.label),y=l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),N=i.createRef(),g=i.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return O(e,t)},"aria-expanded":o,id:h,"aria-controls":E,"aria-disabled":t.disabled},d,p,f);t.template&&(g=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return O(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:m,iconClassName:c,element:g,props:e,leaf:!t.items,active:o}));return i.createElement("div",{key:r,className:s,style:t.style},i.createElement("div",{className:u,style:t.style},g),i.createElement(n.CSSTransition,{nodeRef:N,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:j,disabled:b,in:o,unmountOnExit:!0,options:e.transitionOptions},i.createElement("div",{ref:N,className:y,role:"region",id:E,"aria-labelledby":h},i.createElement("div",{className:"p-panelmenu-content"},i.createElement(v,{menuProps:e,model:t.items,className:"p-panelmenu-root-submenu",multiple:e.multiple})))))},C=l.ObjectUtils.findDiffKeys(e,g.defaultProps),k=l.classNames("p-panelmenu p-component",e.className),w=e.model?e.model.map(P):null;return i.createElement("div",o({id:e.id,className:k,style:e.style},C),w)})));return g.displayName="PanelMenu",g.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null},e.PanelMenu=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.utils);

package/picklist/picklist.cjs.js

@@ -717,6 +717,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, PickList.defaultProps);
   var className = utils.classNames('p-picklist p-component', props.className);
+  var sourceItemTemplate = props.sourceItemTemplate ? props.sourceItemTemplate : props.itemTemplate;
+  var targetItemTemplate = props.targetItemTemplate ? props.targetItemTemplate : props.itemTemplate;
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
     className: className,
@@ -734,7 +736,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onSelectionChange: function onSelectionChange(e) {
       return _onSelectionChange(e, 'sourceSelection', props.onSourceSelectionChange);
     },
-    itemTemplate: props.itemTemplate,
+    itemTemplate: sourceItemTemplate,
     header: props.sourceHeader,
     style: props.sourceStyle,
     className: "p-picklist-source-wrapper",
@@ -756,7 +758,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onSelectionChange: function onSelectionChange(e) {
       return _onSelectionChange(e, 'targetSelection', props.onTargetSelectionChange);
     },
-    itemTemplate: props.itemTemplate,
+    itemTemplate: targetItemTemplate,
     header: props.targetHeader,
     style: props.targetStyle,
     className: "p-picklist-target-wrapper",
@@ -792,6 +794,8 @@ PickList.defaultProps = {
   tabIndex: 0,
   dataKey: null,
   itemTemplate: null,
+  sourceItemTemplate: null,
+  targetItemTemplate: null,
   onChange: null,
   onMoveToSource: null,
   onMoveAllToSource: null,

package/picklist/picklist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/utils"),r=require("primereact/button"),a=require("primereact/ripple");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=l(e);function i(){return 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},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function p(){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 f(e,t){return c(e)||s(e,t)||d(e,t)||p()}function m(e){if(Array.isArray(e))return u(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return m(e)||g(e)||d(e)||v()}var b=o.memo((function(e){var t=!e.selection.length,a=n.classNames("p-picklist-buttons",e.className);return o.createElement("div",{className:a},o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-up",onClick:function(t){var r=e.selection;if(r&&r.length){for(var a=y(e.list),l=0;l<r.length;l++){var o=n.ObjectUtils.findIndexInList(r[l],a,e.dataKey);if(0===o)break;var i=a[o-1];a[o-1]=a[o],a[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:a,direction:"up"})}}}),o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-double-up",onClick:function(t){var r=e.selection;if(r&&r.length){for(var a=y(e.list),l=0;l<r.length;l++){var o=n.ObjectUtils.findIndexInList(r[l],a,e.dataKey);if(0===o)break;var i=a.splice(o,1)[0];a.unshift(i)}e.onReorder&&e.onReorder({originalEvent:t,value:a,direction:"top"})}}}),o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-down",onClick:function(t){var r=e.selection;if(r&&r.length){for(var a=y(e.list),l=r.length-1;l>=0;l--){var o=n.ObjectUtils.findIndexInList(r[l],a,e.dataKey);if(o===a.length-1)break;var i=a[o+1];a[o+1]=a[o],a[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:a,direction:"down"})}}}),o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-double-down",onClick:function(t){var r=e.selection;if(r&&r.length){for(var a=y(e.list),l=r.length-1;l>=0;l--){var o=n.ObjectUtils.findIndexInList(r[l],a,e.dataKey);if(o===a.length-1)break;var i=a.splice(o,1)[0];a.push(i)}e.onReorder&&e.onReorder({originalEvent:t,value:a,direction:"bottom"})}}}))}));b.displayName="PickListControls";var h=o.memo((function(e){var t=e.template?e.template(e.value):e.value,r=n.classNames("p-picklist-item",{"p-highlight":e.selected},e.className);return o.createElement("li",{className:r,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},tabIndex:e.tabIndex,role:"option","aria-selected":e.selected},t,o.createElement(a.Ripple,null))}));h.displayName="PickListItem";var S=o.memo(o.forwardRef((function(e,t){var r=o.useRef(null),a=function(t){var r=t.originalEvent,a=t.value,l=y(e.selection),o=n.ObjectUtils.findIndexInList(a,l,e.dataKey),i=-1!==o;if(e.metaKeySelection){var c=r.metaKey||r.ctrlKey;i&&c?l.splice(o,1):(c||(l.length=0),l.push(a))}else i?l.splice(o,1):l.push(a);e.onSelectionChange&&e.onSelectionChange({event:r,value:l})},l=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=i(n);r&&r.focus(),t.preventDefault();break;case 38:var l=c(n);l&&l.focus(),t.preventDefault();break;case 13:a(e),t.preventDefault()}},i=function e(t){var r=t.nextElementSibling;return r?n.DomHandler.hasClass(r,"p-picklist-item")?r:e(r):null},c=function e(t){var r=t.previousElementSibling;return r?n.DomHandler.hasClass(r,"p-picklist-item")?r:e(r):null},s=function(t){return-1!==n.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)};o.useImperativeHandle(t,(function(){return{listElementRef:r}}));var u=n.classNames("p-picklist-list-wrapper",e.className),d=e.header?o.createElement("div",{className:"p-picklist-header"},n.ObjectUtils.getJSXElement(e.header,e)):null,p=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),r=s(t);return o.createElement(h,{key:n,value:t,template:e.itemTemplate,selected:r,onClick:a,onKeyDown:l,tabIndex:e.tabIndex})})):null,r=n.classNames("p-picklist-list",e.listClassName);return o.createElement("ul",{className:r,style:e.style,role:"listbox","aria-multiselectable":!0},t)}();return o.createElement("div",{ref:r,className:u},d,p)})));S.displayName="PickListSubList";var E=o.memo((function(e){var t=n.ObjectUtils.isEmpty(e.sourceSelection),a=n.ObjectUtils.isEmpty(e.targetSelection),l=n.ObjectUtils.isEmpty(e.source),i=n.ObjectUtils.isEmpty(e.target),c=n.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className);return o.createElement("div",{className:c},o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-right",onClick:function(t){var r=e.sourceSelection;if(n.ObjectUtils.isNotEmpty(r)){for(var a=y(e.target),l=y(e.source),o=0;o<r.length;o++){var i=r[o];-1===n.ObjectUtils.findIndexInList(i,a,e.dataKey)&&a.push(l.splice(n.ObjectUtils.findIndexInList(i,l,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:a,direction:"toTarget"})}}}),o.createElement(r.Button,{disabled:l,type:"button",icon:"pi pi-angle-double-right",onClick:function(t){if(e.source){var n=[].concat(y(e.target),y(e.source));e.onTransfer&&e.onTransfer({originalEvent:t,source:[],target:n,direction:"allToTarget"})}}}),o.createElement(r.Button,{disabled:a,type:"button",icon:"pi pi-angle-left",onClick:function(t){var r=e.targetSelection;if(n.ObjectUtils.isNotEmpty(r)){for(var a=y(e.target),l=y(e.source),o=0;o<r.length;o++){var i=r[o];-1===n.ObjectUtils.findIndexInList(i,l,e.dataKey)&&l.push(a.splice(n.ObjectUtils.findIndexInList(i,a,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:a,direction:"toSource"})}}}),o.createElement(r.Button,{disabled:i,type:"button",icon:"pi pi-angle-double-left",onClick:function(t){if(e.source){var n=[].concat(y(e.source),y(e.target));e.onTransfer&&e.onTransfer({originalEvent:t,source:n,target:[],direction:"allToSource"})}}}))}));E.displayName="PickListTransferControls";var T=o.memo(o.forwardRef((function(e,r){var a=f(o.useState([]),2),l=a[0],c=a[1],s=f(o.useState([]),2),u=s[0],d=s[1],p=o.useRef(null),m=o.useRef(null),g=o.useRef(null),v=o.useRef(null),y=e.onSourceSelectionChange?e.sourceSelection:l,h=e.onTargetSelectionChange?e.targetSelection:u,k=function(e,t){if(e){var r=n.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":N(r,-1);break;case"top":r.scrollTop=0;break;case"down":N(r,1);break;case"bottom":setTimeout((function(){return r.scrollTop=r.scrollHeight}),100)}}},C=function(t,n,r){e.onChange&&e.onChange({originalEvent:t.originalEvent,source:n,target:r})},N=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=e.getElementsByClassName("p-highlight");n.ObjectUtils.isNotEmpty(r)&&n.DomHandler.scrollInView(e,-1===t?r[0]:r[r.length-1])},I=function(e,t,r){r?r(e):"sourceSelection"===t?c(e.value):d(e.value),n.ObjectUtils.isNotEmpty(y)&&"targetSelection"===t?c([]):n.ObjectUtils.isNotEmpty(h)&&"sourceSelection"===t&&d([])};t.useUpdateEffect((function(){g.current&&(k(g.current,v.current),g.current=null,v.current=null)}));var K=n.ObjectUtils.findDiffKeys(e,T.defaultProps),O=n.classNames("p-picklist p-component",e.className);return o.createElement("div",i({id:e.id,className:O,style:e.style},K),e.showSourceControls&&o.createElement(b,{list:e.source,selection:y,onReorder:function(t){C(t,t.value,e.target),g.current=p.current.listElementRef.current,v.current=t.direction},className:"p-picklist-source-controls",dataKey:e.dataKey}),o.createElement(S,{ref:p,list:e.source,selection:y,onSelectionChange:function(t){return I(t,"sourceSelection",e.onSourceSelectionChange)},itemTemplate:e.itemTemplate,header:e.sourceHeader,style:e.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:e.metaKeySelection,tabIndex:e.tabIndex,dataKey:e.dataKey}),o.createElement(E,{onTransfer:function(t){var n=t.originalEvent,r=t.source,a=t.target;switch(t.direction){case"toTarget":e.onMoveToTarget&&e.onMoveToTarget({originalEvent:n,value:y});break;case"allToTarget":e.onMoveAllToTarget&&e.onMoveAllToTarget({originalEvent:n,value:e.source});break;case"toSource":e.onMoveToSource&&e.onMoveToSource({originalEvent:n,value:h});break;case"allToSource":e.onMoveAllToSource&&e.onMoveAllToSource({originalEvent:n,value:e.target})}I({originalEvent:n,value:[]},"sourceSelection",e.onSourceSelectionChange),I({originalEvent:n,value:[]},"targetSelection",e.onTargetSelectionChange),C(t,r,a)},source:e.source,target:e.target,sourceSelection:y,targetSelection:h,dataKey:e.dataKey}),o.createElement(S,{ref:m,list:e.target,selection:h,onSelectionChange:function(t){return I(t,"targetSelection",e.onTargetSelectionChange)},itemTemplate:e.itemTemplate,header:e.targetHeader,style:e.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:e.metaKeySelection,tabIndex:e.tabIndex,dataKey:e.dataKey}),e.showTargetControls&&o.createElement(b,{list:e.target,selection:h,onReorder:function(t){C(t,e.source,t.value),g.current=m.current.listElementRef.current,v.current=t.direction},className:"p-picklist-target-controls",dataKey:e.dataKey}))})));T.displayName="PickList",T.defaultProps={__TYPE:"PickList",id:null,source:null,target:null,sourceHeader:null,targetHeader:null,style:null,className:null,sourceStyle:null,targetStyle:null,sourceSelection:null,targetSelection:null,showSourceControls:!0,showTargetControls:!0,metaKeySelection:!0,tabIndex:0,dataKey:null,itemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null},exports.PickList=T;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/utils"),r=require("primereact/button"),a=require("primereact/ripple");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=l(e);function i(){return 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},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function d(){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 m(e,t){return c(e)||s(e,t)||p(e,t)||d()}function f(e){if(Array.isArray(e))return u(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return f(e)||g(e)||p(e)||v()}var b=o.memo((function(e){var t=!e.selection.length,a=n.classNames("p-picklist-buttons",e.className);return o.createElement("div",{className:a},o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-up",onClick:function(t){var r=e.selection;if(r&&r.length){for(var a=y(e.list),l=0;l<r.length;l++){var o=n.ObjectUtils.findIndexInList(r[l],a,e.dataKey);if(0===o)break;var i=a[o-1];a[o-1]=a[o],a[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:a,direction:"up"})}}}),o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-double-up",onClick:function(t){var r=e.selection;if(r&&r.length){for(var a=y(e.list),l=0;l<r.length;l++){var o=n.ObjectUtils.findIndexInList(r[l],a,e.dataKey);if(0===o)break;var i=a.splice(o,1)[0];a.unshift(i)}e.onReorder&&e.onReorder({originalEvent:t,value:a,direction:"top"})}}}),o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-down",onClick:function(t){var r=e.selection;if(r&&r.length){for(var a=y(e.list),l=r.length-1;l>=0;l--){var o=n.ObjectUtils.findIndexInList(r[l],a,e.dataKey);if(o===a.length-1)break;var i=a[o+1];a[o+1]=a[o],a[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:a,direction:"down"})}}}),o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-double-down",onClick:function(t){var r=e.selection;if(r&&r.length){for(var a=y(e.list),l=r.length-1;l>=0;l--){var o=n.ObjectUtils.findIndexInList(r[l],a,e.dataKey);if(o===a.length-1)break;var i=a.splice(o,1)[0];a.push(i)}e.onReorder&&e.onReorder({originalEvent:t,value:a,direction:"bottom"})}}}))}));b.displayName="PickListControls";var h=o.memo((function(e){var t=e.template?e.template(e.value):e.value,r=n.classNames("p-picklist-item",{"p-highlight":e.selected},e.className);return o.createElement("li",{className:r,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},tabIndex:e.tabIndex,role:"option","aria-selected":e.selected},t,o.createElement(a.Ripple,null))}));h.displayName="PickListItem";var S=o.memo(o.forwardRef((function(e,t){var r=o.useRef(null),a=function(t){var r=t.originalEvent,a=t.value,l=y(e.selection),o=n.ObjectUtils.findIndexInList(a,l,e.dataKey),i=-1!==o;if(e.metaKeySelection){var c=r.metaKey||r.ctrlKey;i&&c?l.splice(o,1):(c||(l.length=0),l.push(a))}else i?l.splice(o,1):l.push(a);e.onSelectionChange&&e.onSelectionChange({event:r,value:l})},l=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=i(n);r&&r.focus(),t.preventDefault();break;case 38:var l=c(n);l&&l.focus(),t.preventDefault();break;case 13:a(e),t.preventDefault()}},i=function e(t){var r=t.nextElementSibling;return r?n.DomHandler.hasClass(r,"p-picklist-item")?r:e(r):null},c=function e(t){var r=t.previousElementSibling;return r?n.DomHandler.hasClass(r,"p-picklist-item")?r:e(r):null},s=function(t){return-1!==n.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)};o.useImperativeHandle(t,(function(){return{listElementRef:r}}));var u=n.classNames("p-picklist-list-wrapper",e.className),p=e.header?o.createElement("div",{className:"p-picklist-header"},n.ObjectUtils.getJSXElement(e.header,e)):null,d=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),r=s(t);return o.createElement(h,{key:n,value:t,template:e.itemTemplate,selected:r,onClick:a,onKeyDown:l,tabIndex:e.tabIndex})})):null,r=n.classNames("p-picklist-list",e.listClassName);return o.createElement("ul",{className:r,style:e.style,role:"listbox","aria-multiselectable":!0},t)}();return o.createElement("div",{ref:r,className:u},p,d)})));S.displayName="PickListSubList";var E=o.memo((function(e){var t=n.ObjectUtils.isEmpty(e.sourceSelection),a=n.ObjectUtils.isEmpty(e.targetSelection),l=n.ObjectUtils.isEmpty(e.source),i=n.ObjectUtils.isEmpty(e.target),c=n.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className);return o.createElement("div",{className:c},o.createElement(r.Button,{disabled:t,type:"button",icon:"pi pi-angle-right",onClick:function(t){var r=e.sourceSelection;if(n.ObjectUtils.isNotEmpty(r)){for(var a=y(e.target),l=y(e.source),o=0;o<r.length;o++){var i=r[o];-1===n.ObjectUtils.findIndexInList(i,a,e.dataKey)&&a.push(l.splice(n.ObjectUtils.findIndexInList(i,l,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:a,direction:"toTarget"})}}}),o.createElement(r.Button,{disabled:l,type:"button",icon:"pi pi-angle-double-right",onClick:function(t){if(e.source){var n=[].concat(y(e.target),y(e.source));e.onTransfer&&e.onTransfer({originalEvent:t,source:[],target:n,direction:"allToTarget"})}}}),o.createElement(r.Button,{disabled:a,type:"button",icon:"pi pi-angle-left",onClick:function(t){var r=e.targetSelection;if(n.ObjectUtils.isNotEmpty(r)){for(var a=y(e.target),l=y(e.source),o=0;o<r.length;o++){var i=r[o];-1===n.ObjectUtils.findIndexInList(i,l,e.dataKey)&&l.push(a.splice(n.ObjectUtils.findIndexInList(i,a,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:a,direction:"toSource"})}}}),o.createElement(r.Button,{disabled:i,type:"button",icon:"pi pi-angle-double-left",onClick:function(t){if(e.source){var n=[].concat(y(e.source),y(e.target));e.onTransfer&&e.onTransfer({originalEvent:t,source:n,target:[],direction:"allToSource"})}}}))}));E.displayName="PickListTransferControls";var T=o.memo(o.forwardRef((function(e,r){var a=m(o.useState([]),2),l=a[0],c=a[1],s=m(o.useState([]),2),u=s[0],p=s[1],d=o.useRef(null),f=o.useRef(null),g=o.useRef(null),v=o.useRef(null),y=e.onSourceSelectionChange?e.sourceSelection:l,h=e.onTargetSelectionChange?e.targetSelection:u,k=function(e,t){if(e){var r=n.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":C(r,-1);break;case"top":r.scrollTop=0;break;case"down":C(r,1);break;case"bottom":setTimeout((function(){return r.scrollTop=r.scrollHeight}),100)}}},I=function(t,n,r){e.onChange&&e.onChange({originalEvent:t.originalEvent,source:n,target:r})},C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=e.getElementsByClassName("p-highlight");n.ObjectUtils.isNotEmpty(r)&&n.DomHandler.scrollInView(e,-1===t?r[0]:r[r.length-1])},N=function(e,t,r){r?r(e):"sourceSelection"===t?c(e.value):p(e.value),n.ObjectUtils.isNotEmpty(y)&&"targetSelection"===t?c([]):n.ObjectUtils.isNotEmpty(h)&&"sourceSelection"===t&&p([])};t.useUpdateEffect((function(){g.current&&(k(g.current,v.current),g.current=null,v.current=null)}));var K=n.ObjectUtils.findDiffKeys(e,T.defaultProps),O=n.classNames("p-picklist p-component",e.className),j=e.sourceItemTemplate?e.sourceItemTemplate:e.itemTemplate,w=e.targetItemTemplate?e.targetItemTemplate:e.itemTemplate;return o.createElement("div",i({id:e.id,className:O,style:e.style},K),e.showSourceControls&&o.createElement(b,{list:e.source,selection:y,onReorder:function(t){I(t,t.value,e.target),g.current=d.current.listElementRef.current,v.current=t.direction},className:"p-picklist-source-controls",dataKey:e.dataKey}),o.createElement(S,{ref:d,list:e.source,selection:y,onSelectionChange:function(t){return N(t,"sourceSelection",e.onSourceSelectionChange)},itemTemplate:j,header:e.sourceHeader,style:e.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:e.metaKeySelection,tabIndex:e.tabIndex,dataKey:e.dataKey}),o.createElement(E,{onTransfer:function(t){var n=t.originalEvent,r=t.source,a=t.target;switch(t.direction){case"toTarget":e.onMoveToTarget&&e.onMoveToTarget({originalEvent:n,value:y});break;case"allToTarget":e.onMoveAllToTarget&&e.onMoveAllToTarget({originalEvent:n,value:e.source});break;case"toSource":e.onMoveToSource&&e.onMoveToSource({originalEvent:n,value:h});break;case"allToSource":e.onMoveAllToSource&&e.onMoveAllToSource({originalEvent:n,value:e.target})}N({originalEvent:n,value:[]},"sourceSelection",e.onSourceSelectionChange),N({originalEvent:n,value:[]},"targetSelection",e.onTargetSelectionChange),I(t,r,a)},source:e.source,target:e.target,sourceSelection:y,targetSelection:h,dataKey:e.dataKey}),o.createElement(S,{ref:f,list:e.target,selection:h,onSelectionChange:function(t){return N(t,"targetSelection",e.onTargetSelectionChange)},itemTemplate:w,header:e.targetHeader,style:e.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:e.metaKeySelection,tabIndex:e.tabIndex,dataKey:e.dataKey}),e.showTargetControls&&o.createElement(b,{list:e.target,selection:h,onReorder:function(t){I(t,e.source,t.value),g.current=f.current.listElementRef.current,v.current=t.direction},className:"p-picklist-target-controls",dataKey:e.dataKey}))})));T.displayName="PickList",T.defaultProps={__TYPE:"PickList",id:null,source:null,target:null,sourceHeader:null,targetHeader:null,style:null,className:null,sourceStyle:null,targetStyle:null,sourceSelection:null,targetSelection:null,showSourceControls:!0,showTargetControls:!0,metaKeySelection:!0,tabIndex:0,dataKey:null,itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null},exports.PickList=T;

package/picklist/picklist.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 
+type PickListItemTemplateType = React.ReactNode | ((item: any) => React.ReactNode);
+
 interface PickListEventParams {
     originalEvent: React.SyntheticEvent;
     value: any;
@@ -28,7 +30,9 @@ export interface PickListProps {
     metaKeySelection?: boolean;
     tabIndex?: number;
     dataKey?: string;
-    itemTemplate?(item: any): React.ReactNode;
+    itemTemplate?: PickListItemTemplateType;
+    sourceItemTemplate?: PickListItemTemplateType;
+    targetItemTemplate?: PickListItemTemplateType;
     onChange?(e: PickListChangeParams): void;
     onMoveToSource?(e: PickListEventParams): void;
     onMoveAllToSource?(e: PickListEventParams): void;

package/picklist/picklist.esm.js

@@ -693,6 +693,8 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   });
   var otherProps = ObjectUtils.findDiffKeys(props, PickList.defaultProps);
   var className = classNames('p-picklist p-component', props.className);
+  var sourceItemTemplate = props.sourceItemTemplate ? props.sourceItemTemplate : props.itemTemplate;
+  var targetItemTemplate = props.targetItemTemplate ? props.targetItemTemplate : props.itemTemplate;
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
     className: className,
@@ -710,7 +712,7 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onSelectionChange: function onSelectionChange(e) {
       return _onSelectionChange(e, 'sourceSelection', props.onSourceSelectionChange);
     },
-    itemTemplate: props.itemTemplate,
+    itemTemplate: sourceItemTemplate,
     header: props.sourceHeader,
     style: props.sourceStyle,
     className: "p-picklist-source-wrapper",
@@ -732,7 +734,7 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onSelectionChange: function onSelectionChange(e) {
       return _onSelectionChange(e, 'targetSelection', props.onTargetSelectionChange);
     },
-    itemTemplate: props.itemTemplate,
+    itemTemplate: targetItemTemplate,
     header: props.targetHeader,
     style: props.targetStyle,
     className: "p-picklist-target-wrapper",
@@ -768,6 +770,8 @@ PickList.defaultProps = {
   tabIndex: 0,
   dataKey: null,
   itemTemplate: null,
+  sourceItemTemplate: null,
+  targetItemTemplate: null,
   onChange: null,
   onMoveToSource: null,
   onMoveAllToSource: null,