primereact 9.3.0 → 9.3.1

package/picklist/picklist.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.picklist=function(e,t,n,o,r,l,i,a,c,s,u,m,p,v,g,f){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var h=b(t),I=d(n);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},y.apply(this,arguments)}function T(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 o,r,l,i,a=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return a}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function k(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function w(){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 C(e,t){return T(e)||S(e,t)||k(e,t)||w()}var N={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,filter:!1,filterBy:null,filterMatchMode:"contains",targetFilterIcon:null,sourceFilterIcon:null,moveAllToSourceIcon:null,moveToSourceIcon:null,moveAllToTargetIcon:null,moveToTargetIcon:null,moveBottomIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,breakpoint:"960px",itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,N.defaultProps)}};function U(e){if(Array.isArray(e))return E(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(){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 A(e){return U(e)||O(e)||k(e)||j()}var L=h.memo((function(e){var t=e.moveUpIcon||h.createElement(c.AngleUpIcon,null),n=e.moveTopIcon||h.createElement(a.AngleDoubleUpIcon,null),o=e.moveDownIcon||h.createElement(i.AngleDownIcon,null),u=e.moveBottomIcon||h.createElement(s.AngleDoubleDownIcon,null),m=!e.selection||!e.selection.length,p=r.classNames("p-picklist-buttons",e.className);return h.createElement("div",{className:p},h.createElement(l.Button,{disabled:m,type:"button",icon:t,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=A(e.list),l=0;l<n.length;l++){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(0===i)break;var a=o[i-1];o[i-1]=o[i],o[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"up"})}}}),h.createElement(l.Button,{disabled:m,type:"button",icon:n,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=A(e.list),l=0;l<n.length;l++){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(0===i)break;var a=o.splice(i,1)[0];o.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"top"})}}}),h.createElement(l.Button,{disabled:m,type:"button",icon:o,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=A(e.list),l=n.length-1;l>=0;l--){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(i===o.length-1)break;var a=o[i+1];o[i+1]=o[i],o[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"down"})}}}),h.createElement(l.Button,{disabled:m,type:"button",icon:u,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=A(e.list),l=n.length-1;l>=0;l--){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(i===o.length-1)break;var a=o.splice(i,1)[0];o.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"bottom"})}}}))}));L.displayName="PickListControls";var F=h.memo((function(e){var t=e.template?e.template(e.value):e.value,n=r.classNames("p-picklist-item",{"p-highlight":e.selected},e.className);return h.createElement("li",{className:n,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,h.createElement(u.Ripple,null))}));F.displayName="PickListItem";var K=h.memo(h.forwardRef((function(e,t){var n=h.useRef(null),o=function(t){var n=t.originalEvent,o=t.value,l=A(e.selection),i=r.ObjectUtils.findIndexInList(o,l,e.dataKey),a=-1!==i;if(e.metaKeySelection){var c=n.metaKey||n.ctrlKey;a&&c?l.splice(i,1):(c||(l.length=0),l.push(o))}else a?l.splice(i,1):l.push(o);e.onSelectionChange&&e.onSelectionChange({event:n,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=a(n);l&&l.focus(),t.preventDefault();break;case 13:o(e),t.preventDefault()}},i=function e(t){var n=t.nextElementSibling;return n?r.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},a=function e(t){var n=t.previousElementSibling;return n?r.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},c=function(t){return-1!==r.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},s=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},u=function(e){13===e.which&&e.preventDefault()};h.useImperativeHandle(t,(function(){return{listElementRef:n}}));var p=r.classNames("p-picklist-list-wrapper",e.className),v=e.header?h.createElement("div",{className:"p-picklist-header"},r.ObjectUtils.getJSXElement(e.header,e)):null,g=function(){var t="p-picklist-filter-icon",n=r.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||h.createElement(m.SearchIcon,{className:t}):e.targetFilterIcon||h.createElement(m.SearchIcon,{className:t}),{className:t},{props:e});if(e.showFilter){var o=h.createElement("div",{className:"p-picklist-filter"},h.createElement("input",{type:"text",value:e.filterValue,onChange:s,onKeyDown:u,placeholder:e.placeholder,className:"p-picklist-filter-input p-inputtext p-component"}),h.createElement("span",null," ",n," "));if(e.filterTemplate)o=r.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:s,onKeyDown:u},iconClassName:t,element:o,props:e});return h.createElement("div",{className:"p-picklist-filter-container"},o)}return null}(),f=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),r=c(t);return h.createElement(F,{key:n,value:t,template:e.itemTemplate,selected:r,onClick:o,onKeyDown:l,tabIndex:e.tabIndex})})):null,n=r.classNames("p-picklist-list",e.listClassName);return h.createElement("ul",{className:n,style:e.style,role:"listbox","aria-multiselectable":!0},t)}();return h.createElement("div",{ref:n,className:p},v,g,f)})));K.displayName="PickListSubList";var D=h.memo((function(e){var t=o.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint);function n(n){switch(n){case"moveToTargetIcon":return h.createElement(e.moveToTargetIcon||t?i.AngleDownIcon:f.AngleRightIcon,null);case"moveAllToTargetIcon":return h.createElement(e.moveAllToTargetIcon||t?s.AngleDoubleDownIcon:g.AngleDoubleRightIcon,null);case"moveToSourceIcon":return h.createElement(e.moveToSourceIcon||t?c.AngleUpIcon:p.AngleLeftIcon,null);case"moveAllToSourceIcon":return h.createElement(e.moveAllToSourceIcon||t?a.AngleDoubleUpIcon:v.AngleDoubleLeftIcon,null);default:return null}}var u=r.IconUtils.getJSXIcon(n("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),m=r.IconUtils.getJSXIcon(n("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),d=r.IconUtils.getJSXIcon(n("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),b=r.IconUtils.getJSXIcon(n("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),I=r.ObjectUtils.isEmpty(e.sourceSelection)||r.ObjectUtils.isEmpty(e.visibleSourceList),y=r.ObjectUtils.isEmpty(e.targetSelection)||r.ObjectUtils.isEmpty(e.visibleTargetList),T=r.ObjectUtils.isEmpty(e.visibleSourceList),S=r.ObjectUtils.isEmpty(e.visibleTargetList),E=r.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className);return h.createElement("div",{className:E},h.createElement(l.Button,{disabled:I,type:"button",icon:u,onClick:function(t){var n=e.sourceSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=A(e.target),l=A(e.source),i=0;i<n.length;i++){var a=n[i];-1===r.ObjectUtils.findIndexInList(a,o,e.dataKey)&&o.push(l.splice(r.ObjectUtils.findIndexInList(a,l,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:o,direction:"toTarget"})}}}),h.createElement(l.Button,{disabled:T,type:"button",icon:m,onClick:function(t){if(e.source){var n=[].concat(A(e.target),A(e.visibleSourceList)),o=e.source.filter((function(t){return!e.visibleSourceList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:o,target:n,direction:"allToTarget"})}}}),h.createElement(l.Button,{disabled:y,type:"button",icon:d,onClick:function(t){var n=e.targetSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=A(e.target),l=A(e.source),i=0;i<n.length;i++){var a=n[i];-1===r.ObjectUtils.findIndexInList(a,l,e.dataKey)&&l.push(o.splice(r.ObjectUtils.findIndexInList(a,o,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:o,direction:"toSource"})}}}),h.createElement(l.Button,{disabled:S,type:"button",icon:b,onClick:function(t){if(e.source){var n=[].concat(A(e.source),A(e.visibleTargetList)),o=e.target.filter((function(t){return!e.visibleTargetList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:n,target:o,direction:"allToSource"})}}}))}));D.displayName="PickListTransferControls";var x=h.memo(h.forwardRef((function(e,t){var l=N.getProps(e),i=C(h.useState([]),2),a=i[0],c=i[1],s=C(h.useState([]),2),u=s[0],m=s[1],p=C(h.useState(""),2),v=p[0],g=p[1],f=C(h.useState(""),2),d=f[0],b=f[1],T=C(h.useState(null),2),S=T[0],E=T[1],k=h.useRef(null),w=h.useRef(null),U=h.useRef(null),O=h.useRef(null),j=h.useRef(null),A=h.useRef(null),F=l.sourceSelection?l.sourceSelection:a,x=l.targetSelection?l.targetSelection:u,P=l.onSourceFilterChange?l.sourceFilterValue:v,R=l.onTargetFilterChange?l.targetFilterValue:d,M=r.ObjectUtils.isNotEmpty(l.filterBy),B=M&&l.showSourceFilter,H=M&&l.showTargetFilter,J=function(e,t){if(e){var n=r.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":X(n,-1);break;case"top":n.scrollTop=0;break;case"down":X(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},V=function(e,t,n){l.onChange&&l.onChange({originalEvent:e.originalEvent,source:t,target:n})},X=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");r.ObjectUtils.isNotEmpty(n)&&r.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},_=function(e,t,n){"sourceSelection"===t?c(e.value):m(e.value),n&&n(e),r.ObjectUtils.isNotEmpty(F)&&"targetSelection"===t?c([]):r.ObjectUtils.isNotEmpty(x)&&"sourceSelection"===t&&m([])},q=function(e){var t=e.originalEvent,n=e.value,o=C("source"===e.type?[g,l.onSourceFilterChange]:[b,l.onTargetFilterChange],2),r=o[0],i=o[1];i?i({originalEvent:t,value:n}):r(n)},z=function(e,t){var n=C("source"===t?[P,Y]:[R,$],2),o=n[0],l=n[1];return M&&r.ObjectUtils.isNotEmpty(o)?l(o):e},Y=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(l.filterLocale);return G(l.source,e)},$=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(l.filterLocale);return G(l.target,e)},G=function(e,t){var o=M?l.filterBy.split(","):[];return n.FilterService.filter(e,o,t,l.filterMatchMode,l.filterLocale)},Q=function(){if(!A.current){A.current=r.DomHandler.createInlineStyle(I.default.nonce);var e="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-picklist[").concat(S,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");A.current.innerHTML=e}};h.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return k.current}}})),o.useMountEffect((function(){!S&&E(r.UniqueComponentId())})),o.useUpdateEffect((function(){return S&&(k.current.setAttribute(S,""),Q()),function(){A.current=r.DomHandler.removeInlineStyle(A.current)}}),[S,l.breakpoint]),o.useUpdateEffect((function(){O.current&&(J(O.current,j.current),O.current=null,j.current=null)}));var W=N.getOtherProps(l),Z=r.classNames("p-picklist p-component",l.className),ee=l.sourceItemTemplate?l.sourceItemTemplate:l.itemTemplate,te=l.targetItemTemplate?l.targetItemTemplate:l.itemTemplate,ne=z(l.source,"source"),oe=z(l.target,"target");return h.createElement("div",y({id:l.id,ref:k,className:Z,style:l.style},W),l.showSourceControls&&h.createElement(L,{list:l.source,selection:F,onReorder:function(e){V(e,e.value,l.target),O.current=w.current.listElementRef.current,j.current=e.direction},className:"p-picklist-source-controls",dataKey:l.dataKey,moveUpIcon:l.moveUpIcon,moveTopIcon:l.moveTopIcon,moveDownIcon:l.moveDownIcon,moveBottomIcon:l.moveBottomIcon}),h.createElement(K,{ref:w,type:"source",list:ne,selection:F,onSelectionChange:function(e){return _(e,"sourceSelection",l.onSourceSelectionChange)},itemTemplate:ee,header:l.sourceHeader,style:l.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:l.metaKeySelection,tabIndex:l.tabIndex,dataKey:l.dataKey,filterValue:P,onFilter:q,showFilter:B,placeholder:l.sourceFilterPlaceholder,template:l.sourceFilterTemplate,sourceFilterIcon:l.sourceFilterIcon}),h.createElement(D,{onTransfer:function(e){var t=e.originalEvent,n=e.source,o=e.target,r=[];switch(e.direction){case"toTarget":r=F,l.onMoveToTarget&&l.onMoveToTarget({originalEvent:t,value:r});break;case"allToTarget":r=l.source,l.onMoveAllToTarget&&l.onMoveAllToTarget({originalEvent:t,value:r});break;case"toSource":r=x,l.onMoveToSource&&l.onMoveToSource({originalEvent:t,value:r});break;case"allToSource":r=l.target,l.onMoveAllToSource&&l.onMoveAllToSource({originalEvent:t,value:r})}_({originalEvent:t,value:r},"sourceSelection",l.onSourceSelectionChange),_({originalEvent:t,value:r},"targetSelection",l.onTargetSelectionChange),V(e,n,o)},source:l.source,visibleSourceList:ne,target:l.target,breakpoint:l.breakpoint,visibleTargetList:oe,sourceSelection:F,targetSelection:x,dataKey:l.dataKey,moveToTargetIcon:l.moveToTargetIcon,moveAllToTargetIcon:l.moveAllToTargetIcon,moveToSourceIcon:l.moveToSourceIcon,moveAllToSourceIcon:l.moveAllToSourceIcon}),h.createElement(K,{ref:U,type:"target",list:oe,selection:x,onSelectionChange:function(e){return _(e,"targetSelection",l.onTargetSelectionChange)},itemTemplate:te,header:l.targetHeader,style:l.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:l.metaKeySelection,tabIndex:l.tabIndex,dataKey:l.dataKey,filterValue:R,onFilter:q,showFilter:H,placeholder:l.targetFilterPlaceholder,template:l.targetFilterTemplate,targetFilterIcon:l.targetFilterIcon}),l.showTargetControls&&h.createElement(L,{list:l.target,selection:x,onReorder:function(e){V(e,l.source,e.value),O.current=U.current.listElementRef.current,j.current=e.direction},className:"p-picklist-target-controls",dataKey:l.dataKey,moveUpIcon:l.moveUpIcon,moveTopIcon:l.moveTopIcon,moveDownIcon:l.moveDownIcon,moveBottomIcon:l.moveBottomIcon}))})));return x.displayName="PickList",e.PickList=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.button,primereact.icons/angledown,primereact.icons/angledoubleup,primereact.icons/angleup,primereact.icons/angledoubledown,primereact.ripple,primereact.icons/search,primereact.icons/angleleft,primereact.icons/angledoubleleft,primereact.icons/angledoubleright,primereact.icons/angleright);
+this.primereact=this.primereact||{},this.primereact.picklist=function(e,t,n,r,o,l,i,a,c,s,u,m,p,v,g,f){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 h=b(t),I=d(n);function y(){return y=Object.assign?Object.assign.bind():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},y.apply(this,arguments)}function T(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,o,l,i,a=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function E(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 k(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function w(){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 C(e,t){return T(e)||S(e,t)||k(e,t)||w()}var N={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,filter:!1,filterBy:null,filterMatchMode:"contains",targetFilterIcon:null,sourceFilterIcon:null,moveAllToSourceIcon:null,moveToSourceIcon:null,moveAllToTargetIcon:null,moveToTargetIcon:null,moveBottomIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,breakpoint:"960px",itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,N.defaultProps)}};function U(e){if(Array.isArray(e))return E(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(){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 A(e){return U(e)||O(e)||k(e)||j()}var L=h.memo((function(e){var t=e.moveUpIcon||h.createElement(c.AngleUpIcon,null),n=e.moveTopIcon||h.createElement(a.AngleDoubleUpIcon,null),r=e.moveDownIcon||h.createElement(i.AngleDownIcon,null),u=e.moveBottomIcon||h.createElement(s.AngleDoubleDownIcon,null),m=!e.selection||!e.selection.length,p=o.classNames("p-picklist-buttons",e.className);return h.createElement("div",{className:p},h.createElement(l.Button,{disabled:m,type:"button",icon:t,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=A(e.list),l=0;l<n.length;l++){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(0===i)break;var a=r[i-1];r[i-1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),h.createElement(l.Button,{disabled:m,type:"button",icon:n,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=A(e.list),l=0;l<n.length;l++){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(0===i)break;var a=r.splice(i,1)[0];r.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),h.createElement(l.Button,{disabled:m,type:"button",icon:r,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=A(e.list),l=n.length-1;l>=0;l--){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(i===r.length-1)break;var a=r[i+1];r[i+1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),h.createElement(l.Button,{disabled:m,type:"button",icon:u,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=A(e.list),l=n.length-1;l>=0;l--){var i=o.ObjectUtils.findIndexInList(n[l],r,e.dataKey);if(i===r.length-1)break;var a=r.splice(i,1)[0];r.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));L.displayName="PickListControls";var F=h.memo((function(e){var t=e.template?e.template(e.value):e.value,n=o.classNames("p-picklist-item",{"p-highlight":e.selected},e.className);return h.createElement("li",{className:n,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,h.createElement(u.Ripple,null))}));F.displayName="PickListItem";var K=h.memo(h.forwardRef((function(e,t){var n=h.useRef(null),r=function(t){var n=t.originalEvent,r=t.value,l=A(e.selection),i=o.ObjectUtils.findIndexInList(r,l,e.dataKey),a=-1!==i;if(e.metaKeySelection){var c=n.metaKey||n.ctrlKey;a&&c?l.splice(i,1):(c||(l.length=0),l.push(r))}else a?l.splice(i,1):l.push(r);e.onSelectionChange&&e.onSelectionChange({event:n,value:l})},l=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var o=i(n);o&&o.focus(),t.preventDefault();break;case 38:var l=a(n);l&&l.focus(),t.preventDefault();break;case 13:r(e),t.preventDefault()}},i=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},a=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},c=function(t){return-1!==o.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},s=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},u=function(e){13===e.which&&e.preventDefault()};h.useImperativeHandle(t,(function(){return{listElementRef:n}}));var p=o.classNames("p-picklist-list-wrapper",e.className),v=e.header?h.createElement("div",{className:"p-picklist-header"},o.ObjectUtils.getJSXElement(e.header,e)):null,g=function(){var t="p-picklist-filter-icon",n=o.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||h.createElement(m.SearchIcon,{className:t}):e.targetFilterIcon||h.createElement(m.SearchIcon,{className:t}),{className:t},{props:e});if(e.showFilter){var r=h.createElement("div",{className:"p-picklist-filter"},h.createElement("input",{type:"text",value:e.filterValue,onChange:s,onKeyDown:u,placeholder:e.placeholder,className:"p-picklist-filter-input p-inputtext p-component"}),h.createElement("span",null," ",n," "));if(e.filterTemplate)r=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:s,onKeyDown:u},iconClassName:t,element:r,props:e});return h.createElement("div",{className:"p-picklist-filter-container"},r)}return null}(),f=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),o=c(t);return h.createElement(F,{key:n,value:t,template:e.itemTemplate,selected:o,onClick:r,onKeyDown:l,tabIndex:e.tabIndex})})):null,n=o.classNames("p-picklist-list",e.listClassName);return h.createElement("ul",{className:n,style:e.style,role:"listbox","aria-multiselectable":!0},t)}();return h.createElement("div",{ref:n,className:p},v,g,f)})));K.displayName="PickListSubList";var D=h.memo((function(e){var t=r.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint);function n(n){switch(n){case"moveToTargetIcon":return h.createElement(e.moveToTargetIcon||t?i.AngleDownIcon:f.AngleRightIcon,null);case"moveAllToTargetIcon":return h.createElement(e.moveAllToTargetIcon||t?s.AngleDoubleDownIcon:g.AngleDoubleRightIcon,null);case"moveToSourceIcon":return h.createElement(e.moveToSourceIcon||t?c.AngleUpIcon:p.AngleLeftIcon,null);case"moveAllToSourceIcon":return h.createElement(e.moveAllToSourceIcon||t?a.AngleDoubleUpIcon:v.AngleDoubleLeftIcon,null);default:return null}}var u=o.IconUtils.getJSXIcon(n("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),m=o.IconUtils.getJSXIcon(n("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),d=o.IconUtils.getJSXIcon(n("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),b=o.IconUtils.getJSXIcon(n("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),I=o.ObjectUtils.isEmpty(e.sourceSelection)||o.ObjectUtils.isEmpty(e.visibleSourceList),y=o.ObjectUtils.isEmpty(e.targetSelection)||o.ObjectUtils.isEmpty(e.visibleTargetList),T=o.ObjectUtils.isEmpty(e.visibleSourceList),S=o.ObjectUtils.isEmpty(e.visibleTargetList),E=o.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className);return h.createElement("div",{className:E},h.createElement(l.Button,{disabled:I,type:"button",icon:u,onClick:function(t){var n=e.sourceSelection;if(o.ObjectUtils.isNotEmpty(n)){for(var r=A(e.target),l=A(e.source),i=0;i<n.length;i++){var a=n[i];-1===o.ObjectUtils.findIndexInList(a,r,e.dataKey)&&r.push(l.splice(o.ObjectUtils.findIndexInList(a,l,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:r,direction:"toTarget"})}}}),h.createElement(l.Button,{disabled:T,type:"button",icon:m,onClick:function(t){if(e.source){var n=[].concat(A(e.target),A(e.visibleSourceList)),r=e.source.filter((function(t){return!e.visibleSourceList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:r,target:n,direction:"allToTarget"})}}}),h.createElement(l.Button,{disabled:y,type:"button",icon:d,onClick:function(t){var n=e.targetSelection;if(o.ObjectUtils.isNotEmpty(n)){for(var r=A(e.target),l=A(e.source),i=0;i<n.length;i++){var a=n[i];-1===o.ObjectUtils.findIndexInList(a,l,e.dataKey)&&l.push(r.splice(o.ObjectUtils.findIndexInList(a,r,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:r,direction:"toSource"})}}}),h.createElement(l.Button,{disabled:S,type:"button",icon:b,onClick:function(t){if(e.source){var n=[].concat(A(e.source),A(e.visibleTargetList)),r=e.target.filter((function(t){return!e.visibleTargetList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:n,target:r,direction:"allToSource"})}}}))}));D.displayName="PickListTransferControls";var x=h.memo(h.forwardRef((function(e,t){var l=N.getProps(e),i=C(h.useState([]),2),a=i[0],c=i[1],s=C(h.useState([]),2),u=s[0],m=s[1],p=C(h.useState(""),2),v=p[0],g=p[1],f=C(h.useState(""),2),d=f[0],b=f[1],T=C(h.useState(null),2),S=T[0],E=T[1],k=h.useRef(null),w=h.useRef(null),U=h.useRef(null),O=h.useRef(null),j=h.useRef(null),A=h.useRef(null),F=l.sourceSelection?l.sourceSelection:a,x=l.targetSelection?l.targetSelection:u,P=l.onSourceFilterChange?l.sourceFilterValue:v,R=l.onTargetFilterChange?l.targetFilterValue:d,M=o.ObjectUtils.isNotEmpty(l.filterBy),B=M&&l.showSourceFilter,H=M&&l.showTargetFilter,J=function(e,t){if(e){var n=o.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":X(n,-1);break;case"top":n.scrollTop=0;break;case"down":X(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},V=function(e,t,n){l.onChange&&l.onChange({originalEvent:e.originalEvent,source:t,target:n})},X=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");o.ObjectUtils.isNotEmpty(n)&&o.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},_=function(e,t,n){"sourceSelection"===t?c(e.value):m(e.value),n&&n(e),o.ObjectUtils.isNotEmpty(F)&&"targetSelection"===t?c([]):o.ObjectUtils.isNotEmpty(x)&&"sourceSelection"===t&&m([])},q=function(e){var t=e.originalEvent,n=e.value,r=C("source"===e.type?[g,l.onSourceFilterChange]:[b,l.onTargetFilterChange],2),o=r[0],i=r[1];i?i({originalEvent:t,value:n}):o(n)},z=function(e,t){var n=C("source"===t?[P,Y]:[R,$],2),r=n[0],l=n[1];return M&&o.ObjectUtils.isNotEmpty(r)?l(r):e},Y=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(l.filterLocale);return G(l.source,e)},$=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(l.filterLocale);return G(l.target,e)},G=function(e,t){var r=M?l.filterBy.split(","):[];return n.FilterService.filter(e,r,t,l.filterMatchMode,l.filterLocale)},Q=function(){if(!A.current){A.current=o.DomHandler.createInlineStyle(I.default.nonce);var e="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-picklist[").concat(S,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");A.current.innerHTML=e}};h.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return k.current}}})),r.useMountEffect((function(){!S&&E(o.UniqueComponentId())})),r.useUpdateEffect((function(){return S&&(k.current.setAttribute(S,""),Q()),function(){A.current=o.DomHandler.removeInlineStyle(A.current)}}),[S,l.breakpoint]),r.useUpdateEffect((function(){O.current&&(J(O.current,j.current),O.current=null,j.current=null)}));var W=N.getOtherProps(l),Z=o.classNames("p-picklist p-component",l.className),ee=l.sourceItemTemplate?l.sourceItemTemplate:l.itemTemplate,te=l.targetItemTemplate?l.targetItemTemplate:l.itemTemplate,ne=z(l.source,"source"),re=z(l.target,"target");return h.createElement("div",y({id:l.id,ref:k,className:Z,style:l.style},W),l.showSourceControls&&h.createElement(L,{list:l.source,selection:F,onReorder:function(e){V(e,e.value,l.target),O.current=w.current.listElementRef.current,j.current=e.direction},className:"p-picklist-source-controls",dataKey:l.dataKey,moveUpIcon:l.moveUpIcon,moveTopIcon:l.moveTopIcon,moveDownIcon:l.moveDownIcon,moveBottomIcon:l.moveBottomIcon}),h.createElement(K,{ref:w,type:"source",list:ne,selection:F,onSelectionChange:function(e){return _(e,"sourceSelection",l.onSourceSelectionChange)},itemTemplate:ee,header:l.sourceHeader,style:l.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:l.metaKeySelection,tabIndex:l.tabIndex,dataKey:l.dataKey,filterValue:P,onFilter:q,showFilter:B,placeholder:l.sourceFilterPlaceholder,filterTemplate:l.sourceFilterTemplate,sourceFilterIcon:l.sourceFilterIcon}),h.createElement(D,{onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,o=[];switch(e.direction){case"toTarget":o=F,l.onMoveToTarget&&l.onMoveToTarget({originalEvent:t,value:o});break;case"allToTarget":o=l.source,l.onMoveAllToTarget&&l.onMoveAllToTarget({originalEvent:t,value:o});break;case"toSource":o=x,l.onMoveToSource&&l.onMoveToSource({originalEvent:t,value:o});break;case"allToSource":o=l.target,l.onMoveAllToSource&&l.onMoveAllToSource({originalEvent:t,value:o})}_({originalEvent:t,value:o},"sourceSelection",l.onSourceSelectionChange),_({originalEvent:t,value:o},"targetSelection",l.onTargetSelectionChange),V(e,n,r)},source:l.source,visibleSourceList:ne,target:l.target,breakpoint:l.breakpoint,visibleTargetList:re,sourceSelection:F,targetSelection:x,dataKey:l.dataKey,moveToTargetIcon:l.moveToTargetIcon,moveAllToTargetIcon:l.moveAllToTargetIcon,moveToSourceIcon:l.moveToSourceIcon,moveAllToSourceIcon:l.moveAllToSourceIcon}),h.createElement(K,{ref:U,type:"target",list:re,selection:x,onSelectionChange:function(e){return _(e,"targetSelection",l.onTargetSelectionChange)},itemTemplate:te,header:l.targetHeader,style:l.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:l.metaKeySelection,tabIndex:l.tabIndex,dataKey:l.dataKey,filterValue:R,onFilter:q,showFilter:H,placeholder:l.targetFilterPlaceholder,filterTemplate:l.targetFilterTemplate,targetFilterIcon:l.targetFilterIcon}),l.showTargetControls&&h.createElement(L,{list:l.target,selection:x,onReorder:function(e){V(e,l.source,e.value),O.current=U.current.listElementRef.current,j.current=e.direction},className:"p-picklist-target-controls",dataKey:l.dataKey,moveUpIcon:l.moveUpIcon,moveTopIcon:l.moveTopIcon,moveDownIcon:l.moveDownIcon,moveBottomIcon:l.moveBottomIcon}))})));return x.displayName="PickList",e.PickList=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.button,primereact.icons.angledown,primereact.icons.angledoubleup,primereact.icons.angleup,primereact.icons.angledoubledown,primereact.ripple,primereact.icons.search,primereact.icons.angleleft,primereact.icons.angledoubleleft,primereact.icons.angledoubleright,primereact.icons.angleright);

package/primereact.all.cjs.js

@@ -2509,6 +2509,7 @@ var PrimeIcons = Object.freeze({
   ARROW_DOWN_RIGHT: 'pi pi-arrow-down-right',
   ARROW_LEFT: 'pi pi-arrow-left',
   ARROW_RIGHT: 'pi pi-arrow-right',
+  ARROW_RIGHT_ARROW_LEFT: 'pi-arrow-right-arrow-left',
   ARROW_UP: 'pi pi-arrow-up',
   ARROW_UP_LEFT: 'pi pi-arrow-up-left',
   ARROW_UP_RIGHT: 'pi pi-arrow-up-right',
@@ -10434,8 +10435,9 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var title = createTitle(monthMetaData);
     var dateViewGrid = createDateViewGrid(monthMetaData, weekDays, index);
     var header = props.headerTemplate ? props.headerTemplate() : null;
+    var monthKey = monthMetaData.month + '-' + monthMetaData.year;
     return /*#__PURE__*/React__namespace.createElement("div", {
-      key: monthMetaData.month,
+      key: monthKey,
       className: "p-datepicker-group"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-datepicker-header"
@@ -17904,7 +17906,7 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     }
     return null;
   };
-  if (!props.alwaysShow && pageCount === 1) {
+  if (!props.alwaysShow && pageCount <= 1) {
     return null;
   } else {
     var otherProps = PaginatorBase.getOtherProps(props);
@@ -17947,7 +17949,7 @@ var DataTableBase = {
     dataKey: null,
     defaultSortOrder: 1,
     dragSelection: false,
-    editMode: 'cell',
+    editMode: null,
     editingRows: null,
     emptyMessage: null,
     expandableRowGroups: false,
@@ -18627,7 +18629,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   }, [props.editingMeta]);
   React__namespace.useEffect(function () {
-    if (props.editMode === 'cell' || props.editMode === 'row') {
+    if (props.editMode === 'row') {
       var callbackParams = getCellCallbackParams();
       var params = _objectSpread$t(_objectSpread$t({}, callbackParams), {}, {
         editing: editingState,
@@ -19187,7 +19189,7 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
   var createContent = function createContent() {
     return props.columns.map(function (col, i) {
       if (shouldRenderBodyCell(props.value, col, props.index)) {
-        var key = "".concat(getColumnProp(col, 'columnKey') || getColumnProp(col, 'field'), "_").concat(i);
+        var key = "".concat(props.rowIndex, "_").concat(getColumnProp(col, 'columnKey') || getColumnProp(col, 'field'), "_").concat(i);
         var rowSpan = props.rowGroupMode === 'rowspan' ? calculateRowGroupSize(props.value, col, props.index) : null;
         return /*#__PURE__*/React__namespace.createElement(BodyCell, {
           key: key,
@@ -21981,7 +21983,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       var _data = props.selectionPageOnly ? dataToRender(processedData) : processedData;
       var val = ObjectUtils.isNotEmpty(props.frozenValue) ? [].concat(_toConsumableArray(props.frozenValue), _toConsumableArray(_data)) : _data;
       var selectableVal = getSelectableData(val);
-      return selectableVal && props.selection && selectableVal.every(function (sv) {
+      return ObjectUtils.isNotEmpty(selectableVal) && props.selection && selectableVal.every(function (sv) {
         return props.selection.some(function (s) {
           return isEquals(s, sv);
         });
@@ -22441,6 +22443,9 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return value;
   };
   var multisortField = function multisortField(data1, data2, multiSortMeta, index) {
+    if (!multiSortMeta || !multiSortMeta[index]) {
+      return;
+    }
     var value1 = ObjectUtils.resolveFieldData(data1, multiSortMeta[index].field);
     var value2 = ObjectUtils.resolveFieldData(data2, multiSortMeta[index].field);
 
@@ -22752,7 +22757,8 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   };
   useMountEffect(function () {
     !attributeSelectorState && setAttributeSelectorState(UniqueComponentId());
-    setFiltersState(cloneFilters(props.filters));
+
+    //setFiltersState(cloneFilters(props.filters)); // Github #4248
     setD_filtersState(cloneFilters(props.filters));
     if (isStateful()) {
       restoreState();
@@ -24275,16 +24281,21 @@ var MessagesBase = {
 function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-  var _props$message = props.message,
-    severity = _props$message.severity,
-    content = _props$message.content,
-    summary = _props$message.summary,
-    detail = _props$message.detail,
-    closable = _props$message.closable,
-    life = _props$message.life,
-    sticky = _props$message.sticky,
-    _icon = _props$message.icon,
-    _closeIcon = _props$message.closeIcon;
+  var messageInfo = props.message;
+  var _messageInfo$message = messageInfo.message,
+    severity = _messageInfo$message.severity,
+    content = _messageInfo$message.content,
+    summary = _messageInfo$message.summary,
+    detail = _messageInfo$message.detail,
+    closable = _messageInfo$message.closable,
+    life = _messageInfo$message.life,
+    sticky = _messageInfo$message.sticky,
+    _className = _messageInfo$message.className,
+    style = _messageInfo$message.style,
+    _contentClassName = _messageInfo$message.contentClassName,
+    contentStyle = _messageInfo$message.contentStyle,
+    _icon = _messageInfo$message.icon,
+    _closeIcon = _messageInfo$message.closeIcon;
   var _useTimeout = useTimeout(function () {
       onClose(null);
     }, life || 3000, !sticky),
@@ -24362,15 +24373,18 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     }
     return null;
   };
-  var className = classNames('p-message p-component p-message-' + severity);
+  var className = classNames('p-message p-component', _defineProperty({}, "p-message-".concat(severity), severity), _className);
+  var contentClassName = classNames('p-message-wrapper', _contentClassName);
   var closeIcon = createCloseIcon();
   var message = createMessage();
   return /*#__PURE__*/React__namespace.createElement("div", {
     ref: ref,
     className: className,
+    style: style,
     onClick: onClick
   }, /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-message-wrapper"
+    className: contentClassName,
+    style: contentStyle
   }, message, closeIcon));
 }));
 UIMessage.displayName = 'UIMessage';
@@ -24386,35 +24400,33 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var show = function show(value) {
     if (value) {
       var messages = assignIdentifiers(value, true);
-      if (Array.isArray(value)) {
-        for (var i = 0; i < value.length; i++) {
-          value[i].id = messageIdx$1++;
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-        }
-      } else {
-        value.id = messageIdx$1++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
-      }
       setMessagesState(messages);
     }
   };
-  var assignIdentifiers = function assignIdentifiers(value, copy) {
+  var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
     var messages;
-    if (Array.isArray(value)) {
-      for (var i = 0; i < value.length; i++) {
-        value[i].id = messageIdx$1++;
-        if (copy) {
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-        } else {
-          messages = value;
-        }
+    if (Array.isArray(messageInfo)) {
+      var multipleMessages = messageInfo.reduce(function (acc, message) {
+        acc.push({
+          _pId: messageIdx$1++,
+          message: message
+        });
+        return acc;
+      }, []);
+      if (copy) {
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
+      } else {
+        messages = multipleMessages;
       }
     } else {
-      value.id = messageIdx$1++;
+      var message = {
+        _pId: messageIdx$1++,
+        message: messageInfo
+      };
       if (copy) {
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
       } else {
-        messages = [value];
+        messages = [message];
       }
     }
     return messages;
@@ -24422,21 +24434,26 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var clear = function clear() {
     setMessagesState([]);
   };
-  var replace = function replace(value) {
-    var replaced = assignIdentifiers(value, false);
+  var replace = function replace(messageInfo) {
+    var replaced = assignIdentifiers(messageInfo, false);
     setMessagesState(replaced);
   };
-  var onClose = function onClose(message) {
-    setMessagesState(messagesState.filter(function (msg) {
-      return msg.id !== message.id;
-    }));
-    props.onRemove && props.onRemove(message);
+  var remove = function remove(messageInfo) {
+    var messages = messagesState.filter(function (msg) {
+      return msg._pId !== messageInfo._pId;
+    });
+    setMessagesState(messages);
+    props.onRemove && props.onRemove(messageInfo.message);
+  };
+  var onClose = function onClose(messageInfo) {
+    remove(messageInfo);
   };
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
       show: show,
       replace: replace,
+      remove: remove,
       clear: clear,
       getElement: function getElement() {
         return elementRef.current;
@@ -24453,7 +24470,7 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var messageRef = /*#__PURE__*/React__namespace.createRef();
     return /*#__PURE__*/React__namespace.createElement(CSSTransition, {
       nodeRef: messageRef,
-      key: message.id,
+      key: message._pId,
       classNames: "p-message",
       unmountOnExit: true,
       timeout: {
@@ -26045,24 +26062,29 @@ var ImageBase = {
     __TYPE: 'Image',
     alt: null,
     className: null,
-    downloadable: false,
-    downloadIcon: null,
-    rotateRightIcon: null,
-    rotateLeftIcon: null,
-    zoomOutIcon: null,
-    zoomInIcon: null,
     closeIcon: null,
+    crossOrigin: null,
+    decoding: null,
+    downloadIcon: null,
+    downloadable: false,
     height: null,
     imageClassName: null,
     imageStyle: null,
+    indicatorIcon: null,
+    loading: null,
     onError: null,
     onHide: null,
     onShow: null,
     preview: false,
-    indicatorIcon: null,
+    referrerPolicy: null,
+    rotateLeftIcon: null,
+    rotateRightIcon: null,
     src: null,
     template: null,
+    useMap: null,
     width: null,
+    zoomInIcon: null,
+    zoomOutIcon: null,
     zoomSrc: null,
     children: undefined
   },
@@ -26300,7 +26322,11 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var src = props.src,
     alt = props.alt,
     width = props.width,
-    height = props.height;
+    height = props.height,
+    crossOrigin = props.crossOrigin,
+    referrerPolicy = props.referrerPolicy,
+    useMap = props.useMap,
+    loading = props.loading;
   var otherProps = ImageBase.getOtherProps(props);
   var containerClassName = classNames('p-image p-component', props.className, {
     'p-image-preview-container': props.preview
@@ -26323,8 +26349,12 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     className: props.imageClassName,
     width: width,
     height: height,
-    style: props.imageStyle,
+    crossOrigin: crossOrigin,
+    referrerPolicy: referrerPolicy,
+    useMap: useMap,
+    loading: loading,
     alt: alt,
+    style: props.imageStyle,
     onError: props.onError
   });
   return /*#__PURE__*/React__namespace.createElement("span", _extends({
@@ -27199,11 +27229,11 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     }
   };
   var onInput = function onInput(event) {
+    var target = event.target;
     if (props.autoResize) {
-      resize();
+      resize(ObjectUtils.isEmpty(target.value));
     }
     props.onInput && props.onInput(event);
-    var target = event.target;
     ObjectUtils.isNotEmpty(target.value) ? DomHandler.addClass(target, 'p-filled') : DomHandler.removeClass(target, 'p-filled');
   };
   var resize = function resize(initial) {
@@ -28730,6 +28760,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       var prevText = value.substring(0, triggerState.index);
       var nextText = value.substring(triggerState.index + currentText.length);
       inputRef.current.value = "".concat(prevText).concat(selectedText, " ").concat(nextText);
+      event.target = inputRef.current;
       props.onChange && props.onChange(event);
     }
     var cursorStart = triggerState.index + selectedText.length + 1;
@@ -32911,17 +32942,13 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     } else {
       icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(EyeIcon, null);
     }
-    var hideIcon = IconUtils.getJSXIcon(icon, undefined, {
-      props: props
-    });
-    var showIcon = IconUtils.getJSXIcon(icon, undefined, {
+    var eyeIcon = IconUtils.getJSXIcon(icon, undefined, {
       props: props
     });
-    var eyeIcons = hideIcon || showIcon;
     if (props.toggleMask) {
       var content = /*#__PURE__*/React__namespace.createElement("i", {
         onClick: onMaskToggle
-      }, " ", eyeIcons, " ");
+      }, " ", eyeIcon, " ");
       if (props.icon) {
         var defaultIconOptions = {
           onClick: onMaskToggle,
@@ -33009,9 +33036,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onKeyUp: onKeyup,
     onInput: onInput,
     tooltip: props.tooltip,
-    tooltipOptions: props.tooltipOptions,
-    hideIcon: props.hideIcon,
-    showIcon: props.showIcon
+    tooltipOptions: props.tooltipOptions
   })), icon, panel);
 }));
 Password.displayName = 'Password';
@@ -33821,7 +33846,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onFilter: onFilter,
     showFilter: showSourceFilter,
     placeholder: props.sourceFilterPlaceholder,
-    template: props.sourceFilterTemplate,
+    filterTemplate: props.sourceFilterTemplate,
     sourceFilterIcon: props.sourceFilterIcon
   }), /*#__PURE__*/React__namespace.createElement(PickListTransferControls, {
     onTransfer: onTransfer,
@@ -33857,7 +33882,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onFilter: onFilter,
     showFilter: showTargetFilter,
     placeholder: props.targetFilterPlaceholder,
-    template: props.targetFilterTemplate,
+    filterTemplate: props.targetFilterTemplate,
     targetFilterIcon: props.targetFilterIcon
   }), props.showTargetControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
     list: props.target,
@@ -37233,7 +37258,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     return TabPanelBase.getCProp(tab, name);
   };
   var shouldUseTab = function shouldUseTab(tab, index) {
-    return ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
+    return tab && ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
       return _i !== index;
     });
   };
@@ -38058,7 +38083,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     }
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
-      id: item,
+      id: item.id,
       className: className,
       style: style,
       onMouseEnter: function onMouseEnter(event) {