primereact 10.0.5 → 10.0.6

package/picklist/picklist.esm.min.js

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

package/picklist/picklist.js

@@ -90,13 +90,18 @@ this.primereact.picklist = (function (exports, React, PrimeReact, componentbase,
     filterContainer: 'p-picklist-filter-container',
     list: 'p-picklist-list',
     listWrapper: 'p-picklist-list-wrapper',
+    listSourceWrapper: 'p-picklist-source-wrapper',
+    listTargetWrapper: 'p-picklist-target-wrapper',
+    listSource: 'p-picklist-source',
+    listTarget: 'p-picklist-target',
     item: function item(_ref) {
       var subProps = _ref.subProps;
       return utils.classNames('p-picklist-item', {
         'p-highlight': subProps.selected
       });
     },
-    controls: 'p-picklist-buttons'
+    sourceControls: 'p-picklist-source-controls p-picklist-buttons',
+    targetControls: 'p-picklist-target-controls p-picklist-buttons'
   };
   var styles = "\n@layer primereact {\n    .p-picklist {\n        display: flex;\n    }\n    \n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n    \n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n    \n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-picklist-filter {\n        position: relative;\n    }\n    \n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n";
   var PickListBase = componentbase.ComponentBase.extend({
@@ -1026,7 +1031,7 @@ this.primereact.picklist = (function (exports, React, PrimeReact, componentbase,
       list: props.source,
       selection: sourceSelection,
       onReorder: onSourceReorder,
-      className: "p-picklist-source-controls",
+      className: cx('sourceControls'),
       dataKey: props.dataKey,
       moveUpIcon: props.moveUpIcon,
       moveTopIcon: props.moveTopIcon,
@@ -1048,8 +1053,8 @@ this.primereact.picklist = (function (exports, React, PrimeReact, componentbase,
       itemTemplate: sourceItemTemplate,
       header: props.sourceHeader,
       style: props.sourceStyle,
-      className: "p-picklist-source-wrapper",
-      listClassName: "p-picklist-source",
+      className: cx('listSourceWrapper'),
+      listClassName: cx('listSource'),
       metaKeySelection: props.metaKeySelection,
       tabIndex: props.tabIndex,
       dataKey: props.dataKey,
@@ -1092,8 +1097,8 @@ this.primereact.picklist = (function (exports, React, PrimeReact, componentbase,
       itemTemplate: targetItemTemplate,
       header: props.targetHeader,
       style: props.targetStyle,
-      className: "p-picklist-target-wrapper",
-      listClassName: "p-picklist-target",
+      className: cx('listTargetWrapper'),
+      listClassName: cx('listWrapper'),
       metaKeySelection: props.metaKeySelection,
       tabIndex: props.tabIndex,
       dataKey: props.dataKey,
@@ -1110,7 +1115,7 @@ this.primereact.picklist = (function (exports, React, PrimeReact, componentbase,
       list: props.target,
       selection: targetSelection,
       onReorder: onTargetReorder,
-      className: "p-picklist-target-controls",
+      className: cx('targetControls'),
       dataKey: props.dataKey,
       moveUpIcon: props.moveUpIcon,
       moveTopIcon: props.moveTopIcon,

package/picklist/picklist.min.js

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