primereact 8.2.0 → 8.5.0

package/password/password.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
 import { CSSTransitionProps } from '../csstransition';
+import { InputText } from '../inputtext';
 
 type PasswordHeaderType = React.ReactNode | ((props: PasswordProps) => React.ReactNode);
 
@@ -19,8 +20,7 @@ type PasswordIconType = React.ReactNode | ((e: PasswordIconParams) => React.Reac
 
 type PasswordAppendToType = 'self' | HTMLElement | undefined | null;
 
-export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput'|'ref'> {
-    id?: string;
+export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput' | 'ref'> {
     inputId?: string;
     inputRef?: React.Ref<HTMLInputElement>;
     promptLabel?: string;
@@ -38,8 +38,6 @@ export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputH
     icon?: PasswordIconType;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
-    style?: object;
-    className?: string;
     inputStyle?: object;
     inputClassName?: string;
     panelStyle?: object;
@@ -51,4 +49,8 @@ export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputH
     children?: React.ReactNode;
 }
 
-export declare class Password extends React.Component<PasswordProps, any> { }
+export declare class Password extends React.Component<PasswordProps, any> {
+    public getElement(): HTMLDivElement;
+    public getInput(): InputText;
+    public getOverlay(): HTMLElement;
+}

package/password/password.esm.js

@@ -137,9 +137,10 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       bindOverlayListener = _useOverlayListener2[0],
       unbindOverlayListener = _useOverlayListener2[1];
 
+  var currentValue = inputRef.current && inputRef.current.value;
   var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || inputRef.current && ObjectUtils.isNotEmpty(inputRef.current.value);
-  }, [props.value, props.defaultValue, inputRef]);
+    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, props.defaultValue, currentValue]);
 
   var updateLabels = function updateLabels() {
     if (meterState) {
@@ -303,6 +304,20 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return 0;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getOverlay: function getOverlay() {
+        return overlayRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);

package/password/password.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useOverlayListener as l,useUnmountEffect as o}from"primereact/hooks";import{InputText as a}from"primereact/inputtext";import{OverlayService as i}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import{ObjectUtils as s,DomHandler as p,ZIndexUtils as c,classNames as f}from"primereact/utils";function m(){return m=Object.assign||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},m.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}function y(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 w(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function h(){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 v(e,t){return d(e)||g(e,t)||w(e,t)||h()}var E=e.memo(e.forwardRef((function(d,g){var y=d.promptLabel||n("passwordPrompt"),w=d.weakLabel||n("weak"),h=d.mediumLabel||n("medium"),b=d.strongLabel||n("strong"),k=v(e.useState(!1),2),R=k[0],x=k[1],S=v(e.useState(null),2),N=S[0],C=S[1],O=v(e.useState(y),2),I=O[0],A=O[1],L=v(e.useState(!1),2),P=L[0],T=L[1],j=v(e.useState(!1),2),M=j[0],z=j[1],F=e.useRef(null),J=e.useRef(null),K=e.useRef(d.inputRef),U=e.useRef(new RegExp(d.mediumRegex)),X=e.useRef(new RegExp(d.strongRegex)),Z=M?"text":"password",B=v(l({target:F,overlay:J,listener:function(e,t){t.valid&&G()},when:R}),2),H=B[0],V=B[1],_=e.useMemo((function(){return s.isNotEmpty(d.value)||s.isNotEmpty(d.defaultValue)||K.current&&s.isNotEmpty(K.current.value)}),[d.value,d.defaultValue,K]),D=function(){if(N){var e=null;switch(N.strength){case"weak":e=w;break;case"medium":e=h;break;case"strong":e=b}e&&I!==e&&A(e)}else I!==y&&A(y)},Y=function(e){d.feedback&&i.emit("overlay-click",{originalEvent:e,target:F.current})},$=function(){z((function(e){return!e}))},q=function(){D(),x(!0)},G=function(){x(!1)},Q=function(){c.set("overlay",J.current,t.autoZIndex,t.zIndex.overlay),K.current&&p.alignOverlay(J.current,K.current.parentElement,d.appendTo||t.appendTo)},W=function(){H(),d.onShow&&d.onShow()},ee=function(){V()},te=function(){c.clear(J.current),d.onHide&&d.onHide()},ne=function(e){return X.current.test(e)?3:U.current.test(e)?2:e.length?1:0};e.useEffect((function(){s.combinedRefs(K,d.inputRef)}),[K,d.inputRef]),e.useEffect((function(){U.current=new RegExp(d.mediumRegex)}),[d.mediumRegex]),e.useEffect((function(){X.current=new RegExp(d.strongRegex)}),[d.strongRegex]),e.useEffect((function(){!_&&p.hasClass(F.current,"p-inputwrapper-filled")&&p.removeClass(F.current,"p-inputwrapper-filled")}),[_]),o((function(){c.clear(J.current)}));var re,le,oe,ae,ie,ue,se,pe=f("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":_,"p-inputwrapper-focus":P,"p-input-icon-right":d.toggleMask},d.className),ce=f("p-password-input",d.inputClassName),fe=s.findDiffKeys(d,E.defaultProps),me=function(){if(d.toggleMask){var t=M?"pi pi-eye-slash":"pi pi-eye",n=e.createElement("i",{className:t,onClick:$});if(d.icon)n=s.getJSXElement(d.icon,{onClick:$,className:t,element:n,props:d});return n}return null}(),de=(re=f("p-password-panel p-component",d.panelClassName),oe=(le=N||{strength:"",width:"0%"}).strength,ae=le.width,ie=s.getJSXElement(d.header,d),ue=s.getJSXElement(d.footer,d),se=d.content?s.getJSXElement(d.content,d):e.createElement(e.Fragment,null,e.createElement("div",{className:"p-password-meter"},e.createElement("div",{className:"p-password-strength ".concat(oe),style:{width:ae}})),e.createElement("div",{className:"p-password-info"},I)),e.createElement(u,{element:e.createElement(r,{nodeRef:J,classNames:"p-connected-overlay",in:R,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntered:W,onExit:ee,onExited:te},e.createElement("div",{ref:J,className:re,style:d.panelStyle,onClick:Y},ie,se,ue)),appendTo:d.appendTo}));return e.createElement("div",{ref:F,id:d.id,className:pe,style:d.style},e.createElement(a,m({ref:K,id:d.inputId},fe,{type:Z,className:ce,style:d.inputStyle,onFocus:function(e){T(!0),d.feedback&&q(),d.onFocus&&d.onFocus(e)},onBlur:function(e){T(!1),d.feedback&&G(),d.onBlur&&d.onBlur(e)},onKeyUp:function(e){var t=e.keyCode||e.which;if(d.feedback){var n=null,r=null;switch(ne(e.target.value)){case 1:n=w,r={strength:"weak",width:"33.33%"};break;case 2:n=h,r={strength:"medium",width:"66.66%"};break;case 3:n=b,r={strength:"strong",width:"100%"};break;default:n=y,r=null}C(r),A(n),t&&!R&&q()}d.onKeyUp&&d.onKeyUp(e)},onInput:function(e,t){d.onInput&&d.onInput(e,t),d.onChange||(s.isNotEmpty(e.target.value)?p.addClass(F.current,"p-inputwrapper-filled"):p.removeClass(F.current,"p-inputwrapper-filled"))},tooltip:d.tooltip,tooltipOptions:d.tooltipOptions})),me,de)})));E.displayName="Password",E.defaultProps={__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null};export{E as Password};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useOverlayListener as o,useUnmountEffect as l}from"primereact/hooks";import{InputText as a}from"primereact/inputtext";import{OverlayService as u}from"primereact/overlayservice";import{Portal as i}from"primereact/portal";import{ObjectUtils as s,DomHandler as p,ZIndexUtils as c,classNames as f}from"primereact/utils";function m(){return m=Object.assign||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},m.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw o}}return l}}function y(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 w(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function v(){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 h(e,t){return d(e)||g(e,t)||w(e,t)||v()}var E=e.memo(e.forwardRef((function(d,g){var y=d.promptLabel||n("passwordPrompt"),w=d.weakLabel||n("weak"),v=d.mediumLabel||n("medium"),b=d.strongLabel||n("strong"),k=h(e.useState(!1),2),R=k[0],x=k[1],S=h(e.useState(null),2),N=S[0],C=S[1],I=h(e.useState(y),2),O=I[0],A=I[1],L=h(e.useState(!1),2),P=L[0],T=L[1],j=h(e.useState(!1),2),M=j[0],z=j[1],F=e.useRef(null),H=e.useRef(null),J=e.useRef(d.inputRef),K=e.useRef(new RegExp(d.mediumRegex)),U=e.useRef(new RegExp(d.strongRegex)),X=M?"text":"password",Z=h(o({target:F,overlay:H,listener:function(e,t){t.valid&&Q()},when:R}),2),B=Z[0],V=Z[1],_=J.current&&J.current.value,D=e.useMemo((function(){return s.isNotEmpty(d.value)||s.isNotEmpty(d.defaultValue)||s.isNotEmpty(_)}),[d.value,d.defaultValue,_]),Y=function(){if(N){var e=null;switch(N.strength){case"weak":e=w;break;case"medium":e=v;break;case"strong":e=b}e&&O!==e&&A(e)}else O!==y&&A(y)},$=function(e){d.feedback&&u.emit("overlay-click",{originalEvent:e,target:F.current})},q=function(){z((function(e){return!e}))},G=function(){Y(),x(!0)},Q=function(){x(!1)},W=function(){c.set("overlay",H.current,t.autoZIndex,t.zIndex.overlay),J.current&&p.alignOverlay(H.current,J.current.parentElement,d.appendTo||t.appendTo)},ee=function(){B(),d.onShow&&d.onShow()},te=function(){V()},ne=function(){c.clear(H.current),d.onHide&&d.onHide()},re=function(e){return U.current.test(e)?3:K.current.test(e)?2:e.length?1:0};e.useImperativeHandle(g,(function(){return{props:d,getElement:function(){return F.current},getOverlay:function(){return H.current},getInput:function(){return J.current}}})),e.useEffect((function(){s.combinedRefs(J,d.inputRef)}),[J,d.inputRef]),e.useEffect((function(){K.current=new RegExp(d.mediumRegex)}),[d.mediumRegex]),e.useEffect((function(){U.current=new RegExp(d.strongRegex)}),[d.strongRegex]),e.useEffect((function(){!D&&p.hasClass(F.current,"p-inputwrapper-filled")&&p.removeClass(F.current,"p-inputwrapper-filled")}),[D]),l((function(){c.clear(H.current)}));var oe,le,ae,ue,ie,se,pe,ce=f("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":D,"p-inputwrapper-focus":P,"p-input-icon-right":d.toggleMask},d.className),fe=f("p-password-input",d.inputClassName),me=s.findDiffKeys(d,E.defaultProps),de=function(){if(d.toggleMask){var t=M?"pi pi-eye-slash":"pi pi-eye",n=e.createElement("i",{className:t,onClick:q});if(d.icon)n=s.getJSXElement(d.icon,{onClick:q,className:t,element:n,props:d});return n}return null}(),ge=(oe=f("p-password-panel p-component",d.panelClassName),ae=(le=N||{strength:"",width:"0%"}).strength,ue=le.width,ie=s.getJSXElement(d.header,d),se=s.getJSXElement(d.footer,d),pe=d.content?s.getJSXElement(d.content,d):e.createElement(e.Fragment,null,e.createElement("div",{className:"p-password-meter"},e.createElement("div",{className:"p-password-strength ".concat(ae),style:{width:ue}})),e.createElement("div",{className:"p-password-info"},O)),e.createElement(i,{element:e.createElement(r,{nodeRef:H,classNames:"p-connected-overlay",in:R,timeout:{enter:120,exit:100},options:d.transitionOptions,unmountOnExit:!0,onEnter:W,onEntered:ee,onExit:te,onExited:ne},e.createElement("div",{ref:H,className:oe,style:d.panelStyle,onClick:$},ie,pe,se)),appendTo:d.appendTo}));return e.createElement("div",{ref:F,id:d.id,className:ce,style:d.style},e.createElement(a,m({ref:J,id:d.inputId},me,{type:X,className:fe,style:d.inputStyle,onFocus:function(e){T(!0),d.feedback&&G(),d.onFocus&&d.onFocus(e)},onBlur:function(e){T(!1),d.feedback&&Q(),d.onBlur&&d.onBlur(e)},onKeyUp:function(e){var t=e.keyCode||e.which;if(d.feedback){var n=null,r=null;switch(re(e.target.value)){case 1:n=w,r={strength:"weak",width:"33.33%"};break;case 2:n=v,r={strength:"medium",width:"66.66%"};break;case 3:n=b,r={strength:"strong",width:"100%"};break;default:n=y,r=null}C(r),A(n),t&&!R&&G()}d.onKeyUp&&d.onKeyUp(e)},onInput:function(e,t){d.onInput&&d.onInput(e,t),d.onChange||(s.isNotEmpty(e.target.value)?p.addClass(F.current,"p-inputwrapper-filled"):p.removeClass(F.current,"p-inputwrapper-filled"))},tooltip:d.tooltip,tooltipOptions:d.tooltipOptions})),de,ge)})));E.displayName="Password",E.defaultProps={__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null};export{E as Password};

package/password/password.js

@@ -155,9 +155,10 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
         bindOverlayListener = _useOverlayListener2[0],
         unbindOverlayListener = _useOverlayListener2[1];
 
+    var currentValue = inputRef.current && inputRef.current.value;
     var isFilled = React__namespace.useMemo(function () {
-      return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || inputRef.current && utils.ObjectUtils.isNotEmpty(inputRef.current.value);
-    }, [props.value, props.defaultValue, inputRef]);
+      return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);
+    }, [props.value, props.defaultValue, currentValue]);
 
     var updateLabels = function updateLabels() {
       if (meterState) {
@@ -321,6 +322,20 @@ this.primereact.password = (function (exports, React, PrimeReact, csstransition,
       return 0;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getOverlay: function getOverlay() {
+          return overlayRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        }
+      };
+    });
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);

package/password/password.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,l,a,o,i,u){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 p=c(t),f=s(n);function d(){return d=Object.assign||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},d.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw l}}return a}}function y(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 b(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return m(e)||g(e,t)||b(e,t)||w()}var h=p.memo(p.forwardRef((function(e,t){var s=e.promptLabel||n.localeOption("passwordPrompt"),c=e.weakLabel||n.localeOption("weak"),m=e.mediumLabel||n.localeOption("medium"),g=e.strongLabel||n.localeOption("strong"),y=v(p.useState(!1),2),b=y[0],w=y[1],E=v(p.useState(null),2),O=E[0],k=E[1],x=v(p.useState(s),2),R=x[0],S=x[1],N=v(p.useState(!1),2),j=N[0],U=N[1],C=v(p.useState(!1),2),I=C[0],P=C[1],A=p.useRef(null),L=p.useRef(null),T=p.useRef(e.inputRef),H=p.useRef(new RegExp(e.mediumRegex)),D=p.useRef(new RegExp(e.strongRegex)),M=I?"text":"password",Z=v(l.useOverlayListener({target:A,overlay:L,listener:function(e,t){t.valid&&V()},when:b}),2),_=Z[0],z=Z[1],F=p.useMemo((function(){return u.ObjectUtils.isNotEmpty(e.value)||u.ObjectUtils.isNotEmpty(e.defaultValue)||T.current&&u.ObjectUtils.isNotEmpty(T.current.value)}),[e.value,e.defaultValue,T]),J=function(){if(O){var e=null;switch(O.strength){case"weak":e=c;break;case"medium":e=m;break;case"strong":e=g}e&&R!==e&&S(e)}else R!==s&&S(s)},K=function(t){e.feedback&&o.OverlayService.emit("overlay-click",{originalEvent:t,target:A.current})},X=function(){P((function(e){return!e}))},B=function(){J(),w(!0)},V=function(){w(!1)},Y=function(){u.ZIndexUtils.set("overlay",L.current,f.default.autoZIndex,f.default.zIndex.overlay),T.current&&u.DomHandler.alignOverlay(L.current,T.current.parentElement,e.appendTo||f.default.appendTo)},$=function(){_(),e.onShow&&e.onShow()},q=function(){z()},G=function(){u.ZIndexUtils.clear(L.current),e.onHide&&e.onHide()},Q=function(e){return D.current.test(e)?3:H.current.test(e)?2:e.length?1:0};p.useEffect((function(){u.ObjectUtils.combinedRefs(T,e.inputRef)}),[T,e.inputRef]),p.useEffect((function(){H.current=new RegExp(e.mediumRegex)}),[e.mediumRegex]),p.useEffect((function(){D.current=new RegExp(e.strongRegex)}),[e.strongRegex]),p.useEffect((function(){!F&&u.DomHandler.hasClass(A.current,"p-inputwrapper-filled")&&u.DomHandler.removeClass(A.current,"p-inputwrapper-filled")}),[F]),l.useUnmountEffect((function(){u.ZIndexUtils.clear(L.current)}));var W,ee,te,ne,re,le,ae,oe=u.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":F,"p-inputwrapper-focus":j,"p-input-icon-right":e.toggleMask},e.className),ie=u.classNames("p-password-input",e.inputClassName),ue=u.ObjectUtils.findDiffKeys(e,h.defaultProps),se=function(){if(e.toggleMask){var t=I?"pi pi-eye-slash":"pi pi-eye",n=p.createElement("i",{className:t,onClick:X});if(e.icon)n=u.ObjectUtils.getJSXElement(e.icon,{onClick:X,className:t,element:n,props:e});return n}return null}(),ce=(W=u.classNames("p-password-panel p-component",e.panelClassName),te=(ee=O||{strength:"",width:"0%"}).strength,ne=ee.width,re=u.ObjectUtils.getJSXElement(e.header,e),le=u.ObjectUtils.getJSXElement(e.footer,e),ae=e.content?u.ObjectUtils.getJSXElement(e.content,e):p.createElement(p.Fragment,null,p.createElement("div",{className:"p-password-meter"},p.createElement("div",{className:"p-password-strength ".concat(te),style:{width:ne}})),p.createElement("div",{className:"p-password-info"},R)),p.createElement(i.Portal,{element:p.createElement(r.CSSTransition,{nodeRef:L,classNames:"p-connected-overlay",in:b,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:Y,onEntered:$,onExit:q,onExited:G},p.createElement("div",{ref:L,className:W,style:e.panelStyle,onClick:K},re,ae,le)),appendTo:e.appendTo}));return p.createElement("div",{ref:A,id:e.id,className:oe,style:e.style},p.createElement(a.InputText,d({ref:T,id:e.inputId},ue,{type:M,className:ie,style:e.inputStyle,onFocus:function(t){U(!0),e.feedback&&B(),e.onFocus&&e.onFocus(t)},onBlur:function(t){U(!1),e.feedback&&V(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){var n=t.keyCode||t.which;if(e.feedback){var r=null,l=null;switch(Q(t.target.value)){case 1:r=c,l={strength:"weak",width:"33.33%"};break;case 2:r=m,l={strength:"medium",width:"66.66%"};break;case 3:r=g,l={strength:"strong",width:"100%"};break;default:r=s,l=null}k(l),S(r),n&&!b&&B()}e.onKeyUp&&e.onKeyUp(t)},onInput:function(t,n){e.onInput&&e.onInput(t,n),e.onChange||(u.ObjectUtils.isNotEmpty(t.target.value)?u.DomHandler.addClass(A.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(A.current,"p-inputwrapper-filled"))},tooltip:e.tooltip,tooltipOptions:e.tooltipOptions})),se,ce)})));return h.displayName="Password",h.defaultProps={__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null},e.Password=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.inputtext,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,l,a,o,u,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 p=c(t),f=s(n);function d(){return d=Object.assign||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},d.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){u=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw l}}return a}}function y(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 v(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return m(e)||g(e,t)||v(e,t)||b()}var h=p.memo(p.forwardRef((function(e,t){var s=e.promptLabel||n.localeOption("passwordPrompt"),c=e.weakLabel||n.localeOption("weak"),m=e.mediumLabel||n.localeOption("medium"),g=e.strongLabel||n.localeOption("strong"),y=w(p.useState(!1),2),v=y[0],b=y[1],E=w(p.useState(null),2),O=E[0],k=E[1],x=w(p.useState(s),2),R=x[0],S=x[1],N=w(p.useState(!1),2),j=N[0],U=N[1],I=w(p.useState(!1),2),C=I[0],P=I[1],A=p.useRef(null),H=p.useRef(null),L=p.useRef(e.inputRef),T=p.useRef(new RegExp(e.mediumRegex)),D=p.useRef(new RegExp(e.strongRegex)),M=C?"text":"password",Z=w(l.useOverlayListener({target:A,overlay:H,listener:function(e,t){t.valid&&Y()},when:v}),2),_=Z[0],z=Z[1],F=L.current&&L.current.value,J=p.useMemo((function(){return i.ObjectUtils.isNotEmpty(e.value)||i.ObjectUtils.isNotEmpty(e.defaultValue)||i.ObjectUtils.isNotEmpty(F)}),[e.value,e.defaultValue,F]),K=function(){if(O){var e=null;switch(O.strength){case"weak":e=c;break;case"medium":e=m;break;case"strong":e=g}e&&R!==e&&S(e)}else R!==s&&S(s)},X=function(t){e.feedback&&o.OverlayService.emit("overlay-click",{originalEvent:t,target:A.current})},B=function(){P((function(e){return!e}))},V=function(){K(),b(!0)},Y=function(){b(!1)},$=function(){i.ZIndexUtils.set("overlay",H.current,f.default.autoZIndex,f.default.zIndex.overlay),L.current&&i.DomHandler.alignOverlay(H.current,L.current.parentElement,e.appendTo||f.default.appendTo)},q=function(){_(),e.onShow&&e.onShow()},G=function(){z()},Q=function(){i.ZIndexUtils.clear(H.current),e.onHide&&e.onHide()},W=function(e){return D.current.test(e)?3:T.current.test(e)?2:e.length?1:0};p.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return A.current},getOverlay:function(){return H.current},getInput:function(){return L.current}}})),p.useEffect((function(){i.ObjectUtils.combinedRefs(L,e.inputRef)}),[L,e.inputRef]),p.useEffect((function(){T.current=new RegExp(e.mediumRegex)}),[e.mediumRegex]),p.useEffect((function(){D.current=new RegExp(e.strongRegex)}),[e.strongRegex]),p.useEffect((function(){!J&&i.DomHandler.hasClass(A.current,"p-inputwrapper-filled")&&i.DomHandler.removeClass(A.current,"p-inputwrapper-filled")}),[J]),l.useUnmountEffect((function(){i.ZIndexUtils.clear(H.current)}));var ee,te,ne,re,le,ae,oe,ue=i.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":J,"p-inputwrapper-focus":j,"p-input-icon-right":e.toggleMask},e.className),ie=i.classNames("p-password-input",e.inputClassName),se=i.ObjectUtils.findDiffKeys(e,h.defaultProps),ce=function(){if(e.toggleMask){var t=C?"pi pi-eye-slash":"pi pi-eye",n=p.createElement("i",{className:t,onClick:B});if(e.icon)n=i.ObjectUtils.getJSXElement(e.icon,{onClick:B,className:t,element:n,props:e});return n}return null}(),pe=(ee=i.classNames("p-password-panel p-component",e.panelClassName),ne=(te=O||{strength:"",width:"0%"}).strength,re=te.width,le=i.ObjectUtils.getJSXElement(e.header,e),ae=i.ObjectUtils.getJSXElement(e.footer,e),oe=e.content?i.ObjectUtils.getJSXElement(e.content,e):p.createElement(p.Fragment,null,p.createElement("div",{className:"p-password-meter"},p.createElement("div",{className:"p-password-strength ".concat(ne),style:{width:re}})),p.createElement("div",{className:"p-password-info"},R)),p.createElement(u.Portal,{element:p.createElement(r.CSSTransition,{nodeRef:H,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:q,onExit:G,onExited:Q},p.createElement("div",{ref:H,className:ee,style:e.panelStyle,onClick:X},le,oe,ae)),appendTo:e.appendTo}));return p.createElement("div",{ref:A,id:e.id,className:ue,style:e.style},p.createElement(a.InputText,d({ref:L,id:e.inputId},se,{type:M,className:ie,style:e.inputStyle,onFocus:function(t){U(!0),e.feedback&&V(),e.onFocus&&e.onFocus(t)},onBlur:function(t){U(!1),e.feedback&&Y(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){var n=t.keyCode||t.which;if(e.feedback){var r=null,l=null;switch(W(t.target.value)){case 1:r=c,l={strength:"weak",width:"33.33%"};break;case 2:r=m,l={strength:"medium",width:"66.66%"};break;case 3:r=g,l={strength:"strong",width:"100%"};break;default:r=s,l=null}k(l),S(r),n&&!v&&V()}e.onKeyUp&&e.onKeyUp(t)},onInput:function(t,n){e.onInput&&e.onInput(t,n),e.onChange||(i.ObjectUtils.isNotEmpty(t.target.value)?i.DomHandler.addClass(A.current,"p-inputwrapper-filled"):i.DomHandler.removeClass(A.current,"p-inputwrapper-filled"))},tooltip:e.tooltip,tooltipOptions:e.tooltipOptions})),ce,pe)})));return h.displayName="Password",h.defaultProps={__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,onInput:null,onShow:null,onHide:null},e.Password=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.inputtext,primereact.overlayservice,primereact.portal,primereact.utils);

package/picklist/picklist.cjs.js

@@ -125,7 +125,7 @@ function _toConsumableArray(arr) {
 }
 
 var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
-  var moveDisabled = !props.selection.length;
+  var moveDisabled = !props.selection || !props.selection.length;
 
   var moveUp = function moveUp(event) {
     var selectedItems = props.selection;
@@ -643,12 +643,13 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       targetFilterValueState = _React$useState8[0],
       setTargetFilterValueState = _React$useState8[1];
 
+  var elementRef = React__namespace.useRef(null);
   var sourceListElementRef = React__namespace.useRef(null);
   var targetListElementRef = React__namespace.useRef(null);
   var reorderedListElementRef = React__namespace.useRef(null);
   var reorderDirection = React__namespace.useRef(null);
-  var sourceSelection = props.onSourceSelectionChange ? props.sourceSelection : sourceSelectionState;
-  var targetSelection = props.onTargetSelectionChange ? props.targetSelection : targetSelectionState;
+  var sourceSelection = props.sourceSelection ? props.sourceSelection : sourceSelectionState;
+  var targetSelection = props.targetSelection ? props.targetSelection : targetSelectionState;
   var sourceFilteredValue = props.onSourceFilterChange ? props.sourceFilterValue : sourceFilterValueState;
   var targetFilteredValue = props.onTargetFilterChange ? props.targetFilterValue : targetFilterValueState;
   var hasFilterBy = utils.ObjectUtils.isNotEmpty(props.filterBy);
@@ -709,43 +710,52 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         source = event.source,
         target = event.target,
         direction = event.direction;
+    var selectedValue = [];
 
     switch (direction) {
       case 'toTarget':
+        selectedValue = sourceSelection;
+
         if (props.onMoveToTarget) {
           props.onMoveToTarget({
             originalEvent: originalEvent,
-            value: sourceSelection
+            value: selectedValue
           });
         }
 
         break;
 
       case 'allToTarget':
+        selectedValue = props.source;
+
         if (props.onMoveAllToTarget) {
           props.onMoveAllToTarget({
             originalEvent: originalEvent,
-            value: props.source
+            value: selectedValue
           });
         }
 
         break;
 
       case 'toSource':
+        selectedValue = targetSelection;
+
         if (props.onMoveToSource) {
           props.onMoveToSource({
             originalEvent: originalEvent,
-            value: targetSelection
+            value: selectedValue
           });
         }
 
         break;
 
       case 'allToSource':
+        selectedValue = props.target;
+
         if (props.onMoveAllToSource) {
           props.onMoveAllToSource({
             originalEvent: originalEvent,
-            value: props.target
+            value: selectedValue
           });
         }
 
@@ -754,12 +764,12 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
     _onSelectionChange({
       originalEvent: originalEvent,
-      value: []
+      value: selectedValue
     }, 'sourceSelection', props.onSourceSelectionChange);
 
     _onSelectionChange({
       originalEvent: originalEvent,
-      value: []
+      value: selectedValue
     }, 'targetSelection', props.onTargetSelectionChange);
 
     handleChange(event, source, target);
@@ -775,10 +785,10 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var _onSelectionChange = function onSelectionChange(e, stateKey, callback) {
+    if (stateKey === 'sourceSelection') setSourceSelectionState(e.value);else setTargetSelectionState(e.value);
+
     if (callback) {
       callback(e);
-    } else {
-      if (stateKey === 'sourceSelection') setSourceSelectionState(e.value);else setTargetSelectionState(e.value);
     }
 
     if (utils.ObjectUtils.isNotEmpty(sourceSelection) && stateKey === 'targetSelection') {
@@ -834,6 +844,14 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return api.FilterService.filter(list, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   hooks.useUpdateEffect(function () {
     if (reorderedListElementRef.current) {
       handleScrollPosition(reorderedListElementRef.current, reorderDirection.current);
@@ -849,6 +867,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var targetList = getVisibleList(props.target, 'target');
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), props.showSourceControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {

package/picklist/picklist.cjs.min.js

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

package/picklist/picklist.d.ts

@@ -72,4 +72,6 @@ export interface PickListProps {
     children?: React.ReactNode;
 }
 
-export declare class PickList extends React.Component<PickListProps, any> { }
+export declare class PickList extends React.Component<PickListProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/picklist/picklist.esm.js

@@ -101,7 +101,7 @@ function _toConsumableArray(arr) {
 }
 
 var PickListControls = /*#__PURE__*/React.memo(function (props) {
-  var moveDisabled = !props.selection.length;
+  var moveDisabled = !props.selection || !props.selection.length;
 
   var moveUp = function moveUp(event) {
     var selectedItems = props.selection;
@@ -619,12 +619,13 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       targetFilterValueState = _React$useState8[0],
       setTargetFilterValueState = _React$useState8[1];
 
+  var elementRef = React.useRef(null);
   var sourceListElementRef = React.useRef(null);
   var targetListElementRef = React.useRef(null);
   var reorderedListElementRef = React.useRef(null);
   var reorderDirection = React.useRef(null);
-  var sourceSelection = props.onSourceSelectionChange ? props.sourceSelection : sourceSelectionState;
-  var targetSelection = props.onTargetSelectionChange ? props.targetSelection : targetSelectionState;
+  var sourceSelection = props.sourceSelection ? props.sourceSelection : sourceSelectionState;
+  var targetSelection = props.targetSelection ? props.targetSelection : targetSelectionState;
   var sourceFilteredValue = props.onSourceFilterChange ? props.sourceFilterValue : sourceFilterValueState;
   var targetFilteredValue = props.onTargetFilterChange ? props.targetFilterValue : targetFilterValueState;
   var hasFilterBy = ObjectUtils.isNotEmpty(props.filterBy);
@@ -685,43 +686,52 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         source = event.source,
         target = event.target,
         direction = event.direction;
+    var selectedValue = [];
 
     switch (direction) {
       case 'toTarget':
+        selectedValue = sourceSelection;
+
         if (props.onMoveToTarget) {
           props.onMoveToTarget({
             originalEvent: originalEvent,
-            value: sourceSelection
+            value: selectedValue
           });
         }
 
         break;
 
       case 'allToTarget':
+        selectedValue = props.source;
+
         if (props.onMoveAllToTarget) {
           props.onMoveAllToTarget({
             originalEvent: originalEvent,
-            value: props.source
+            value: selectedValue
           });
         }
 
         break;
 
       case 'toSource':
+        selectedValue = targetSelection;
+
         if (props.onMoveToSource) {
           props.onMoveToSource({
             originalEvent: originalEvent,
-            value: targetSelection
+            value: selectedValue
           });
         }
 
         break;
 
       case 'allToSource':
+        selectedValue = props.target;
+
         if (props.onMoveAllToSource) {
           props.onMoveAllToSource({
             originalEvent: originalEvent,
-            value: props.target
+            value: selectedValue
           });
         }
 
@@ -730,12 +740,12 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     _onSelectionChange({
       originalEvent: originalEvent,
-      value: []
+      value: selectedValue
     }, 'sourceSelection', props.onSourceSelectionChange);
 
     _onSelectionChange({
       originalEvent: originalEvent,
-      value: []
+      value: selectedValue
     }, 'targetSelection', props.onTargetSelectionChange);
 
     handleChange(event, source, target);
@@ -751,10 +761,10 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var _onSelectionChange = function onSelectionChange(e, stateKey, callback) {
+    if (stateKey === 'sourceSelection') setSourceSelectionState(e.value);else setTargetSelectionState(e.value);
+
     if (callback) {
       callback(e);
-    } else {
-      if (stateKey === 'sourceSelection') setSourceSelectionState(e.value);else setTargetSelectionState(e.value);
     }
 
     if (ObjectUtils.isNotEmpty(sourceSelection) && stateKey === 'targetSelection') {
@@ -810,6 +820,14 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return FilterService.filter(list, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   useUpdateEffect(function () {
     if (reorderedListElementRef.current) {
       handleScrollPosition(reorderedListElementRef.current, reorderDirection.current);
@@ -825,6 +843,7 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var targetList = getVisibleList(props.target, 'target');
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), props.showSourceControls && /*#__PURE__*/React.createElement(PickListControls, {

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||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=!0,o=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(o)throw l}}return i}}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 m(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 f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return s(e)||u(e,t)||m(e,t)||f()}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)||m(e)||y()}var S=e.memo((function(t){var n=!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"})}}}))}));S.displayName="PickListControls";var b=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))}));b.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)},m=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value,type:t.type})},f=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:m,onKeyDown:f,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:m,onKeyDown:f},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(b,{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],m=g(e.useState([]),2),f=m[0],d=m[1],v=g(e.useState(""),2),y=v[0],h=v[1],b=g(e.useState(""),2),C=b[0],I=b[1],w=e.useRef(null),N=e.useRef(null),K=e.useRef(null),L=e.useRef(null),F=a.onSourceSelectionChange?a.sourceSelection:u,x=a.onTargetSelectionChange?a.targetSelection:f,R=a.onSourceFilterChange?a.sourceFilterValue:y,M=a.onTargetFilterChange?a.targetFilterValue:C,A=l.isNotEmpty(a.filterBy),P=A&&a.showSourceFilter,D=A&&a.showTargetFilter,V=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)}}},j=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])},O=function(e,t,n){n?n(e):"sourceSelection"===t?p(e.value):d(e.value),l.isNotEmpty(F)&&"targetSelection"===t?p([]):l.isNotEmpty(x)&&"sourceSelection"===t&&d([])},B=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)},J=function(e,t){var n=g("source"===t?[R,X]:[M,_],2),r=n[0],i=n[1];return A&&l.isNotEmpty(r)?i(r):e},X=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.trim().toLocaleLowerCase(a.filterLocale);return U(a.source,t)},_=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.trim().toLocaleLowerCase(a.filterLocale);return U(a.target,t)},U=function(e,n){var r=A?a.filterBy.split(","):[];return t.filter(e,r,n,a.filterMatchMode,a.filterLocale)};n((function(){K.current&&(V(K.current,L.current),K.current=null,L.current=null)}));var Y=l.findDiffKeys(a,k.defaultProps),$=r("p-picklist p-component",a.className),q=a.sourceItemTemplate?a.sourceItemTemplate:a.itemTemplate,z=a.targetItemTemplate?a.targetItemTemplate:a.itemTemplate,G=J(a.source,"source"),Q=J(a.target,"target");return e.createElement("div",c({id:a.id,className:$,style:a.style},Y),a.showSourceControls&&e.createElement(S,{list:a.source,selection:F,onReorder:function(e){j(e,e.value,a.target),K.current=w.current.listElementRef.current,L.current=e.direction},className:"p-picklist-source-controls",dataKey:a.dataKey}),e.createElement(T,{ref:w,type:"source",list:G,selection:F,onSelectionChange:function(e){return O(e,"sourceSelection",a.onSourceSelectionChange)},itemTemplate:q,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:R,onFilter:B,showFilter:P,placeholder:a.sourceFilterPlaceholder,template:a.sourceFilterTemplate}),e.createElement(E,{onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target;switch(e.direction){case"toTarget":a.onMoveToTarget&&a.onMoveToTarget({originalEvent:t,value:F});break;case"allToTarget":a.onMoveAllToTarget&&a.onMoveAllToTarget({originalEvent:t,value:a.source});break;case"toSource":a.onMoveToSource&&a.onMoveToSource({originalEvent:t,value:x});break;case"allToSource":a.onMoveAllToSource&&a.onMoveAllToSource({originalEvent:t,value:a.target})}O({originalEvent:t,value:[]},"sourceSelection",a.onSourceSelectionChange),O({originalEvent:t,value:[]},"targetSelection",a.onTargetSelectionChange),j(e,n,r)},source:a.source,visibleSourceList:G,target:a.target,visibleTargetList:Q,sourceSelection:F,targetSelection:x,dataKey:a.dataKey}),e.createElement(T,{ref:N,type:"target",list:Q,selection:x,onSelectionChange:function(e){return O(e,"targetSelection",a.onTargetSelectionChange)},itemTemplate:z,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:M,onFilter:B,showFilter:D,placeholder:a.targetFilterPlaceholder,template:a.targetFilterTemplate}),a.showTargetControls&&e.createElement(S,{list:a.target,selection:x,onReorder:function(e){j(e,a.source,e.value),K.current=N.current.listElementRef.current,L.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 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||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=!0,o=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(o)throw l}}return i}}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 S=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"})}}}))}));S.displayName="PickListControls";var b=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))}));b.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(b,{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],b=g(e.useState(""),2),C=b[0],I=b[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,V=P&&a.showTargetFilter,H=function(e,t){if(e){var n=i.findSingle(e,".p-picklist-list");switch(t){case"up":O(n,-1);break;case"top":n.scrollTop=0;break;case"down":O(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},j=function(e,t,n){a.onChange&&a.onChange({originalEvent:e.originalEvent,source:t,target:n})},O=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&&(H(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(S,{list:a.source,selection:x,onReorder:function(e){j(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),j(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:V,placeholder:a.targetFilterPlaceholder,template:a.targetFilterTemplate}),a.showTargetControls&&e.createElement(S,{list:a.target,selection:R,onReorder:function(e){j(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};