primereact 10.3.0 → 10.3.1

package/picklist/picklist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/utils"),l=require("primereact/button"),i=require("primereact/icons/angledoubledown"),a=require("primereact/icons/angledoubleup"),c=require("primereact/icons/angledown"),s=require("primereact/icons/angleup"),u=require("primereact/icons/search"),p=require("primereact/ripple"),m=require("primereact/icons/angledoubleleft"),f=require("primereact/icons/angledoubleright"),v=require("primereact/icons/angleleft"),g=require("primereact/icons/angleright");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 y=b(e),h=d(t);function T(e){if(Array.isArray(e))return e}function I(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 S(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 E(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function k(){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 w(e,t){return T(e)||I(e,t)||E(e,t)||k()}var C=n.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 o.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 N(e){if(Array.isArray(e))return S(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 x(e){return N(e)||O(e)||E(e)||j()}var D=y.memo((function(e){var t=e.ptm,n=e.cx,r=e.unstyled,u=e.moveUpIcon||y.createElement(s.AngleUpIcon,null),p=e.moveTopIcon||y.createElement(a.AngleDoubleUpIcon,null),m=e.moveDownIcon||y.createElement(c.AngleDownIcon,null),f=e.moveBottomIcon||y.createElement(i.AngleDoubleDownIcon,null),v=!e.selection||!e.selection.length,g=o.mergeProps({className:o.classNames(e.className,n("controls"))},t("controls",{hostName:e.hostName}));return y.createElement("div",g,y.createElement(l.Button,{disabled:v,type:"button",icon:u,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(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:t("moveUpButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:v,type:"button",icon:p,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(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:t("moveTopButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:v,type:"button",icon:m,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(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:t("moveDownButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:v,type:"button",icon:f,onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=x(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:t("moveBottomButton"),unstyled:r,__parentMetadata:{parent:e.metaData}}))}));function P(e){return P="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},P(e)}function A(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function U(e){var t=A(e,"string");return"symbol"===P(t)?t:String(t)}D.displayName="PickListControls";var L=y.memo((function(e){var t=e.ptm,n=e.cx,r=e.template?e.template(e.value):e.value,l=o.mergeProps({className:o.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 y.createElement("li",l,r,y.createElement(p.Ripple,null))}));function F(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 K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=U(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)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="PickListItem";var M=y.memo(y.forwardRef((function(e,t){var n=y.useRef(null),r=e.ptm,l=e.cx,i=function(t,n){return r(t,K({hostName:e.hostName},n))},a=function(t){var n=t.originalEvent,r=t.value,l=x(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})},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=p(n);o&&o.focus(),t.preventDefault();break;case 13:a(e),t.preventDefault()}},s=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},p=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},m=function(t){return-1!==o.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()};y.useImperativeHandle(t,(function(){return{listElementRef:n}}));var g,d,b,h=(g=o.mergeProps({className:l("header")},i("header")),e.header?y.createElement("div",g,o.ObjectUtils.getJSXElement(e.header,e)):null),T=function(){var t=o.mergeProps({className:l("filterIcon")},i("filterIcon")),n=o.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||y.createElement(u.SearchIcon,t):e.targetFilterIcon||y.createElement(u.SearchIcon,t),K({},t),{props:e});if(e.showFilter){var r=o.mergeProps({className:l("filter")},i("filter")),a=o.mergeProps({type:"text",value:e.filterValue,onChange:f,onKeyDown:v,placeholder:e.placeholder,className:l("filterInput")},i("filterInput")),c=y.createElement("div",r,y.createElement("input",a),y.createElement("span",null," ",n," "));if(e.filterTemplate)c=o.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=o.mergeProps({className:l("filterContainer")},i("filterContainer"));return y.createElement("div",s,c)}return null}(),I=(d=e.list?e.list.map((function(t){var n=JSON.stringify(t),o=m(t);return y.createElement(L,{hostName:e.hostName,key:n,value:t,template:e.itemTemplate,selected:o,onClick:a,onKeyDown:c,tabIndex:e.tabIndex,ptm:r,cx:l})})):null,b=o.mergeProps({className:o.classNames(e.listClassName,l("list")),role:"listbox","aria-multiselectable":!0,style:e.style},i("list")),y.createElement("ul",b,d)),S=o.mergeProps({className:o.classNames(e.className,l("listWrapper")),ref:n},i("listWrapper"));return y.createElement("div",S,h,T,I)})));M.displayName="PickListSubList";var B=y.memo((function(e){var t=r.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint),n=e.ptm,u=e.cx,p=e.unstyled;function d(n){switch(n){case"moveToTargetIcon":return e.moveToTargetIcon||t?e.moveToTargetIcon||y.createElement(c.AngleDownIcon,null):e.moveToTargetIcon||y.createElement(g.AngleRightIcon,null);case"moveAllToTargetIcon":return e.moveAllToTargetIcon||t?e.moveAllToTargetIcon||y.createElement(i.AngleDoubleDownIcon,null):e.moveAllToTargetIcon||y.createElement(f.AngleDoubleRightIcon,null);case"moveToSourceIcon":return e.moveToSourceIcon||t?e.moveToSourceIcon||y.createElement(s.AngleUpIcon,null):e.moveToSourceIcon||y.createElement(v.AngleLeftIcon,null);case"moveAllToSourceIcon":return e.moveAllToSourceIcon||t?e.moveAllToSourceIcon||y.createElement(a.AngleDoubleUpIcon,null):e.moveAllToSourceIcon||y.createElement(m.AngleDoubleLeftIcon,null);default:return null}}var b=o.IconUtils.getJSXIcon(d("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),h=o.IconUtils.getJSXIcon(d("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),T=o.IconUtils.getJSXIcon(d("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),I=o.IconUtils.getJSXIcon(d("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),S=o.ObjectUtils.isEmpty(e.sourceSelection)||o.ObjectUtils.isEmpty(e.visibleSourceList),E=o.ObjectUtils.isEmpty(e.targetSelection)||o.ObjectUtils.isEmpty(e.visibleTargetList),k=o.ObjectUtils.isEmpty(e.visibleSourceList),w=o.ObjectUtils.isEmpty(e.visibleTargetList),C=o.mergeProps({className:o.classNames(e.className,u("buttons"))},n("buttons",{hostName:e.hostName}));return y.createElement("div",C,y.createElement(l.Button,{disabled:S,type:"button",icon:b,onClick:function(t){var n=e.sourceSelection;if(o.ObjectUtils.isNotEmpty(n)){for(var r=x(e.target),l=x(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:n("moveToTargetButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:k,type:"button",icon:h,onClick:function(t){if(e.source){var n=[].concat(x(e.target),x(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}}),y.createElement(l.Button,{disabled:E,type:"button",icon:T,onClick:function(t){var n=e.targetSelection;if(o.ObjectUtils.isNotEmpty(n)){for(var r=x(e.target),l=x(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:n("moveToSourceButton"),unstyled:p,__parentMetadata:{parent:e.metaData}}),y.createElement(l.Button,{disabled:w,type:"button",icon:I,onClick:function(t){if(e.source){var n=[].concat(x(e.source),x(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}}))}));B.displayName="PickListTransferControls";var R=y.memo(y.forwardRef((function(e,l){var i=y.useContext(t.PrimeReactContext),a=C.getProps(e,i),c=w(y.useState([]),2),s=c[0],u=c[1],p=w(y.useState([]),2),m=p[0],f=p[1],v=w(y.useState(""),2),g=v[0],d=v[1],b=w(y.useState(""),2),T=b[0],I=b[1],S=w(y.useState(null),2),E=S[0],k=S[1],N={props:a,state:{sourceSelection:s,targetSelection:m,sourceFilterValue:g,targetFilterValue:T,attributeSelector:E}},O=C.setMetaData(N),j=O.ptm,x=O.cx;n.useHandleStyle(C.css.styles,O.isUnstyled,{name:"picklist"});var P=y.useRef(null),A=y.useRef(null),U=y.useRef(null),L=y.useRef(null),F=y.useRef(null),K=y.useRef(null),R=a.sourceSelection?a.sourceSelection:s,_=a.targetSelection?a.targetSelection:m,q=a.onSourceFilterChange?a.sourceFilterValue:g,H=a.onTargetFilterChange?a.targetFilterValue:T,V=o.ObjectUtils.isNotEmpty(a.filterBy),J=V&&a.showSourceFilter,W=V&&a.showTargetFilter,X=function(e,t){if(e){var n=o.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){a.onChange&&a.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");o.ObjectUtils.isNotEmpty(n)&&o.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),o.ObjectUtils.isNotEmpty(R)&&"targetSelection"===t?u([]):o.ObjectUtils.isNotEmpty(_)&&"sourceSelection"===t&&f([])},G=function(e){var t=e.originalEvent,n=e.value,r=w("source"===e.type?[d,a.onSourceFilterChange]:[I,a.onTargetFilterChange],2),o=r[0],l=r[1];l?l({originalEvent:t,value:n}):o(n)},Q=function(e,t){var n=w("source"===t?[q,Z]:[H,ee],2),r=n[0],l=n[1];return V&&o.ObjectUtils.isNotEmpty(r)?l(r):e},Z=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(a.filterLocale);return te(a.source,e)},ee=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(a.filterLocale);return te(a.target,e)},te=function(e,n){var r=V?a.filterBy.split(","):[];return t.FilterService.filter(e,r,n,a.filterMatchMode,a.filterLocale)},ne=function(){if(!K.current){K.current=o.DomHandler.createInlineStyle(i&&i.nonce||h.default.nonce);var e="\n@media screen and (max-width: ".concat(a.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}};y.useImperativeHandle(l,(function(){return{props:a,getElement:function(){return P.current}}})),r.useMountEffect((function(){!E&&k(o.UniqueComponentId())})),r.useUpdateEffect((function(){return E&&(P.current.setAttribute(E,""),ne()),function(){K.current=o.DomHandler.removeInlineStyle(K.current)}}),[E,a.breakpoint]),r.useUpdateEffect((function(){L.current&&(X(L.current,F.current),L.current=null,F.current=null)}));var re=a.sourceItemTemplate?a.sourceItemTemplate:a.itemTemplate,oe=a.targetItemTemplate?a.targetItemTemplate:a.itemTemplate,le=Q(a.source,"source"),ie=Q(a.target,"target"),ae=o.mergeProps({id:a.id,ref:P,className:o.classNames(a.className,x("root")),style:a.style},C.getOtherProps(a),j("root"));return y.createElement("div",ae,a.showSourceControls&&y.createElement(D,{hostName:"PickList",list:a.source,selection:R,onReorder:function(e){z(e,e.value,a.target),L.current=A.current.listElementRef.current,F.current=e.direction},className:x("sourceControls"),dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:j,cx:x,unstyled:a.unstyled,metaData:N}),y.createElement(M,{hostName:"PickList",ref:A,type:"source",list:le,selection:R,onSelectionChange:function(e){return $(e,"sourceSelection",a.onSourceSelectionChange)},itemTemplate:re,header:a.sourceHeader,style:a.sourceStyle,className:x("listSourceWrapper"),listClassName:x("listSource"),metaKeySelection:a.metaKeySelection,tabIndex:a.tabIndex,dataKey:a.dataKey,filterValue:q,onFilter:G,showFilter:J,placeholder:a.sourceFilterPlaceholder,filterTemplate:a.sourceFilterTemplate,sourceFilterIcon:a.sourceFilterIcon,ptm:j,cx:x}),y.createElement(B,{hostName:"PickList",onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,o=[];switch(e.direction){case"toTarget":o=R,a.onMoveToTarget&&a.onMoveToTarget({originalEvent:t,value:o});break;case"allToTarget":o=a.source,a.onMoveAllToTarget&&a.onMoveAllToTarget({originalEvent:t,value:o}),o=[];break;case"toSource":o=_,a.onMoveToSource&&a.onMoveToSource({originalEvent:t,value:o});break;case"allToSource":o=a.target,a.onMoveAllToSource&&a.onMoveAllToSource({originalEvent:t,value:o}),o=[]}$({originalEvent:t,value:o},"sourceSelection",a.onSourceSelectionChange),$({originalEvent:t,value:o},"targetSelection",a.onTargetSelectionChange),z(e,n,r)},source:a.source,visibleSourceList:le,target:a.target,breakpoint:a.breakpoint,visibleTargetList:ie,sourceSelection:R,targetSelection:_,dataKey:a.dataKey,moveToTargetIcon:a.moveToTargetIcon,moveAllToTargetIcon:a.moveAllToTargetIcon,moveToSourceIcon:a.moveToSourceIcon,moveAllToSourceIcon:a.moveAllToSourceIcon,ptm:j,cx:x,unstyled:a.unstyled,metaData:N}),y.createElement(M,{hostName:"PickList",ref:U,type:"target",list:ie,selection:_,onSelectionChange:function(e){return $(e,"targetSelection",a.onTargetSelectionChange)},itemTemplate:oe,header:a.targetHeader,style:a.targetStyle,className:x("listTargetWrapper"),listClassName:x("listWrapper"),metaKeySelection:a.metaKeySelection,tabIndex:a.tabIndex,dataKey:a.dataKey,filterValue:H,onFilter:G,showFilter:W,placeholder:a.targetFilterPlaceholder,filterTemplate:a.targetFilterTemplate,targetFilterIcon:a.targetFilterIcon,ptm:j,cx:x}),a.showTargetControls&&y.createElement(D,{hostName:"PickList",list:a.target,selection:_,onReorder:function(e){z(e,a.source,e.value),L.current=U.current.listElementRef.current,F.current=e.direction},className:x("targetControls"),dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:j,cx:x,unstyled:a.unstyled,metaData:N}))})));R.displayName="PickList",exports.PickList=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/utils"),a=require("primereact/button"),l=require("primereact/icons/angledoubledown"),i=require("primereact/icons/angledoubleup"),c=require("primereact/icons/angledown"),s=require("primereact/icons/angleup"),u=require("primereact/icons/search"),p=require("primereact/ripple"),m=require("primereact/icons/angledoubleleft"),d=require("primereact/icons/angledoubleright"),f=require("primereact/icons/angleleft"),g=require("primereact/icons/angleright");function v(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 b=y(e),T=v(t);function h(e){throw new TypeError('"'+e+'" is read-only')}function S(e){return S="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},S(e)}function I(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==S(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=I(e,"string");return"symbol"===S(t)?t:String(t)}function w(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(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 O(e){if(Array.isArray(e))return A(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return A(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)?A(e,t):void 0}}function k(){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 C(e){return O(e)||N(e)||D(e)||k()}function L(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,l,i=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.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&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return i}}function x(){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 j(e,t){return L(e)||P(e,t)||D(e,t)||x()}var F=n.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,onFocus:null,onBlur:null,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-list-wrapper p-picklist-source-wrapper",listTargetWrapper:"p-picklist-list-wrapper p-picklist-target-wrapper",listSource:"p-picklist-list p-picklist-source",listTarget:"p-picklist-list p-picklist-target",item:function(e){return r.classNames("p-picklist-item",{"p-highlight":e.selected,"p-focus":e.focused})},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"}}),M=b.memo((function(e){var n=e.ptm,o=e.cx,u=e.unstyled,p=e.moveUpIcon||b.createElement(s.AngleUpIcon,null),m=e.moveTopIcon||b.createElement(i.AngleDoubleUpIcon,null),d=e.moveDownIcon||b.createElement(c.AngleDownIcon,null),f=e.moveBottomIcon||b.createElement(l.AngleDoubleDownIcon,null),g=!e.selection||!e.selection.length,v=r.mergeProps({className:r.classNames(e.className,o("controls"))},n("controls",{hostName:e.hostName}));return b.createElement("div",v,b.createElement(a.Button,{disabled:g,type:"button",icon:p,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=C(e.list),a=0;a<n.length;a++){var l=r.ObjectUtils.findIndexInList(n[a],o,e.dataKey);if(0===l)break;var i=o[l-1];o[l-1]=o[l],o[l]=i}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"up"})}},pt:n("moveUpButton"),unstyled:u,"aria-label":t.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:g,type:"button",icon:m,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=C(e.list),a=0;a<n.length;a++){var l=r.ObjectUtils.findIndexInList(n[a],o,e.dataKey);if(0===l)break;var i=o.splice(l,1)[0];o.unshift(i)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"top"})}},pt:n("moveTopButton"),unstyled:u,"aria-label":t.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:g,type:"button",icon:d,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=C(e.list),a=n.length-1;a>=0;a--){var l=r.ObjectUtils.findIndexInList(n[a],o,e.dataKey);if(l===o.length-1)break;var i=o[l+1];o[l+1]=o[l],o[l]=i}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"down"})}},pt:n("moveDownButton"),unstyled:u,"aria-label":t.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:g,type:"button",icon:f,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=C(e.list),a=n.length-1;a>=0;a--){var l=r.ObjectUtils.findIndexInList(n[a],o,e.dataKey);if(l===o.length-1)break;var i=o.splice(l,1)[0];o.push(i)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"bottom"})}},pt:n("moveBottomButton"),unstyled:u,"aria-label":t.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}}))}));M.displayName="PickListControls";var U=b.memo((function(e){var t=e.ptm,n=e.cx,o=e.template?e.template(e.value):e.value,a=r.mergeProps({className:r.classNames(e.className,n("item",{selected:e.selected,focused:e.focused})),id:e.id,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value,id:e.id})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},onFocus:function(t){e.onFocus&&e.onFocus(t)},onMouseDown:function(t){e.onMouseDown&&e.onMouseDown(t)},role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-focused":e.focused},t("item",{hostName:e.hostName,context:{selected:e.selected}}));return b.createElement("li",a,o,b.createElement(p.Ripple,null))}));function _(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 R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}U.displayName="PickListItem";var B=b.memo(b.forwardRef((function(e,t){var n=b.useRef(null),o=e.ptm,a=e.cx,l=function(t,n){return o(t,R({hostName:e.hostName},n))},i=function(t){return-1!==r.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},c=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},s=function(e){13===e.which&&e.preventDefault()};b.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var p,m,d,f=(p=r.mergeProps({className:a("header")},l("header")),e.header?b.createElement("div",p,r.ObjectUtils.getJSXElement(e.header,e)):null),g=function(){var t=r.mergeProps({className:a("filterIcon")},l("filterIcon")),n=r.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||b.createElement(u.SearchIcon,t):e.targetFilterIcon||b.createElement(u.SearchIcon,t),R({},t),{props:e});if(e.showFilter){var o=r.mergeProps({className:a("filter")},l("filter")),i=r.mergeProps({type:"text",value:e.filterValue,onChange:c,onKeyDown:s,placeholder:e.placeholder,className:a("filterInput")},l("filterInput")),p=b.createElement("div",o,b.createElement("input",i),b.createElement("span",null," ",n," "));if(e.filterTemplate)p=r.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:c,onKeyDown:s},iconClassName:"p-picklist-filter-icon",element:p,props:e});var m=r.mergeProps({className:a("filterContainer")},l("filterContainer"));return b.createElement("div",m,p)}return null}(),v=(m=e.list?e.list.map((function(t,n){var r=e.parentId+"_"+n,l=i(t);return b.createElement(U,{hostName:e.hostName,key:r,id:r,index:n,focused:r===e.focusedOptionId,value:t,template:e.itemTemplate,selected:l,onClick:e.onItemClick,onKeyDown:e.onItemKeyDown,onMouseDown:function(t){return e.onOptionMouseDown(R(R({},t),{},{index:n,type:e.type}))},ptm:o,cx:a})})):null,d=r.mergeProps({ref:n,className:r.classNames(e.listClassName,a("list")),role:"listbox",id:e.parentId+"_"+e.type+"_list","aria-multiselectable":!0,"aria-activedescendant":e.ariaActivedescendant,tabIndex:e.list&&e.list.length>0?e.tabIndex:-1,onKeyDown:e.onListKeyDown,onFocus:function(t){e.onListFocus(t,e.type)},onBlur:e.onListBlur,style:e.style},l("list")),b.createElement("ul",d,m)),y=r.mergeProps({className:r.classNames(e.className,a("listWrapper"))},l("listWrapper"));return b.createElement("div",y,f,g,v)})));function K(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,E(o.key),o)}}function H(e,t,n){return t&&K(e.prototype,t),n&&K(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function q(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}B.displayName="PickListSubList";var W=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),V=H((function e(){q(this,e)}));w(V,"ripple",!1),w(V,"inputStyle","outlined"),w(V,"locale","en"),w(V,"appendTo",null),w(V,"cssTransition",!0),w(V,"autoZIndex",!0),w(V,"hideOverlaysOnDocumentScrolling",!1),w(V,"nonce",null),w(V,"nullSortOrder",1),w(V,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),w(V,"pt",void 0),w(V,"filterMatchModeOptions",{text:[W.STARTS_WITH,W.CONTAINS,W.NOT_CONTAINS,W.ENDS_WITH,W.EQUALS,W.NOT_EQUALS],numeric:[W.EQUALS,W.NOT_EQUALS,W.LESS_THAN,W.LESS_THAN_OR_EQUAL_TO,W.GREATER_THAN,W.GREATER_THAN_OR_EQUAL_TO],date:[W.DATE_IS,W.DATE_IS_NOT,W.DATE_BEFORE,W.DATE_AFTER]}),w(V,"changeTheme",(function(e,t,n,o){var r,a=document.getElementById(n),l=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);l.setAttribute("id",n+"-clone"),l.setAttribute("href",i),l.addEventListener("load",(function(){a.remove(),l.setAttribute("id",n),o&&o()})),null===(r=a.parentNode)||void 0===r||r.insertBefore(l,a.nextSibling)}));var J={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",completed:"Completed",pending:"Pending",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,showMonthAfterYear:!1,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"Page {page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function Q(e,t){var n=V.locale;try{var o=G(n).aria[e];if(o)for(var r in t)t.hasOwnProperty(r)&&(o=o.replace("{".concat(r,"}"),t[r]));return o}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function G(e){return J[e||V.locale]}var z=b.memo((function(e){var t=o.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint),n=e.ptm,u=e.cx,p=e.unstyled;function v(n){switch(n){case"moveToTargetIcon":return e.moveToTargetIcon||t?e.moveToTargetIcon||b.createElement(c.AngleDownIcon,null):e.moveToTargetIcon||b.createElement(g.AngleRightIcon,null);case"moveAllToTargetIcon":return e.moveAllToTargetIcon||t?e.moveAllToTargetIcon||b.createElement(l.AngleDoubleDownIcon,null):e.moveAllToTargetIcon||b.createElement(d.AngleDoubleRightIcon,null);case"moveToSourceIcon":return e.moveToSourceIcon||t?e.moveToSourceIcon||b.createElement(s.AngleUpIcon,null):e.moveToSourceIcon||b.createElement(f.AngleLeftIcon,null);case"moveAllToSourceIcon":return e.moveAllToSourceIcon||t?e.moveAllToSourceIcon||b.createElement(i.AngleDoubleUpIcon,null):e.moveAllToSourceIcon||b.createElement(m.AngleDoubleLeftIcon,null);default:return null}}var y=r.IconUtils.getJSXIcon(v("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),T=r.IconUtils.getJSXIcon(v("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),h=r.IconUtils.getJSXIcon(v("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),S=r.IconUtils.getJSXIcon(v("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),I=r.ObjectUtils.isEmpty(e.sourceSelection)||r.ObjectUtils.isEmpty(e.visibleSourceList),E=r.ObjectUtils.isEmpty(e.targetSelection)||r.ObjectUtils.isEmpty(e.visibleTargetList),w=r.ObjectUtils.isEmpty(e.visibleSourceList),A=r.ObjectUtils.isEmpty(e.visibleTargetList),O=r.mergeProps({className:r.classNames(e.className,u("buttons"))},n("buttons",{hostName:e.hostName}));return b.createElement("div",O,b.createElement(a.Button,{disabled:I,type:"button",icon:y,onClick:function(t){var n=e.sourceSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=C(e.target),a=C(e.source),l=0;l<n.length;l++){var i=n[l];-1===r.ObjectUtils.findIndexInList(i,o,e.dataKey)&&o.push(a.splice(r.ObjectUtils.findIndexInList(i,a,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:a,target:o,direction:"toTarget"})}},pt:n("moveToTargetButton"),unstyled:p,"aria-label":Q("moveToTarget"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:w,type:"button",icon:T,onClick:function(t){if(e.source){var n=[].concat(C(e.target),C(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,"aria-label":Q("moveAllToTarget"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:E,type:"button",icon:h,onClick:function(t){var n=e.targetSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=C(e.target),a=C(e.source),l=0;l<n.length;l++){var i=n[l];-1===r.ObjectUtils.findIndexInList(i,a,e.dataKey)&&a.push(o.splice(r.ObjectUtils.findIndexInList(i,o,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:a,target:o,direction:"toSource"})}},pt:n("moveToSourceButton"),unstyled:p,"aria-label":Q("moveToSource"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:A,type:"button",icon:S,onClick:function(t){if(e.source){var n=[].concat(C(e.source),C(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,"aria-label":Q("moveAllToSource"),__parentMetadata:{parent:e.metaData}}))}));function X(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 Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}z.displayName="PickListTransferControls";var Y=b.memo(b.forwardRef((function(e,a){var l=b.useContext(t.PrimeReactContext),i=F.getProps(e,l),c=j(b.useState([]),2),s=c[0],u=c[1],p=j(b.useState([]),2),m=p[0],d=p[1],f=j(b.useState(""),2),g=f[0],v=f[1],y=j(b.useState(""),2),S=y[0],I=y[1],E=j(b.useState(i.id),2),A=E[0],O=E[1],N=j(b.useState(-1),2),D=N[0],k=N[1],L=j(b.useState(null),2),P=L[0],x=L[1],U=j(b.useState({source:!1,target:!1}),2),_=U[0],R=U[1],K={props:i,state:{sourceSelection:s,targetSelection:m,sourceFilterValue:g,targetFilterValue:S,attributeSelector:A}},H=F.setMetaData(K),q=H.ptm,W=H.cx;n.useHandleStyle(F.css.styles,H.isUnstyled,{name:"picklist"});var V=b.useRef(null),J=b.useRef(null),Q=b.useRef(null),G=b.useRef(null),X=b.useRef(null),Y=b.useRef(null),$=i.sourceSelection?i.sourceSelection:s,ee=i.targetSelection?i.targetSelection:m,te=i.onSourceFilterChange?i.sourceFilterValue:g,ne=i.onTargetFilterChange?i.targetFilterValue:S,oe=r.ObjectUtils.isNotEmpty(i.filterBy),re=oe&&i.showSourceFilter,ae=oe&&i.showTargetFilter,le=function(e,t){if(e)switch(t){case"up":ce(e,-1);break;case"top":e.scrollTop=0;break;case"down":ce(e,1);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},ie=function(e,t,n){i.onChange&&i.onChange({originalEvent:e.originalEvent,source:t,target:n})},ce=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");r.ObjectUtils.isNotEmpty(n)&&r.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},se=function(e,t,n){"sourceSelection"===t?u(e.value):d(e.value),n&&n(e),r.ObjectUtils.isNotEmpty($)&&"targetSelection"===t?u([]):r.ObjectUtils.isNotEmpty(ee)&&"sourceSelection"===t&&d([])},ue=function(e){var t=e.originalEvent,n=e.value,o=j("source"===e.type?[v,i.onSourceFilterChange]:[I,i.onTargetFilterChange],2),r=o[0],a=o[1];a?a({originalEvent:t,value:n}):r(n)},pe=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(i.filterLocale);return de(i.source,e)},me=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(i.filterLocale);return de(i.target,e)},de=function(e,n){var o=oe?i.filterBy.split(","):[];return t.FilterService.filter(e,o,n,i.filterMatchMode,i.filterLocale)},fe=function(e,t){var n=j("source"===t?[te,pe]:[ne,me],2),o=n[0],a=n[1];return oe&&r.ObjectUtils.isNotEmpty(o)?a(o):e},ge=fe(i.source,"source"),ve=fe(i.target,"target"),ye=function(e,t){var n=Pe(t),o=r.DomHandler.findSingle(n,'[data-p-highlight="true"]')||r.DomHandler.findSingle(n,'[data-pc-section="item"]'),a=n&&n.children?C(n.children):[];if(o){var l=r.ObjectUtils.findIndexInList(o,a);R(Z(Z({},_),{},w({},t,!0))),Ce(-1!==D?D:o?l:-1,t),i.onFocus&&i.onFocus(e)}},be=function(e,t){R(Z(Z({},_),{},w({},t,!1))),k(-1),i.onBlur&&i.onBlur(e)},Te=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=e.originalEvent,a=e.value,l=e.id,c="source"===t,s=C(c?$:ee),u=r.ObjectUtils.findIndexInList(a,s,i.dataKey),p=-1!==u,m=i.metaKeySelection;if(n||k(l),m){var d=o.metaKey||o.ctrlKey||o.shiftKey;p&&d?s.splice(u,1):(d||(s.length=0),s.push(a))}else p?s.splice(u,1):s.push(a);c?se({originalEvent:o,value:s},"sourceSelection",i.onSourceSelectionChange):se({originalEvent:o,value:s},"targetSelection",i.onTargetSelectionChange)},he=function(e){var t=e.index,n=e.type;R(Z(Z({},_),{},w({},n,!0))),k(t)},Se=function(e,t){switch(e.code){case"ArrowDown":Ie(e,t);break;case"ArrowUp":Ee(e,t);break;case"Home":Oe(e,t);break;case"End":Ne(e,t);break;case"Enter":case"NumpadEnter":we(e,t);break;case"Space":Ae(e,t);break;case"KeyA":if(e.ctrlKey){var n="source"===t;n?u(C(ge)):d(C(ve)),se({originalEvent:e,value:C(ge)},n?"sourceSelection":"targetSelection",n?i.onSourceSelectionChange:i.onTargetSelectionChange),e.preventDefault()}}},Ie=function(e,t){var n=De(D,t),o=fe("source"===t?i.source:i.target,t);Ce(n,t),o&&o.length>0&&e.shiftKey&&Te({originalEvent:e,value:o[n]},t,!0),e.preventDefault()},Ee=function(e,t){var n=ke(D,t),o=fe("source"===t?i.source:i.target,t);Ce(n,t),o&&o.length>0&&e.shiftKey&&Te({originalEvent:e,value:o[n]},t,!0),e.preventDefault()},we=function(e,t){var n=Pe(t),o=fe("source"===t?i.source:i.target,t),a=r.DomHandler.find(n,'[data-pc-section="item"]'),l=r.DomHandler.findSingle(n,'[data-pc-section="item"][id='.concat(D,"]")),c=l&&l.getAttribute("id"),s=C(a).findIndex((function(e){return e===l}));o&&o.length>0&&Te({originalEvent:e,value:o[s],id:c},t),e.preventDefault()},Ae=function(e,t){e.preventDefault();var n="source"===t,o=n?s:m;if(e.shiftKey&&o&&o.length>0){var a=n?ge:ve,l=Pe(t),c=r.DomHandler.find(l,'[data-pc-section="item"]'),u=r.ObjectUtils.findIndexInList(o[0],C(a)),p=r.DomHandler.findSingle(l,'[data-pc-section="item"][id='.concat(D,"]")),d=C(c).findIndex((function(e){return e===p}));C(a).slice(Math.min(u,d),Math.max(u,d)+1),h("selection"),n?se({originalEvent:e,value:o},"sourceSelection",i.onSourceSelectionChange):se({originalEvent:e,value:o},"targetSelection",i.onTargetSelectionChange)}else we(e,t)},Oe=function(e,t){if(e.ctrlKey&&e.shiftKey){var n="source"===t,o=n?ge:ve,a=Pe(t),l=r.DomHandler.find(a,'[data-pc-section="item"]'),c=r.DomHandler.findSingle(a,'[data-pc-section="item"][id='.concat(D,"]")),s=C(l).findIndex((function(e){return e===c})),u=C(o).slice(0,s+1);n?se({originalEvent:e,value:u},"sourceSelection",i.onSourceSelectionChange):se({originalEvent:e,value:u},"targetSelection",i.onTargetSelectionChange)}else Ce(0,t);e.preventDefault()},Ne=function(e,t){var n=Pe(t),o=r.DomHandler.find(n,'[data-pc-section="item"]');if(e.ctrlKey&&e.shiftKey){var a="source"===t,l=a?ge:ve,c=r.DomHandler.findSingle(n,'[data-pc-section="item"][id='.concat(D,"]")),s=C(o).findIndex((function(e){return e===c})),u=C(l).slice(s,o.length);a?se({originalEvent:e,value:u},"sourceSelection",i.onSourceSelectionChange):se({originalEvent:e,value:u},"targetSelection",i.onTargetSelectionChange)}else Ce(o.length-1,t);e.preventDefault()},De=function(e,t){var n=Pe(t),o=C(r.DomHandler.find(n,'[data-pc-section="item"]')).findIndex((function(t){return t.id===e}));return o>-1?o+1:0},ke=function(e,t){var n=Pe(t),o=C(r.DomHandler.find(n,'[data-pc-section="item"]')).findIndex((function(t){return t.id===e}));return o>-1?o-1:0},Ce=function(e,t){var n=Pe(t),o=r.DomHandler.find(n,'[data-pc-section="item"]'),a=e>=o.length?o.length-1:e<0?0:e;k(o[a].getAttribute("id")),Le(o[a].getAttribute("id"),t)},Le=function(e,t){var n=Pe(t),o=r.DomHandler.findSingle(n,'[data-pc-section="item"][id="'.concat(e,'"]'));o&&o.scrollIntoView&&o.scrollIntoView({block:"nearest",inline:"start"})},Pe=function(e){return"source"===e?J.current.getElement():Q.current.getElement()},xe=function(){if(!Y.current){Y.current=r.DomHandler.createInlineStyle(l&&l.nonce||T.default.nonce,l&&l.styleContainer);var e="\n@media screen and (max-width: ".concat(i.breakpoint,") {\n    .p-picklist[").concat(A,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(A,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(A,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(A,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");Y.current.innerHTML=e}};b.useImperativeHandle(a,(function(){return{props:i,getElement:function(){return V.current}}})),o.useUpdateEffect((function(){return A&&(V.current.setAttribute(A,""),xe()),function(){Y.current=r.DomHandler.removeInlineStyle(Y.current)}}),[A,i.breakpoint]),o.useUpdateEffect((function(){i.id||A||O(r.UniqueComponentId()),G.current&&(le(G.current,X.current),G.current=null,X.current=null)})),o.useUpdateEffect((function(){x(-1!==D?D:null)}),[D]);var je=i.sourceItemTemplate?i.sourceItemTemplate:i.itemTemplate,Fe=i.targetItemTemplate?i.targetItemTemplate:i.itemTemplate,Me=r.mergeProps({id:A,ref:V,className:r.classNames(i.className,W("root")),style:i.style},F.getOtherProps(i),q("root"));return b.createElement("div",Me,i.showSourceControls&&b.createElement(M,{hostName:"PickList",list:i.source,selection:$,onReorder:function(e){ie(e,e.value,i.target),G.current=Pe("source"),X.current=e.direction},className:W("sourceControls"),dataKey:i.dataKey,moveUpIcon:i.moveUpIcon,moveTopIcon:i.moveTopIcon,moveDownIcon:i.moveDownIcon,moveBottomIcon:i.moveBottomIcon,ptm:q,cx:W,unstyled:i.unstyled,metaData:K}),b.createElement(B,{hostName:"PickList",ref:J,type:"source",list:ge,parentId:A,selection:$,onSelectionChange:function(e){return se(e,"sourceSelection",i.onSourceSelectionChange)},onListKeyDown:function(e){return Se(e,"source")},onListFocus:function(e){return ye(e,"source")},onListBlur:function(e){return be(e,"source")},onOptionMouseDown:function(e){return he(e)},onItemClick:function(e){return Te(e,"source")},focusedOptionId:_.source?P:null,ariaActivedescendant:_.source?P:null,itemTemplate:je,header:i.sourceHeader,style:i.sourceStyle,className:W("listSourceWrapper"),listClassName:W("listSource"),metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:te,onFilter:ue,showFilter:re,placeholder:i.sourceFilterPlaceholder,filterTemplate:i.sourceFilterTemplate,sourceFilterIcon:i.sourceFilterIcon,ptm:q,cx:W}),b.createElement(z,{hostName:"PickList",onTransfer:function(e){var t=e.originalEvent,n=e.source,o=e.target,r=[];switch(e.direction){case"toTarget":r=$,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=ee,i.onMoveToSource&&i.onMoveToSource({originalEvent:t,value:r});break;case"allToSource":r=i.target,i.onMoveAllToSource&&i.onMoveAllToSource({originalEvent:t,value:r}),r=[]}se({originalEvent:t,value:r},"sourceSelection",i.onSourceSelectionChange),se({originalEvent:t,value:r},"targetSelection",i.onTargetSelectionChange),ie(e,n,o)},source:i.source,visibleSourceList:ge,target:i.target,breakpoint:i.breakpoint,visibleTargetList:ve,sourceSelection:$,targetSelection:ee,dataKey:i.dataKey,moveToTargetIcon:i.moveToTargetIcon,moveAllToTargetIcon:i.moveAllToTargetIcon,moveToSourceIcon:i.moveToSourceIcon,moveAllToSourceIcon:i.moveAllToSourceIcon,ptm:q,cx:W,unstyled:i.unstyled,metaData:K}),b.createElement(B,{hostName:"PickList",ref:Q,type:"target",list:ve,selection:ee,parentId:A,onSelectionChange:function(e){return se(e,"targetSelection",i.onTargetSelectionChange)},onListKeyDown:function(e){return Se(e,"target")},onListFocus:function(e){return ye(e,"target")},onListBlur:function(e){return be(e,"target")},onOptionMouseDown:function(e){return he(e)},onItemClick:function(e){return Te(e,"target")},focusedOptionId:_.target?P:null,ariaActivedescendant:_.target?P:null,itemTemplate:Fe,header:i.targetHeader,style:i.targetStyle,className:W("listTargetWrapper"),listClassName:W("listWrapper"),metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:ne,onFilter:ue,showFilter:ae,placeholder:i.targetFilterPlaceholder,filterTemplate:i.targetFilterTemplate,targetFilterIcon:i.targetFilterIcon,ptm:q,cx:W}),i.showTargetControls&&b.createElement(M,{hostName:"PickList",list:i.target,selection:ee,onReorder:function(e){ie(e,i.source,e.value),G.current=Pe("target"),X.current=e.direction},className:W("targetControls"),dataKey:i.dataKey,moveUpIcon:i.moveUpIcon,moveTopIcon:i.moveTopIcon,moveDownIcon:i.moveDownIcon,moveBottomIcon:i.moveBottomIcon,ptm:q,cx:W,unstyled:i.unstyled,metaData:K}))})));Y.displayName="PickList",exports.PickList=Y;

package/picklist/picklist.d.ts

@@ -267,6 +267,16 @@ export interface PickListProps {
      * Style class of the element.
      */
     className?: string | undefined;
+    /**
+     * Callback to invoke when menu receives focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onFocus?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when menu loses focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onBlur?(event: React.SyntheticEvent): void;
     /**
      * Inline style of the source list element.
      */