primereact
Version:
PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime
2 lines (1 loc) • 34 kB
JavaScript
"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"),d=require("primereact/icons/angledoubleleft"),m=require("primereact/icons/angledoubleright"),f=require("primereact/icons/angleleft"),v=require("primereact/icons/angleright");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(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 y=h(e),b=g(t);function T(e){return T="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},T(e)}function S(e,t){if("object"!=T(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=T(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=S(e,"string");return"symbol"==T(t)?t:t+""}function E(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=Array(t);n<t;n++)o[n]=e[n];return o}function O(e){if(Array.isArray(e))return w(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function A(e,t){if(e){if("string"==typeof e)return w(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function D(){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 k(e){return O(e)||N(e)||A(e)||D()}function L(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var 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 M(){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 x(e,t){return L(e)||C(e,t)||A(e,t)||M()}var P=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:!1,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,autoOptionFocus:!0,focusOnHover:!0,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-item .p-ink {\n pointer-events: none;\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"}}),F=y.memo(function(e){var n=o.useMergeProps(),u=e.ptm,p=e.cx,d=e.unstyled,m=e.moveUpIcon||y.createElement(s.AngleUpIcon,null),f=e.moveTopIcon||y.createElement(i.AngleDoubleUpIcon,null),v=e.moveDownIcon||y.createElement(c.AngleDownIcon,null),g=e.moveBottomIcon||y.createElement(l.AngleDoubleDownIcon,null),h=!e.selection||!e.selection.length,b=n({className:r.classNames(e.className,p("controls"))},u("controls",{hostName:e.hostName}));return y.createElement("div",b,y.createElement(a.Button,{disabled:h,type:"button",icon:m,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=k(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:d,"aria-label":t.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}}),y.createElement(a.Button,{disabled:h,type:"button",icon:f,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=k(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:d,"aria-label":t.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}}),y.createElement(a.Button,{disabled:h,type:"button",icon:v,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=k(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:d,"aria-label":t.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}}),y.createElement(a.Button,{disabled:h,type:"button",icon:g,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=k(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:d,"aria-label":t.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}}))});F.displayName="PickListControls";var _=y.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)},onMouseMove:e.onMouseMove,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 y.createElement("li",i,l,y.createElement(p.Ripple,null))});function j(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 U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach(function(t){E(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}_.displayName="PickListItem";var R=y.memo(y.forwardRef(function(e,t){var n=o.useMergeProps(),a=y.useRef(null),l=e.ptm,i=e.cx,c=function(t,n){return l(t,U({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})},d=function(e){13===e.which&&e.preventDefault()};y.useImperativeHandle(t,function(){return{getElement:function(){return a.current}}});var m,f,v,g=function(t){var n;e.focusOnHover&&e.focusedList[e.type]&&(null==e||null===(n=e.changeFocusedOptionIndex)||void 0===n||n.call(e,t,e.type))},h=(m=n({className:i("header")},c("header")),e.header?y.createElement("div",m,r.ObjectUtils.getJSXElement(e.header,e)):null),b=function(){var t=n({className:i("filterIcon")},c("filterIcon")),o=r.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||y.createElement(u.SearchIcon,t):e.targetFilterIcon||y.createElement(u.SearchIcon,t),U({},t),{props:e});if(e.showFilter){var a=n({className:i("filter")},c("filter")),l=n({type:"text",value:e.filterValue,onChange:p,onKeyDown:d,placeholder:e.placeholder,className:i("filterInput")},c("filterInput")),s=y.createElement("div",a,y.createElement("input",l),y.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:d},iconClassName:"p-picklist-filter-icon",element:s,props:e});var m=n({className:i("filterContainer")},c("filterContainer"));return y.createElement("div",m,s)}return null}(),T=(f=e.list?e.list.map(function(t,n){var o=e.parentId+"_"+e.type+"_"+n,r=s(t);return y.createElement(_,{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(U(U({},t),{},{index:n,type:e.type}))},onMouseMove:function(){return g(n)},ptm:l,cx:i})}):null,v=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")),y.createElement("ul",v,f)),S=n({className:r.classNames(e.className,i("listWrapper"))},c("listWrapper"));return y.createElement("div",S,h,b,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,I(o.key),o)}}function B(e,t,n){return t&&K(e.prototype,t),n&&K(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function H(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}R.displayName="PickListSubList";var q=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",NOT_IN:"notIn",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"}),W=B(function e(){H(this,e)});E(W,"ripple",!1),E(W,"inputStyle","outlined"),E(W,"locale","en"),E(W,"appendTo",null),E(W,"cssTransition",!0),E(W,"autoZIndex",!0),E(W,"hideOverlaysOnDocumentScrolling",!1),E(W,"nonce",null),E(W,"nullSortOrder",1),E(W,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),E(W,"pt",void 0),E(W,"filterMatchModeOptions",{text:[q.STARTS_WITH,q.CONTAINS,q.NOT_CONTAINS,q.ENDS_WITH,q.EQUALS,q.NOT_EQUALS],numeric:[q.EQUALS,q.NOT_EQUALS,q.LESS_THAN,q.LESS_THAN_OR_EQUAL_TO,q.GREATER_THAN,q.GREATER_THAN_OR_EQUAL_TO],date:[q.DATE_IS,q.DATE_IS_NOT,q.DATE_BEFORE,q.DATE_AFTER]}),E(W,"changeTheme",function(e,t,n,o){var r,a=document.getElementById(n);if(!a)throw Error("Element with id ".concat(n," not found."));var l=a.getAttribute("href").replace(e,t),i=document.createElement("link");i.setAttribute("rel","stylesheet"),i.setAttribute("id",n),i.setAttribute("href",l),i.addEventListener("load",function(){o&&o()}),null===(r=a.parentNode)||void 0===r||r.replaceChild(i,a)});var V={en:{accept:"Yes",addRule:"Add Rule",am:"AM",apply:"Apply",cancel:"Cancel",choose:"Choose",chooseDate:"Choose Date",chooseMonth:"Choose Month",chooseYear:"Choose Year",clear:"Clear",completed:"Completed",contains:"Contains",custom:"Custom",dateAfter:"Date is after",dateBefore:"Date is before",dateFormat:"mm/dd/yy",dateIs:"Date is",dateIsNot:"Date is not",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],emptyFilterMessage:"No results found",emptyMessage:"No available options",emptySearchMessage:"No results found",emptySelectionMessage:"No selected item",endsWith:"Ends with",equals:"Equals",fileChosenMessage:"{0} files",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],filter:"Filter",firstDayOfWeek:0,gt:"Greater than",gte:"Greater than or equal to",lt:"Less than",lte:"Less than or equal to",matchAll:"Match All",matchAny:"Match Any",medium:"Medium",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"],nextDecade:"Next Decade",nextHour:"Next Hour",nextMinute:"Next Minute",nextMonth:"Next Month",nextSecond:"Next Second",nextYear:"Next Year",noFileChosenMessage:"No file chosen",noFilter:"No Filter",notContains:"Not contains",notEquals:"Not equals",now:"Now",passwordPrompt:"Enter a password",pending:"Pending",pm:"PM",prevDecade:"Previous Decade",prevHour:"Previous Hour",prevMinute:"Previous Minute",prevMonth:"Previous Month",prevSecond:"Previous Second",prevYear:"Previous Year",reject:"No",removeRule:"Remove Rule",searchMessage:"{0} results are available",selectionMessage:"{0} items selected",showMonthAfterYear:!1,startsWith:"Starts with",strong:"Strong",today:"Today",upload:"Upload",weak:"Weak",weekHeader:"Wk",aria:{cancelEdit:"Cancel Edit",close:"Close",collapseLabel:"Collapse",collapseRow:"Row Collapsed",editRow:"Edit Row",expandLabel:"Expand",expandRow:"Row Expanded",falseLabel:"False",filterConstraint:"Filter Constraint",filterOperator:"Filter Operator",firstPageLabel:"First Page",gridView:"Grid View",hideFilterMenu:"Hide Filter Menu",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",lastPageLabel:"Last Page",listLabel:"Option List",listView:"List View",moveAllToSource:"Move All to Source",moveAllToTarget:"Move All to Target",moveBottom:"Move Bottom",moveDown:"Move Down",moveToSource:"Move to Source",moveToTarget:"Move to Target",moveTop:"Move Top",moveUp:"Move Up",navigation:"Navigation",next:"Next",nextPageLabel:"Next Page",nullLabel:"Not Selected",otpLabel:"Please enter one time password character {0}",pageLabel:"Page {page}",passwordHide:"Hide Password",passwordShow:"Show Password",previous:"Previous",prevPageLabel:"Previous Page",removeLabel:"Remove",rotateLeft:"Rotate Left",rotateRight:"Rotate Right",rowsPerPageLabel:"Rows per page",saveEdit:"Save Edit",scrollTop:"Scroll Top",selectAll:"All items selected",selectLabel:"Select",selectRow:"Row Selected",showFilterMenu:"Show Filter Menu",slide:"Slide",slideNumber:"{slideNumber}",star:"1 star",stars:"{star} stars",trueLabel:"True",unselectAll:"All items unselected",unselectLabel:"Unselect",unselectRow:"Row Unselected",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out"}}};function J(e,t){if(e.includes("__proto__")||e.includes("prototype"))throw new Error("Unsafe ariaKey detected");var n=W.locale;try{var o=Q(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 Q(e){var t=e||W.locale;if(t.includes("__proto__")||t.includes("prototype"))throw new Error("Unsafe locale detected");return V[t]}var Y=y.memo(function(e){var t=o.useMergeProps(),n=o.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint),u=e.ptm,p=e.cx,g=e.unstyled;function h(t){switch(t){case"moveToTargetIcon":return e.moveToTargetIcon||n?e.moveToTargetIcon||y.createElement(c.AngleDownIcon,null):e.moveToTargetIcon||y.createElement(v.AngleRightIcon,null);case"moveAllToTargetIcon":return e.moveAllToTargetIcon||n?e.moveAllToTargetIcon||y.createElement(l.AngleDoubleDownIcon,null):e.moveAllToTargetIcon||y.createElement(m.AngleDoubleRightIcon,null);case"moveToSourceIcon":return e.moveToSourceIcon||n?e.moveToSourceIcon||y.createElement(s.AngleUpIcon,null):e.moveToSourceIcon||y.createElement(f.AngleLeftIcon,null);case"moveAllToSourceIcon":return e.moveAllToSourceIcon||n?e.moveAllToSourceIcon||y.createElement(i.AngleDoubleUpIcon,null):e.moveAllToSourceIcon||y.createElement(d.AngleDoubleLeftIcon,null);default:return null}}var b=r.IconUtils.getJSXIcon(h("moveToTargetIcon"),void 0,{props:e,viewChanged:n}),T=r.IconUtils.getJSXIcon(h("moveAllToTargetIcon"),void 0,{props:e,viewChanged:n}),S=r.IconUtils.getJSXIcon(h("moveToSourceIcon"),void 0,{props:e,viewChanged:n}),I=r.IconUtils.getJSXIcon(h("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),O=r.ObjectUtils.isEmpty(e.visibleSourceList),N=r.ObjectUtils.isEmpty(e.visibleTargetList),A=t({className:r.classNames(e.className,p("buttons"))},u("buttons",{hostName:e.hostName}));return y.createElement("div",A,y.createElement(a.Button,{disabled:E,type:"button",icon:b,onClick:function(t){var n=e.sourceSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=k(e.target),a=k(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:g,"aria-label":J("moveToTarget"),__parentMetadata:{parent:e.metaData}}),y.createElement(a.Button,{disabled:O,type:"button",icon:T,onClick:function(t){if(e.source){var n=[].concat(k(e.target),k(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:g,"aria-label":J("moveAllToTarget"),__parentMetadata:{parent:e.metaData}}),y.createElement(a.Button,{disabled:w,type:"button",icon:S,onClick:function(t){var n=e.targetSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=k(e.target),a=k(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:g,"aria-label":J("moveToSource"),__parentMetadata:{parent:e.metaData}}),y.createElement(a.Button,{disabled:N,type:"button",icon:I,onClick:function(t){if(e.source){var n=[].concat(k(e.source),k(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:g,"aria-label":J("moveAllToSource"),__parentMetadata:{parent:e.metaData}}))});function G(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?G(Object(n),!0).forEach(function(t){E(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}Y.displayName="PickListTransferControls";var X=y.memo(y.forwardRef(function(e,a){var l=o.useMergeProps(),i=y.useContext(t.PrimeReactContext),c=P.getProps(e,i),s=x(y.useState([]),2),u=s[0],p=s[1],d=x(y.useState([]),2),m=d[0],f=d[1],v=x(y.useState(""),2),g=v[0],h=v[1],T=x(y.useState(""),2),S=T[0],I=T[1],w=x(y.useState(c.id),2),O=w[0],N=w[1],A=x(y.useState(-1),2),D=A[0],L=A[1],C=x(y.useState(null),2),M=C[0],_=C[1],j=x(y.useState({source:!1,target:!1}),2),U=j[0],K=j[1],B={props:c,state:{sourceSelection:u,targetSelection:m,sourceFilterValue:g,targetFilterValue:S,attributeSelector:O}},H=P.setMetaData(B),q=H.ptm,W=H.cx;n.useHandleStyle(P.css.styles,H.isUnstyled,{name:"picklist"});var V=y.useRef(null),J=y.useRef(null),Q=y.useRef(null),G=y.useRef(null),X=y.useRef(null),Z=y.useRef(null),$=c.sourceSelection?c.sourceSelection:u,ee=c.targetSelection?c.targetSelection:m,te=c.onSourceFilterChange?c.sourceFilterValue:g,ne=c.onTargetFilterChange?c.targetFilterValue:S,oe=r.ObjectUtils.isNotEmpty(c.filterBy),re=oe&&c.showSourceFilter,ae=oe&&c.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){c.onChange&&c.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?p(e.value):f(e.value),n&&n(e)},ue=function(e){var t=e.originalEvent,n=e.value,o=x("source"===e.type?[h,c.onSourceFilterChange]:[I,c.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(c.filterLocale);return me(c.source,e)},de=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(c.filterLocale);return me(c.target,e)},me=function(e,n){var o=oe?c.filterBy.split(","):[];return t.FilterService.filter(e,o,n,c.filterMatchMode,c.filterLocale)},fe=function(e,t){var n=x("source"===t?[te,pe]:[ne,de],2),o=n[0],a=n[1];return oe&&r.ObjectUtils.isNotEmpty(o)?a(o):e},ve=fe(c.source,"source"),ge=fe(c.target,"target"),he=function(e){if(-1===D){var t=e&&e.children?k(e.children):[],n=ye(e,t);return c.autoOptionFocus&&-1===n&&(n=be(e,t)),n}return-1},ye=function(e,t){if(u.length||m.length){var n=r.DomHandler.findSingle(e,'[data-p-highlight="true"]');return r.ObjectUtils.findIndexInList(n,t)}return-1},be=function(e,t){var n=r.DomHandler.findSingle(e,'[data-pc-section="item"]');return r.ObjectUtils.findIndexInList(n,t)},Te=function(e,t){K(z(z({},U),{},E({},t,!0)));var n=Fe(t),o=he(n);xe(o,t),c.onFocus&&c.onFocus(e)},Se=function(e,t){K(z(z({},U),{},E({},t,!1))),L(-1),c.onBlur&&c.onBlur(e)},Ie=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=k(i?$:ee),u=r.ObjectUtils.findIndexInList(a,s,c.dataKey),p=-1!==u,d=c.metaKeySelection;if(n||L(l),d){var m=o.metaKey||o.ctrlKey||o.shiftKey;p&&m?s.splice(u,1):(m||(s.length=0),s.push(a))}else p?s.splice(u,1):s.push(a);i?se({originalEvent:o,value:s},"sourceSelection",c.onSourceSelectionChange):se({originalEvent:o,value:s},"targetSelection",c.onTargetSelectionChange)},Ee=function(e){var t=e.index,n=e.type;K(z(z({},U),{},E({},n,!0))),L(t)},we=function(e,t){switch(e.code){case"ArrowDown":Oe(e,t);break;case"ArrowUp":Ne(e,t);break;case"Home":ke(e,t);break;case"End":Le(e,t);break;case"Enter":case"NumpadEnter":Ae(e,t);break;case"Space":De(e,t);break;case"KeyA":if(e.ctrlKey){var n="source"===t;n?p(k(ve)):f(k(ge)),se({originalEvent:e,value:k(n?ve:ge)},n?"sourceSelection":"targetSelection",n?c.onSourceSelectionChange:c.onTargetSelectionChange),e.preventDefault()}break;case"KeyD":if(e.ctrlKey){var o="source"===t;o?p([]):f([]),se({originalEvent:e,value:[]},o?"sourceSelection":"targetSelection",o?c.onSourceSelectionChange:c.onTargetSelectionChange),e.preventDefault()}}},Oe=function(e,t){var n=Ce(D,t),o=fe("source"===t?c.source:c.target,t);xe(n,t),o&&o.length>0&&e.shiftKey&&Ie({originalEvent:e,value:o[n]},t,!0),e.preventDefault()},Ne=function(e,t){var n=Me(D,t),o=fe("source"===t?c.source:c.target,t);xe(n,t),o&&o.length>0&&e.shiftKey&&Ie({originalEvent:e,value:o[n]},t,!0),e.preventDefault()},Ae=function(e,t){var n=Fe(t),o=fe("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(D,"]")),i=l&&l.getAttribute("id"),s=k(a).findIndex(function(e){return e===l});o&&o.length>0&&Ie({originalEvent:e,value:o[s],id:i},t),e.preventDefault()},De=function(e,t){e.preventDefault();var n="source"===t,o=n?u:m;if(e.shiftKey&&o&&o.length>0){var a=n?ve:ge,l=Fe(t),i=r.DomHandler.find(l,'[data-pc-section="item"]'),s=r.ObjectUtils.findIndexInList(o[0],k(a)),p=r.DomHandler.findSingle(l,'[data-pc-section="item"][id='.concat(D,"]")),d=k(i).findIndex(function(e){return e===p}),f=k(a).slice(Math.min(s,d),Math.max(s,d)+1);n?se({originalEvent:e,value:f},"sourceSelection",c.onSourceSelectionChange):se({originalEvent:e,value:f},"targetSelection",c.onTargetSelectionChange)}else Ae(e,t)},ke=function(e,t){if(e.ctrlKey&&e.shiftKey){var n="source"===t,o=n?ve:ge,a=Fe(t),l=r.DomHandler.find(a,'[data-pc-section="item"]'),i=r.DomHandler.findSingle(a,'[data-pc-section="item"][id='.concat(D,"]")),s=k(l).findIndex(function(e){return e===i}),u=k(o).slice(0,s+1);n?se({originalEvent:e,value:u},"sourceSelection",c.onSourceSelectionChange):se({originalEvent:e,value:u},"targetSelection",c.onTargetSelectionChange)}else xe(0,t);e.preventDefault()},Le=function(e,t){var n=Fe(t),o=r.DomHandler.find(n,'[data-pc-section="item"]');if(e.ctrlKey&&e.shiftKey){var a="source"===t,l=a?ve:ge,i=r.DomHandler.findSingle(n,'[data-pc-section="item"][id='.concat(D,"]")),s=k(o).findIndex(function(e){return e===i}),u=k(l).slice(s,o.length);a?se({originalEvent:e,value:u},"sourceSelection",c.onSourceSelectionChange):se({originalEvent:e,value:u},"targetSelection",c.onTargetSelectionChange)}else xe(o.length-1,t);e.preventDefault()},Ce=function(e,t){var n=Fe(t),o=k(r.DomHandler.find(n,'[data-pc-section="item"]')).findIndex(function(t){return t.id===e});return o>-1?o+1:0},Me=function(e,t){var n=Fe(t),o=k(r.DomHandler.find(n,'[data-pc-section="item"]')).findIndex(function(t){return t.id===e});return o>-1?o-1:0},xe=function(e,t){var n,o=Fe(t),a=r.DomHandler.find(o,'[data-pc-section="item"]');if(e>=a.length)n=a.length-1;else{if(e<0)return;n=e}L(a[n].getAttribute("id")),Pe(a[n].getAttribute("id"),t)},Pe=function(e,t){var n=Fe(t),o=r.DomHandler.findSingle(n,'[data-pc-section="item"][id="'.concat(e,'"]'));o&&o.scrollIntoView&&o.scrollIntoView({block:"nearest",inline:"start"})},Fe=function(e){return"source"===e?J.current.getElement():Q.current.getElement()},_e=function(){if(!Z.current){Z.current=r.DomHandler.createInlineStyle(i&&i.nonce||b.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");Z.current.innerHTML=e}};y.useImperativeHandle(a,function(){return{props:c,getElement:function(){return V.current}}}),o.useUpdateEffect(function(){return O&&(V.current.setAttribute(O,""),_e()),function(){Z.current=r.DomHandler.removeInlineStyle(Z.current)}},[O,c.breakpoint]),o.useUpdateEffect(function(){c.id||O||N(r.UniqueComponentId()),G.current&&(le(G.current,X.current),G.current=null,X.current=null)}),o.useUpdateEffect(function(){_(-1!==D?D:null)},[D]);var je=c.sourceItemTemplate?c.sourceItemTemplate:c.itemTemplate,Ue=c.targetItemTemplate?c.targetItemTemplate:c.itemTemplate,Re=l({id:O,ref:V,className:r.classNames(c.className,W("root")),style:c.style},P.getOtherProps(c),q("root"));return y.createElement("div",Re,c.showSourceControls&&y.createElement(F,{hostName:"PickList",list:c.source,selection:$,onReorder:function(e){ie(e,e.value,c.target),G.current=Fe("source"),X.current=e.direction},className:W("sourceControls"),dataKey:c.dataKey,moveUpIcon:c.moveUpIcon,moveTopIcon:c.moveTopIcon,moveDownIcon:c.moveDownIcon,moveBottomIcon:c.moveBottomIcon,ptm:q,cx:W,unstyled:c.unstyled,metaData:B}),y.createElement(R,{hostName:"PickList",ref:J,type:"source",list:ve,parentId:O,selection:$,onSelectionChange:function(e){return se(e,"sourceSelection",c.onSourceSelectionChange)},onListKeyDown:function(e){return we(e,"source")},onListFocus:function(e){return Te(e,"source")},onListBlur:function(e){return Se(e,"source")},onOptionMouseDown:function(e){return Ee(e)},onItemClick:function(e){return Ie(e,"source")},focusedOptionId:U.source?M:null,ariaActivedescendant:U.source?M:null,itemTemplate:je,header:c.sourceHeader,style:c.sourceStyle,className:W("listSourceWrapper"),listClassName:W("listSource"),metaKeySelection:c.metaKeySelection,tabIndex:c.tabIndex,dataKey:c.dataKey,filterValue:te,onFilter:ue,showFilter:re,placeholder:c.sourceFilterPlaceholder,filterTemplate:c.sourceFilterTemplate,sourceFilterIcon:c.sourceFilterIcon,ptm:q,cx:W,focusedList:U,changeFocusedOptionIndex:xe,focusOnHover:c.focusOnHover}),y.createElement(Y,{hostName:"PickList",onTransfer:function(e){var t=e.originalEvent,n=e.source,o=e.target,r=[];switch(e.direction){case"toTarget":r=$,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=ee,c.onMoveToSource&&c.onMoveToSource({originalEvent:t,value:r});break;case"allToSource":r=c.target,c.onMoveAllToSource&&c.onMoveAllToSource({originalEvent:t,value:r}),r=[]}se({originalEvent:t,value:r},"sourceSelection",c.onSourceSelectionChange),se({originalEvent:t,value:r},"targetSelection",c.onTargetSelectionChange),f([]),p([]),ie(e,n,o)},source:c.source,visibleSourceList:ve,target:c.target,breakpoint:c.breakpoint,visibleTargetList:ge,sourceSelection:$,targetSelection:ee,dataKey:c.dataKey,moveToTargetIcon:c.moveToTargetIcon,moveAllToTargetIcon:c.moveAllToTargetIcon,moveToSourceIcon:c.moveToSourceIcon,moveAllToSourceIcon:c.moveAllToSourceIcon,ptm:q,cx:W,unstyled:c.unstyled,metaData:B}),y.createElement(R,{hostName:"PickList",ref:Q,type:"target",list:ge,selection:ee,parentId:O,onSelectionChange:function(e){return se(e,"targetSelection",c.onTargetSelectionChange)},onListKeyDown:function(e){return we(e,"target")},onListFocus:function(e){return Te(e,"target")},onListBlur:function(e){return Se(e,"target")},onOptionMouseDown:function(e){return Ee(e)},onItemClick:function(e){return Ie(e,"target")},focusedOptionId:U.target?M:null,ariaActivedescendant:U.target?M:null,itemTemplate:Ue,header:c.targetHeader,style:c.targetStyle,className:W("listTargetWrapper"),listClassName:W("listWrapper"),metaKeySelection:c.metaKeySelection,tabIndex:c.tabIndex,dataKey:c.dataKey,filterValue:ne,onFilter:ue,showFilter:ae,placeholder:c.targetFilterPlaceholder,filterTemplate:c.targetFilterTemplate,targetFilterIcon:c.targetFilterIcon,ptm:q,cx:W,focusedList:U,changeFocusedOptionIndex:xe,focusOnHover:c.focusOnHover}),c.showTargetControls&&y.createElement(F,{hostName:"PickList",list:c.target,selection:ee,onReorder:function(e){ie(e,c.source,e.value),G.current=Fe("target"),X.current=e.direction},className:W("targetControls"),dataKey:c.dataKey,moveUpIcon:c.moveUpIcon,moveTopIcon:c.moveTopIcon,moveDownIcon:c.moveDownIcon,moveBottomIcon:c.moveBottomIcon,ptm:q,cx:W,unstyled:c.unstyled,metaData:B}))}));X.displayName="PickList",exports.PickList=X;