primereact 9.5.0 → 9.6.1

package/picklist/picklist.esm.min.js

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

package/picklist/picklist.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils, button, angledown, angledoubleup, angleup, angledoubledown, ripple, search, angleleft, angledoubleleft, angledoubleright, angleright) {
+this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils, componentbase, button, angledoubledown, angledoubleup, angledown, angleup, search, ripple, angledoubleleft, angledoubleright, angleleft, angleright) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,21 +25,6 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -95,7 +80,7 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var PickListBase = {
+  var PickListBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'PickList',
       id: null,
@@ -150,14 +135,8 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       onSourceFilterChange: null,
       onTargetFilterChange: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, PickListBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, PickListBase.defaultProps);
     }
-  };
+  });
 
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray(arr);
@@ -278,33 +257,86 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       }
     };
     var className = utils.classNames('p-picklist-buttons', props.className);
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var controlsProps = utils.mergeProps({
       className: className
-    }, /*#__PURE__*/React__namespace.createElement(button.Button, {
+    }, props.ptm('controls'));
+    return /*#__PURE__*/React__namespace.createElement("div", controlsProps, /*#__PURE__*/React__namespace.createElement(button.Button, {
       disabled: moveDisabled,
       type: "button",
       icon: moveUpIcon,
-      onClick: moveUp
+      onClick: moveUp,
+      pt: props.ptm('moveUpButton')
     }), /*#__PURE__*/React__namespace.createElement(button.Button, {
       disabled: moveDisabled,
       type: "button",
       icon: moveTopIcon,
-      onClick: moveTop
+      onClick: moveTop,
+      pt: props.ptm('moveTopButton')
     }), /*#__PURE__*/React__namespace.createElement(button.Button, {
       disabled: moveDisabled,
       type: "button",
       icon: moveDownIcon,
-      onClick: moveDown
+      onClick: moveDown,
+      pt: props.ptm('moveDownButton')
     }), /*#__PURE__*/React__namespace.createElement(button.Button, {
       disabled: moveDisabled,
       type: "button",
       icon: moveBottomIcon,
-      onClick: moveBottom
+      onClick: moveBottom,
+      pt: props.ptm('moveBottomButton')
     }));
   });
   PickListControls.displayName = 'PickListControls';
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
   var PickListItem = /*#__PURE__*/React__namespace.memo(function (props) {
+    var getPTOptions = function getPTOptions(key) {
+      return props.ptm(key, {
+        context: {
+          selected: props.selected
+        }
+      });
+    };
     var onClick = function onClick(event) {
       if (props.onClick) {
         props.onClick({
@@ -325,17 +357,20 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
     var className = utils.classNames('p-picklist-item', {
       'p-highlight': props.selected
     }, props.className);
-    return /*#__PURE__*/React__namespace.createElement("li", {
+    var itemProps = utils.mergeProps({
       className: className,
       onClick: onClick,
       onKeyDown: onKeyDown,
       tabIndex: props.tabIndex,
-      role: "option",
-      "aria-selected": props.selected
-    }, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      role: 'option',
+      'aria-selected': props.selected
+    }, getPTOptions('item'));
+    return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   });
   PickListItem.displayName = 'PickListItem';
 
+  function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var listElementRef = React__namespace.useRef(null);
     var onItemClick = function onItemClick(event) {
@@ -422,10 +457,11 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       };
     });
     var createHeader = function createHeader() {
+      var headerProps = utils.mergeProps({
+        className: 'p-picklist-header'
+      }, props.ptm('header'));
       if (props.header) {
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-picklist-header"
-        }, utils.ObjectUtils.getJSXElement(props.header, props));
+        return /*#__PURE__*/React__namespace.createElement("div", headerProps, utils.ObjectUtils.getJSXElement(props.header, props));
       }
       return null;
     };
@@ -441,7 +477,8 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
             selected: selected,
             onClick: onItemClick,
             onKeyDown: onItemKeyDown,
-            tabIndex: props.tabIndex
+            tabIndex: props.tabIndex,
+            ptm: props.ptm
           });
         });
       }
@@ -449,27 +486,26 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
     };
     var createFilter = function createFilter() {
       var iconClassName = 'p-picklist-filter-icon';
-      var icon = props.type === 'source' ? props.sourceFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+      var filterIconProps = utils.mergeProps({
         className: iconClassName
-      }) : props.targetFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
-        className: iconClassName
-      });
-      var filterIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      }, props.ptm('filterIcon'));
+      var icon = props.type === 'source' ? props.sourceFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps) : props.targetFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
+      var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, filterIconProps), {
         props: props
       });
       if (props.showFilter) {
-        var content = /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-picklist-filter"
-        }, /*#__PURE__*/React__namespace.createElement("input", {
-          type: "text",
+        var filterProps = utils.mergeProps({
+          className: 'p-picklist-filter'
+        }, props.ptm('filter'));
+        var filterInputProps = utils.mergeProps({
+          type: 'text',
           value: props.filterValue,
           onChange: onFilter,
           onKeyDown: onFilterInputKeyDown,
           placeholder: props.placeholder,
-          className: "p-picklist-filter-input p-inputtext p-component"
-        }), /*#__PURE__*/React__namespace.createElement("span", null, " ", filterIcon, " "));
+          className: 'p-picklist-filter-input p-inputtext p-component'
+        }, props.ptm('filterInput'));
+        var content = /*#__PURE__*/React__namespace.createElement("div", filterProps, /*#__PURE__*/React__namespace.createElement("input", filterInputProps), /*#__PURE__*/React__namespace.createElement("span", null, " ", filterIcon, " "));
         if (props.filterTemplate) {
           var defaultContentOptions = {
             className: 'p-picklist-filter',
@@ -484,30 +520,33 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
           };
           content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
         }
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-picklist-filter-container"
-        }, content);
+        var filterContainerProps = utils.mergeProps({
+          className: 'p-picklist-filter-container'
+        }, props.ptm('filterContainer'));
+        return /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, content);
       }
       return null;
     };
     var createList = function createList() {
       var items = createItems();
       var className = utils.classNames('p-picklist-list', props.listClassName);
-      return /*#__PURE__*/React__namespace.createElement("ul", {
+      var listProps = utils.mergeProps({
         className: className,
-        style: props.style,
-        role: "listbox",
-        "aria-multiselectable": true
-      }, items);
+        role: 'listbox',
+        'aria-multiselectable': true,
+        style: props.style
+      }, props.ptm('list'));
+      return /*#__PURE__*/React__namespace.createElement("ul", listProps, items);
     };
     var className = utils.classNames('p-picklist-list-wrapper', props.className);
     var header = createHeader();
     var filter = createFilter();
     var list = createList();
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      ref: listElementRef,
-      className: className
-    }, header, filter, list);
+    var listWrapperProps = utils.mergeProps({
+      className: className,
+      ref: listElementRef
+    }, props.ptm('listWrapper'));
+    return /*#__PURE__*/React__namespace.createElement("div", listWrapperProps, header, filter, list);
   }));
   PickListSubList.displayName = 'PickListSubList';
 
@@ -626,34 +665,40 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       }
     };
     var className = utils.classNames('p-picklist-buttons p-picklist-transfer-buttons', props.className);
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var buttonsProps = utils.mergeProps({
       className: className
-    }, /*#__PURE__*/React__namespace.createElement(button.Button, {
+    }, props.ptm('buttons'));
+    return /*#__PURE__*/React__namespace.createElement("div", buttonsProps, /*#__PURE__*/React__namespace.createElement(button.Button, {
       disabled: moveRightDisabled,
       type: "button",
       icon: moveToTargetIcon,
-      onClick: moveRight
+      onClick: moveRight,
+      pt: props.ptm('moveToTargetButton')
     }), /*#__PURE__*/React__namespace.createElement(button.Button, {
       disabled: moveAllRightDisabled,
       type: "button",
       icon: moveAllToTargetIcon,
-      onClick: moveAllRight
+      onClick: moveAllRight,
+      pt: props.ptm('moveAllToTargetButton')
     }), /*#__PURE__*/React__namespace.createElement(button.Button, {
       disabled: moveLeftDisabled,
       type: "button",
       icon: moveToSourceIcon,
-      onClick: moveLeft
+      onClick: moveLeft,
+      pt: props.ptm('moveToSourceButton')
     }), /*#__PURE__*/React__namespace.createElement(button.Button, {
       disabled: moveAllLeftDisabled,
       type: "button",
       icon: moveAllToSourceIcon,
-      onClick: moveAllLeft
+      onClick: moveAllLeft,
+      pt: props.ptm('moveAllToSourceButton')
     }));
   });
   PickListTransferControls.displayName = 'PickListTransferControls';
 
   var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = PickListBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = PickListBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       sourceSelectionState = _React$useState2[0],
@@ -674,6 +719,17 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       _React$useState10 = _slicedToArray(_React$useState9, 2),
       attributeSelectorState = _React$useState10[0],
       setAttributeSelectorState = _React$useState10[1];
+    var _PickListBase$setMeta = PickListBase.setMetaData({
+        props: props,
+        state: {
+          sourceSelection: sourceSelectionState,
+          targetSelection: targetSelectionState,
+          sourceFilterValue: sourceFilterValueState,
+          targetFilterValue: targetFilterValueState,
+          attributeSelector: attributeSelectorState
+        }
+      }),
+      ptm = _PickListBase$setMeta.ptm;
     var elementRef = React__namespace.useRef(null);
     var sourceListElementRef = React__namespace.useRef(null);
     var targetListElementRef = React__namespace.useRef(null);
@@ -752,6 +808,7 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
               value: selectedValue
             });
           }
+          selectedValue = [];
           break;
         case 'toSource':
           selectedValue = targetSelection;
@@ -770,6 +827,7 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
               value: selectedValue
             });
           }
+          selectedValue = [];
           break;
       }
       _onSelectionChange({
@@ -840,7 +898,7 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
     };
     var createStyle = function createStyle() {
       if (!styleElementRef.current) {
-        styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
         var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-picklist[").concat(attributeSelectorState, "] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");
         styleElementRef.current.innerHTML = innerHTML;
       }
@@ -875,18 +933,18 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
         reorderDirection.current = null;
       }
     });
-    var otherProps = PickListBase.getOtherProps(props);
     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;
     var sourceList = getVisibleList(props.source, 'source');
     var targetList = getVisibleList(props.target, 'target');
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       id: props.id,
       ref: elementRef,
       className: className,
       style: props.style
-    }, otherProps), props.showSourceControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
+    }, PickListBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, props.showSourceControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
       list: props.source,
       selection: sourceSelection,
       onReorder: onSourceReorder,
@@ -895,7 +953,8 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       moveUpIcon: props.moveUpIcon,
       moveTopIcon: props.moveTopIcon,
       moveDownIcon: props.moveDownIcon,
-      moveBottomIcon: props.moveBottomIcon
+      moveBottomIcon: props.moveBottomIcon,
+      ptm: ptm
     }), /*#__PURE__*/React__namespace.createElement(PickListSubList, {
       ref: sourceListElementRef,
       type: "source",
@@ -917,7 +976,8 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       showFilter: showSourceFilter,
       placeholder: props.sourceFilterPlaceholder,
       filterTemplate: props.sourceFilterTemplate,
-      sourceFilterIcon: props.sourceFilterIcon
+      sourceFilterIcon: props.sourceFilterIcon,
+      ptm: ptm
     }), /*#__PURE__*/React__namespace.createElement(PickListTransferControls, {
       onTransfer: onTransfer,
       source: props.source,
@@ -931,7 +991,8 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       moveToTargetIcon: props.moveToTargetIcon,
       moveAllToTargetIcon: props.moveAllToTargetIcon,
       moveToSourceIcon: props.moveToSourceIcon,
-      moveAllToSourceIcon: props.moveAllToSourceIcon
+      moveAllToSourceIcon: props.moveAllToSourceIcon,
+      ptm: ptm
     }), /*#__PURE__*/React__namespace.createElement(PickListSubList, {
       ref: targetListElementRef,
       type: "target",
@@ -953,7 +1014,8 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       showFilter: showTargetFilter,
       placeholder: props.targetFilterPlaceholder,
       filterTemplate: props.targetFilterTemplate,
-      targetFilterIcon: props.targetFilterIcon
+      targetFilterIcon: props.targetFilterIcon,
+      ptm: ptm
     }), props.showTargetControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
       list: props.target,
       selection: targetSelection,
@@ -963,7 +1025,8 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
       moveUpIcon: props.moveUpIcon,
       moveTopIcon: props.moveTopIcon,
       moveDownIcon: props.moveDownIcon,
-      moveBottomIcon: props.moveBottomIcon
+      moveBottomIcon: props.moveBottomIcon,
+      ptm: ptm
     }));
   }));
   PickList.displayName = 'PickList';
@@ -974,4 +1037,4 @@ this.primereact.picklist = (function (exports, React, PrimeReact, hooks, utils,
 
   return exports;
 
-})({}, 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);
+})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase, primereact.button, primereact.icons.angledoubledown, primereact.icons.angledoubleup, primereact.icons.angledown, primereact.icons.angleup, primereact.icons.search, primereact.ripple, primereact.icons.angledoubleleft, primereact.icons.angledoubleright, primereact.icons.angleleft, primereact.icons.angleright);

package/picklist/picklist.min.js

@@ -1 +1 @@
-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);
+this.primereact=this.primereact||{},this.primereact.picklist=function(e,t,n,r,o,l,i,a,c,s,u,p,m,v,f,g,d){"use strict";function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(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=y(t),I=b(n);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 O=l.ComponentBase.extend({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}});function j(e){if(Array.isArray(e))return E(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function U(){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 j(e)||N(e)||k(e)||U()}var P=h.memo((function(e){var t=e.moveUpIcon||h.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||h.createElement(c.AngleDoubleUpIcon,null),r=e.moveDownIcon||h.createElement(s.AngleDownIcon,null),l=e.moveBottomIcon||h.createElement(a.AngleDoubleDownIcon,null),p=!e.selection||!e.selection.length,m=o.classNames("p-picklist-buttons",e.className),v=o.mergeProps({className:m},e.ptm("controls"));return h.createElement("div",v,h.createElement(i.Button,{disabled:p,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"})}},pt:e.ptm("moveUpButton")}),h.createElement(i.Button,{disabled:p,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"})}},pt:e.ptm("moveTopButton")}),h.createElement(i.Button,{disabled:p,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"})}},pt:e.ptm("moveDownButton")}),h.createElement(i.Button,{disabled:p,type:"button",icon:l,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"})}},pt:e.ptm("moveBottomButton")}))}));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 D(e,t){if("object"!==F(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==F(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function L(e){var t=D(e,"string");return"symbol"===F(t)?t:String(t)}function K(e,t,n){return(t=L(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}P.displayName="PickListControls";var x=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),r=o.mergeProps({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},e.ptm("item",{context:{selected:e.selected}}));return h.createElement("li",r,t,h.createElement(m.Ripple,null))}));function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){K(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}x.displayName="PickListItem";var M=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 m,v=o.classNames("p-picklist-list-wrapper",e.className),f=(m=o.mergeProps({className:"p-picklist-header"},e.ptm("header")),e.header?h.createElement("div",m,o.ObjectUtils.getJSXElement(e.header,e)):null),g=function(){var t="p-picklist-filter-icon",n=o.mergeProps({className:t},e.ptm("filterIcon")),r=o.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||h.createElement(p.SearchIcon,n):e.targetFilterIcon||h.createElement(p.SearchIcon,n),R({},n),{props:e});if(e.showFilter){var l=o.mergeProps({className:"p-picklist-filter"},e.ptm("filter")),i=o.mergeProps({type:"text",value:e.filterValue,onChange:s,onKeyDown:u,placeholder:e.placeholder,className:"p-picklist-filter-input p-inputtext p-component"},e.ptm("filterInput")),a=h.createElement("div",l,h.createElement("input",i),h.createElement("span",null," ",r," "));if(e.filterTemplate)a=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:a,props:e});var c=o.mergeProps({className:"p-picklist-filter-container"},e.ptm("filterContainer"));return h.createElement("div",c,a)}return null}(),d=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),o=c(t);return h.createElement(x,{key:n,value:t,template:e.itemTemplate,selected:o,onClick:r,onKeyDown:l,tabIndex:e.tabIndex,ptm:e.ptm})})):null,n=o.classNames("p-picklist-list",e.listClassName),i=o.mergeProps({className:n,role:"listbox","aria-multiselectable":!0,style:e.style},e.ptm("list"));return h.createElement("ul",i,t)}(),b=o.mergeProps({className:v,ref:n},e.ptm("listWrapper"));return h.createElement("div",b,f,g,d)})));M.displayName="PickListSubList";var H=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?s.AngleDownIcon:d.AngleRightIcon,null);case"moveAllToTargetIcon":return h.createElement(e.moveAllToTargetIcon||t?a.AngleDoubleDownIcon:f.AngleDoubleRightIcon,null);case"moveToSourceIcon":return h.createElement(e.moveToSourceIcon||t?u.AngleUpIcon:g.AngleLeftIcon,null);case"moveAllToSourceIcon":return h.createElement(e.moveAllToSourceIcon||t?c.AngleDoubleUpIcon:v.AngleDoubleLeftIcon,null);default:return null}}var l=o.IconUtils.getJSXIcon(n("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),p=o.IconUtils.getJSXIcon(n("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),m=o.IconUtils.getJSXIcon(n("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),b=o.IconUtils.getJSXIcon(n("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),y=o.ObjectUtils.isEmpty(e.sourceSelection)||o.ObjectUtils.isEmpty(e.visibleSourceList),I=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),k=o.mergeProps({className:E},e.ptm("buttons"));return h.createElement("div",k,h.createElement(i.Button,{disabled:y,type:"button",icon:l,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"})}},pt:e.ptm("moveToTargetButton")}),h.createElement(i.Button,{disabled:T,type:"button",icon:p,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"})}},pt:e.ptm("moveAllToTargetButton")}),h.createElement(i.Button,{disabled:I,type:"button",icon:m,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"})}},pt:e.ptm("moveToSourceButton")}),h.createElement(i.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"})}},pt:e.ptm("moveAllToSourceButton")}))}));H.displayName="PickListTransferControls";var V=h.memo(h.forwardRef((function(e,t){var l=h.useContext(n.PrimeReactContext),i=O.getProps(e,l),a=C(h.useState([]),2),c=a[0],s=a[1],u=C(h.useState([]),2),p=u[0],m=u[1],v=C(h.useState(""),2),f=v[0],g=v[1],d=C(h.useState(""),2),b=d[0],y=d[1],T=C(h.useState(null),2),S=T[0],E=T[1],k=O.setMetaData({props:i,state:{sourceSelection:c,targetSelection:p,sourceFilterValue:f,targetFilterValue:b,attributeSelector:S}}).ptm,w=h.useRef(null),j=h.useRef(null),N=h.useRef(null),U=h.useRef(null),A=h.useRef(null),F=h.useRef(null),D=i.sourceSelection?i.sourceSelection:c,L=i.targetSelection?i.targetSelection:p,K=i.onSourceFilterChange?i.sourceFilterValue:f,x=i.onTargetFilterChange?i.targetFilterValue:b,B=o.ObjectUtils.isNotEmpty(i.filterBy),R=B&&i.showSourceFilter,V=B&&i.showTargetFilter,J=function(e,t){if(e){var n=o.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":_(n,-1);break;case"top":n.scrollTop=0;break;case"down":_(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},X=function(e,t,n){i.onChange&&i.onChange({originalEvent:e.originalEvent,source:t,target:n})},_=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])},q=function(e,t,n){"sourceSelection"===t?s(e.value):m(e.value),n&&n(e),o.ObjectUtils.isNotEmpty(D)&&"targetSelection"===t?s([]):o.ObjectUtils.isNotEmpty(L)&&"sourceSelection"===t&&m([])},z=function(e){var t=e.originalEvent,n=e.value,r=C("source"===e.type?[g,i.onSourceFilterChange]:[y,i.onTargetFilterChange],2),o=r[0],l=r[1];l?l({originalEvent:t,value:n}):o(n)},W=function(e,t){var n=C("source"===t?[K,Y]:[x,$],2),r=n[0],l=n[1];return B&&o.ObjectUtils.isNotEmpty(r)?l(r):e},Y=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(i.filterLocale);return G(i.source,e)},$=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(i.filterLocale);return G(i.target,e)},G=function(e,t){var r=B?i.filterBy.split(","):[];return n.FilterService.filter(e,r,t,i.filterMatchMode,i.filterLocale)},Q=function(){if(!F.current){F.current=o.DomHandler.createInlineStyle(l&&l.nonce||I.default.nonce);var e="\n@media screen and (max-width: ".concat(i.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");F.current.innerHTML=e}};h.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return w.current}}})),r.useMountEffect((function(){!S&&E(o.UniqueComponentId())})),r.useUpdateEffect((function(){return S&&(w.current.setAttribute(S,""),Q()),function(){F.current=o.DomHandler.removeInlineStyle(F.current)}}),[S,i.breakpoint]),r.useUpdateEffect((function(){U.current&&(J(U.current,A.current),U.current=null,A.current=null)}));var Z=o.classNames("p-picklist p-component",i.className),ee=i.sourceItemTemplate?i.sourceItemTemplate:i.itemTemplate,te=i.targetItemTemplate?i.targetItemTemplate:i.itemTemplate,ne=W(i.source,"source"),re=W(i.target,"target"),oe=o.mergeProps({id:i.id,ref:w,className:Z,style:i.style},O.getOtherProps(i),k("root"));return h.createElement("div",oe,i.showSourceControls&&h.createElement(P,{list:i.source,selection:D,onReorder:function(e){X(e,e.value,i.target),U.current=j.current.listElementRef.current,A.current=e.direction},className:"p-picklist-source-controls",dataKey:i.dataKey,moveUpIcon:i.moveUpIcon,moveTopIcon:i.moveTopIcon,moveDownIcon:i.moveDownIcon,moveBottomIcon:i.moveBottomIcon,ptm:k}),h.createElement(M,{ref:j,type:"source",list:ne,selection:D,onSelectionChange:function(e){return q(e,"sourceSelection",i.onSourceSelectionChange)},itemTemplate:ee,header:i.sourceHeader,style:i.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:K,onFilter:z,showFilter:R,placeholder:i.sourceFilterPlaceholder,filterTemplate:i.sourceFilterTemplate,sourceFilterIcon:i.sourceFilterIcon,ptm:k}),h.createElement(H,{onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,o=[];switch(e.direction){case"toTarget":o=D,i.onMoveToTarget&&i.onMoveToTarget({originalEvent:t,value:o});break;case"allToTarget":o=i.source,i.onMoveAllToTarget&&i.onMoveAllToTarget({originalEvent:t,value:o}),o=[];break;case"toSource":o=L,i.onMoveToSource&&i.onMoveToSource({originalEvent:t,value:o});break;case"allToSource":o=i.target,i.onMoveAllToSource&&i.onMoveAllToSource({originalEvent:t,value:o}),o=[]}q({originalEvent:t,value:o},"sourceSelection",i.onSourceSelectionChange),q({originalEvent:t,value:o},"targetSelection",i.onTargetSelectionChange),X(e,n,r)},source:i.source,visibleSourceList:ne,target:i.target,breakpoint:i.breakpoint,visibleTargetList:re,sourceSelection:D,targetSelection:L,dataKey:i.dataKey,moveToTargetIcon:i.moveToTargetIcon,moveAllToTargetIcon:i.moveAllToTargetIcon,moveToSourceIcon:i.moveToSourceIcon,moveAllToSourceIcon:i.moveAllToSourceIcon,ptm:k}),h.createElement(M,{ref:N,type:"target",list:re,selection:L,onSelectionChange:function(e){return q(e,"targetSelection",i.onTargetSelectionChange)},itemTemplate:te,header:i.targetHeader,style:i.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:x,onFilter:z,showFilter:V,placeholder:i.targetFilterPlaceholder,filterTemplate:i.targetFilterTemplate,targetFilterIcon:i.targetFilterIcon,ptm:k}),i.showTargetControls&&h.createElement(P,{list:i.target,selection:L,onReorder:function(e){X(e,i.source,e.value),U.current=N.current.listElementRef.current,A.current=e.direction},className:"p-picklist-target-controls",dataKey:i.dataKey,moveUpIcon:i.moveUpIcon,moveTopIcon:i.moveTopIcon,moveDownIcon:i.moveDownIcon,moveBottomIcon:i.moveBottomIcon,ptm:k}))})));return V.displayName="PickList",e.PickList=V,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase,primereact.button,primereact.icons.angledoubledown,primereact.icons.angledoubleup,primereact.icons.angledown,primereact.icons.angleup,primereact.icons.search,primereact.ripple,primereact.icons.angledoubleleft,primereact.icons.angledoubleright,primereact.icons.angleleft,primereact.icons.angleright);