primereact 8.7.3 → 9.0.0-rc.1

package/picklist/picklist.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { FilterService } from 'primereact/api';
 import { useUpdateEffect } from 'primereact/hooks';
-import { classNames, ObjectUtils, DomHandler } from 'primereact/utils';
+import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
 import { Button } from 'primereact/button';
 import { Ripple } from 'primereact/ripple';
 
@@ -38,9 +38,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -56,9 +54,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -79,6 +75,58 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var PickListBase = {
+  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: true,
+    showTargetControls: true,
+    metaKeySelection: true,
+    filterBy: null,
+    filterMatchMode: 'contains',
+    filterLocale: undefined,
+    sourceFilterValue: null,
+    targetFilterValue: null,
+    showSourceFilter: true,
+    showTargetFilter: true,
+    sourceFilterPlaceholder: null,
+    targetFilterPlaceholder: null,
+    sourceFilterTemplate: null,
+    targetFilterTemplate: null,
+    tabIndex: 0,
+    dataKey: null,
+    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: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, PickListBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, PickListBase.defaultProps);
+  }
+};
+
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
@@ -528,7 +576,8 @@ var PickListTransferControls = /*#__PURE__*/React.memo(function (props) {
 });
 PickListTransferControls.displayName = 'PickListTransferControls';
 
-var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = PickListBase.getProps(inProps);
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     sourceSelectionState = _React$useState2[0],
@@ -723,7 +772,7 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       reorderDirection.current = null;
     }
   });
-  var otherProps = ObjectUtils.findDiffKeys(props, PickList.defaultProps);
+  var otherProps = PickListBase.getOtherProps(props);
   var className = classNames('p-picklist p-component', props.className);
   var sourceItemTemplate = props.sourceItemTemplate ? props.sourceItemTemplate : props.itemTemplate;
   var targetItemTemplate = props.targetItemTemplate ? props.targetItemTemplate : props.itemTemplate;
@@ -800,47 +849,5 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   }));
 }));
 PickList.displayName = 'PickList';
-PickList.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: true,
-  showTargetControls: true,
-  metaKeySelection: true,
-  filterBy: null,
-  filterMatchMode: 'contains',
-  filterLocale: undefined,
-  sourceFilterValue: null,
-  targetFilterValue: null,
-  showSourceFilter: true,
-  showTargetFilter: true,
-  sourceFilterPlaceholder: null,
-  targetFilterPlaceholder: null,
-  sourceFilterTemplate: null,
-  targetFilterTemplate: null,
-  tabIndex: 0,
-  dataKey: null,
-  itemTemplate: null,
-  sourceItemTemplate: null,
-  targetItemTemplate: null,
-  onChange: null,
-  onMoveToSource: null,
-  onMoveAllToSource: null,
-  onMoveToTarget: null,
-  onMoveAllToTarget: null,
-  onSourceSelectionChange: null,
-  onTargetSelectionChange: null,
-  onSourceFilterChange: null,
-  onTargetFilterChange: null
-};
 
 export { PickList };

package/picklist/picklist.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{FilterService as t}from"primereact/api";import{useUpdateEffect as n}from"primereact/hooks";import{classNames as r,ObjectUtils as l,DomHandler as i}from"primereact/utils";import{Button as a}from"primereact/button";import{Ripple as o}from"primereact/ripple";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i,a,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return o}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}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 g(e,t){return s(e)||u(e,t)||f(e,t)||m()}function d(e){if(Array.isArray(e))return p(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(){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 h(e){return d(e)||v(e)||f(e)||y()}var b=e.memo((function(t){var n=!t.selection||!t.selection.length,i=r("p-picklist-buttons",t.className);return e.createElement("div",{className:i},e.createElement(a,{disabled:n,type:"button",icon:"pi pi-angle-up",onClick:function(e){var n=t.selection;if(n&&n.length){for(var r=h(t.list),i=0;i<n.length;i++){var a=l.findIndexInList(n[i],r,t.dataKey);if(0===a)break;var o=r[a-1];r[a-1]=r[a],r[a]=o}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"up"})}}}),e.createElement(a,{disabled:n,type:"button",icon:"pi pi-angle-double-up",onClick:function(e){var n=t.selection;if(n&&n.length){for(var r=h(t.list),i=0;i<n.length;i++){var a=l.findIndexInList(n[i],r,t.dataKey);if(0===a)break;var o=r.splice(a,1)[0];r.unshift(o)}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"top"})}}}),e.createElement(a,{disabled:n,type:"button",icon:"pi pi-angle-down",onClick:function(e){var n=t.selection;if(n&&n.length){for(var r=h(t.list),i=n.length-1;i>=0;i--){var a=l.findIndexInList(n[i],r,t.dataKey);if(a===r.length-1)break;var o=r[a+1];r[a+1]=r[a],r[a]=o}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"down"})}}}),e.createElement(a,{disabled:n,type:"button",icon:"pi pi-angle-double-down",onClick:function(e){var n=t.selection;if(n&&n.length){for(var r=h(t.list),i=n.length-1;i>=0;i--){var a=l.findIndexInList(n[i],r,t.dataKey);if(a===r.length-1)break;var o=r.splice(a,1)[0];r.push(o)}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"bottom"})}}}))}));b.displayName="PickListControls";var S=e.memo((function(t){var n=t.template?t.template(t.value):t.value,l=r("p-picklist-item",{"p-highlight":t.selected},t.className);return e.createElement("li",{className:l,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,value:t.value})},onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,value:t.value})},tabIndex:t.tabIndex,role:"option","aria-selected":t.selected},n,e.createElement(o,null))}));S.displayName="PickListItem";var T=e.memo(e.forwardRef((function(t,n){var a=e.useRef(null),o=function(e){var n=e.originalEvent,r=e.value,i=h(t.selection),a=l.findIndexInList(r,i,t.dataKey),o=-1!==a;if(t.metaKeySelection){var c=n.metaKey||n.ctrlKey;o&&c?i.splice(a,1):(c||(i.length=0),i.push(r))}else o?i.splice(a,1):i.push(r);t.onSelectionChange&&t.onSelectionChange({event:n,value:i})},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 l=u(n);l&&l.focus(),t.preventDefault();break;case 13:o(e),t.preventDefault()}},s=function e(t){var n=t.nextElementSibling;return n?i.hasClass(n,"p-picklist-item")?n:e(n):null},u=function e(t){var n=t.previousElementSibling;return n?i.hasClass(n,"p-picklist-item")?n:e(n):null},p=function(e){return-1!==l.findIndexInList(e,t.selection,t.dataKey)},f=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value,type:t.type})},m=function(e){13===e.which&&e.preventDefault()};e.useImperativeHandle(n,(function(){return{listElementRef:a}}));var g=r("p-picklist-list-wrapper",t.className),d=t.header?e.createElement("div",{className:"p-picklist-header"},l.getJSXElement(t.header,t)):null,v=function(){if(t.showFilter){var n=e.createElement("div",{className:"p-picklist-filter"},e.createElement("input",{type:"text",value:t.filterValue,onChange:f,onKeyDown:m,placeholder:t.placeholder,className:"p-picklist-filter-input p-inputtext p-component"}),e.createElement("span",{className:"p-picklist-filter-icon pi pi-search"}));if(t.filterTemplate)n=l.getJSXElement(t.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:f,onKeyDown:m},iconClassName:"p-picklist-filter-icon pi pi-search",element:n,props:t});return e.createElement("div",{className:"p-picklist-filter-container"},n)}return null}(),y=function(){var n=t.list?t.list.map((function(n){var r=JSON.stringify(n),l=p(n);return e.createElement(S,{key:r,value:n,template:t.itemTemplate,selected:l,onClick:o,onKeyDown:c,tabIndex:t.tabIndex})})):null,l=r("p-picklist-list",t.listClassName);return e.createElement("ul",{className:l,style:t.style,role:"listbox","aria-multiselectable":!0},n)}();return e.createElement("div",{ref:a,className:g},d,v,y)})));T.displayName="PickListSubList";var E=e.memo((function(t){var n=l.isEmpty(t.sourceSelection)||l.isEmpty(t.visibleSourceList),i=l.isEmpty(t.targetSelection)||l.isEmpty(t.visibleTargetList),o=l.isEmpty(t.visibleSourceList),c=l.isEmpty(t.visibleTargetList),s=r("p-picklist-buttons p-picklist-transfer-buttons",t.className);return e.createElement("div",{className:s},e.createElement(a,{disabled:n,type:"button",icon:"pi pi-angle-right",onClick:function(e){var n=t.sourceSelection;if(l.isNotEmpty(n)){for(var r=h(t.target),i=h(t.source),a=0;a<n.length;a++){var o=n[a];-1===l.findIndexInList(o,r,t.dataKey)&&r.push(i.splice(l.findIndexInList(o,i,t.dataKey),1)[0])}t.onTransfer&&t.onTransfer({originalEvent:e,source:i,target:r,direction:"toTarget"})}}}),e.createElement(a,{disabled:o,type:"button",icon:"pi pi-angle-double-right",onClick:function(e){if(t.source){var n=[].concat(h(t.target),h(t.visibleSourceList)),r=t.source.filter((function(e){return!t.visibleSourceList.some((function(t){return t===e}))}));t.onTransfer&&t.onTransfer({originalEvent:e,source:r,target:n,direction:"allToTarget"})}}}),e.createElement(a,{disabled:i,type:"button",icon:"pi pi-angle-left",onClick:function(e){var n=t.targetSelection;if(l.isNotEmpty(n)){for(var r=h(t.target),i=h(t.source),a=0;a<n.length;a++){var o=n[a];-1===l.findIndexInList(o,i,t.dataKey)&&i.push(r.splice(l.findIndexInList(o,r,t.dataKey),1)[0])}t.onTransfer&&t.onTransfer({originalEvent:e,source:i,target:r,direction:"toSource"})}}}),e.createElement(a,{disabled:c,type:"button",icon:"pi pi-angle-double-left",onClick:function(e){if(t.source){var n=[].concat(h(t.source),h(t.visibleTargetList)),r=t.target.filter((function(e){return!t.visibleTargetList.some((function(t){return t===e}))}));t.onTransfer&&t.onTransfer({originalEvent:e,source:n,target:r,direction:"allToSource"})}}}))}));E.displayName="PickListTransferControls";var k=e.memo(e.forwardRef((function(a,o){var s=g(e.useState([]),2),u=s[0],p=s[1],f=g(e.useState([]),2),m=f[0],d=f[1],v=g(e.useState(""),2),y=v[0],h=v[1],S=g(e.useState(""),2),C=S[0],I=S[1],w=e.useRef(null),N=e.useRef(null),K=e.useRef(null),L=e.useRef(null),F=e.useRef(null),x=a.sourceSelection?a.sourceSelection:u,R=a.targetSelection?a.targetSelection:m,M=a.onSourceFilterChange?a.sourceFilterValue:y,A=a.onTargetFilterChange?a.targetFilterValue:C,P=l.isNotEmpty(a.filterBy),D=P&&a.showSourceFilter,j=P&&a.showTargetFilter,O=function(e,t){if(e){var n=i.findSingle(e,".p-picklist-list");switch(t){case"up":H(n,-1);break;case"top":n.scrollTop=0;break;case"down":H(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},V=function(e,t,n){a.onChange&&a.onChange({originalEvent:e.originalEvent,source:t,target:n})},H=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");l.isNotEmpty(n)&&i.scrollInView(e,-1===t?n[0]:n[n.length-1])},B=function(e,t,n){"sourceSelection"===t?p(e.value):d(e.value),n&&n(e),l.isNotEmpty(x)&&"targetSelection"===t?p([]):l.isNotEmpty(R)&&"sourceSelection"===t&&d([])},J=function(e){var t=e.originalEvent,n=e.value,r=g("source"===e.type?[h,a.onSourceFilterChange]:[I,a.onTargetFilterChange],2),l=r[0],i=r[1];i?i({originalEvent:t,value:n}):l(n)},X=function(e,t){var n=g("source"===t?[M,_]:[A,U],2),r=n[0],i=n[1];return P&&l.isNotEmpty(r)?i(r):e},_=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.trim().toLocaleLowerCase(a.filterLocale);return Y(a.source,t)},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.trim().toLocaleLowerCase(a.filterLocale);return Y(a.target,t)},Y=function(e,n){var r=P?a.filterBy.split(","):[];return t.filter(e,r,n,a.filterMatchMode,a.filterLocale)};e.useImperativeHandle(o,(function(){return{props:a,getElement:function(){return w.current}}})),n((function(){L.current&&(O(L.current,F.current),L.current=null,F.current=null)}));var $=l.findDiffKeys(a,k.defaultProps),q=r("p-picklist p-component",a.className),z=a.sourceItemTemplate?a.sourceItemTemplate:a.itemTemplate,G=a.targetItemTemplate?a.targetItemTemplate:a.itemTemplate,Q=X(a.source,"source"),W=X(a.target,"target");return e.createElement("div",c({id:a.id,ref:w,className:q,style:a.style},$),a.showSourceControls&&e.createElement(b,{list:a.source,selection:x,onReorder:function(e){V(e,e.value,a.target),L.current=N.current.listElementRef.current,F.current=e.direction},className:"p-picklist-source-controls",dataKey:a.dataKey}),e.createElement(T,{ref:N,type:"source",list:Q,selection:x,onSelectionChange:function(e){return B(e,"sourceSelection",a.onSourceSelectionChange)},itemTemplate:z,header:a.sourceHeader,style:a.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:a.metaKeySelection,tabIndex:a.tabIndex,dataKey:a.dataKey,filterValue:M,onFilter:J,showFilter:D,placeholder:a.sourceFilterPlaceholder,template:a.sourceFilterTemplate}),e.createElement(E,{onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,l=[];switch(e.direction){case"toTarget":l=x,a.onMoveToTarget&&a.onMoveToTarget({originalEvent:t,value:l});break;case"allToTarget":l=a.source,a.onMoveAllToTarget&&a.onMoveAllToTarget({originalEvent:t,value:l});break;case"toSource":l=R,a.onMoveToSource&&a.onMoveToSource({originalEvent:t,value:l});break;case"allToSource":l=a.target,a.onMoveAllToSource&&a.onMoveAllToSource({originalEvent:t,value:l})}B({originalEvent:t,value:l},"sourceSelection",a.onSourceSelectionChange),B({originalEvent:t,value:l},"targetSelection",a.onTargetSelectionChange),V(e,n,r)},source:a.source,visibleSourceList:Q,target:a.target,visibleTargetList:W,sourceSelection:x,targetSelection:R,dataKey:a.dataKey}),e.createElement(T,{ref:K,type:"target",list:W,selection:R,onSelectionChange:function(e){return B(e,"targetSelection",a.onTargetSelectionChange)},itemTemplate:G,header:a.targetHeader,style:a.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:a.metaKeySelection,tabIndex:a.tabIndex,dataKey:a.dataKey,filterValue:A,onFilter:J,showFilter:j,placeholder:a.targetFilterPlaceholder,template:a.targetFilterTemplate}),a.showTargetControls&&e.createElement(b,{list:a.target,selection:R,onReorder:function(e){V(e,a.source,e.value),L.current=K.current.listElementRef.current,F.current=e.direction},className:"p-picklist-target-controls",dataKey:a.dataKey}))})));k.displayName="PickList",k.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,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null};export{k as PickList};
+import*as e from"react";import{FilterService as t}from"primereact/api";import{useUpdateEffect as r}from"primereact/hooks";import{ObjectUtils as n,classNames as l,DomHandler as i}from"primereact/utils";import{Button as a}from"primereact/button";import{Ripple as o}from"primereact/ripple";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function u(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,a,o=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw l}}return o}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,t):void 0}}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 g(e,t){return s(e)||u(e,t)||f(e,t)||m()}var d={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,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0},getProps:function(e){return n.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,d.defaultProps)}};function v(e){if(Array.isArray(e))return p(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(){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 b(e){return v(e)||y(e)||f(e)||h()}var S=e.memo((function(t){var r=!t.selection||!t.selection.length,i=l("p-picklist-buttons",t.className);return e.createElement("div",{className:i},e.createElement(a,{disabled:r,type:"button",icon:"pi pi-angle-up",onClick:function(e){var r=t.selection;if(r&&r.length){for(var l=b(t.list),i=0;i<r.length;i++){var a=n.findIndexInList(r[i],l,t.dataKey);if(0===a)break;var o=l[a-1];l[a-1]=l[a],l[a]=o}t.onReorder&&t.onReorder({originalEvent:e,value:l,direction:"up"})}}}),e.createElement(a,{disabled:r,type:"button",icon:"pi pi-angle-double-up",onClick:function(e){var r=t.selection;if(r&&r.length){for(var l=b(t.list),i=0;i<r.length;i++){var a=n.findIndexInList(r[i],l,t.dataKey);if(0===a)break;var o=l.splice(a,1)[0];l.unshift(o)}t.onReorder&&t.onReorder({originalEvent:e,value:l,direction:"top"})}}}),e.createElement(a,{disabled:r,type:"button",icon:"pi pi-angle-down",onClick:function(e){var r=t.selection;if(r&&r.length){for(var l=b(t.list),i=r.length-1;i>=0;i--){var a=n.findIndexInList(r[i],l,t.dataKey);if(a===l.length-1)break;var o=l[a+1];l[a+1]=l[a],l[a]=o}t.onReorder&&t.onReorder({originalEvent:e,value:l,direction:"down"})}}}),e.createElement(a,{disabled:r,type:"button",icon:"pi pi-angle-double-down",onClick:function(e){var r=t.selection;if(r&&r.length){for(var l=b(t.list),i=r.length-1;i>=0;i--){var a=n.findIndexInList(r[i],l,t.dataKey);if(a===l.length-1)break;var o=l.splice(a,1)[0];l.push(o)}t.onReorder&&t.onReorder({originalEvent:e,value:l,direction:"bottom"})}}}))}));S.displayName="PickListControls";var T=e.memo((function(t){var r=t.template?t.template(t.value):t.value,n=l("p-picklist-item",{"p-highlight":t.selected},t.className);return e.createElement("li",{className:n,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,value:t.value})},onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,value:t.value})},tabIndex:t.tabIndex,role:"option","aria-selected":t.selected},r,e.createElement(o,null))}));T.displayName="PickListItem";var E=e.memo(e.forwardRef((function(t,r){var a=e.useRef(null),o=function(e){var r=e.originalEvent,l=e.value,i=b(t.selection),a=n.findIndexInList(l,i,t.dataKey),o=-1!==a;if(t.metaKeySelection){var c=r.metaKey||r.ctrlKey;o&&c?i.splice(a,1):(c||(i.length=0),i.push(l))}else o?i.splice(a,1):i.push(l);t.onSelectionChange&&t.onSelectionChange({event:r,value:i})},c=function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=s(r);n&&n.focus(),t.preventDefault();break;case 38:var l=u(r);l&&l.focus(),t.preventDefault();break;case 13:o(e),t.preventDefault()}},s=function e(t){var r=t.nextElementSibling;return r?i.hasClass(r,"p-picklist-item")?r:e(r):null},u=function e(t){var r=t.previousElementSibling;return r?i.hasClass(r,"p-picklist-item")?r:e(r):null},p=function(e){return-1!==n.findIndexInList(e,t.selection,t.dataKey)},f=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value,type:t.type})},m=function(e){13===e.which&&e.preventDefault()};e.useImperativeHandle(r,(function(){return{listElementRef:a}}));var g=l("p-picklist-list-wrapper",t.className),d=t.header?e.createElement("div",{className:"p-picklist-header"},n.getJSXElement(t.header,t)):null,v=function(){if(t.showFilter){var r=e.createElement("div",{className:"p-picklist-filter"},e.createElement("input",{type:"text",value:t.filterValue,onChange:f,onKeyDown:m,placeholder:t.placeholder,className:"p-picklist-filter-input p-inputtext p-component"}),e.createElement("span",{className:"p-picklist-filter-icon pi pi-search"}));if(t.filterTemplate)r=n.getJSXElement(t.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:f,onKeyDown:m},iconClassName:"p-picklist-filter-icon pi pi-search",element:r,props:t});return e.createElement("div",{className:"p-picklist-filter-container"},r)}return null}(),y=function(){var r=t.list?t.list.map((function(r){var n=JSON.stringify(r),l=p(r);return e.createElement(T,{key:n,value:r,template:t.itemTemplate,selected:l,onClick:o,onKeyDown:c,tabIndex:t.tabIndex})})):null,n=l("p-picklist-list",t.listClassName);return e.createElement("ul",{className:n,style:t.style,role:"listbox","aria-multiselectable":!0},r)}();return e.createElement("div",{ref:a,className:g},d,v,y)})));E.displayName="PickListSubList";var k=e.memo((function(t){var r=n.isEmpty(t.sourceSelection)||n.isEmpty(t.visibleSourceList),i=n.isEmpty(t.targetSelection)||n.isEmpty(t.visibleTargetList),o=n.isEmpty(t.visibleSourceList),c=n.isEmpty(t.visibleTargetList),s=l("p-picklist-buttons p-picklist-transfer-buttons",t.className);return e.createElement("div",{className:s},e.createElement(a,{disabled:r,type:"button",icon:"pi pi-angle-right",onClick:function(e){var r=t.sourceSelection;if(n.isNotEmpty(r)){for(var l=b(t.target),i=b(t.source),a=0;a<r.length;a++){var o=r[a];-1===n.findIndexInList(o,l,t.dataKey)&&l.push(i.splice(n.findIndexInList(o,i,t.dataKey),1)[0])}t.onTransfer&&t.onTransfer({originalEvent:e,source:i,target:l,direction:"toTarget"})}}}),e.createElement(a,{disabled:o,type:"button",icon:"pi pi-angle-double-right",onClick:function(e){if(t.source){var r=[].concat(b(t.target),b(t.visibleSourceList)),n=t.source.filter((function(e){return!t.visibleSourceList.some((function(t){return t===e}))}));t.onTransfer&&t.onTransfer({originalEvent:e,source:n,target:r,direction:"allToTarget"})}}}),e.createElement(a,{disabled:i,type:"button",icon:"pi pi-angle-left",onClick:function(e){var r=t.targetSelection;if(n.isNotEmpty(r)){for(var l=b(t.target),i=b(t.source),a=0;a<r.length;a++){var o=r[a];-1===n.findIndexInList(o,i,t.dataKey)&&i.push(l.splice(n.findIndexInList(o,l,t.dataKey),1)[0])}t.onTransfer&&t.onTransfer({originalEvent:e,source:i,target:l,direction:"toSource"})}}}),e.createElement(a,{disabled:c,type:"button",icon:"pi pi-angle-double-left",onClick:function(e){if(t.source){var r=[].concat(b(t.source),b(t.visibleTargetList)),n=t.target.filter((function(e){return!t.visibleTargetList.some((function(t){return t===e}))}));t.onTransfer&&t.onTransfer({originalEvent:e,source:r,target:n,direction:"allToSource"})}}}))}));k.displayName="PickListTransferControls";var C=e.memo(e.forwardRef((function(a,o){var s=d.getProps(a),u=g(e.useState([]),2),p=u[0],f=u[1],m=g(e.useState([]),2),v=m[0],y=m[1],h=g(e.useState(""),2),b=h[0],T=h[1],C=g(e.useState(""),2),I=C[0],w=C[1],N=e.useRef(null),K=e.useRef(null),L=e.useRef(null),F=e.useRef(null),x=e.useRef(null),P=s.sourceSelection?s.sourceSelection:p,R=s.targetSelection?s.targetSelection:v,M=s.onSourceFilterChange?s.sourceFilterValue:b,A=s.onTargetFilterChange?s.targetFilterValue:I,D=n.isNotEmpty(s.filterBy),O=D&&s.showSourceFilter,j=D&&s.showTargetFilter,V=function(e,t){if(e){var r=i.findSingle(e,".p-picklist-list");switch(t){case"up":B(r,-1);break;case"top":r.scrollTop=0;break;case"down":B(r,1);break;case"bottom":setTimeout((function(){return r.scrollTop=r.scrollHeight}),100)}}},H=function(e,t,r){s.onChange&&s.onChange({originalEvent:e.originalEvent,source:t,target:r})},B=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=e.getElementsByClassName("p-highlight");n.isNotEmpty(r)&&i.scrollInView(e,-1===t?r[0]:r[r.length-1])},J=function(e,t,r){"sourceSelection"===t?f(e.value):y(e.value),r&&r(e),n.isNotEmpty(P)&&"targetSelection"===t?f([]):n.isNotEmpty(R)&&"sourceSelection"===t&&y([])},X=function(e){var t=e.originalEvent,r=e.value,n=g("source"===e.type?[T,s.onSourceFilterChange]:[w,s.onTargetFilterChange],2),l=n[0],i=n[1];i?i({originalEvent:t,value:r}):l(r)},_=function(e,t){var r=g("source"===t?[M,U]:[A,Y],2),l=r[0],i=r[1];return D&&n.isNotEmpty(l)?i(l):e},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.trim().toLocaleLowerCase(s.filterLocale);return $(s.source,t)},Y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.trim().toLocaleLowerCase(s.filterLocale);return $(s.target,t)},$=function(e,r){var n=D?s.filterBy.split(","):[];return t.filter(e,n,r,s.filterMatchMode,s.filterLocale)};e.useImperativeHandle(o,(function(){return{props:s,getElement:function(){return N.current}}})),r((function(){F.current&&(V(F.current,x.current),F.current=null,x.current=null)}));var q=d.getOtherProps(s),z=l("p-picklist p-component",s.className),G=s.sourceItemTemplate?s.sourceItemTemplate:s.itemTemplate,Q=s.targetItemTemplate?s.targetItemTemplate:s.itemTemplate,W=_(s.source,"source"),Z=_(s.target,"target");return e.createElement("div",c({id:s.id,ref:N,className:z,style:s.style},q),s.showSourceControls&&e.createElement(S,{list:s.source,selection:P,onReorder:function(e){H(e,e.value,s.target),F.current=K.current.listElementRef.current,x.current=e.direction},className:"p-picklist-source-controls",dataKey:s.dataKey}),e.createElement(E,{ref:K,type:"source",list:W,selection:P,onSelectionChange:function(e){return J(e,"sourceSelection",s.onSourceSelectionChange)},itemTemplate:G,header:s.sourceHeader,style:s.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:s.metaKeySelection,tabIndex:s.tabIndex,dataKey:s.dataKey,filterValue:M,onFilter:X,showFilter:O,placeholder:s.sourceFilterPlaceholder,template:s.sourceFilterTemplate}),e.createElement(k,{onTransfer:function(e){var t=e.originalEvent,r=e.source,n=e.target,l=[];switch(e.direction){case"toTarget":l=P,s.onMoveToTarget&&s.onMoveToTarget({originalEvent:t,value:l});break;case"allToTarget":l=s.source,s.onMoveAllToTarget&&s.onMoveAllToTarget({originalEvent:t,value:l});break;case"toSource":l=R,s.onMoveToSource&&s.onMoveToSource({originalEvent:t,value:l});break;case"allToSource":l=s.target,s.onMoveAllToSource&&s.onMoveAllToSource({originalEvent:t,value:l})}J({originalEvent:t,value:l},"sourceSelection",s.onSourceSelectionChange),J({originalEvent:t,value:l},"targetSelection",s.onTargetSelectionChange),H(e,r,n)},source:s.source,visibleSourceList:W,target:s.target,visibleTargetList:Z,sourceSelection:P,targetSelection:R,dataKey:s.dataKey}),e.createElement(E,{ref:L,type:"target",list:Z,selection:R,onSelectionChange:function(e){return J(e,"targetSelection",s.onTargetSelectionChange)},itemTemplate:Q,header:s.targetHeader,style:s.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:s.metaKeySelection,tabIndex:s.tabIndex,dataKey:s.dataKey,filterValue:A,onFilter:X,showFilter:j,placeholder:s.targetFilterPlaceholder,template:s.targetFilterTemplate}),s.showTargetControls&&e.createElement(S,{list:s.target,selection:R,onReorder:function(e){H(e,s.source,e.value),F.current=L.current.listElementRef.current,x.current=e.direction},className:"p-picklist-target-controls",dataKey:s.dataKey}))})));C.displayName="PickList";export{C as PickList};

package/picklist/picklist.js

@@ -55,9 +55,7 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -73,9 +71,7 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -96,6 +92,58 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var PickListBase = {
+    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: true,
+      showTargetControls: true,
+      metaKeySelection: true,
+      filterBy: null,
+      filterMatchMode: 'contains',
+      filterLocale: undefined,
+      sourceFilterValue: null,
+      targetFilterValue: null,
+      showSourceFilter: true,
+      showTargetFilter: true,
+      sourceFilterPlaceholder: null,
+      targetFilterPlaceholder: null,
+      sourceFilterTemplate: null,
+      targetFilterTemplate: null,
+      tabIndex: 0,
+      dataKey: null,
+      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: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PickListBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PickListBase.defaultProps);
+    }
+  };
+
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
@@ -545,7 +593,8 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
   });
   PickListTransferControls.displayName = 'PickListTransferControls';
 
-  var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = PickListBase.getProps(inProps);
     var _React$useState = React__namespace.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       sourceSelectionState = _React$useState2[0],
@@ -740,7 +789,7 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         reorderDirection.current = null;
       }
     });
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, PickList.defaultProps);
+    var otherProps = PickListBase.getOtherProps(props);
     var className = utils.classNames('p-picklist p-component', props.className);
     var sourceItemTemplate = props.sourceItemTemplate ? props.sourceItemTemplate : props.itemTemplate;
     var targetItemTemplate = props.targetItemTemplate ? props.targetItemTemplate : props.itemTemplate;
@@ -817,48 +866,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
     }));
   }));
   PickList.displayName = 'PickList';
-  PickList.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: true,
-    showTargetControls: true,
-    metaKeySelection: true,
-    filterBy: null,
-    filterMatchMode: 'contains',
-    filterLocale: undefined,
-    sourceFilterValue: null,
-    targetFilterValue: null,
-    showSourceFilter: true,
-    showTargetFilter: true,
-    sourceFilterPlaceholder: null,
-    targetFilterPlaceholder: null,
-    sourceFilterTemplate: null,
-    targetFilterTemplate: null,
-    tabIndex: 0,
-    dataKey: null,
-    itemTemplate: null,
-    sourceItemTemplate: null,
-    targetItemTemplate: null,
-    onChange: null,
-    onMoveToSource: null,
-    onMoveAllToSource: null,
-    onMoveToTarget: null,
-    onMoveAllToTarget: null,
-    onSourceSelectionChange: null,
-    onTargetSelectionChange: null,
-    onSourceFilterChange: null,
-    onTargetFilterChange: null
-  };
 
   exports.PickList = PickList;
 

package/picklist/picklist.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.picklist=function(e,t,n,r,l,i,a){"use strict";function o(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 c=o(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function u(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 r,l,i,a,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return o}}function f(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 m(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function d(){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 g(e,t){return u(e)||p(e,t)||m(e,t)||d()}function v(e){if(Array.isArray(e))return f(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(){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 h(e){return v(e)||y(e)||m(e)||b()}var S=c.memo((function(e){var t=!e.selection||!e.selection.length,n=l.classNames("p-picklist-buttons",e.className);return c.createElement("div",{className:n},c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-up",onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=h(e.list),i=0;i<n.length;i++){var a=l.ObjectUtils.findIndexInList(n[i],r,e.dataKey);if(0===a)break;var o=r[a-1];r[a-1]=r[a],r[a]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-double-up",onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=h(e.list),i=0;i<n.length;i++){var a=l.ObjectUtils.findIndexInList(n[i],r,e.dataKey);if(0===a)break;var o=r.splice(a,1)[0];r.unshift(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-down",onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=h(e.list),i=n.length-1;i>=0;i--){var a=l.ObjectUtils.findIndexInList(n[i],r,e.dataKey);if(a===r.length-1)break;var o=r[a+1];r[a+1]=r[a],r[a]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-double-down",onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=h(e.list),i=n.length-1;i>=0;i--){var a=l.ObjectUtils.findIndexInList(n[i],r,e.dataKey);if(a===r.length-1)break;var o=r.splice(a,1)[0];r.push(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));S.displayName="PickListControls";var E=c.memo((function(e){var t=e.template?e.template(e.value):e.value,n=l.classNames("p-picklist-item",{"p-highlight":e.selected},e.className);return c.createElement("li",{className:n,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},tabIndex:e.tabIndex,role:"option","aria-selected":e.selected},t,c.createElement(a.Ripple,null))}));E.displayName="PickListItem";var T=c.memo(c.forwardRef((function(e,t){var n=c.useRef(null),r=function(t){var n=t.originalEvent,r=t.value,i=h(e.selection),a=l.ObjectUtils.findIndexInList(r,i,e.dataKey),o=-1!==a;if(e.metaKeySelection){var c=n.metaKey||n.ctrlKey;o&&c?i.splice(a,1):(c||(i.length=0),i.push(r))}else o?i.splice(a,1):i.push(r);e.onSelectionChange&&e.onSelectionChange({event:n,value:i})},i=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=a(n);l&&l.focus(),t.preventDefault();break;case 38:var i=o(n);i&&i.focus(),t.preventDefault();break;case 13:r(e),t.preventDefault()}},a=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},o=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},s=function(t){return-1!==l.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},u=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},p=function(e){13===e.which&&e.preventDefault()};c.useImperativeHandle(t,(function(){return{listElementRef:n}}));var f=l.classNames("p-picklist-list-wrapper",e.className),m=e.header?c.createElement("div",{className:"p-picklist-header"},l.ObjectUtils.getJSXElement(e.header,e)):null,d=function(){if(e.showFilter){var t=c.createElement("div",{className:"p-picklist-filter"},c.createElement("input",{type:"text",value:e.filterValue,onChange:u,onKeyDown:p,placeholder:e.placeholder,className:"p-picklist-filter-input p-inputtext p-component"}),c.createElement("span",{className:"p-picklist-filter-icon pi pi-search"}));if(e.filterTemplate)t=l.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:u,onKeyDown:p},iconClassName:"p-picklist-filter-icon pi pi-search",element:t,props:e});return c.createElement("div",{className:"p-picklist-filter-container"},t)}return null}(),g=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),l=s(t);return c.createElement(E,{key:n,value:t,template:e.itemTemplate,selected:l,onClick:r,onKeyDown:i,tabIndex:e.tabIndex})})):null,n=l.classNames("p-picklist-list",e.listClassName);return c.createElement("ul",{className:n,style:e.style,role:"listbox","aria-multiselectable":!0},t)}();return c.createElement("div",{ref:n,className:f},m,d,g)})));T.displayName="PickListSubList";var k=c.memo((function(e){var t=l.ObjectUtils.isEmpty(e.sourceSelection)||l.ObjectUtils.isEmpty(e.visibleSourceList),n=l.ObjectUtils.isEmpty(e.targetSelection)||l.ObjectUtils.isEmpty(e.visibleTargetList),r=l.ObjectUtils.isEmpty(e.visibleSourceList),a=l.ObjectUtils.isEmpty(e.visibleTargetList),o=l.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className);return c.createElement("div",{className:o},c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-right",onClick:function(t){var n=e.sourceSelection;if(l.ObjectUtils.isNotEmpty(n)){for(var r=h(e.target),i=h(e.source),a=0;a<n.length;a++){var o=n[a];-1===l.ObjectUtils.findIndexInList(o,r,e.dataKey)&&r.push(i.splice(l.ObjectUtils.findIndexInList(o,i,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:i,target:r,direction:"toTarget"})}}}),c.createElement(i.Button,{disabled:r,type:"button",icon:"pi pi-angle-double-right",onClick:function(t){if(e.source){var n=[].concat(h(e.target),h(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"})}}}),c.createElement(i.Button,{disabled:n,type:"button",icon:"pi pi-angle-left",onClick:function(t){var n=e.targetSelection;if(l.ObjectUtils.isNotEmpty(n)){for(var r=h(e.target),i=h(e.source),a=0;a<n.length;a++){var o=n[a];-1===l.ObjectUtils.findIndexInList(o,i,e.dataKey)&&i.push(r.splice(l.ObjectUtils.findIndexInList(o,r,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:i,target:r,direction:"toSource"})}}}),c.createElement(i.Button,{disabled:a,type:"button",icon:"pi pi-angle-double-left",onClick:function(t){if(e.source){var n=[].concat(h(e.source),h(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"})}}}))}));k.displayName="PickListTransferControls";var C=c.memo(c.forwardRef((function(e,t){var i=g(c.useState([]),2),a=i[0],o=i[1],u=g(c.useState([]),2),p=u[0],f=u[1],m=g(c.useState(""),2),d=m[0],v=m[1],y=g(c.useState(""),2),b=y[0],h=y[1],E=c.useRef(null),N=c.useRef(null),I=c.useRef(null),w=c.useRef(null),O=c.useRef(null),j=e.sourceSelection?e.sourceSelection:a,K=e.targetSelection?e.targetSelection:p,L=e.onSourceFilterChange?e.sourceFilterValue:d,F=e.onTargetFilterChange?e.targetFilterValue:b,U=l.ObjectUtils.isNotEmpty(e.filterBy),x=U&&e.showSourceFilter,R=U&&e.showTargetFilter,M=function(e,t){if(e){var n=l.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":D(n,-1);break;case"top":n.scrollTop=0;break;case"down":D(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},P=function(t,n,r){e.onChange&&e.onChange({originalEvent:t.originalEvent,source:n,target:r})},D=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");l.ObjectUtils.isNotEmpty(n)&&l.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},A=function(e,t,n){"sourceSelection"===t?o(e.value):f(e.value),n&&n(e),l.ObjectUtils.isNotEmpty(j)&&"targetSelection"===t?o([]):l.ObjectUtils.isNotEmpty(K)&&"sourceSelection"===t&&f([])},B=function(t){var n=t.originalEvent,r=t.value,l=g("source"===t.type?[v,e.onSourceFilterChange]:[h,e.onTargetFilterChange],2),i=l[0],a=l[1];a?a({originalEvent:n,value:r}):i(r)},H=function(e,t){var n=g("source"===t?[L,V]:[F,_],2),r=n[0],i=n[1];return U&&l.ObjectUtils.isNotEmpty(r)?i(r):e},V=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=t.trim().toLocaleLowerCase(e.filterLocale);return J(e.source,n)},_=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=t.trim().toLocaleLowerCase(e.filterLocale);return J(e.target,n)},J=function(t,r){var l=U?e.filterBy.split(","):[];return n.FilterService.filter(t,l,r,e.filterMatchMode,e.filterLocale)};c.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return E.current}}})),r.useUpdateEffect((function(){w.current&&(M(w.current,O.current),w.current=null,O.current=null)}));var X=l.ObjectUtils.findDiffKeys(e,C.defaultProps),z=l.classNames("p-picklist p-component",e.className),Y=e.sourceItemTemplate?e.sourceItemTemplate:e.itemTemplate,$=e.targetItemTemplate?e.targetItemTemplate:e.itemTemplate,q=H(e.source,"source"),G=H(e.target,"target");return c.createElement("div",s({id:e.id,ref:E,className:z,style:e.style},X),e.showSourceControls&&c.createElement(S,{list:e.source,selection:j,onReorder:function(t){P(t,t.value,e.target),w.current=N.current.listElementRef.current,O.current=t.direction},className:"p-picklist-source-controls",dataKey:e.dataKey}),c.createElement(T,{ref:N,type:"source",list:q,selection:j,onSelectionChange:function(t){return A(t,"sourceSelection",e.onSourceSelectionChange)},itemTemplate:Y,header:e.sourceHeader,style:e.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:e.metaKeySelection,tabIndex:e.tabIndex,dataKey:e.dataKey,filterValue:L,onFilter:B,showFilter:x,placeholder:e.sourceFilterPlaceholder,template:e.sourceFilterTemplate}),c.createElement(k,{onTransfer:function(t){var n=t.originalEvent,r=t.source,l=t.target,i=[];switch(t.direction){case"toTarget":i=j,e.onMoveToTarget&&e.onMoveToTarget({originalEvent:n,value:i});break;case"allToTarget":i=e.source,e.onMoveAllToTarget&&e.onMoveAllToTarget({originalEvent:n,value:i});break;case"toSource":i=K,e.onMoveToSource&&e.onMoveToSource({originalEvent:n,value:i});break;case"allToSource":i=e.target,e.onMoveAllToSource&&e.onMoveAllToSource({originalEvent:n,value:i})}A({originalEvent:n,value:i},"sourceSelection",e.onSourceSelectionChange),A({originalEvent:n,value:i},"targetSelection",e.onTargetSelectionChange),P(t,r,l)},source:e.source,visibleSourceList:q,target:e.target,visibleTargetList:G,sourceSelection:j,targetSelection:K,dataKey:e.dataKey}),c.createElement(T,{ref:I,type:"target",list:G,selection:K,onSelectionChange:function(t){return A(t,"targetSelection",e.onTargetSelectionChange)},itemTemplate:$,header:e.targetHeader,style:e.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:e.metaKeySelection,tabIndex:e.tabIndex,dataKey:e.dataKey,filterValue:F,onFilter:B,showFilter:R,placeholder:e.targetFilterPlaceholder,template:e.targetFilterTemplate}),e.showTargetControls&&c.createElement(S,{list:e.target,selection:K,onReorder:function(t){P(t,e.source,t.value),w.current=I.current.listElementRef.current,O.current=t.direction},className:"p-picklist-target-controls",dataKey:e.dataKey}))})));return C.displayName="PickList",C.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,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null},e.PickList=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.button,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.picklist=function(e,t,n,r,l,i,a){"use strict";function o(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 c=o(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function u(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 r,l,i,a,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return o}}function f(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 m(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function g(){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 d(e,t){return u(e)||p(e,t)||m(e,t)||g()}var v={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,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,v.defaultProps)}};function b(e){if(Array.isArray(e))return f(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(){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 S(e){return b(e)||y(e)||m(e)||h()}var E=c.memo((function(e){var t=!e.selection||!e.selection.length,n=l.classNames("p-picklist-buttons",e.className);return c.createElement("div",{className:n},c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-up",onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=S(e.list),i=0;i<n.length;i++){var a=l.ObjectUtils.findIndexInList(n[i],r,e.dataKey);if(0===a)break;var o=r[a-1];r[a-1]=r[a],r[a]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-double-up",onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=S(e.list),i=0;i<n.length;i++){var a=l.ObjectUtils.findIndexInList(n[i],r,e.dataKey);if(0===a)break;var o=r.splice(a,1)[0];r.unshift(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-down",onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=S(e.list),i=n.length-1;i>=0;i--){var a=l.ObjectUtils.findIndexInList(n[i],r,e.dataKey);if(a===r.length-1)break;var o=r[a+1];r[a+1]=r[a],r[a]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-double-down",onClick:function(t){var n=e.selection;if(n&&n.length){for(var r=S(e.list),i=n.length-1;i>=0;i--){var a=l.ObjectUtils.findIndexInList(n[i],r,e.dataKey);if(a===r.length-1)break;var o=r.splice(a,1)[0];r.push(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));E.displayName="PickListControls";var T=c.memo((function(e){var t=e.template?e.template(e.value):e.value,n=l.classNames("p-picklist-item",{"p-highlight":e.selected},e.className);return c.createElement("li",{className:n,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},tabIndex:e.tabIndex,role:"option","aria-selected":e.selected},t,c.createElement(a.Ripple,null))}));T.displayName="PickListItem";var k=c.memo(c.forwardRef((function(e,t){var n=c.useRef(null),r=function(t){var n=t.originalEvent,r=t.value,i=S(e.selection),a=l.ObjectUtils.findIndexInList(r,i,e.dataKey),o=-1!==a;if(e.metaKeySelection){var c=n.metaKey||n.ctrlKey;o&&c?i.splice(a,1):(c||(i.length=0),i.push(r))}else o?i.splice(a,1):i.push(r);e.onSelectionChange&&e.onSelectionChange({event:n,value:i})},i=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=a(n);l&&l.focus(),t.preventDefault();break;case 38:var i=o(n);i&&i.focus(),t.preventDefault();break;case 13:r(e),t.preventDefault()}},a=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},o=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},s=function(t){return-1!==l.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},u=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},p=function(e){13===e.which&&e.preventDefault()};c.useImperativeHandle(t,(function(){return{listElementRef:n}}));var f=l.classNames("p-picklist-list-wrapper",e.className),m=e.header?c.createElement("div",{className:"p-picklist-header"},l.ObjectUtils.getJSXElement(e.header,e)):null,g=function(){if(e.showFilter){var t=c.createElement("div",{className:"p-picklist-filter"},c.createElement("input",{type:"text",value:e.filterValue,onChange:u,onKeyDown:p,placeholder:e.placeholder,className:"p-picklist-filter-input p-inputtext p-component"}),c.createElement("span",{className:"p-picklist-filter-icon pi pi-search"}));if(e.filterTemplate)t=l.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:u,onKeyDown:p},iconClassName:"p-picklist-filter-icon pi pi-search",element:t,props:e});return c.createElement("div",{className:"p-picklist-filter-container"},t)}return null}(),d=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),l=s(t);return c.createElement(T,{key:n,value:t,template:e.itemTemplate,selected:l,onClick:r,onKeyDown:i,tabIndex:e.tabIndex})})):null,n=l.classNames("p-picklist-list",e.listClassName);return c.createElement("ul",{className:n,style:e.style,role:"listbox","aria-multiselectable":!0},t)}();return c.createElement("div",{ref:n,className:f},m,g,d)})));k.displayName="PickListSubList";var C=c.memo((function(e){var t=l.ObjectUtils.isEmpty(e.sourceSelection)||l.ObjectUtils.isEmpty(e.visibleSourceList),n=l.ObjectUtils.isEmpty(e.targetSelection)||l.ObjectUtils.isEmpty(e.visibleTargetList),r=l.ObjectUtils.isEmpty(e.visibleSourceList),a=l.ObjectUtils.isEmpty(e.visibleTargetList),o=l.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className);return c.createElement("div",{className:o},c.createElement(i.Button,{disabled:t,type:"button",icon:"pi pi-angle-right",onClick:function(t){var n=e.sourceSelection;if(l.ObjectUtils.isNotEmpty(n)){for(var r=S(e.target),i=S(e.source),a=0;a<n.length;a++){var o=n[a];-1===l.ObjectUtils.findIndexInList(o,r,e.dataKey)&&r.push(i.splice(l.ObjectUtils.findIndexInList(o,i,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:i,target:r,direction:"toTarget"})}}}),c.createElement(i.Button,{disabled:r,type:"button",icon:"pi pi-angle-double-right",onClick:function(t){if(e.source){var n=[].concat(S(e.target),S(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"})}}}),c.createElement(i.Button,{disabled:n,type:"button",icon:"pi pi-angle-left",onClick:function(t){var n=e.targetSelection;if(l.ObjectUtils.isNotEmpty(n)){for(var r=S(e.target),i=S(e.source),a=0;a<n.length;a++){var o=n[a];-1===l.ObjectUtils.findIndexInList(o,i,e.dataKey)&&i.push(r.splice(l.ObjectUtils.findIndexInList(o,r,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:i,target:r,direction:"toSource"})}}}),c.createElement(i.Button,{disabled:a,type:"button",icon:"pi pi-angle-double-left",onClick:function(t){if(e.source){var n=[].concat(S(e.source),S(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"})}}}))}));C.displayName="PickListTransferControls";var N=c.memo(c.forwardRef((function(e,t){var i=v.getProps(e),a=d(c.useState([]),2),o=a[0],u=a[1],p=d(c.useState([]),2),f=p[0],m=p[1],g=d(c.useState(""),2),b=g[0],y=g[1],h=d(c.useState(""),2),S=h[0],T=h[1],N=c.useRef(null),O=c.useRef(null),I=c.useRef(null),j=c.useRef(null),w=c.useRef(null),L=i.sourceSelection?i.sourceSelection:o,K=i.targetSelection?i.targetSelection:f,F=i.onSourceFilterChange?i.sourceFilterValue:b,U=i.onTargetFilterChange?i.targetFilterValue:S,P=l.ObjectUtils.isNotEmpty(i.filterBy),x=P&&i.showSourceFilter,R=P&&i.showTargetFilter,M=function(e,t){if(e){var n=l.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":A(n,-1);break;case"top":n.scrollTop=0;break;case"down":A(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},D=function(e,t,n){i.onChange&&i.onChange({originalEvent:e.originalEvent,source:t,target:n})},A=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");l.ObjectUtils.isNotEmpty(n)&&l.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},B=function(e,t,n){"sourceSelection"===t?u(e.value):m(e.value),n&&n(e),l.ObjectUtils.isNotEmpty(L)&&"targetSelection"===t?u([]):l.ObjectUtils.isNotEmpty(K)&&"sourceSelection"===t&&m([])},H=function(e){var t=e.originalEvent,n=e.value,r=d("source"===e.type?[y,i.onSourceFilterChange]:[T,i.onTargetFilterChange],2),l=r[0],a=r[1];a?a({originalEvent:t,value:n}):l(n)},V=function(e,t){var n=d("source"===t?[F,_]:[U,J],2),r=n[0],i=n[1];return P&&l.ObjectUtils.isNotEmpty(r)?i(r):e},_=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.trim().toLocaleLowerCase(i.filterLocale);return X(i.source,t)},J=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.trim().toLocaleLowerCase(i.filterLocale);return X(i.target,t)},X=function(e,t){var r=P?i.filterBy.split(","):[];return n.FilterService.filter(e,r,t,i.filterMatchMode,i.filterLocale)};c.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return N.current}}})),r.useUpdateEffect((function(){j.current&&(M(j.current,w.current),j.current=null,w.current=null)}));var z=v.getOtherProps(i),Y=l.classNames("p-picklist p-component",i.className),$=i.sourceItemTemplate?i.sourceItemTemplate:i.itemTemplate,q=i.targetItemTemplate?i.targetItemTemplate:i.itemTemplate,G=V(i.source,"source"),Q=V(i.target,"target");return c.createElement("div",s({id:i.id,ref:N,className:Y,style:i.style},z),i.showSourceControls&&c.createElement(E,{list:i.source,selection:L,onReorder:function(e){D(e,e.value,i.target),j.current=O.current.listElementRef.current,w.current=e.direction},className:"p-picklist-source-controls",dataKey:i.dataKey}),c.createElement(k,{ref:O,type:"source",list:G,selection:L,onSelectionChange:function(e){return B(e,"sourceSelection",i.onSourceSelectionChange)},itemTemplate:$,header:i.sourceHeader,style:i.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:F,onFilter:H,showFilter:x,placeholder:i.sourceFilterPlaceholder,template:i.sourceFilterTemplate}),c.createElement(C,{onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,l=[];switch(e.direction){case"toTarget":l=L,i.onMoveToTarget&&i.onMoveToTarget({originalEvent:t,value:l});break;case"allToTarget":l=i.source,i.onMoveAllToTarget&&i.onMoveAllToTarget({originalEvent:t,value:l});break;case"toSource":l=K,i.onMoveToSource&&i.onMoveToSource({originalEvent:t,value:l});break;case"allToSource":l=i.target,i.onMoveAllToSource&&i.onMoveAllToSource({originalEvent:t,value:l})}B({originalEvent:t,value:l},"sourceSelection",i.onSourceSelectionChange),B({originalEvent:t,value:l},"targetSelection",i.onTargetSelectionChange),D(e,n,r)},source:i.source,visibleSourceList:G,target:i.target,visibleTargetList:Q,sourceSelection:L,targetSelection:K,dataKey:i.dataKey}),c.createElement(k,{ref:I,type:"target",list:Q,selection:K,onSelectionChange:function(e){return B(e,"targetSelection",i.onTargetSelectionChange)},itemTemplate:q,header:i.targetHeader,style:i.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:U,onFilter:H,showFilter:R,placeholder:i.targetFilterPlaceholder,template:i.targetFilterTemplate}),i.showTargetControls&&c.createElement(E,{list:i.target,selection:K,onReorder:function(e){D(e,i.source,e.value),j.current=I.current.listElementRef.current,w.current=e.direction},className:"p-picklist-target-controls",dataKey:i.dataKey}))})));return N.displayName="PickList",e.PickList=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.button,primereact.ripple);

package/portal/package.json

@@ -1,5 +1,6 @@
 {
     "main": "./portal.cjs.js",
     "module": "./portal.esm.js",
-    "unpkg": "./portal.min.js"
+    "unpkg": "./portal.min.js",
+    "sideEffects": false
 }

package/portal/portal.cjs.js

@@ -50,9 +50,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -68,9 +66,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -91,7 +87,26 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Portal = /*#__PURE__*/React__namespace.memo(function (props) {
+var PortalBase = {
+  defaultProps: {
+    __TYPE: 'Portal',
+    element: null,
+    appendTo: null,
+    visible: false,
+    onMounted: null,
+    onUnmounted: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, PortalBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, PortalBase.defaultProps);
+  }
+};
+
+var Portal = /*#__PURE__*/React__namespace.memo(function (inProps) {
+  var props = PortalBase.getProps(inProps);
   var _React$useState = React__namespace.useState(props.visible && utils.DomHandler.hasDOM()),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     mountedState = _React$useState2[0],
@@ -116,13 +131,5 @@ var Portal = /*#__PURE__*/React__namespace.memo(function (props) {
   return null;
 });
 Portal.displayName = 'Portal';
-Portal.defaultProps = {
-  __TYPE: 'Portal',
-  element: null,
-  appendTo: null,
-  visible: false,
-  onMounted: null,
-  onUnmounted: null
-};
 
 exports.Portal = Portal;

package/portal/portal.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom"),r=require("primereact/api"),n=require("primereact/hooks"),o=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e),i=u(t),c=u(r);function f(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,a,l=[],i=!0,c=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=u.call(r)).done)&&(l.push(n.value),l.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}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.")}var y=l.memo((function(e){var t,r,u=l.useState(e.visible&&o.DomHandler.hasDOM()),a=(r=2,f(t=u)||d(t,r)||p(t,r)||m()),s=a[0],y=a[1];n.useMountEffect((function(){o.DomHandler.hasDOM()&&!s&&(y(!0),e.onMounted&&e.onMounted())})),n.useUpdateEffect((function(){e.onMounted&&e.onMounted()}),[s]),n.useUnmountEffect((function(){e.onUnmounted&&e.onUnmounted()}));var b=e.element||e.children;if(b&&s){var v=e.appendTo||c.default.appendTo||document.body;return"self"===v?b:i.default.createPortal(b,v)}return null}));y.displayName="Portal",y.defaultProps={__TYPE:"Portal",element:null,appendTo:null,visible:!1,onMounted:null,onUnmounted:null},exports.Portal=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom"),r=require("primereact/api"),n=require("primereact/hooks"),o=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(e),i=u(t),c=u(r);function f(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,l,a=[],i=!0,c=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=u.call(r)).done)&&(a.push(n.value),a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}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.")}var b={defaultProps:{__TYPE:"Portal",element:null,appendTo:null,visible:!1,onMounted:null,onUnmounted:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,b.defaultProps)}},y=a.memo((function(e){var t,r,u=b.getProps(e),l=a.useState(u.visible&&o.DomHandler.hasDOM()),s=(r=2,f(t=l)||d(t,r)||p(t,r)||m()),y=s[0],v=s[1];n.useMountEffect((function(){o.DomHandler.hasDOM()&&!y&&(v(!0),u.onMounted&&u.onMounted())})),n.useUpdateEffect((function(){u.onMounted&&u.onMounted()}),[y]),n.useUnmountEffect((function(){u.onUnmounted&&u.onUnmounted()}));var h=u.element||u.children;if(h&&y){var O=u.appendTo||c.default.appendTo||document.body;return"self"===O?h:i.default.createPortal(h,O)}return null}));y.displayName="Portal",exports.Portal=y;

package/portal/portal.esm.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import ReactDOM from 'react-dom';
 import PrimeReact from 'primereact/api';
 import { useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
-import { DomHandler } from 'primereact/utils';
+import { ObjectUtils, DomHandler } from 'primereact/utils';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -22,9 +22,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -40,9 +38,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -63,7 +59,26 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Portal = /*#__PURE__*/React.memo(function (props) {
+var PortalBase = {
+  defaultProps: {
+    __TYPE: 'Portal',
+    element: null,
+    appendTo: null,
+    visible: false,
+    onMounted: null,
+    onUnmounted: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, PortalBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, PortalBase.defaultProps);
+  }
+};
+
+var Portal = /*#__PURE__*/React.memo(function (inProps) {
+  var props = PortalBase.getProps(inProps);
   var _React$useState = React.useState(props.visible && DomHandler.hasDOM()),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     mountedState = _React$useState2[0],
@@ -88,13 +103,5 @@ var Portal = /*#__PURE__*/React.memo(function (props) {
   return null;
 });
 Portal.displayName = 'Portal';
-Portal.defaultProps = {
-  __TYPE: 'Portal',
-  element: null,
-  appendTo: null,
-  visible: false,
-  onMounted: null,
-  onUnmounted: null
-};
 
 export { Portal };

package/portal/portal.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import r from"react-dom";import n from"primereact/api";import{useMountEffect as e,useUpdateEffect as o,useUnmountEffect as a}from"primereact/hooks";import{DomHandler as l}from"primereact/utils";function u(t){if(Array.isArray(t))return t}function i(t,r){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var e,o,a,l,u=[],i=!0,c=!1;try{if(a=(n=n.call(t)).next,0===r){if(Object(n)!==n)return;i=!1}else for(;!(i=(e=a.call(n)).done)&&(u.push(e.value),u.length!==r);i=!0);}catch(t){c=!0,o=t}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return u}}function c(t,r){(null==r||r>t.length)&&(r=t.length);for(var n=0,e=new Array(r);n<r;n++)e[n]=t[n];return e}function f(t,r){if(t){if("string"==typeof t)return c(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(t,r):void 0}}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.")}var p=t.memo((function(c){var p,d,s=t.useState(c.visible&&l.hasDOM()),y=(d=2,u(p=s)||i(p,d)||f(p,d)||m()),b=y[0],v=y[1];e((function(){l.hasDOM()&&!b&&(v(!0),c.onMounted&&c.onMounted())})),o((function(){c.onMounted&&c.onMounted()}),[b]),a((function(){c.onUnmounted&&c.onUnmounted()}));var h=c.element||c.children;if(h&&b){var M=c.appendTo||n.appendTo||document.body;return"self"===M?h:r.createPortal(h,M)}return null}));p.displayName="Portal",p.defaultProps={__TYPE:"Portal",element:null,appendTo:null,visible:!1,onMounted:null,onUnmounted:null};export{p as Portal};
+import*as r from"react";import t from"react-dom";import e from"primereact/api";import{useMountEffect as n,useUpdateEffect as o,useUnmountEffect as l}from"primereact/hooks";import{ObjectUtils as a,DomHandler as u}from"primereact/utils";function i(r){if(Array.isArray(r))return r}function f(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var n,o,l,a,u=[],i=!0,f=!1;try{if(l=(e=e.call(r)).next,0===t){if(Object(e)!==e)return;i=!1}else for(;!(i=(n=l.call(e)).done)&&(u.push(n.value),u.length!==t);i=!0);}catch(r){f=!0,o=r}finally{try{if(!i&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}function c(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function p(r,t){if(r){if("string"==typeof r)return c(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?c(r,t):void 0}}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.")}var d={defaultProps:{__TYPE:"Portal",element:null,appendTo:null,visible:!1,onMounted:null,onUnmounted:null,children:void 0},getProps:function(r){return a.getMergedProps(r,d.defaultProps)},getOtherProps:function(r){return a.getDiffProps(r,d.defaultProps)}},s=r.memo((function(a){var c,s,y=d.getProps(a),h=r.useState(y.visible&&u.hasDOM()),v=(s=2,i(c=h)||f(c,s)||p(c,s)||m()),b=v[0],g=v[1];n((function(){u.hasDOM()&&!b&&(g(!0),y.onMounted&&y.onMounted())})),o((function(){y.onMounted&&y.onMounted()}),[b]),l((function(){y.onUnmounted&&y.onUnmounted()}));var P=y.element||y.children;if(P&&b){var M=y.appendTo||e.appendTo||document.body;return"self"===M?P:t.createPortal(P,M)}return null}));s.displayName="Portal";export{s as Portal};