primereact 10.3.0 → 10.3.2

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 M(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)||M(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"}}),P=b.memo((function(e){var n=o.useMergeProps(),u=e.ptm,p=e.cx,m=e.unstyled,d=e.moveUpIcon||b.createElement(s.AngleUpIcon,null),f=e.moveTopIcon||b.createElement(i.AngleDoubleUpIcon,null),g=e.moveDownIcon||b.createElement(c.AngleDownIcon,null),v=e.moveBottomIcon||b.createElement(l.AngleDoubleDownIcon,null),y=!e.selection||!e.selection.length,T=n({className:r.classNames(e.className,p("controls"))},u("controls",{hostName:e.hostName}));return b.createElement("div",T,b.createElement(a.Button,{disabled:y,type:"button",icon:d,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:u("moveUpButton"),unstyled:m,"aria-label":t.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:y,type:"button",icon:f,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:u("moveTopButton"),unstyled:m,"aria-label":t.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:y,type:"button",icon:g,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:u("moveDownButton"),unstyled:m,"aria-label":t.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:y,type:"button",icon:v,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:u("moveBottomButton"),unstyled:m,"aria-label":t.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}}))}));P.displayName="PickListControls";var U=b.memo((function(e){var t=o.useMergeProps(),n=e.ptm,a=e.cx,l=e.template?e.template(e.value):e.value,i=t({className:r.classNames(e.className,a("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},n("item",{hostName:e.hostName,context:{selected:e.selected}}));return b.createElement("li",i,l,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=o.useMergeProps(),a=b.useRef(null),l=e.ptm,i=e.cx,c=function(t,n){return l(t,R({hostName:e.hostName},n))},s=function(t){return-1!==r.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},m=function(e){13===e.which&&e.preventDefault()};b.useImperativeHandle(t,(function(){return{getElement:function(){return a.current}}}));var d,f,g,v=(d=n({className:i("header")},c("header")),e.header?b.createElement("div",d,r.ObjectUtils.getJSXElement(e.header,e)):null),y=function(){var t=n({className:i("filterIcon")},c("filterIcon")),o=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 a=n({className:i("filter")},c("filter")),l=n({type:"text",value:e.filterValue,onChange:p,onKeyDown:m,placeholder:e.placeholder,className:i("filterInput")},c("filterInput")),s=b.createElement("div",a,b.createElement("input",l),b.createElement("span",null," ",o," "));if(e.filterTemplate)s=r.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:p,onKeyDown:m},iconClassName:"p-picklist-filter-icon",element:s,props:e});var d=n({className:i("filterContainer")},c("filterContainer"));return b.createElement("div",d,s)}return null}(),T=(f=e.list?e.list.map((function(t,n){var o=e.parentId+"_"+n,r=s(t);return b.createElement(U,{hostName:e.hostName,key:o,id:o,index:n,focused:o===e.focusedOptionId,value:t,template:e.itemTemplate,selected:r,onClick:e.onItemClick,onKeyDown:e.onItemKeyDown,onMouseDown:function(t){return e.onOptionMouseDown(R(R({},t),{},{index:n,type:e.type}))},ptm:l,cx:i})})):null,g=n({ref:a,className:r.classNames(e.listClassName,i("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},c("list")),b.createElement("ul",g,f)),h=n({className:r.classNames(e.className,i("listWrapper"))},c("listWrapper"));return b.createElement("div",h,v,y,T)})));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.useMergeProps(),n=o.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint),u=e.ptm,p=e.cx,v=e.unstyled;function y(t){switch(t){case"moveToTargetIcon":return e.moveToTargetIcon||n?e.moveToTargetIcon||b.createElement(c.AngleDownIcon,null):e.moveToTargetIcon||b.createElement(g.AngleRightIcon,null);case"moveAllToTargetIcon":return e.moveAllToTargetIcon||n?e.moveAllToTargetIcon||b.createElement(l.AngleDoubleDownIcon,null):e.moveAllToTargetIcon||b.createElement(d.AngleDoubleRightIcon,null);case"moveToSourceIcon":return e.moveToSourceIcon||n?e.moveToSourceIcon||b.createElement(s.AngleUpIcon,null):e.moveToSourceIcon||b.createElement(f.AngleLeftIcon,null);case"moveAllToSourceIcon":return e.moveAllToSourceIcon||n?e.moveAllToSourceIcon||b.createElement(i.AngleDoubleUpIcon,null):e.moveAllToSourceIcon||b.createElement(m.AngleDoubleLeftIcon,null);default:return null}}var T=r.IconUtils.getJSXIcon(y("moveToTargetIcon"),void 0,{props:e,viewChanged:n}),h=r.IconUtils.getJSXIcon(y("moveAllToTargetIcon"),void 0,{props:e,viewChanged:n}),S=r.IconUtils.getJSXIcon(y("moveToSourceIcon"),void 0,{props:e,viewChanged:n}),I=r.IconUtils.getJSXIcon(y("moveAllToSourceIcon"),void 0,{props:e,viewChanged:n}),E=r.ObjectUtils.isEmpty(e.sourceSelection)||r.ObjectUtils.isEmpty(e.visibleSourceList),w=r.ObjectUtils.isEmpty(e.targetSelection)||r.ObjectUtils.isEmpty(e.visibleTargetList),A=r.ObjectUtils.isEmpty(e.visibleSourceList),O=r.ObjectUtils.isEmpty(e.visibleTargetList),N=t({className:r.classNames(e.className,p("buttons"))},u("buttons",{hostName:e.hostName}));return b.createElement("div",N,b.createElement(a.Button,{disabled:E,type:"button",icon:T,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:u("moveToTargetButton"),unstyled:v,"aria-label":Q("moveToTarget"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:A,type:"button",icon:h,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:u("moveAllToTargetButton"),unstyled:v,"aria-label":Q("moveAllToTarget"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:w,type:"button",icon:S,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:u("moveToSourceButton"),unstyled:v,"aria-label":Q("moveToSource"),__parentMetadata:{parent:e.metaData}}),b.createElement(a.Button,{disabled:O,type:"button",icon:I,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:u("moveAllToSourceButton"),unstyled:v,"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=o.useMergeProps(),i=b.useContext(t.PrimeReactContext),c=F.getProps(e,i),s=j(b.useState([]),2),u=s[0],p=s[1],m=j(b.useState([]),2),d=m[0],f=m[1],g=j(b.useState(""),2),v=g[0],y=g[1],S=j(b.useState(""),2),I=S[0],E=S[1],A=j(b.useState(c.id),2),O=A[0],N=A[1],D=j(b.useState(-1),2),k=D[0],L=D[1],M=j(b.useState(null),2),x=M[0],U=M[1],_=j(b.useState({source:!1,target:!1}),2),R=_[0],K=_[1],H={props:c,state:{sourceSelection:u,targetSelection:d,sourceFilterValue:v,targetFilterValue:I,attributeSelector:O}},q=F.setMetaData(H),W=q.ptm,V=q.cx;n.useHandleStyle(F.css.styles,q.isUnstyled,{name:"picklist"});var J=b.useRef(null),Q=b.useRef(null),G=b.useRef(null),X=b.useRef(null),Y=b.useRef(null),$=b.useRef(null),ee=c.sourceSelection?c.sourceSelection:u,te=c.targetSelection?c.targetSelection:d,ne=c.onSourceFilterChange?c.sourceFilterValue:v,oe=c.onTargetFilterChange?c.targetFilterValue:I,re=r.ObjectUtils.isNotEmpty(c.filterBy),ae=re&&c.showSourceFilter,le=re&&c.showTargetFilter,ie=function(e,t){if(e)switch(t){case"up":se(e,-1);break;case"top":e.scrollTop=0;break;case"down":se(e,1);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},ce=function(e,t,n){c.onChange&&c.onChange({originalEvent:e.originalEvent,source:t,target:n})},se=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])},ue=function(e,t,n){"sourceSelection"===t?p(e.value):f(e.value),n&&n(e),r.ObjectUtils.isNotEmpty(ee)&&"targetSelection"===t?p([]):r.ObjectUtils.isNotEmpty(te)&&"sourceSelection"===t&&f([])},pe=function(e){var t=e.originalEvent,n=e.value,o=j("source"===e.type?[y,c.onSourceFilterChange]:[E,c.onTargetFilterChange],2),r=o[0],a=o[1];a?a({originalEvent:t,value:n}):r(n)},me=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(c.filterLocale);return fe(c.source,e)},de=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(c.filterLocale);return fe(c.target,e)},fe=function(e,n){var o=re?c.filterBy.split(","):[];return t.FilterService.filter(e,o,n,c.filterMatchMode,c.filterLocale)},ge=function(e,t){var n=j("source"===t?[ne,me]:[oe,de],2),o=n[0],a=n[1];return re&&r.ObjectUtils.isNotEmpty(o)?a(o):e},ve=ge(c.source,"source"),ye=ge(c.target,"target"),be=function(e,t){var n=xe(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);K(Z(Z({},R),{},w({},t,!0))),Le(-1!==k?k:o?l:-1,t),c.onFocus&&c.onFocus(e)}},Te=function(e,t){K(Z(Z({},R),{},w({},t,!1))),L(-1),c.onBlur&&c.onBlur(e)},he=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=e.originalEvent,a=e.value,l=e.id,i="source"===t,s=C(i?ee:te),u=r.ObjectUtils.findIndexInList(a,s,c.dataKey),p=-1!==u,m=c.metaKeySelection;if(n||L(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);i?ue({originalEvent:o,value:s},"sourceSelection",c.onSourceSelectionChange):ue({originalEvent:o,value:s},"targetSelection",c.onTargetSelectionChange)},Se=function(e){var t=e.index,n=e.type;K(Z(Z({},R),{},w({},n,!0))),L(t)},Ie=function(e,t){switch(e.code){case"ArrowDown":Ee(e,t);break;case"ArrowUp":we(e,t);break;case"Home":Ne(e,t);break;case"End":De(e,t);break;case"Enter":case"NumpadEnter":Ae(e,t);break;case"Space":Oe(e,t);break;case"KeyA":if(e.ctrlKey){var n="source"===t;n?p(C(ve)):f(C(ye)),ue({originalEvent:e,value:C(ve)},n?"sourceSelection":"targetSelection",n?c.onSourceSelectionChange:c.onTargetSelectionChange),e.preventDefault()}}},Ee=function(e,t){var n=ke(k,t),o=ge("source"===t?c.source:c.target,t);Le(n,t),o&&o.length>0&&e.shiftKey&&he({originalEvent:e,value:o[n]},t,!0),e.preventDefault()},we=function(e,t){var n=Ce(k,t),o=ge("source"===t?c.source:c.target,t);Le(n,t),o&&o.length>0&&e.shiftKey&&he({originalEvent:e,value:o[n]},t,!0),e.preventDefault()},Ae=function(e,t){var n=xe(t),o=ge("source"===t?c.source:c.target,t),a=r.DomHandler.find(n,'[data-pc-section="item"]'),l=r.DomHandler.findSingle(n,'[data-pc-section="item"][id='.concat(k,"]")),i=l&&l.getAttribute("id"),s=C(a).findIndex((function(e){return e===l}));o&&o.length>0&&he({originalEvent:e,value:o[s],id:i},t),e.preventDefault()},Oe=function(e,t){e.preventDefault();var n="source"===t,o=n?u:d;if(e.shiftKey&&o&&o.length>0){var a=n?ve:ye,l=xe(t),i=r.DomHandler.find(l,'[data-pc-section="item"]'),s=r.ObjectUtils.findIndexInList(o[0],C(a)),p=r.DomHandler.findSingle(l,'[data-pc-section="item"][id='.concat(k,"]")),m=C(i).findIndex((function(e){return e===p}));C(a).slice(Math.min(s,m),Math.max(s,m)+1),h("selection"),n?ue({originalEvent:e,value:o},"sourceSelection",c.onSourceSelectionChange):ue({originalEvent:e,value:o},"targetSelection",c.onTargetSelectionChange)}else Ae(e,t)},Ne=function(e,t){if(e.ctrlKey&&e.shiftKey){var n="source"===t,o=n?ve:ye,a=xe(t),l=r.DomHandler.find(a,'[data-pc-section="item"]'),i=r.DomHandler.findSingle(a,'[data-pc-section="item"][id='.concat(k,"]")),s=C(l).findIndex((function(e){return e===i})),u=C(o).slice(0,s+1);n?ue({originalEvent:e,value:u},"sourceSelection",c.onSourceSelectionChange):ue({originalEvent:e,value:u},"targetSelection",c.onTargetSelectionChange)}else Le(0,t);e.preventDefault()},De=function(e,t){var n=xe(t),o=r.DomHandler.find(n,'[data-pc-section="item"]');if(e.ctrlKey&&e.shiftKey){var a="source"===t,l=a?ve:ye,i=r.DomHandler.findSingle(n,'[data-pc-section="item"][id='.concat(k,"]")),s=C(o).findIndex((function(e){return e===i})),u=C(l).slice(s,o.length);a?ue({originalEvent:e,value:u},"sourceSelection",c.onSourceSelectionChange):ue({originalEvent:e,value:u},"targetSelection",c.onTargetSelectionChange)}else Le(o.length-1,t);e.preventDefault()},ke=function(e,t){var n=xe(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=xe(t),o=C(r.DomHandler.find(n,'[data-pc-section="item"]')).findIndex((function(t){return t.id===e}));return o>-1?o-1:0},Le=function(e,t){var n=xe(t),o=r.DomHandler.find(n,'[data-pc-section="item"]'),a=e>=o.length?o.length-1:e<0?0:e;L(o[a].getAttribute("id")),Me(o[a].getAttribute("id"),t)},Me=function(e,t){var n=xe(t),o=r.DomHandler.findSingle(n,'[data-pc-section="item"][id="'.concat(e,'"]'));o&&o.scrollIntoView&&o.scrollIntoView({block:"nearest",inline:"start"})},xe=function(e){return"source"===e?Q.current.getElement():G.current.getElement()},je=function(){if(!$.current){$.current=r.DomHandler.createInlineStyle(i&&i.nonce||T.default.nonce,i&&i.styleContainer);var e="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-picklist[").concat(O,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(O,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(O,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(O,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");$.current.innerHTML=e}};b.useImperativeHandle(a,(function(){return{props:c,getElement:function(){return J.current}}})),o.useUpdateEffect((function(){return O&&(J.current.setAttribute(O,""),je()),function(){$.current=r.DomHandler.removeInlineStyle($.current)}}),[O,c.breakpoint]),o.useUpdateEffect((function(){c.id||O||N(r.UniqueComponentId()),X.current&&(ie(X.current,Y.current),X.current=null,Y.current=null)})),o.useUpdateEffect((function(){U(-1!==k?k:null)}),[k]);var Fe=c.sourceItemTemplate?c.sourceItemTemplate:c.itemTemplate,Pe=c.targetItemTemplate?c.targetItemTemplate:c.itemTemplate,Ue=l({id:O,ref:J,className:r.classNames(c.className,V("root")),style:c.style},F.getOtherProps(c),W("root"));return b.createElement("div",Ue,c.showSourceControls&&b.createElement(P,{hostName:"PickList",list:c.source,selection:ee,onReorder:function(e){ce(e,e.value,c.target),X.current=xe("source"),Y.current=e.direction},className:V("sourceControls"),dataKey:c.dataKey,moveUpIcon:c.moveUpIcon,moveTopIcon:c.moveTopIcon,moveDownIcon:c.moveDownIcon,moveBottomIcon:c.moveBottomIcon,ptm:W,cx:V,unstyled:c.unstyled,metaData:H}),b.createElement(B,{hostName:"PickList",ref:Q,type:"source",list:ve,parentId:O,selection:ee,onSelectionChange:function(e){return ue(e,"sourceSelection",c.onSourceSelectionChange)},onListKeyDown:function(e){return Ie(e,"source")},onListFocus:function(e){return be(e,"source")},onListBlur:function(e){return Te(e,"source")},onOptionMouseDown:function(e){return Se(e)},onItemClick:function(e){return he(e,"source")},focusedOptionId:R.source?x:null,ariaActivedescendant:R.source?x:null,itemTemplate:Fe,header:c.sourceHeader,style:c.sourceStyle,className:V("listSourceWrapper"),listClassName:V("listSource"),metaKeySelection:c.metaKeySelection,tabIndex:c.tabIndex,dataKey:c.dataKey,filterValue:ne,onFilter:pe,showFilter:ae,placeholder:c.sourceFilterPlaceholder,filterTemplate:c.sourceFilterTemplate,sourceFilterIcon:c.sourceFilterIcon,ptm:W,cx:V}),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=ee,c.onMoveToTarget&&c.onMoveToTarget({originalEvent:t,value:r});break;case"allToTarget":r=c.source,c.onMoveAllToTarget&&c.onMoveAllToTarget({originalEvent:t,value:r}),r=[];break;case"toSource":r=te,c.onMoveToSource&&c.onMoveToSource({originalEvent:t,value:r});break;case"allToSource":r=c.target,c.onMoveAllToSource&&c.onMoveAllToSource({originalEvent:t,value:r}),r=[]}ue({originalEvent:t,value:r},"sourceSelection",c.onSourceSelectionChange),ue({originalEvent:t,value:r},"targetSelection",c.onTargetSelectionChange),ce(e,n,o)},source:c.source,visibleSourceList:ve,target:c.target,breakpoint:c.breakpoint,visibleTargetList:ye,sourceSelection:ee,targetSelection:te,dataKey:c.dataKey,moveToTargetIcon:c.moveToTargetIcon,moveAllToTargetIcon:c.moveAllToTargetIcon,moveToSourceIcon:c.moveToSourceIcon,moveAllToSourceIcon:c.moveAllToSourceIcon,ptm:W,cx:V,unstyled:c.unstyled,metaData:H}),b.createElement(B,{hostName:"PickList",ref:G,type:"target",list:ye,selection:te,parentId:O,onSelectionChange:function(e){return ue(e,"targetSelection",c.onTargetSelectionChange)},onListKeyDown:function(e){return Ie(e,"target")},onListFocus:function(e){return be(e,"target")},onListBlur:function(e){return Te(e,"target")},onOptionMouseDown:function(e){return Se(e)},onItemClick:function(e){return he(e,"target")},focusedOptionId:R.target?x:null,ariaActivedescendant:R.target?x:null,itemTemplate:Pe,header:c.targetHeader,style:c.targetStyle,className:V("listTargetWrapper"),listClassName:V("listWrapper"),metaKeySelection:c.metaKeySelection,tabIndex:c.tabIndex,dataKey:c.dataKey,filterValue:oe,onFilter:pe,showFilter:le,placeholder:c.targetFilterPlaceholder,filterTemplate:c.targetFilterTemplate,targetFilterIcon:c.targetFilterIcon,ptm:W,cx:V}),c.showTargetControls&&b.createElement(P,{hostName:"PickList",list:c.target,selection:te,onReorder:function(e){ce(e,c.source,e.value),X.current=xe("target"),Y.current=e.direction},className:V("targetControls"),dataKey:c.dataKey,moveUpIcon:c.moveUpIcon,moveTopIcon:c.moveTopIcon,moveDownIcon:c.moveDownIcon,moveBottomIcon:c.moveBottomIcon,ptm:W,cx:V,unstyled:c.unstyled,metaData:H}))})));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.
      */
@@ -398,7 +408,7 @@ export interface PickListProps {
     /**
      * Name of the field that uniquely identifies the a record in the data.
      */
-    dataKey?: string | undefined;
+    dataKey: string;
     /**
      * The breakpoint to define the maximum width boundary when responsiveness is enabled.
      * @defaultValue '960px'.